http://www.yuyong.net

如何用dreamweaver制作网页 如何用dreamweaver制作网页,是先做网页还是先做网站

你知道dreamweaver软件是怎么用的吗?首先,需要了解一下dreamweaver是什么软件?其实,简单来说,dreamweaver是一款编程软件,能用来写代码,IT工程师们离不开它。而且,它和PS一样,都是...

  你知道dreamweaver软件是怎么用的吗?首先,需要了解一下dreamweaver是什么软件?其实,简单来说,dreamweaver是一款编程软件,能用来写代码,IT工程师们离不开它。而且,它和PS一样,都是Adobe公司推出的。DW就是dreamweaver的简称,它是集网页制作和管理网站于一身的所见即所得网页代码编辑器。下面用Dreamweaver演示制作网页的方法。想学编程可以上 win7系统吧网哦,这里有C语言,Java语言的教程,从入门到精通,适合每一个想学的新手。

Dreamweaver演示制作网页的教程:

1.将需要制作的图片拖入PS,【显示标尺 快捷键:Ctrl+R】将标尺拖入图片将图片分为四份,如图所示。

如何用dreamweaver制作网页 如何用dreamweaver制作网页,是先做网页还是先做网站

2.【保存切片 快捷键:Ctrl+Shift+Alt+S】文件格式选择HTML和图像,然后将图片上传到千牛后台,具体如图所示。

如何用dreamweaver制作网页 如何用dreamweaver制作网页,是先做网页还是先做网站

3.打开DW,拖入刚刚保存的HTML文件,复制第一张图片空间的链接并粘贴到DW,这样第一张图片就做好了,使用次方法依次将第二,三四张图片拖入DW,如图所示。

如何用dreamweaver制作网页 如何用dreamweaver制作网页,是先做网页还是先做网站

4.为网页添加全屏代码,【新建文档 快捷键:Ctrl+N】粘贴全屏代码,代码分天猫全屏和淘宝全屏,使用哪个就粘贴哪个,如图所示。

如何用dreamweaver制作网页 如何用dreamweaver制作网页,是先做网页还是先做网站

5.回到PS查看【图像大小 快捷键:Alt+Ctrl+I】,将高度复制并粘贴到DW,将已更新完网址的代码复制并粘贴到图片的位置,具体如图所示。

如何用dreamweaver制作网页 如何用dreamweaver制作网页,是先做网页还是先做网站

6.现在添加热点,选中图片将属性选框里的目标一栏改为blank,将选框复制并粘贴到其它的图片上,如图所示。

如何用dreamweaver制作网页 如何用dreamweaver制作网页,是先做网页还是先做网站

7.接下来添加链接,将需要的添加的链接复制,回到DW选择一个热点,将链接粘贴到属性栏里,使用此方法将所有的热点链接制作完成并检查是否有误,如图所示。

如何用dreamweaver制作网页 如何用dreamweaver制作网页,是先做网页还是先做网站

8.回到DW,在代码的界面使用【查找和替换 快捷键:Ctrl+F】,复制DW去除蓝框的两个代码,分别复制到查找和替换中,选择【替换全部】即可消除蓝框,如图所示。

如何用dreamweaver制作网页 如何用dreamweaver制作网页,是先做网页还是先做网站

9.在DW中将代码复制,打开千牛后台的店铺装修,点击返回旧版并选择PC端,打开首页点击图标中的编辑,将代码粘贴后点击发布即可完成制作,如图所示。

如何用dreamweaver制作网页 如何用dreamweaver制作网页,是先做网页还是先做网站10.效果图如图所示. 如何用dreamweaver制作网页 如何用dreamweaver制作网页,是先做网页还是先做网站

  以上就是dreamweaver制作网页的整个操作过程了,你学会了吗?总体来说,dreamweaver的教程还不算是太难,它功能强大,制作适用于各种浏览器或设备的网站;有时候,我们看到很炫酷的网站都是用它来完成的哦!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。