实验二实验三.doc

实验二:使用DREAMWEAVER的表格布局WEB FORM
实验目的和要求
了解DREAMWEAVER 表格的基本作用
了解使用DREAMWEAVER 表格来布局WEB FORM的基本方法
3. 创建具有指定格式的表格
二、实验准备

表格是用于在 HTML 页上显示表格式数据以及对文本和图形进行布局的强有力的工具。表格由一行或多行组成;每行又由一个或多个单元格组成。虽然 HTML 代码中通常不明确指定列,但 Dreamweaver 允许您操作列、行和单元格。
当选定了表格或表格中有插入点时, Dreamweaver 会显示表格宽度和每个表格列的列宽。宽度旁边是表格标题菜单与列标题菜单的箭头。使用菜单可以快速访问一些与表格相关的常用命令。根据需要可以启用或禁用宽度和菜单
如果您未看到表的宽度或列的宽度,说明没有在 HTML 代码中指定该表或列的宽度。如果出现两个数字,说明“设计”视图中显示的可视宽度与 HTML 代码中指定的宽度不一致。
当拖动表格的右下角来调整表格的大小,或将内容添加到比设置宽度大的单元格时会发生这种情况。
例如,如果您将某列的宽度设置为 200 像素,而添加的内容将宽度延长为 250 像素,则该列将显示两个数字:“200”(代码中指定的宽度)和“(250)”(位于括号中,表示该列呈现在屏幕上的可视宽度)。
2. 插入一个表格并添加内容
1)使用“插入”栏或“插入”菜单来创建一个新表格。然后,按照在表格外添加文本和图像的方式,向表格单元格中添加文本和图像
2)若要插入表格,请执行以下操作:
在“文档”窗口的“设计”视图中,将插入点放在需要表格出现的位置。
执行下列操作之一:
选择“插入”> “表格”。
在工具栏的“常用”类别中,单击“表格”按钮。
即会出现“表格”对话框。
完成对话框。
单击“确定”。
表格即出现在文档中。
三、实验内容
1. 创建并保存新页面
首先创建一个新页面,并将它保存到 Web 站点的本地根文件夹cafe_townsend 中。该页面最终将成为虚构餐馆 Cafe Townsend 的主页。
如果您尚未创建本地根文件夹 cafe_townsend,则必须先完成创建,然后再继续。
在 Dreamweaver 中,选择“文件”> “新建”。
在“新建文档”对话框的“空白页”选项卡上,从“页面类型”列表中选择“HTML”,然后单击“创建”。
选择“文件”> “另存为”。
在“另存为”对话框中,浏览至定义为站点的本地根文件夹的cafe_townsend 文件夹并打开该文件夹。在设置站点和项目文件”中,您在名为 local_sites 的文件夹中创建了此文件夹。
在“文件名”文本框中输入 ,然后单击“保存”。
文件名即出现在应用程序窗口顶部的标题栏中。
在新文档顶部的“文档标题”文本框中,键入 Cafe Townsend。这就是页面的标题(与文件名不同)。站点访问者在 Web 浏览器中查看页面时将在浏览器窗口的标题栏中看到此标题。
选择“文件”> “保存”来保存该页面。
2. 插入表格
接下来,您将添加一个表格,用于放置文本、图形和 Macromedia Flash资源。
1)在页面上单击一次,在页面左上角放置插入点。
2)选择“插入”> “表格”。
3)在“插入表格”对话框中,执行下面的操作:
在“行数”文本框中,输入 3。
在“列数”文本框中,输入 1。
在“表格宽度”文本框中,输入 700。
在“表格宽度”弹出式菜单中,选择“像素”。
在“边框粗细”文本框中,输入 0。
在“单元格边距”文本框中,输入 0。
在“单元格间距”文本框中,输入 0。
接下来,您将添加一个表格,用于放置文本、图形和 Macromedia Flash资源。
4)单击“确定”。
一个三行一列的表格即出现在文档中。该表格的宽度为 700 像素,边
框、单元格边距和单元格间距均为 0。
5)单击一次该表格右侧取消对它的选择。
6)选择“插入”> “表格”以插入另一个表格。
7)在“插入表格”对话框中,对第二个表格执行下面的操作:
在“行数”文本框中,输入 1。
在“列数”文本框中,输入 3。
在“表格宽度”文本框中,输入 700。
在“表格宽度”弹出式菜单中,选择“像素”。
在“边框粗细”文本框中,输入 0。
在“单元格边距”文本框中,输入 0。
在“单元格间距”文本框中,输入 0。
接下来,您将添加一个表格,用于放置文本、图形和 Macromedia Flash资源。
8) 单击“确定”。
第二个表格(该表格具有一行三列)即出现在第一个表格下方。
9) 单击该