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