![网页设计与制作:HTML+CSS+JavaScript标准教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/37/53181037/b_53181037.jpg)
1.4.2 网页开发工具
网页开发工具有很多种,如记事本、Visual Studio Code和Dreamweaver等。其中,记事本是Windows 系统自带的文本编辑工具;Visual Studio Code 是微软公司开发的代码编辑工具;Dreamweaver是Adobe公司开发的集网页制作和网站管理于一身的网页开发工具。
Dreamweaver不仅支持静态网页的编写,还支持PHP、ASP、JSP等动态网页的编写与调试。对于网页设计初学者来说,Dreamweaver 是一款比较好的入门软件,可以帮助初学者快速构建和设计网页,还提供了网页开发语言的代码提示功能。
Dreamweaver工具的下载和安装步骤如下。
(1)打开Dreamweaver官方网站,在网页中可以获取Dreamweaver的最新版本。单击“免费试用”按钮可下载 Dreamweaver 免费试用版安装包;单击“立即购买”按钮可以购买收费版Dreamweaver,如图1.2所示。在这里选择“免费试用”即可。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0023.jpg?sign=1739179884-peLGoaxop4G3pSy3DDLFrR72BqUpDWQu-0-1bc958ca696ed6419c349f37259f5aad)
图1.2 下载网站
(2)Dreamweaver下载完成后,双击软件安装包弹出安装向导,进入设置文件解压路径界面,如图1.3所示。这里的安装路径默认为C盘,开发者可以根据自身需求,将安装路径设置到其他磁盘中。
(3)单击“下一步”按钮,开始解压安装文件,如图1.4所示。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0024.jpg?sign=1739179884-b9sVcTLzj1Q9Vfp6VmkC5uZpYORVePK2-0-72f716df0abba5133c9e340654f4d0f4)
图1.3 设置文件解压路径界面
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0025.jpg?sign=1739179884-eIa0Wid2QhOCmfJVNsGzv8FSZyBYGeIc-0-43ae64bc0b5e76bd81f8b400495fe8a4)
图1.4 解压安装文件界面
(4)安装文件解压完成后,进入安装界面,如图1.5所示。
(5)安装界面提供了两个选项。如果拥有序列号,就单击“安装”按钮;如果没有,就单击“试用”按钮。这里单击“试用”按钮进入“Adobe软件许可协议”界面,如图1.6所示。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0026.jpg?sign=1739179884-tnhERQJCoFDgkJGQT6Zn5dtezoixHP4u-0-48a0bde79e8c075824fc9c5148206ee3)
图1.5 安装界面
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0027.jpg?sign=1739179884-xQ2NJxbwHOgvlxvwm1Xd4Hd9c1K6CO0A-0-4e6b7803f8286a73b35354edbdcb14c9)
图1.6 软件许可协议界面
(6)单击“接受”按钮,进入“选项”界面,如图1.7所示。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0017-0028.jpg?sign=1739179884-3RrxEQK41bR55b9DommjwI0ufhigxAPP-0-177c487923ef648de73220fe1799942c)
图1.7 “选项”界面
(7)设置安装路径后,单击“安装”按钮,开始安装Dreamweaver软件,如图1.8所示。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0017-0029.jpg?sign=1739179884-LXU6OIvJBvhRpdiam0PXDBqi39wyASeU-0-67cad033c3af015139f73f12d4f9b71a)
图1.8 开始安装
(8)Dreamweaver软件安装完成后,显示安装完成界面,如图1.9所示。单击“关闭”按钮结束安装过程,并关闭安装向导;单击“立即启动”按钮会关闭安装向导,并打开Dreamweaver编辑器。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0017-0030.jpg?sign=1739179884-0SXPsuXgfEHQXez5axVdg5gKTWL3FlV2-0-86643bfef3810b2684943b8644141998)
图1.9 安装完成界面