实验二实验三.docVIP

实验二：使用DREAMWEAVER的表格布局WEB FORM实验目的和要求了解DREAMWEAVER 表格的基本作用了解使用DREAMWEAVER 表格来布局WEB FORM的基本方法3. 创建具有指定格式的表格二、实验准备1.关于表格表格是用于在 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 的文件夹中创建了此文件夹。在“文件名”文本框中输入 index.html，然后单击“保存”。文件名即出现在应用程序窗口顶部的标题栏中。在新文档顶部的“文档标题”文本框中，键入 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) 单击该表格右侧取消对它的选择。10) 通过选择“插入” “表格”，然后在“插入表格”对话框中输入以下值来插入第三个表格：在“行数”文本框中，输入 1。在“列数”文本框中，输入 1。在“表格宽度”文本框中，输入 700。在“表格宽度”弹出式菜单中，选择“像素”。在“边框粗细”文本框中，输入 0。在