静态网页设计与制作 课件 第7章 用表格规划网页.ppt

项目七 用表格规划网页 任务1 创建表格 任务2 表格操作 任务1 创建表格 任务引入 小明已经学会了在网页中添加各种类型的内容，但是他又发现网页是分为不同的区域进行分布的，如何对网页的页面进行合理的布局呢，通过请教同事了解到，在网页中可以创建表格，通过对表格进行操作可以将网页进行布局，那么首先应该学会如何在网页中创建表格，以及如何在单元格中创建嵌套表格？ 知识准备 一、创建表格、单元格 在Dreamweaver中，利用表格可以方便地将数据、文本、图片规范地显示在页面上，使网页更加美观、有条理。在HTML中，表格是很多优秀站点设计的整体标准，用表格格式化的页面在不同平台、不同分辨率的浏览器中都能保持布局和对齐。 不过，表格有一个缺陷：它会使网页显示的速度变慢。 尽管如此，表格在网页布局中仍扮演着很重要的角色，是网页设计者必须掌握的一个强大的工具。下面我们就介绍表格一些常用的操作。 表格由三个基本部分组成：行、列和单元格。 案例——创建表格 下面以在网页中插入一个3行3列的表格为例，介绍在网页中创建表格的操作步骤。 （1）在“插入”面板顶部的下拉菜单中单击“HTML”标签，切换到“HTML”插入面板。 （2）单击“表格”图标按钮，或执行“插入”｜“表格”菜单命令，弹出“表格”对话框，如图所示。 （3）在“行数”文本框中输入表格的行数3。 （4）单击“确定”按钮即可插入表格，最