![网页设计与制作: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=1739654415-tpPw4HRT8P591aQIZyWC7ticHWekb81c-0-233bcb99b00cee8dc4f5763ba2a6378c)
图1.2 下载网站
(2)Dreamweaver下载完成后,双击软件安装包弹出安装向导,进入设置文件解压路径界面,如图1.3所示。这里的安装路径默认为C盘,开发者可以根据自身需求,将安装路径设置到其他磁盘中。
(3)单击“下一步”按钮,开始解压安装文件,如图1.4所示。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0024.jpg?sign=1739654415-wZ0TICmlQAVCZz3sjGB5XG8zLVkrb8Wd-0-52de2a791a2977415b59db0cabcc1ccb)
图1.3 设置文件解压路径界面
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0025.jpg?sign=1739654415-Duq5zCZRjndKMLSXhijQpUEvf99xzXmD-0-282490020cee56ac41bb78a298a49a98)
图1.4 解压安装文件界面
(4)安装文件解压完成后,进入安装界面,如图1.5所示。
(5)安装界面提供了两个选项。如果拥有序列号,就单击“安装”按钮;如果没有,就单击“试用”按钮。这里单击“试用”按钮进入“Adobe软件许可协议”界面,如图1.6所示。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0026.jpg?sign=1739654415-vZQzTy73iSYM8LgjSKIKtvq3JQjRheur-0-5a60255244c8b1d3bd8bf9d550878799)
图1.5 安装界面
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0027.jpg?sign=1739654415-T2hrpiTurdWLpbRx0znimtktqaV9650l-0-3e8d9267ccaca8d93eea296b92763588)
图1.6 软件许可协议界面
(6)单击“接受”按钮,进入“选项”界面,如图1.7所示。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0017-0028.jpg?sign=1739654415-9aRBat8fYzKbhFOpYuqYQeOaziPtsxHM-0-4630a9183069f2a1737a7e026d997b3b)
图1.7 “选项”界面
(7)设置安装路径后,单击“安装”按钮,开始安装Dreamweaver软件,如图1.8所示。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0017-0029.jpg?sign=1739654415-EkwsgB8rW51TxUqHQ8wlriFKE91fTOmW-0-bbd962f2ff6e1a06ad7bac41599608bc)
图1.8 开始安装
(8)Dreamweaver软件安装完成后,显示安装完成界面,如图1.9所示。单击“关闭”按钮结束安装过程,并关闭安装向导;单击“立即启动”按钮会关闭安装向导,并打开Dreamweaver编辑器。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0017-0030.jpg?sign=1739654415-joS0C2tEbgWYcAwf0lOP8EIXNhs2rTIS-0-91eba1879dffcf4269586fbf07ddf53e)
图1.9 安装完成界面