![HTML+CSS+JavaScript前端开发(慕课版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/303/34232303/b_34232303.jpg)
上QQ阅读APP看书,第一时间看更新
1.5.3 Dreamweaver的使用
![](https://epubservercos.yuewen.com/DB8C9D/18320272001284706/epubprivate/OEBPS/Images/figure_0021_0025.jpg?sign=1738826222-21K22CaFj5ehWFMkZvK09BXOTS0E0KxK-0-c5203359bbfba0c17caf4cf19a39d2b7)
Dreamweaver的使用
下面应用Dreamweaver编写第一个HTML文件。HTML文件的创建非常简单,具体步骤如下。
(1)双击打开Dreamweaver,依次选择“文件/新建/HTML”命令,将打开图1-4所示的“新建文档”对话框。
![](https://epubservercos.yuewen.com/DB8C9D/18320272001284706/epubprivate/OEBPS/Images/figure_0021_0026.jpg?sign=1738826222-HPDhdxaZV8YOdGrzHIaYGUeiuYKhNnIh-0-8523b1fc52209bc0d2c0f9fb912a895c)
图1-4 Dreamweaver中新建HTML文件
(2)单击“创建”按钮,在打开的新建HTML文件中编写代码,如图1-5所示。
![](https://epubservercos.yuewen.com/DB8C9D/18320272001284706/epubprivate/OEBPS/Images/figure_0021_0027.jpg?sign=1738826222-uYfA3eTWy5PKOVdgNRZSHfyqELX362iX-0-3f1ff1364fb2aad54b2002821a1de593)
图1-5 在Dreamweaver中输入HTML文件内容
(3)编辑完成之后,需要将其保存为HTML格式文件,具体步骤为:选择Dreamweaver菜单栏中的“文件/保存/另存为”菜单项,在弹出的“另存为”对话框中,选择文件的保存位置(如桌面),如图1-6所示。
![](https://epubservercos.yuewen.com/DB8C9D/18320272001284706/epubprivate/OEBPS/Images/figure_0022_0028.jpg?sign=1738826222-9FTJLlVW0eqjDbC8mp21abIZSQox9ELz-0-278e458e8bcaeba7df6ebd05fd87da2f)
图1-6 保存HTML文件
(4)设置完成之后,单击“保存”按钮即可。此时,双击该HTML文件,就会打开浏览器,显示图1-7所示的运行效果。
![](https://epubservercos.yuewen.com/DB8C9D/18320272001284706/epubprivate/OEBPS/Images/figure_0022_0029.jpg?sign=1738826222-KfWb4BkTCSpLwRzZ9tYuC5g6HzGezsrv-0-1e9f3b8562dbfa8bc2cbc223c47546c4)
图1-7 运行HTML文件