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