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