使用Dreamweaver手把手教你图片换代码

今天,我看到一篇帖子是介绍ImageReady获取代码的帖子.我非常感谢那位作者..能无私分享经验技巧...但是...说到获取代码工具,我觉得只有Dreamweaver才是王者.下面我手把手教大家图片获取代码...先介绍一下软件...一次下载.终身受用

首先说说我对各种软件的一些事情..之前写了几篇关于软件的教程,非常多的朋友都来一起探讨,我感到非常开心..他们问我"你是不是专业的?" "你是不是什么毕业的?" "你的软件技术怎么这么好?" 其实，我可以告诉大家,我是在开店之后才去学习这款软件的...当时觉得店铺非常不好看,别说顾客了.来我自己到自己的店铺也没有想呆一下的感觉...我就对自己说...非要把店铺装修漂亮不可...然后,自己下载了PS和MD...针对性的学习...不如说那里不会,到经验居去找下帖子,没的话去百度找找,只要你肯去学，做过一次.你以后都会..慢慢积累下来,仿佛就是软件操作高手了

下面我介绍下我们所用的软件

Adobe Photoshop CS4 这个也就是我们常说的PS软件,是一款比较好的图像处理软件,它的功能非常多,划分为图像编辑、图像合成、校色调色及特效制作部分。 不怕你不会,就怕你不学,没人会一步登天的...专家也是慢慢变成的

Macromedia Dremweaver MX2004 这个是一款网页制作和管理网站于一身的所见即所得网页编辑器,它的优点在于最佳的制作效率，网站管理和无可比拟的控制能力。我们并不是专业，也不喜欢做到专业一样。我们只要利用它就行了

好，我们来看看如何运动这两款软件

首先是打开你要获取代码的图片，选择切片工具，是要把图片切分开来，这样可以把想填加链接的图片做到,每个切片大小可以不一样

第二步,在图片的左上方开始,点击左键拖拉,会出现一个虚线框

然后放开左键后,软件会自动设置,左上角的数字代表这个切片的序号

然后继续切片,第二切片要于第一个切片贴边,要不然会样切片1变小或切片不完整

然后按自己的要求来划分，注意一定要把整个图片划分起来，即使是没有用的

PS：你切分多少等下会得到相对应的图片，所以你要把你想添加链接的那部分要分开来

然后切分后，我们就保存为web和设置所用格式，马上就结束PS的工作

点击保存

记住要保存为图象和html类型

好的，保存之后，PS可以关闭了。下面我们运用Dreamweaver

刚得到两个文件，把images上传到图片空间，html的文件就用Dreamweaver来制作