Dreamweaver 网页设计 吴权威 王绪溢 第五章新.pptVIP

第5章 层与模板的制作与应用 5-1 用层配置网页上的图文位置 5-2 统一网页风格的模板 5-3 资源与操作记录面板 5-1　用层配置网页上的图文位置 5-1-1 建立层 5-1-2 修改层位置与大小 5-1-3 层面板 5-1-4 层属性面板 5-1-5 将层转换为表格 5-1-6 将表格转换为层 5-1-1　建立层 层（Layer）工具提供弹性的画面设计功能，它就像是Word的图文框，可以放入任何网页组件，而它的最大好处是可以任意移动位置，并互相重叠。 建立层只需单击布局模式上的　 按钮，然后到编辑区按住鼠标左键进行拖动即可建立层。 层其实是一个小的空白网页，里面可以插入任何网页组件 5-1-1　建立层 5-1-2　修改层位置与大小 修改层的位置与大小与在Word中编辑图片方法相似。选中所要编辑的层，在层的四周就会出现黑色节点，对这些节点进行拖放操作就可达到预计的效果了。 5-1-3　层面板 在层面板中可以对层进行一些设置，如重叠、改名、层的隐藏等。 5-1-4　层属性面板 在层属性面板上可以进行如插入层背景图、是否出现滚动条、调整层顺序等高级设置。 1．在层中插入背景图 操作方法与层和网页或表格一样 ： （1）选中要插入背景的区域； （2）在属性面板的单击“背景图像”栏右侧的　浏览文件按钮，打开“选择图像源文件”对话框 选中所需要的背景图片，单击“确定”按钮完成设置。 5-1-4　层属性面板 5-1-4　层属性面板 2．设置显示滚动条 在层中也可以设置如网页中的滚动条。 （1）选择要设置滚动条的层，接着在属性面板的“溢出” 列表中选择 scroll。 5-1-4　层属性面板 设置完成，层右侧和下方就会出现滚动条。 　　 在溢位菜单中： visible会依照置入对象的大小，使层向右下角扩大； hidden不改变层大小，若无法显示的部分则会被遮住； scroll表示在层里显示滚动条； auto表示当层无法显示所有对象时，才会出现滚动条。 5-1-4　层属性面板 3．调整层顺序 调整层顺序有两种方法： 用鼠标左键选定层直接进行拖动。 选择层，然后在属性面板的“Z轴”栏输入数值改变层顺序。 在层面板中，Z轴栏表示层的重叠顺序，数值越高则对象越上层 。 5-1-4　层属性面板 5-1-5　将层转换为表格 在网页上编制多个层后，可以将它们转换成表格，便于网页版面的安排。 （1）移动鼠标到菜单栏执行“修改” →“转换” →“层到表格”命令。 （2）出现“转换层为表格”对话框后，根据需要来设置选项，然后单击“确定”按钮。 5-1-5　将层转换为表格 回到网页画面后，会看到层全部变为表格了，其他相关的辅助表格Dreamweaver也会自动制作出来。 5-1-5　将层转换为表格 若是在网页中有重叠的层，那么在执行层转换表格的操作时，会出现警告信息，告诉哪些层重叠，这时只有将这些层分开，才能进行转换的动作。 5-1-6　将表格转换为层 将层转换为表格后，还是可以将它转换回来。 （1）移动鼠标到菜单栏执行“修改”→“转换” →“表格到层”命令。 （2）在“转换表格为层” 对话框中，可以勾选所 要的布局工具项目，若 不勾选也可以，最后单 击“确定”按钮。 执行转换后，表格就会统统变成层。 5-2　统一网页风格的模板 5-2-1 建立模板 5-2-2 套用模板建立新网页 5-2-3 修改模板 5-2-4 删除可编辑区域 5-2-1　建立模板 建立模板减少了重复制作网页的时间。 （1）移动鼠标到菜单栏执行“文件”→“新建”命令。 （2）在打开的“新建文档”对话框中，进行下列操作。 5-2-1　建立模板 （3）制作好新的模板画面后，移动鼠标到菜单栏执行“插入”→“模板对象”→“可编辑区域”命令。 （4）在打开的“新建可编辑区域”对话框中的“名称”栏输入可编辑区域的标记名称，单击“确定”按钮。 5-2-1　建立模板 （5）建立好可编辑的标记位置后，移动鼠标到菜单栏执行“文件”→“另存为模板”命令。 （6）在出现的“另存模板”对话框中的“另存为”栏输入模板名称，然后保存。 5-2-1　建立模板 存储建立的模板后，Dreamweaver会自动建立一个Templates文件夹，并将文件放在里面。模板文件的扩展为.dwt(Dreamweaver Template) 。 5-2-2　套用模板建立新网页 要建立一个新网页时，可以直接套用已经建立的模板，然后在可编辑区域内输入相关内容即可。 （1）移动鼠