2.8 上机练习

本章上机练习一将练习导入站点的操作，并在导入后的站点中新建一空白HTML文档。上机练习二将创建一个具有完整样式的起始页新文档，并对该文档进行保存。上机练习三将根据样式创建一个“2列混合，左侧栏”的网页，并保存为“index.html”。各练习的最终效果及制作提示介绍如下。

练习一 CD:\素材\第2章\src1.ste CD:\效果\第2章\srcPage1.htm

① 启动Dreamweaver CS3，选择“站点/管理站点”命令，打开“管理站点”对话框。

② 单击按钮，在打开的“导入站点”对话框中选择素材文件夹中的“src1.ste”站点定义文件，单击按钮导入。

③ 单击“管理站点”对话框中的按钮，返回Dreamweaver CS3操作界面。

④ 选择“文件/新建”命令，在打开的“新建文档”对话框的左侧选择“空白页”选项，选择“HTML”类型，单击按钮新建空白的HTML文档。

⑤ 选择“文件/保存”命令保存文档，并命名为“srcPage1.htm”，关闭该文档。在src1站点下可查看创建的文档，如图2-56所示。

练习二 CD:\效果\第2章\sample1.htm

① 打开“新建文档”对话框，在左侧选择“示例中的页”选项，在“示例文件夹”列表框中选择“起始页（主题）”选项，在“示例页”列表框中选择“个人锻炼-主页”选项，单击按钮。

② 在打开的“另存为”对话框中选择文档保存路径为“E:\rhgt\”，输入文件名为“sample1.htm”，单击按钮。

③ 在打开的“复制相关文件”对话框中直接单击按钮，完成保存操作，“sample1.htm”文档的最终显示效果如图2-57所示。

练习三 CD:\效果\第2章\index.html

① 选择“开始/所有程序/ Adobe Dreamweaver CS3”命令，启动Dreamweaver CS3。

② 选择“文件/新建”命令。

③ 在打开的“新建文档”对话框中设置相应的参数，如图2-58所示。

④ 单击按钮创建网页。

⑤ 选择“文件/保存”命令将其保存为“index.html”网页，按【F12】键进行预览，其最终效果如图2-59所示。