首页 > 常见问题 > 正文

dreamweaver制作网页的步骤

coldplay.xixi
发布: 2021-01-11 15:31:40
原创
66495人浏览过
dreamweaver制作网页的步骤:1、点击新建,并选择文档类型为【HTML文档】;2、点击【插入-image】来插入一张图片,并调出属性画热区;3、在属性栏【目标】中输入跳转的链接;4、点击【在浏览器中预览】即可。

dreamweaver制作网页的步骤

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

dreamweaver制作网页的步骤:

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

4596fd2130c2a198d898dc9e7aa0a84.png

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

eaacb957914ac7e74e1a5e95b89615e.png

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

fe20cecf62354d35d044274e8f356c0.png

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

01f1ef24b9afcffde0cabb296119395.png

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

e556ab3c3b0caf3b5e29bf28b1840b7.png

卡拉OK视频制作
卡拉OK视频制作

卡拉OK视频制作,在几分钟内制作出你的卡拉OK视频

卡拉OK视频制作 178
查看详情 卡拉OK视频制作

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

a1fbdc510fc1cbb083faaa62c7f2911.png

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

298d0cc7b6c27d3d60a37597025b449.png

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

4856ba01cbd6c7d4af0b7d47aebbcc9.png

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

2b16dfb7c6961e15823f012c25d9936.png

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

af4776bdde118ec9b40b79bf36c1354.png

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

以上就是dreamweaver制作网页的步骤的详细内容,更多请关注php中文网其它相关文章!

相关标签:
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号