网页设计_04介绍.ppt

网页制作 网页布局 表格 框架 新建表格 下面四种方式中的一种： （1）在插入“常用”面板上，单击“表格”按钮 。 （2）通过菜单“插入对象”|“表格”命令。 （3）使用快捷组合键“Ctrl+Alt+T”。 （ 4）在插入“常用”面板上，拖动表格 按钮到主窗口的工作区中。 执行完上述任何一种操作，都可以看到的“插入表格”对话框。 表格运用的注意点 用什么样的嵌套排版方式使网页的下载速度达到最快。　　浏览器在读取网页html原代码时，是读完整一个table再将它显示出来。也就是说从table标签开始，要读到/table标签时，才将表格中的内容显示在屏幕上。而且显示也有优先级，先读到的先显示。这样的话，如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。　因此，我们在设计页面表格的时候，应该做到：　1.整个页面不要都套在一个表格里，尽量拆分成多个表格;??? 2.单一表格的结构尽量整齐；??? 3.表格嵌套层次尽量要少.实验证明：越复杂，嵌套层次越多的表格下载速度越慢。 利用框架技术制作网页 认识框架网页 创建框架网页的方法 编辑框架网页的方法 设置框架属性的方法 认识框架网页 利用模版制作网页 模板原理 创建、使用和管理模板的方法 利用模板更新网页 创建管理库项目 利用库更新网页 利用Dremweaver MX的模板技术可以创建具有相同页面布局的一系列文件，模板最大的好处还在于后期维护方便，可以快速的改变整个站点的布局和外观。 创建模板 将现有的文档保存为模板 （1）在Dreamweaver MX中打开已有的网页。 （2）选择“文件”|“另存为模板”命令，打开“另存模板”对话框 （3）在“站点”下拉列表框中选择站点名称，在“另存为”文本框中输入模板名称。如果选择“现存的模板”列表中的模板，则可用新的模板覆盖已有的模板。 （4）单击“保存”按钮，就把当前页面保存为模板。 通过“资源”面板创建新模板 （1）选择“窗口”|“资源”命令或按F11键，打开“资源”模板。 （2）单击左边的“模板”按钮，打开“资源”面板的模板类别。 （3）单击“资源”面板右下角的“新建模板”按钮，这时在模板列表框中添加了一个“无标题”的模板。 （4）输入模板名称，并保存模板，就创建了一个空白模板。 创建嵌套模板 （1）创建一个基于模板的文档。 （2）选择“文件”|“另存为模板”命令，或单击插入“模板”面板上的“创建嵌套模板”按钮，打开“另存模板”对话框，将新文档另存为模板。 （3）在新模板中可编辑区域添加其他内容。保存该模板。 可编辑区域 模板创建完成后，就要为模板定义可编辑区域，没有定义可编辑区域的模板是不能被使用的，因为它的所有部分都是锁定的。“可编辑区域”是指基于模板的页面中可以更改的内容，而基于模板的页面中不可更改的部分为“不可编辑区域”或“锁定区域”。 定义可编辑区域 定义可编辑区域有两种方法。一种是选择已有的一部分页面内容将它指定为可编辑区域，另一种是在当前光标处插入一个空的可编辑区域。 删除可编辑区域 如果已经将模板文件的一个区域定义为可编辑区域，而现在想要再次锁定它，使其为不可编辑区域，可执行“删除模板标记”操作。 （1）在文档或标签选择器中，选择想要更改的可编辑区域。 （2）按Delect键，即可删除该可编辑区域；如果选择“修改”|“模板”|“删除模板标记”命令，可以删除可编辑区域的标记，但区域还保留。 应用模板 创建基于模板新页面 创建基于模板新页面的方法是：选择“文件”|“新建”命令，打开“新建文档”对话框，选择“模板”标签，打开“从模板新建”对话框，在对话框中选择需要的模板，单击“创建”按钮。 将模板应用到现有文档 在很多时候，已经有了大量未使用模板的页面，现在想要将其转换为统一的外观，此时就可以利用将模板应用到现有文档的方法来统一这些页面的风格。 管理模板 重命名模板 （1）打开“资源”面板的模板类别，选中要重命名的模板，在模板名称上再单击一次，即可激活其文本编辑状态；右击要重命名的模板，在打开的快捷菜单中选择“重命名”命令，同样可以激活其文本编辑状态。 （2）输入模板的新名称。 （3）单击模板名称区域外的任何位置，或按回车键，即可修改模板名称。 删除模板 在进行模板管理时，对于已经毫无用处的模板，应该及时删除。 将文档与模板分离 （1）打开使用了模板的文档。 （2）选择“修改”|“模板”|“从模板中分离”命令，就可以将文档与模板分离。 利用模板更新网页 修改页面附着的模板 更新附着模板的页面 设置表格和单元格的背景 与设置整个页面的背景类似