如何用dreamweaver制作网页?dreamweaver的使用教程?
2023-06-28 · 百度认证:重庆猪八戒网络有限公司官方账号
你知道dreamweaver软件是怎么用的吗?首先,需要了解一下dreamweaver是什么软件?其实,简单来说,dreamweaver是一款编程软件,能用来写代码,IT工程师们离不开它。而且,它和PS一样,都是Adobe公司推出的。DW就是dreamweaver的简称,它是集网页制作和管理网站于一身的所见即所得网页代码编辑器。下面用Dreamweaver演示制作网页的方法。想学编程可以上哦,这里有C语言,Java语言的教程,从入门到精通,适合每一个想学的新手。
Dreamweaver演示制作网页的教程:
1.将需要制作的图片拖入PS,【显示标尺快捷键:Ctrl+R】将标尺拖入图片将图片分为四份。
2.【保存切片快捷键:Ctrl+Shift+Alt+S】文件格式选择HTML和图像,然后将图片上传到千牛后台,具体
3.打开DW,拖入刚刚保存的HTML文件,复制第一张图片空间的链接并粘贴到DW,这样第一张图片就做好了,使用次方法依次将第二,三四张图片拖入DW。
4.为网页添加全屏代码,【新建文档快捷键:Ctrl+N】粘贴全屏代码,代码分天猫全屏和淘宝全屏,使用哪个就粘贴哪个。
5.回到PS查看【图像大小快捷键:Alt+Ctrl+I】,将高度复制并粘贴到DW,将已更新完网址的代码复制并粘贴到图片的位置,具体
6.现在添加热点,选中图片将属性选框里的目标一栏改为blank,将选框复制并粘贴到其它的图片上。
7.接下来添加链接,将需要的添加的链接复制,回到DW选择一个热点,将链接粘贴到属性栏里,使用此方法将所有的热点链接制作完成并检查是否有误。
8.回到DW,在代码的界面使用【查找和替换快捷键:Ctrl+F】,复制DW去除蓝框的两个代码,分别复制到查找和替换中,选择【替换全部】即可消除蓝框。
9.在DW中将代码复制,打开千牛后台的店铺装修,点击返回旧版并选择PC端,打开首页点击图标中的编辑,将代码粘贴后点击发布即可完成制作。
10.效果图如图所示.以上就是dreamweaver制作网页的整个操作过程了,你学会了吗?总体来说,dreamweaver的教程还不算是太难,它功能强大,制作适用于各种浏览器或设备的网站;有时候,我们看到很炫酷的网站都是用它来完成的哦!
2024-07-20 广告