怎么用Dreamweaver制作一个简单的网页

时间:2021-10-21 14:37

初学dw软件做网页的同学肯定都急着想做出一个网页,快来看看具体操作方法吧。

怎么用Dreamweaver制作一个简单的网页

怎么用Dreamweaver制作一个简单的网页

1、启动dw2019在软件主界面点击中间的【新建】按钮。

怎么用Dreamweaver制作一个简单的网页

2、在【新建文档】弹窗中选择文档类型为【HTML文档】,点击【创建】。

怎么用Dreamweaver制作一个简单的网页

3、建立好一个网页文档后就可以看到网页默认的代码了,编辑网页是需要在【body】中来编辑完成的。

怎么用Dreamweaver制作一个简单的网页

4、初学者可以把dw设置为【设计】界面,方便边做边查看效果。点击【插入】—【image】来插入一张图片。

怎么用Dreamweaver制作一个简单的网页

5、直接把设计好的一整张网页设计稿插进来,这样就可以看到网页的效果了。但因为是整张图片,要想单独的给某一小块添加链接就要去画热区来实现了。

怎么用Dreamweaver制作一个简单的网页

6、需要先调出属性窗口来画热区。点击【窗口】—【属性】。

怎么用Dreamweaver制作一个简单的网页

7、点击后会在软件底部出现一个属性栏,点击方形热区在你想添加链接的地方画出来可点击的范围。

怎么用Dreamweaver制作一个简单的网页

8、按照刚才的方法把其他需要添加链接的地方也画上热区。画好后我们点击其中一个热区,在属性栏【目标】中输入跳转的链接。

怎么用Dreamweaver制作一个简单的网页

9、都添加好链接后,点击【在浏览器中预览】,快捷是F12

怎么用Dreamweaver制作一个简单的网页

10、稍后就可以看到做好的网页用浏览器打开了。

怎么用Dreamweaver制作一个简单的网页

标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公