目录上一页下一页退出Dreamweaver网页制作第三单元制作“作品展示”网页主编：王树平副主编：杜大志王润泉马文惠目录上一页下一页退出本单元通过“创建表格”、“编辑表格”、“添加表格内容”和“建立超级链接”四个任务，完成“幽幽我心的个人网站”中的“作品展示”网页的制作，学习如何使用表格来进行网页的布局。任务完成后效果如图所示。第三单元制作“作品展示”网页目录上一页下一页退出第三单元制作“作品展示”网页任务一创建表格任务二编辑表格任务三添加表格内容任务四建立超级链接任务五使用代码制作表格网页目录上一页下一页退出任务一创建表格任务描述：完成“作品展示”网页中表格的创建。任务分析：要对“作品展示”网页进行表格布局分析，研究如何设计表格来完成网页的布局。然后通过菜单栏完成创建表格的操作。第三单元制作“作品展示”网页目录上一页下一页退出要制作出漂亮的网页要有合理的布局结构。在Dreamweaver8中，表格是用于在页面上显示表格式数据及对文本和图像等元素进行布局的强用力的工具。表格布局是目前最常见的网页布局方式之一，它灵活方便，比其他布局方式简单、易学。熟练地使用表格是对网页制作者的必须要求。用表格布局页面任务一创建表格目录上一页下一页退出分析网页布局“table1”“table1-1”“table2”“table3”“table3-1”“web1”“web2”“flash1”“flash2”“3D1”“3D2”“table4”表格布局分析网页是怎样利用表格设计页面布局的呢？回想以前打开一张网页时是否所有的内容都同时全部显示？如果不是的话是怎样进行显示的？为什么网页不能一次全部显示？表格的布局在这里有什么作用？依据不同的设计内容，这四个表格还需要进行相应的编辑与嵌套。插入嵌套表格是指在表格的单元格中插入新的表格。任务一创建表格目录上一页下一页退出自己动手：1．创建目录结构所在路径文件/文件夹的名字说明D:\mysite\worksworks.html“心情日记”网页存放本栏目的图像存放Flash作品存放用于链接的作品网页制作“作品展示”网页的文件夹结构任务一创建表格目录上一页下一页退出2．表格的创建创建本任务页面效果图所需表格结构。如下图所示：嵌套表格任务一创建表格目录上一页下一页退出A.使用菜单插入一个表格“table1”，会出现下面的“表格”对话框：除了使用菜单还可以使用“插入”栏、快捷键创建表格。表格对话框中“页眉”、“标题”、“对齐标题”、“摘要”作用是什么？任务一创建表格网页中长度单位百分比和像素表示什么？“百分比”是相对于谁说的？它们的区别是什么？目录上一页下一页退出大多数浏览器默认显示单元格边距、间距是多少？若要确保浏览器显示的表格没有边距和间距，必须把单元格边距和单元格间距设置为多少？如果没有明确指定边框的值，则浏览器怎么显示表格边框？大多数浏览器默认显示边框粗细是多少？若要确保浏览器显示的表格没有边框应该怎么办？若把边框设置为0，则如何查看单元格和表格的边框？用表格布局页面时，宽度设为多少时页面不会出现水平方向的滚动条？任务一创建表格目录上一页下一页退出任务一创建表格B.使用“插入”栏创建表格“table2”。C.用快捷键创建表格“table3”。D.创建表格“table4”。如何给当前表格命名？如何删除当前选中的表格？目录上一页下一页退出E.在“table1”中插入嵌套表格table1-1。F.在“table3”中插入嵌套表格table3-1。注意：嵌套表格的宽度受所在单元格宽度的限制。任务一创建表格目录上一页下一页退出任务总结：1．创建表格2．表格布局页面3．表格在页面中的作用任务一创建表格目录上一页下一页退出举一反三：创建网页“practice3-1.html”，在网页中插入一个6行5列的表格，宽500像素，边框粗细与单元格间距均为5像素，页眉选择“顶部”，标题为“产品信息”，保存并预览网页。1．启发思路：回想插入表格的几种方法，考虑页眉、标题等选项出现在哪个对话框的选项卡中，并考虑如何设置创建表格的相关属性。2．分组完成任务。任务一创建表格目录上一页下一页退出作业：1．创建网页“practice3-2.html”，在网页中插入如图JYFS3-1所示的嵌套表格，保...
VIP
