免费个人网站制作(用dw制作个人网站模板)

创业网专员 203 0

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

免费个人网站制作(用dw制作个人网站模板)-第1张图片

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

免费个人网站制作(用dw制作个人网站模板)-第2张图片

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

免费个人网站制作(用dw制作个人网站模板)-第3张图片

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

免费个人网站制作(用dw制作个人网站模板)-第4张图片

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

免费个人网站制作(用dw制作个人网站模板)-第5张图片

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

免费个人网站制作(用dw制作个人网站模板)-第6张图片

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

免费个人网站制作(用dw制作个人网站模板)-第7张图片

8.然后按照刚才的方法把其他需要添加链接的地方也画上热区。

免费个人网站制作(用dw制作个人网站模板)-第8张图片

9.画好后我们点击其中一个热区,在属性栏【目标】中输入跳转的链接。都添加好链接后,点击【在浏览器中预览】,快捷是F12

免费个人网站制作(用dw制作个人网站模板)-第9张图片

10.稍后就可以看到做好的网页用浏览器打开了。朋友们会了么?

免费个人网站制作(用dw制作个人网站模板)-第10张图片

抱歉,评论功能暂时关闭!