威海威高万和花园:用photoshop来布局网页的相关疑问

来源:百度文库 编辑:杭州交通信息网 时间:2024/05/01 23:35:37
我看到一些人用photoshop来做网页的设计和布局
这是怎么回事?不是应该用Dreamweaver 的吗?
用photoshop 做完后,应该怎样把作品和Dreamweaver联系起来?
请高手指教!
这种方法现在被广泛采纳吗?

ps本身的排版不是很厉害。但是他附带的ImageReady拥有很强的切片排版功能。
利用辅助线 切片工具等可以很好的裁切图片并且通过设置丰富的优化功能可以将已经切片的图片分别以不同格式优化,甚至还能处理漂亮的gif动画。
另外在制作网页的时候一般是先用ps制作好页面,在IR上裁切,将优化结果保存成网页,从而得到已经切割并编辑成html的图片网页。这时候再用DW打开此网页进行编辑。这是最常见的网页制作过程。
另外firework其实也被经常用于这个。但是个人觉得由于IR可以和PS联合使用,修改起来更加方便。

在做网页布局的时候可以用photoshop的强大功能任意调整效果,做出来的效果会更加让人惊叹.photoshop中有一个切片工具,把完成的布局用切片工具可以在任意位置切成任意大小的矩形切片,然后可以存储为WEB用格式,存储出来的是HTML文件,并带有一个存有切片的文件夹,这个HTML可以直接用Dreamweaver 打开进行设置链接,做出来的网页效果当然比较棒!

看来你没注意过photoshop中的切片工具,那个工具是用来帮助进行图片分割的,设计网页时可以先用photoshop设计整体的版面,特别是进行一些个性化的版面设计时,整体风格设计出来后,通过切片工具切割,保存时注意保存为web页.即html和图像都保存,这样就直接生成了一个网页,然后对这个网页进行局部的编辑会更加方便快捷些。