成都网站建设设计

将想法与焦点和您一起共享

怎么在dreamweaver制作一个网页-创新互联

这篇文章给大家介绍怎么在dreamweaver制作一个网页,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

成都创新互联公司专注于企业全网营销推广、网站重做改版、河西网站定制设计、自适应品牌网站建设、HTML5商城建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为河西等各大城市提供网站开发制作服务。

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制作一个网页

关于怎么在dreamweaver制作一个网页就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


当前标题:怎么在dreamweaver制作一个网页-创新互联
文章源于:http://chengdu.cdxwcx.cn/article/doedhc.html