优学府室内设计培训温馨提示:初高中生,大学生,在岗人员,待业青年学计算机技术,学室内设计共同的选择.
    室内设计学校教学环境
    微信号:youxuefu / QQ:398666082
    2023年室内设计专业新班预报
    选择优学府,就业才靠谱!技能+学历双修
当前位置:首页 > 学习教程 >> 网页学习教程

Dreamweaver软件页面排版布局技巧

[阅读次数: 次]  
      

    之前我们简单的介绍过DW的使用技巧,那么Dreamweaver只是如此简单的一个页面制作工具吗,实际上深入学习DW,你会发现它也是一个功能强大的页面排版和布局的软件,有很多技巧是我们所不熟悉的,还在等什么,大家一起学习吧。

     

    第一、DW格式化表格技巧


    对重复的设定各个单元格的参数是很麻烦的事情,而使用Format Table命令可以帮你快速格式化表格,此命令在Command菜单下,此命令内带多种表格配色方案,你可以选择一种,Dreamweaver会自动将色彩方案应用到你选定的表格上。

     

    第二、DW打开辅助表格技巧


    精确的定位网页元素是设计者设计的前提,设计师喜欢每个元素都能按自己的愿望精确的定位。Dreamweaver自带的Grid功能可以有助于这种希望的实现。执行命令View—Edit Grid打开坐标辅助,可以选择网格状或者是点状显示,同时打开Snap to Grid,以后插入或添加新的元素时,都会按你的设定精确定位。

     

    第三、DW同时更新多个框架页面技巧


    如果我们需要在点击一个链接时同时更新另外的两个或多个框架页面内容,应该怎么办呢?这可以通过以下步骤使用Dreamweaver的行为来实现。


    (1) 选择链接的文字或图片。


    (2) 打开行为面板(Behaviors),点击加号添加Go to URL行为。


    (3) 在Go to URL对话框中显示了当前已有的所有框架窗口,我们分别选定一个窗口名称,可以分别单独设定每个窗口将要更新的文件内容。Dreamweaver会在设定了目标文件的窗口后面加一个“*”号,表示此框架窗口已设定了URL。

    完成后点确定即可,我们点此链接,会同时更新多个窗口的内容

     

    第四、DW表格排版页面技巧


    合理利用Dreamweaver中的表格功能,可以方便的达到美化页面的目的,如:


    (1) DW如何导入数据表格

    有时我们需要将一些在Execel文件中创建的表格导入Dreamweaver中,我们可以下将原来的Execel文件另存为带制表符分隔的.txt文本文件。在Dreamweaver中执行Insert—Tabular Date打开如下窗口,添好各个参数后即可将其中的数据导入Dreamweaver的一个表格中。

     

    (2) DW如何创建1px边框

    Dreamweaver是否真的不能制作出单像素的表格边框呢?其实是可以实现的,仔细利用表格的属性面板即可实现单像素表格。


    具体操作如下:首先使用Object面板插入一个表格,定义表格宽、高及行数和列数。此时Dreamweaver中插入表格的默认CellPad和CellSpace、Border都为0。在属性面板中定义表格的Border为0,CellPad为5(这项可使单元格中的内容与单元格边缘之间保持5个像素);CellSpace为1,此项的设置使得单元格之间保持1个项素的间距。设置表格的背景色为深色,如#666,设置单元格的背景色为浅色,如#fff,此时即可完成我们想要的效果了。


    以上仅代表我要学设计网观点,本站地址:http://www.51xuesheji.com/ 长春网页设计培训学校欢迎您。

     >> 更多学习教程
学生入学,报名教程