实验二 表格和框架的使用和网站布局一、实验目的 掌握使用 DreamweaverCS3 进行表格和框架的设计
掌握网页布局的方法
二、实验要求 学生通过实验掌握网页元素(文字、图像等)在网页中的布局,要求学生掌握使用表格、布局表格及框架对网页元素进行布局和安排,以合理、美观的方式设计网页
三、实验内容1.创建表格2.使用布局表格设计网页3.框架的使用 四、实验步骤1.创建表格(1)用 Dreamweaver CS3 打开实验素材 BG 文件夹中 kcb.htm 网页文件
(2)在文档菜单中选择“插入”-“表格”命令,在“插入表格”对话框中,设置插入一个 8 行 7 列的表格
(3)单击“确定”按钮,便可在文档窗口中插入一个 8 行 7 列的表格
(4)选中表格(单击表格边框,可选中表格),选择文档窗口中的“窗口”-“属性”命令打开“属性”面板
在“属性”面板中将该表格的高设置为 284像素;对齐方式设置为居中对齐
(5)设置单元格背景颜色
选中第 l 行单元格(按下左键,在第 1 行单元格上拖动鼠标),打开“属性”面板,在“背景颜色”中输入“#999999”颜色值
(6)按照相同的方法将第 1 列单元格背景颜色设置为“#99CCFF”;其余单元格背景颜色设置为“#FFFFCC”
(7)合并单元格
按下 Ctrl 键,单击第 1 行的第 1 列和第 2 列单元格选中单元格
在文档窗口的菜单中选择“修改”-“表格”-“合并单元格”命令,将该单元格进行合并
(8)重复前面的操作
将第 1 列单元格的 2、3、4、5 行单元格,第 1 列的6、7 行单元格,第 8 行单元格的 2、3、4、5、6、7 列单元格进行合并
(9)参照以下的实样图,在对应的单元格内输入文本,保存文档
检查结果是否与 FINAL 文件夹中的 kcb
htm 相同
2.使用布局表格设计网页(1)打开实验素