网页制作实验教程建立表格.pptx

《网页制作实验教程建立表格.pptx》由会员分享，可在线阅读，更多相关《网页制作实验教程建立表格.pptx（12页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 表格也是网页布局的重要元素之一，因其形式简洁，能够直观地反映数据在行与列上的关系，所以使用表格可以制作更清晰的列表效果。第1页/共12页实验目的：要求同学们掌握建立表格的方法，熟悉表格属性面板的操作，掌握表格模板 的设定方法以及熟练套用表格模式。第2页/共12页实验原理：表格是网页中处理数据最常用的一种方式，网页中的表格有HTML的特性，同时增加了许多更吸引人的特点。可以说，表格是整个网页设计的精华，它具有输入数据和进行分类列表的功能，当前大型网站几乎都是用表格来协助网页排版的。第3页/共12页实验条件：电脑操作系统Windows XP/2000/98、Dreamweaver 8网页设计软件

2、。第4页/共12页实验十九 在网页中建立表格 本实验以制作一个主题为“太阳系行星列表”的表格科普知识网页为例，针对如何插入与使用表格进行具体讲解。第5页/共12页实验内容：步骤1 把光标移到要插入表格的位置，选择插入工具栏中的常用栏中的表格命令，单击 按钮，弹出表格对话框。步骤2 选择需要的行数、列数、表格宽度、边框粗细、单元格边距、单元格间距的具体数据。步骤3 弹出虚线框表格后，在表格内输入文字，并可插入图片。步骤4 点击页面上的表格，下端出现该表格的属性面板。第6页/共12页步骤5 可以在属性面板选择需要的背景颜色、背景图像、边框颜色、边框大小、对齐方式等表格的属性特征。步骤6 单击鼠标右

3、键选择表格栏中的插入行或列的命令、合并或拆分单元格的命令、删除行或列的命令，可以改变表格的布局。步骤7 选择命令菜单栏中的格式化表格命令。步骤8 弹出格式化表格对话框，可以对表格形式进行选择，然后再点击确定命令，则格式化表格成功完成。步骤9 单击F12，在浏览器中预览效果。第7页/共12页实验二十 统一网页风格的模板 如果网站需要制作大量的相同风格的表格，可以将预先做好的一个表格设置成模板，套用在网站的所有表格中，从而很好地统一网页风格。在Dreamweaver中，模板因其可随时套用而被广泛运用，具有方便简捷的特点。第8页/共12页实验内容：步骤1 编好了带有表格的网页后，选择文件菜单的另存为

4、模板命令。步骤2 弹出另存为模板对话框，选择要存储的地址以及模板文件名称，单击保存按钮，则编辑好的表格被保存为模板。步骤3 选取模板表格中的可编辑区域，选择插入菜单栏中的模板对象中的可编辑区域命令。第9页/共12页步骤4 弹出新建可编辑区域对话框，为选择好的可编辑区域命名。步骤5 如果要删除可编辑区域，选择修改菜单的模板中的删除模板标记命令，则选定的编辑区域就被撤销了示。步骤6 对模板进行编辑后，就可以将模板套用于新网页中了。选择修改菜单的模板中的套用模板到页命令。步骤7 弹出选择模板对话框，选择被套用模板，单击选定按钮，则模板就被套用到新的网页中了。第10页/共12页学习与思考 希望同学们按照以下要求来完善你的个人主页:1.用表格来表现个人主页的数据方面的内容。2.为你的个人主页设计一个通用的表格模板。3.将表格模板套用到需要的网页中。第11页/共12页感谢您的观看！第12页/共12页