网页制作项目06 使用表格布局门户网站首页--ppt.ppt

《网页制作项目06 使用表格布局门户网站首页--ppt.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、主讲：网页设计与制作——Dreamweaver8项目六使用表格布局门户网站首页任务一制作页眉任务二设置主体页面项目六：使用表格布局门户网站首页网页设计与制作Dreamweaver8任务一任务二任务三制作页脚小结任务三实训任务一制作页眉本任务主要是使用表格来布局网页页眉的内容，用到的基础知识主要包括插入表格及其属性设置的方法、选择表格及其行与列的方法、拆分单元格的方法、表格的嵌套以及插入字幕的方法及其设置参数等。Dreamweaver8网页设计与制作项目六：使用表格布局门户网站首页任务一任务二小结任务三实训操作一制作导航栏Dreamweaver8网页设计

2、与制作本操作主要介绍使用表格定位网站站标和制作导航栏的方法。通过本操作的学习，应该掌握的内容主要有：1.关于表格的理解一个完整的表格包括行、列、单元格、单元格间距、单元格边距（填充）、表格边框和单元格边框。表格边框可以设置粗细和颜色等属性，单元格边框粗细不可设置。一个包括n列表格的宽度＝2×表格边框＋（n＋1）×单元格间距＋2n×单元格边距＋n×单元格宽度+2n×单元格边框宽度（1个像素）。掌握这个公式是非常有用的，在运用表格布局时，精确地定位网页就是通过设置单元格的宽度或者高度来实现的。项目六：使用表格布局门户网站首页制作导航栏操作动画任务一任务二小

3、结任务三实训操作一制作导航栏Dreamweaver8网页设计与制作项目六：使用表格布局门户网站首页表格的构成任务一任务二小结任务三实训Dreamweaver8网页设计与制作操作一制作导航栏2.插入表格的方法将光标置于页面中，然后在主菜单中选择【插入】／【表格】命令或在【插入】／【常用】面板中单击（表格）按钮打开【表格】对话框进行参数设置，最后单击【确定】按钮插入表格。项目六：使用表格布局门户网站首页任务一任务二小结任务三实训Dreamweaver8网页设计与制作操作一制作导航栏3.选择表格的方法通过以下4种方法来选择整个表格。单击表格左上角或者单击表格

4、中任何一个单元格的边框线。将光标置于表格内，选择主菜单中的【修改】／【表格】／【选择表格】命令或单击鼠标右键，在快捷菜单中选择【表格】／【选择表格】命令。按住鼠标左键由表格的左上角至右下角拖曳，选中其中所有的单元格，并选择主菜单中的【编辑】／【全选】命令。将光标移至欲选择的表格内，单击文档窗口左下角对应的“＜table＞”标签。项目六：使用表格布局门户网站首页任务一任务二小结任务三实训Dreamweaver8网页设计与制作操作一制作导航栏4.设置表格【属性】的方法首先选中表格，然后通过表格【属性】面板设置表格的行数、列数、宽度、高度、填充、间距、边框、

5、对齐方式、背景颜色、背景图像、边框颜色等属性。项目六：使用表格布局门户网站首页任务一任务二小结任务三实训Dreamweaver8网页设计与制作操作一制作导航栏5.设置单元格【属性】的方法通过单元格【属性】面板可以设置单元格的宽度和高度、水平和垂直对齐方式、背景颜色和背景图像以及边框颜色等。另外，在设置单元格高度或宽度为较小数值时，为了达到实际效果，必须将该单元格源代码中的“ ”（不换行空格符）删除。项目六：使用表格布局门户网站首页任务一任务二小结任务三实训Dreamweaver8网页设计与制作操作一制作导航栏6.拆分单元格的方法通过以下方法可

6、以打开【拆分单元格】对话框拆分单元格。在主菜单中选择【修改】／【表格】／【拆分单元格】命令。单击鼠标右键，在其快捷菜单中选择【表格】／【拆分单元格】命令。单击单元格【属性】面板左下方的（拆分）按钮。项目六：使用表格布局门户网站首页任务一任务二小结任务三实训Dreamweaver8网页设计与制作操作一制作导航栏7.合并单元格的方法通过以下方法可以将选择的单元格进行合并。在主菜单中选择【修改】／【表格】／【合并单元格】命令。单击鼠标右键，在其快捷菜单中选择【表格】／【合并单元格】命令。单击单元格【属性】面板左下方的（合并）按钮。项目六：使用表格布局门户网站

7、首页任务一任务二小结任务三实训Dreamweaver8网页设计与制作操作一制作导航栏项目六：使用表格布局门户网站首页8.选择表格的行或列的方法下面两种方法可用来选择表格的行或列。当鼠标位于表格欲选择的行首或列顶时，鼠标变成黑色箭头，这时单击鼠标左键，便可选择行或者列。按住鼠标左键从左至右或者从上至下拖曳，将欲选择的行或列选中。另外，单击文档窗口左下角相应的“”标签也可以选择相应的行。任务一任务二小结任务三实训操作二插入字幕Dreamweaver8网页设计与制作本操作主要介绍插入字幕的方法，即如何使用“标签选择器”插入marquee标签并设置相关

8、参数。通过本操作的学习，应该掌握的内容主要有：1.设置marquee标签的方法将输入的文本选定