网页制作实验教程第六章建立表格.ppt

第六章建立表格实验十九在网页中建立表格实验二十统一网页风格的模板表格也是网页布局的重要元素之一，因其形式简洁，能够直观地反映数据在行与列上的关系，所以使用表格可以制作更清晰的列表效果。实验目的：要求同学们掌握建立表格的方法，熟悉表格属性面板的操作，掌握表格模板的设定方法以及熟练套用表格模式。实验原理：表格是网页中处理数据最常用的一种方式，网页中的表格有HTML的特性，同时增加了许多更吸引人的特点。可以说，表格是整个网页设计的精华，它具有输入数据和进行分类列表的功能，当前大型网站几乎都是用表格来协助网页排版的。实验条件：电脑操作系统WindowsXP/2000/98、Dreamweaver8网页设计软件。实验十九在网页中建立表格本实验以制作一个主题为“太阳系行星列表”的表格科普知识网页为例，针对如何插入与使用表格进行具体讲解。把光标移到要插入表格的位置，选择［插入］工具栏中的［常用］栏中的［表格］命令，单击按钮，弹出［表格］对话框。选择需要的行数、列数、表格宽度、边框粗细、单元格边距、单元格间距的具体数据。弹出虚线框表格后，在表格内输入文字，并可插入图片。点击页面上的表格，下端出现该表格的［属性］面板。实验内容：01可以在属性面板选择需要的背景颜色、背景图像、边框颜色、边框大小、对齐方式等表格的属性特征。02单击鼠标右键选择［表格］栏中的插入行或列的命令、合并或拆分单元格的命令、删除行或列的命令，可以改变表格的布局。03选择［命令］菜单栏中的［格式化表格］命令。04弹出［格式化表格］对话框，可以对表格形式进行选择，然后再点击［确定］命令，则格式化表格成功完成。05单击F12，在浏览器中预览效果。实验二十统一网页风格的模板如果网站需要制作大量的相同风格的表格，可以将预先做好的一个表格设置成模板，套用在网站的所有表格中，从而很好地统一网页风格。在Dreamweaver中，模板因其可随时套用而被广泛运用，具有方便简捷的特点。01编好了带有表格的网页后，选择［文件］菜单的［另存为模板］命令。02弹出［另存为模板］对话框，选择要存储的地址以及模板文件名称，单击［保存］按钮，则编辑好的表格被保存为模板。03选取模板表格中的可编辑区域，选择［插入］菜单栏中的［模板对象］中的［可编辑区域］命令。实验内容：