3嵌套表格.pptVIP

中等职业学校教学用书网页制作基础 三、 设置表格属性 在设置表格属性前，首先要插入表格并选择表格。 将光标定位在插入的表格中，此时表格的上方或下方出现带有标注的绿线，单击绿线区域即可选取光标所在的表格。如果没有绿线，则可以通过在表格左下方的标签栏上单击table标签来选取表格。 三、 设置表格属性 选取表格后，【属性】面板如下图所示。 四、 设置单元格属性 按住鼠标左键拖动选取需要的单元格后，其【属性】面板如下图所示。 五、 层的基本操作 层也是进行网页布局的一种工具。由于层具有浮动性，可以在窗口中随意拖动，因此它的定位相对于表格更为灵活。例如，要在网页左右侧空白处或浮于网页上方添加一些广告、宣传画等，就可以通过层来完成。 1.创建层 选择插入工具栏上“布局”选项， 单击“布局”面板上的“绘制AP Div”按钮，移动鼠标到文档区域，鼠标指针变成十字形，在网页中看拖动鼠标，绘出蓝色矩形区域。 五、 层的基本操作 2.层的选择 （１）单击层的边框。 （２）单击层的选择柄（位于层的左上方）。 3.层的删除 选择层后按delete键。 六、 层属性的设置 单击层边框选中层，其【属性】面板如下图所示。 如果要使多个层对齐、大小一致等，则按住【Shift】键选中这些层，然后在【属性】面板中设置对应的参数。 七、 表格与层的相互转换 在Dreamweaver中，表格与层之间可以相互转换。有些低版本的浏览器不支持层功能，为了使网页的访问面扩大，可以将网页中的层转换为表格。 选择【修改】→【转换】→【AP DIV转换为表格】命令，可将层转换为表格。 选择【修改】→【转换】→【表格转换为AP DIV】命令，可将表格转换为层。 八、实例制作 1.制作班级课程表 任务描述 为便于同学们在网上查询班级课程表，需要制作一个内容为班级课程表的页面，请你使用表格的方式制作班级课程表并进行必要的修饰。 任务分析 首先需要根据本班课程表的实际格式计划所需的行列数，然后在页面中插入表格，在表格中输入内容，对表格边框、颜色、对齐、单元格等项目进行必要的属性设置。所制作的课程表还应包括表头及相关说明。 操作步骤 详见教材第3章的任务一。 八、实例制作 2.制作“个人简历”网页 任务描述 马上要毕业了，为早日找到一份适合自己的工作，准备在网上制作一份个人简历，介绍自已的姓名、专业等个人基本信息、特长、所获荣誉及求职意向。 任务分析 制作一份引人注目并内容详细的个人简历可以使用表格布局。根据内容要求先对表格进行设计，然后到布局视图中布局表格和布局单元格，并设置布局表格和单元格属性，制作出满意的个人简历。 操作步骤 详见教材第3章的任务二。 八、实例制作 3.制作浮动窗口 任务描述 春节到了，需要制作一个浮动窗口漂浮在学校主页上，表达对访问者的欢迎。在这个任务中将介绍一种使用层制作浮动窗口的方法。 任务分析 制作浮动窗口可以利用层浮于其它网页元素上层的原理，配合Dreamweaver cs3中自带的时间轴行为来实现浮动效果，并且可以按照指定的轨迹移动。 操作步骤 详见教材第3章的任务三。 八、实例制作 4.制作网上荣誉室 任务描述 学校自建校以来先后获得了很多荣誉，为更好的在网上展示学校形象，需要你制作一个展示学校近年所获部分证书、奖杯和奖牌的网页。 任务分析 展示学校荣誉的网页中需要加入多个奖杯和奖牌的图片，可以使用层布局。建立多个层，在层中插入相关图片并将多个层设置对齐，在布局完成后，再将层转换成表格。 操作步骤 详见教材第3章的任务四。 * 电子工业出版社 第 3 章 学习目标 理解表格与层的概念及特点 掌握表格的创建与编辑 掌握表格与单元格的属性设置 掌握通过表格进行网页页面布局的方法 掌握层的创建、编辑 掌握层属性的设置 时间轴的基本操作 重点和难点 ·重点 表格和层的布局 ·难点 表格的嵌套，时间轴的使用 第3章 教学纲要 网页布局 第 3 章 网页布局是制作网页的开始，也是制作网页的关键步骤。在确定网站主题和栏目后，就要确定具体的网页布局形式，以对网页上的内容进行精确定位，本章将详细讲解在网页制作中用表格布局和用层布局各自的特点及