- 网页设计与制作:HTML+CSS+JavaScript标准教程
- 倪震 李洋 傅伟主编
- 709字
- 2025-01-16 18:11:43
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=1739370837-hSpMlPc5lCcyfhvX2YcMOZ41yGWxkBq6-0-6aaad443a411f5630fb4e3fdf38eea9d)
图1.2 下载网站
(2)Dreamweaver下载完成后,双击软件安装包弹出安装向导,进入设置文件解压路径界面,如图1.3所示。这里的安装路径默认为C盘,开发者可以根据自身需求,将安装路径设置到其他磁盘中。
(3)单击“下一步”按钮,开始解压安装文件,如图1.4所示。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0024.jpg?sign=1739370837-6TkQLazd4Zk9jMtxKEgyjga3yPIFs0pE-0-afdeff3a8940654ff2c40a359d401418)
图1.3 设置文件解压路径界面
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0025.jpg?sign=1739370837-PDrTjtScckikq2LeThtbdHT8eKrUdJJM-0-cd61c910ab6b6e63315fcf77ffb5bcaf)
图1.4 解压安装文件界面
(4)安装文件解压完成后,进入安装界面,如图1.5所示。
(5)安装界面提供了两个选项。如果拥有序列号,就单击“安装”按钮;如果没有,就单击“试用”按钮。这里单击“试用”按钮进入“Adobe软件许可协议”界面,如图1.6所示。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0026.jpg?sign=1739370837-6MChVUU7lVAuphWYzXH2IdP7aCBbTyJL-0-56c9b2ff825b4f745270748fee1de84b)
图1.5 安装界面
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0016-0027.jpg?sign=1739370837-3nt1DwiKQRWBSqtnRk7eNTW1GElAdLGU-0-cf847556964d730fc6a1ff5f75a5b59d)
图1.6 软件许可协议界面
(6)单击“接受”按钮,进入“选项”界面,如图1.7所示。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0017-0028.jpg?sign=1739370837-sJiinVowcYrmi8CSYzbLhHN4UUKE07Kx-0-516bedada8e285449e008392161c7066)
图1.7 “选项”界面
(7)设置安装路径后,单击“安装”按钮,开始安装Dreamweaver软件,如图1.8所示。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0017-0029.jpg?sign=1739370837-bpgsKb9ENqagC1CHPqqhD4ooRewvEfFG-0-8aaac8eb0e3fab0c0139b6c49cd9e2e3)
图1.8 开始安装
(8)Dreamweaver软件安装完成后,显示安装完成界面,如图1.9所示。单击“关闭”按钮结束安装过程,并关闭安装向导;单击“立即启动”按钮会关闭安装向导,并打开Dreamweaver编辑器。
![](https://epubservercos.yuewen.com/B16CC6/31664822703098206/epubprivate/OEBPS/Images/figure-0017-0030.jpg?sign=1739370837-2R2QVThJiX5H6VvFATfADWkPTkrP7Yl5-0-b686c9a34d39d849f2f18b0b67a1612b)
图1.9 安装完成界面