项目06制作名师工作室网页讲述.ppt

主讲： 网页设计与制作——Dreamweaver CS3 项目六 制作名师工作室网页 任务一 制作页眉 任务二 设置主体页面 项目六： 制作名师工作室网页 网页设计与制作Dreamweaver CS3 任务一 任务二 任务三 制作页脚 小 结 任务三 实 训 任务一 制作页眉 本任务主要是使用表格来布局网页页眉的内容，用到的基础知识主要包括插入表格、表格属性设置、插入嵌套表格的方法以及单元格属性设置等。 Dreamweaver CS3 网页设计与制作 项目六： 制作名师工作室网页 任务一 任务二 小 结 任务三 实 训 操作一 设置网站标识 Dreamweaver CS3 网页设计与制作 本操作主要介绍使用表格定位网站标识的方法。通过本操作的学习，应该掌握的内容主要有： 1.关于表格的理解 一个完整的表格包括行、列、单元格、单元格间距、单元格边距（填充）、表格边框和单元格边框。表格边框可以设置粗细和颜色等属性，单元格边框粗细不可设置。 一个包括n列表格的宽度＝2×表格边框＋（n＋1）×单元格间距＋2n×单元格边距＋n×单元格宽度+2n×单元格边框宽度（1个像素）。 掌握这个公式是非常有用的，在运用表格布局时，精确地定位网页就是通过设置单元格的宽度或者高度来实现的。 项目六： 制作名师工作室网页 任务一 任务二 小 结 任务三 实 训 操作一 设置网站标识 Dreamweaver CS3 网页设计与制作 项目六： 制作名师工作室网页 表格的构成 任务一 任务二 小 结 任务三 实 训 Dreamweaver CS3 网页设计与制作 操作一 设置网站标识 2.插入表格的方法 将光标置于页面中，然后在主菜单中选择【插入记录】／【表格】命令或在【插入】／【常用】面板中单击 （表格）按钮打开【表格】对话框进行参数设置，最后单击【确定】按钮插入表格。 项目六： 制作名师工作室网页 任务一 任务二 小 结 任务三 实 训 Dreamweaver CS3 网页设计与制作 操作一 设置网站标识 3.选择表格的方法 通过以下4种方法来选择整个表格。 单击表格左上角或者单击表格中任何一个单元格的边框线。 将光标置于表格内，选择主菜单中的【修改】／【表格】／【选择表格】命令或单击鼠标右键，在快捷菜单中选择【表格】／【选择表格】命令。 按住鼠标左键由表格的左上角至右下角拖曳，选中其中所有的单元格，并选择主菜单中的【编辑】／【全选】命令。 将光标移至欲选择的表格内，单击文档窗口左下角对应的“＜table＞”标签。 项目六： 制作名师工作室网页 任务一 任务二 小 结 任务三 实 训 Dreamweaver CS3 网页设计与制作 操作一 设置网站标识 4.设置表格【属性】的方法 首先选中表格，然后通过表格【属性】面板设置表格的行数、列数、宽度、高度、填充、间距、边框、对齐方式、背景颜色、背景图像、边框颜色等属性。 项目六： 制作名师工作室网页 任务一 任务二 小 结 任务三 实 训 Dreamweaver CS3 网页设计与制作 操作一 设置网站标识 5.设置单元格【属性】的方法 通过单元格【属性】面板可以设置单元格的宽度和高度、水平和垂直对齐方式、背景颜色和背景图像以及边框颜色等。另外，如果需要将单元格高度或宽度设置为较小数值时，为了达到实际效果，必须将该单元格源代码中的“nbsp;”（不换行空格符）删除，这是使用表格制作细线效果的一种技巧。 项目六： 制作名师工作室网页 任务一 任务二 小 结 任务三 实 训 操作二 制作导航栏 Dreamweaver CS3 网页设计与制作 本操作主要介绍使用表格制作导航栏的方法。通过本操作的学习，应该掌握的内容主要有： 1.拆分单元格的方法 通过以下方法可以打开【拆分单元格】对话框拆分单元格。 在主菜单中选择【修改】／【表格】／【拆分单元格】命令。 单击鼠标右键，在其快捷菜单中选择【表格】／【拆分单元格】命令。 单击单元格【属性】面板左下方的 （拆分）按钮。 项目六： 制作名师工作室网页 任务一 任务二 小 结 任务三 实 训 Dreamweaver CS3 网页设计与制作 操作二 制作导航栏 项目六： 制作名师工作室网页 任务一 任务二 小 结 任务三 实 训 Dreamweaver CS3 网页设计与制作 操作二 制作导航栏 2.合并单元格的方法 通过以