dw教程php个人网页,dreamweaver制作网页的步骤

dreamweaver制作网页的步骤:首先点击新建,并选择文档类型为【HTML文档】;然后点击【插入-image】来插入一张图片,并调出属性画热区;接着在属性栏【目标】中输入跳转的链接;最后点击【在浏览器中预览】。

c1e7ab3a2abaee8aa9f85c82147f920a.png

本教程操作环境:windows7系统、dreamweaver2019版本,DELL G3电脑,该方法适用于所有品牌电脑。

dreamweaver制作网页的步骤:

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

ea6915b5535999b8a3d7b8e77ab666fc.png

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

cc5eb3eff0a5b7c33cbcc4686ef74987.png

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

8afa4637082c8680f7ac151d98d2f768.png

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

c159d8152d98143c91577b412e493665.png

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

3af6c0d5a44782fa7f0a8f488784b4de.png

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

006ed0112b135b3c817bb53be618e443.png

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

9a1c7ad2ff2687c6ecb97771004f4f39.png

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

05bb2d9c15ee123a46165e0716981673.png

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

20aeb76e62fce4a187fa48b695a83d88.png

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

354dc567be0eb32f8c2305ef14b7a931.png想了解更多编程学习,敬请关注php培训栏目!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值