网站建设实验指导书(4)

Dreamweaver 软件 网站建设报告指导。

实验二 表格、层和框架

【 实验目的 】 使学生掌握表格插入、修改、删除及应用，层和框架的建立及实际应用。

【 实验器材 】安装有Windows 98/2000/xp；Dreamweaver MX，Flash MX，Fireworks MX；IE浏览器，NetScape浏览器，IIS5.0 等软件的计算机。

【 实验内容 】

建立1个框架网页；

在网页中利用层制作动态页面与下拉菜单；

【 实验步骤 】

1、在“文档”窗口中创建框架结构

创建框架结构一般有两种方法：一是使用“新建文档”对话框中的“框架集”选项新建一个框架结构的页面文档；二是利用“插入栏”中的“框架”选项中提供了框架结构创建。

使用“新建文档”命令创建框架结构操作方法如下：

① 单击“文件”菜单，选择“新建”命令，弹出“新建文件”对话框。

②在“新建文件”对话框中，选择“框架集”类别，

2、导航条的制作：

（1）首先进行一些必要的前期工作，按CTRL+J，打开Page Properties（页面属性）窗口，参数设置如图所示，这一设置对菜单的位置将有影响，所以请如图设置。

“页面属性”对话框中的外观设置

（2）按CTRL+F2打开Objects面板，在布局栏中点击层按钮后在页面中按住鼠标不放拖出一个层，然后在层的属性面板中设置各参数，“层编号”框填入title，左、上、宽、高框分别填入8、15、500、15，背景色填入#3366CC，如图2-36所示。

图2-36 设置后层title的“属性检查器”

（3）将光标移至层内，点击Objects面板上布局栏中的表格按钮

列的表格，设置如图2-37所示。 ，插入一个一行四

图2-37 设置后的“表格”对话框