Dreamweaver
Dreamweaver是Adobe公司推出的一款网页制作工具,它提供了可视化的设计界面和代码编辑界面,支持HTML、CSS、JavaScript等多种网页技术,并且能够直接预览设计效果。Dreamweaver还提供了丰富的网页模板和组件,方便用户快速制作网页,并且支持网页的响应式设计,适应不同屏幕尺寸的设备。此外,Dreamweaver还支持网页的FTP上传和管理,方便用户将网页发布到服务器上。由于其功能强大、易于使用和高效的特点,Dreamweaver被广泛应用于网页设计、开发和维护等领域。
![](http://dingyue.ws.126.net/2023/0409/cf9ea204j00rsuq9j000jc000et00a0m.jpg)
打开网易新闻 查看精彩图片
安装步骤
1.找到下载好的安装包,并将其解压到当前位置
![](http://dingyue.ws.126.net/2023/0409/ac41de6aj00rsuq930027c000yc00iwm.jpg)
打开网易新闻 查看精彩图片
2.双击运行Set-up.exe
![](http://dingyue.ws.126.net/2023/0409/b7d44816j00rsuq93002oc000ys00ism.jpg)
打开网易新闻 查看精彩图片
3.点击文件夹图标,并更改安装位置
![](http://dingyue.ws.126.net/2023/0409/dd551c1aj00rsuq94002tc0014900r3m.jpg)
打开网易新闻 查看精彩图片
4.选择D盘,然后点击新建文件夹
![](http://dingyue.ws.126.net/2023/0409/a206eedej00rsuq92002ec000dc00k1m.jpg)
打开网易新闻 查看精彩图片
5.新建一个Dw2021文件夹,点击确认
![](http://dingyue.ws.126.net/2023/0409/127f1480j00rsuq94002jc0016i00njm.jpg)
打开网易新闻 查看精彩图片
6.点击继续
![](http://dingyue.ws.126.net/2023/0409/d16af0c1j00rsuq920013c000fg00nlm.jpg)
打开网易新闻 查看精彩图片
7.等待安装完成
![](http://dingyue.ws.126.net/2023/0409/abce3410j00rsuq93001ac000fp00nfm.jpg)
打开网易新闻 查看精彩图片
8.点击关闭
![](http://dingyue.ws.126.net/2023/0409/02d8ad09j00rsuq930013c000ff00nim.jpg)
打开网易新闻 查看精彩图片
9.双击打开桌面文件
![](http://dingyue.ws.126.net/2023/0409/d9ac317ej00rsuq9400myc000s900hem.jpg)
打开网易新闻 查看精彩图片
10.如果第一次安装这可以看一下教程,对网页制作有一个大概了解
![](http://dingyue.ws.126.net/2023/0409/761d2dacj00rsuq930053c000z800ixm.jpg)
打开网易新闻 查看精彩图片
11.点击新建或者点击文件新建(快捷键Ctrl+N)都可以创建一个新文件
![](http://dingyue.ws.126.net/2023/0409/433de456j00rsuq95003pc001hc00sgm.jpg)
打开网易新闻 查看精彩图片
12. 填写标题,将文档类型选择为HTML5点击创建
![](http://dingyue.ws.126.net/2023/0409/7659e71cj00rsuq95002uc001hc00s3m.jpg)
打开网易新闻 查看精彩图片
13. 在代码中输入
![](http://dingyue.ws.126.net/2023/0409/e6376c6fj00rsuq95002dc001hc00sjm.jpg)
打开网易新闻 查看精彩图片
14.点击文件保存
![](http://dingyue.ws.126.net/2023/0409/967e6434j00rsuq95003mc001hc00scm.jpg)
打开网易新闻 查看精彩图片
15. 点击实时视图,就完成第一个界面创作了
![](http://dingyue.ws.126.net/2023/0409/c3dbbaa1j00rsuq95002ic001h600smm.jpg)
打开网易新闻 查看精彩图片
热门跟贴