实验一 使用Dreamweaver CS5制作网页—表格基本操作 一、实验目的和要求 1、掌握表格的基本操作。 2、掌握表格及单元格的设置。 3、掌握表格的布局技巧。 4、掌握在网页中插入文本，设置文本格式。 5、掌握为文本添加超链接。 二、实验内容 参照样页（见图 16-1），根据要求制作网页。本实验的素材在所配套素材 EX16文件夹中。 图1 - 1 参考样页 三、实验步骤 实验准备：启动 Dreamw eaver CS5。 1、 新建网页 （1）执行【文件】菜单中【新建】功能，在新建文档窗体中选择“空白页”，页面类型为“HTML”，单击“创建”按钮，如图 16-2 所示。 图 16- 2 新建 HTML 页面 (2)在新建的网页编辑窗口空白处单击右键，选择“页面属性”功能，在“大小”下拉列表框中选择12，并设置页面边距为 0，显示如图 16-3。 （3）单击按钮，完成“页面属性”设置。 2、 选择【插入】/【表格】菜单，弹出“表格”对话框，在“行数”文本框中输入 3，在“列数”文本框中输入 1，在“表格宽度”文本框输入 800，在其后的下拉列表框中选择“像素”选项，并设置其他属性为 0，如图 16-4 所示。 说明： Dreamw eaver 可以制作网页、框架网页等。系统提供了多种模板，便于用户快速制作网页，提高工作效率。 图16- 3 页面属性设置 图16- 4 表格设置 3、 选择插入的表格，单击鼠标右键，在弹出的快捷菜单中选择【对齐】/【居中对齐】命令 ，将插入的表格居中对齐，如图16-5 所示。 图16- 5 插入表格 4、 为了便于查看插入的表格，选择插入的表格，将鼠标移动到表格的下方，当鼠标光标变为形态时按住鼠标左键不放，将其向下拖动调整表格的显示高度。 5、 选择插入表格第二行的单元格，在“属性”面板中单击“拆分单元格为行或列”按钮如图1-6，把单元格拆分 2 列，使用鼠标调整表格中单元格的位置，如图1-7 所示。 图16- 6 拆分单元格 图16- 7 单元格调整 6、 将鼠标定位到第1 行单元格中，单击【插入】/【图像】，在弹出的对话框中选择本实验提供的素材 top.jpg。 7、 将鼠标定位到第2 行第1 列单元格中，在属性栏设置“水平”为“居中对齐”，“垂直”为“顶端对齐”。单击【插入】/【图像】，在弹出的对话框中选择本实验提供的素材 left01.jpg，同样方法插入图像left02jpg，left03.jpg，left04.jpg，left05.jpg，left06.jpg。 8、 将鼠标定位到第3 行单元格中，单击【插入】/【图像...
