网页设计与制作 项目教学 王君学 孙海伦 金哲第6章教案 项目6 表格──布局商务网页-.pptVIP

项目六 表格——布局商务网页 表格是网页排版的灵魂，是页面布局的重要方法，它可以将网页中的文本、图像等内容有效地组合成符合设计效果的页面。本项目将以商务网页为例，介绍使用表格进行网页布局的基本方法。在项目中，将使用表格分别对页眉、主体和页脚进行布局。 任务一 使用表格布局页眉 （2）在网站根文件夹下面新建一个主页文档，并保存为“index.htm”。 （3）在【属性】面板中单击页面属性按钮，打开【页面属性】对话框，在【外观】分类中将文本【大小】设为“14像素”，页边距全部设为“0”，在【标题/编码】分类的【标题】文本框中输入“盘古石翡翠”，然后单击确定按钮。 （4）将鼠标光标置于页面中，然后在菜单栏中选择【插入】／【表格】命令，或在【插入】／【常用】面板中单击（表格）按钮，打开【表格】对话框，参数设置如图所示，然后单击确定按钮，插入表格。 （5）确认表格处于被选中状态，然后在【属性】面板的【对齐】下拉列表中选择【居中对齐】选项，设置【背景图像】为“images/bg.gif” 。 （6）选定左侧两个单元格后单击鼠标右键，选择【表格】／【合并单元格】命令，合并表格。表格处于被选中状态下，在单元格【属性】面板的【水平】下拉列表中选择【居中对齐】选项，在【宽】文本框中输入“81” 。 （7）仍将鼠标光标置于左侧第1个单元格内，然后在菜单栏中选择【插入】／【图像】