网页网站制作教程第07章

《网页网站制作教程第07章》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第07章使用表格Dreamweaver8(网页制作）主讲：张景山□本章知识点及学习目标本章着重介绍了表格的基本功能和操作，从建立表格、编辑表格、修改表格、缩放表格以及单元格的基本操作等几个方面做了详细的讲解，另外对表格的格式化以及表格的排序也进行了介绍。最后，实战演练以实例的形式给读者介绍了表格在网页版面布局中优势。。■创建表格及表格对象■创建表格■添加表格对象■设置表格属性■自动套用表格格式■排序表格■设置单元格属性■对齐单元格内容■设置单元格背景■表格的基本操作■选取表格元素■添加行与列■调整表格■分割单元格■合并单元格■删除单元格内容本书内容概览7.1创建表格及表格对象7.1

2、.1创建表格7.1.2添加表格对象7.2设置表格7.2.1设置表格属性7.2.2自动套用表格格式7.2.3排序表格7.3设置单元格属性7.3.1对齐单元格内容7.3.2设置单元格背景7.4表格的基本操作7.4.1选取表格元素7.4.2添加行与列7.4.3调整表格7.4.4分割单元格7.4.5合并单元格7.4.6删除单元格内容7.5实战演练7.5.1范例1制作课程表7.5.2范例2用表格表格构建页面7.6思考与练习7.1创建表格及表格对象表格是网页的一个非常重要的元素，因为HTML本身并没有提供更多的排版手段，往往就要借助表格实现网页的精细排版。可以说表格是网页制作中尤为重要的一个技

3、巧，表格运用得好坏，直接反映了网页设计师的水平。虽然我们上网浏览网页时没有看到什么表格，但是许多网页设计的排版实际上都是采用隐藏边框的表格来实现的。表格化的页面在不同系统、不同分辨率的浏览器里都能显示出原有的布局和对齐。如图所示网页就是利用表格进行布局的页面效果。7.1.1创建表格要在一个页面中创建表格，可执行下列操作方法：将插入点置于需要插入表格的位置。单击【插入】栏【常用】类别中的【表格】按钮，或者打开【插入】

4、【表格】命令，出现【表格】对话框。在对话框中设置所插入表格的参数值，如表格的行数、列数、宽度和边框粗细等参数。在【行数】文本框中输入3，【列数】文本框中输入4，【表格宽

5、度】文本框中输入350像素，【边框粗细】文本框中输入1，【单元格边距】文本框中输入0，【单元格间距】文本框中输入0，完成设置后，单击【确定】按钮，此时页面中会出现1个3行4列的表格，如图所示。7.1.2添加表格对象完成表格的插入后，便可在表格的单元格内添加文本、插入图像或嵌套表格等对象。这才是在页面中创建表格的最终目的。1.添加文本2.插入其他对象7.2设置表格完成表格的插入后，可以通过设置表格来对表格的属性进行设置、对表格进行排序以及套用表格格式等操作。7.2.1设置表格属性7.2.2自动套用表格格式7.2.3排序表格7.3设置单元格属性使用单元格的【属性】面板可以设置单元格内文

6、本的对齐方式以及单元格的背景颜色等。7.3.1对齐单元格内容4.3.2设置单元格背景7.4表格的基本操作在创建表格和输入表格内容之后，有时需要对表格做进一步的处理，如选择表格，添加行或列，拆分、合并或复制单元格等。可以合并任意数量的相邻单元格，只要整个区域是矩形。可以将一个单元格拆分为任意数量的行或者列，而不管该单元格以前是否由合并得来。7.4.1选取表格元素7.4.2添加行与列7.4.3调整表格7.4.4分割单元格7.4.5合并单元格7.4.6删除单元格内容7.5实战演练通过前面的学习，我们已了解了建立表格、编辑表格、修改表格、缩放表格以及单元格的方法和基本操作。下面就来学习如何

7、运用表格来制作可程表和构建网站网页。7.5.1范例1制作课程表本实例介绍插入表格、设置表格边框、合并单元格以及设置单元格背景颜色等表格制作技术来制作一个学校课程表。7.5.2范例2用表格表格构建页面本实例主要讲解如何利用表格来构建页面。其中包括表格的插入、设置、合并，以及表格背景颜色的设置等网页制作技术。7.6思考与练习1.简答题（1）简述表格的概念和作用。（2）表格都有那些属性？（3）如何选择表格？（4）表格都有那些基本操作？2.操作题（1）创建一个5行4列的表格，表格的宽度为75%，边框宽度为1，背景色为绿色，边框线为#3366FF。（2）利用表格布局一个首页面的框架结构。本节

8、学习结束