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