2.4　综合实例

2.4　综合实例

根据本章介绍的知识，编写一个简单的网页并对其进行编辑。

具体操作步骤如下：

（1）打开Dreamweaver CS6，新建一个类型为HTML5的空白网页。

（2）打开设计视图。

（3）在编辑窗口中输入文字“这是我的第一个网页”。

（4）选择“文件”→“保存”命令，或按“Ctrl＋S”组合键，选择文件存储路径，将文件以“index1.html”命名，单击“确定”按钮进行保存。

（5）按F12键，在主浏览器中预览。效果如图2-32所示。

图2-32　网页效果

（6）将Dreamweaver CS6切换到代码视图，对里面的代码内容进行编辑。完成后的代码如下：

（7）选择“文件”→“另存为”命令，或按“Ctrl＋Shift＋S”组合键，打开“另存为”对话框，选择文件存储路径，将文件以“index2.html”命名，单击“确定”按钮进行保存。

（8）按F12键，在主浏览器中预览编辑后的网页文件。效果如图2-33所示。

图2-33　编辑后的网页效果