![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=1739272841-iF3nVNyg6745G8JfX4m8zvefMQySQ0KJ-0-96ff56f4d380394a10f5dd21facc4e47)
Dreamweaver的使用
下面应用Dreamweaver编写第一个HTML文件。HTML文件的创建非常简单,具体步骤如下。
(1)双击打开Dreamweaver,依次选择“文件/新建/HTML”命令,将打开图1-4所示的“新建文档”对话框。
![](https://epubservercos.yuewen.com/DB8C9D/18320272001284706/epubprivate/OEBPS/Images/figure_0021_0026.jpg?sign=1739272841-rfa3aWMh8Tx1loK4uLEzQbQRBqYLhadK-0-d7c666c30f6e8bbcf170b1be6acf0e53)
图1-4 Dreamweaver中新建HTML文件
(2)单击“创建”按钮,在打开的新建HTML文件中编写代码,如图1-5所示。
![](https://epubservercos.yuewen.com/DB8C9D/18320272001284706/epubprivate/OEBPS/Images/figure_0021_0027.jpg?sign=1739272841-R84Wb69P7vhUhSezHUob3I1SBzlQB2hc-0-581f2658627d316e90d5ec1294897388)
图1-5 在Dreamweaver中输入HTML文件内容
(3)编辑完成之后,需要将其保存为HTML格式文件,具体步骤为:选择Dreamweaver菜单栏中的“文件/保存/另存为”菜单项,在弹出的“另存为”对话框中,选择文件的保存位置(如桌面),如图1-6所示。
![](https://epubservercos.yuewen.com/DB8C9D/18320272001284706/epubprivate/OEBPS/Images/figure_0022_0028.jpg?sign=1739272841-jYELgzRpXmUlmfd3V5W1FP7gS3v9xeht-0-7ecc2c590190bd7488205a9ac1044a6e)
图1-6 保存HTML文件
(4)设置完成之后,单击“保存”按钮即可。此时,双击该HTML文件,就会打开浏览器,显示图1-7所示的运行效果。
![](https://epubservercos.yuewen.com/DB8C9D/18320272001284706/epubprivate/OEBPS/Images/figure_0022_0029.jpg?sign=1739272841-2dRTQDWmKYXfbYwATWALiJ68Y84MQ96L-0-8281a68a0d8db07e60eca6e085f2f172)
图1-7 运行HTML文件