(7.9)--7.9使用表格布局网页.pdf

《(7.9)--7.9使用表格布局网页.pdf》由会员分享，可在线阅读，更多相关《(7.9)--7.9使用表格布局网页.pdf（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、任务九：使用表格布局网页在网页设计中，表格以简洁明了和高效快捷的方式将网页设计的各种元素有序地组织在一起，使整个网页井井有条。本次任务主要是以“中国传统节日端午节”为例讲解利用表格进行网页布局的过程，包括以下3个知识点：插入表格和编辑表格表格和单元格属性的设置使用表格布局网页任务九：使用表格布局网页表格由一些被线条分开的单元格组成。线条即表格的边框，被边框分开的区域被称为单元格，数据、文字、图像等网页元素均可根据需要放置在相应的单元格中。在网页中使用表格一般有两种情况：一种是在需要组织数据显示时用；另一种是在布局网页时用。当表格被用作布局时，需要对表格的属性进行设置。表格在网页中通常存在两种形

2、式：一种是以独立的形式存在；另一种是以嵌套的形式存在。插入表格和编辑表格1插入表格和编辑表格1可在网页中插入独立表格，或在单元格中插入嵌套表格，还可编辑表格，如：1)增加行与列2)删除行或列3)排序表格4)导入与导出表格数据对应的有表格、行、单元格HTML标签，成对出现，如：.等。表格及单元格属性的设置21.表格属性的设置选中表格，可在“属性”面板中对表格的相关属性进行设置，如下图所示。表格及单元格属性的设置22.单元格属性的设置将光标放在单元格内，可在“属性”面板中对单元格的相关属性进行设置，如下图所示。表格及单元格属性的设置2具体操作如下：1.插入表格 插入一个独立表格 插入一个嵌套表格2

3、.编辑表格 添加行或列 删除行或列 排序表格 导入或导出表格数据表格及单元格属性的设置23.表格属性的设置：选中表格，在“属性”面板中设置表格属性。4.单元格属性的设置：光标放在单元格中，设置单元格属性。使用表格布局网页3表格是能将网页元素按设计者要求的方式显示的一种布局技术。通过单元格的拆分、合并以及在单元格中插入嵌套表格等方法对网页元素进行更细致的控制。本小节讲解中国传统节日端午节首页，如后图所示，利用表格进行网页布局的制作过程。作为专业的设计者，首先，要利用图形制作软件，绘制一张网页草图，然后根据网页草图利用表格对网页进行布局。具体操作如下：创建站点创建网页，并保存为index.html

4、设置页面属性使用表格布局网页3插入表格编辑表格在单元格中插入图像设置单元格背景图像在单元格中输入导航文本在单元格中插入嵌套表格在嵌套表格的单元格中插入图像输入文本输入文本并设置为滚动文本再编辑其它页面，添加链接。使用表格布局网页3本单元主要介绍了网页元素的编辑及相关属性的设置，包括以下几个方面：1.网页文本的编辑。2.超链接的建立。3.插入图像和鼠标经过图像。（*）4.插入Flash动画和Flash视频。5.插入HTML5音频和HTML5视频。6.利用表格进行网页排版。（*）本单元小结利用表格布局网页有什么优缺点？思考题1.背景知识根据本章所学的表格排版、文本编辑、插入图像及鼠标经过图像、插入Flash动画、添加多个网页间的超链接等知识进行网站的创建。2.实验准备工作将文本素材和图像素材准备好，发送到学生主机上，以供学生参考使用。3.实验要求创建一个以花奔为主题的网站，要求如下：(1)编辑网站首页，效果如图所示。(2)编辑其他内容网页并添加超链接，其他页面中包括图像和文本等。上机实验上机实验THANKS