网页美工Photoshop与Macromedia Dreamweaver 8

来源:百度知道 编辑:UC知道 时间:2024/06/05 07:09:53
在Photoshop制作完网页首页如何进行切图把切好?
切好的图片弄到Macromedia Dreamweaver 8里去?
还有在进行写入代码时图片什么的都不会出现变形?
那位高手指导下!或有什么好的视频教程提供给小弟下!
多谢了。。
用PS切片工具是很好用!可是在放到Macromedia Dreamweaver 里插入代码图片会变形位置都乱了。
大家做美工的都是在用切片工具吗?

对你的问题逐个回答:
1.在Photoshop制作完网页首页如何进行切图把切好?
To:把需要的图片、背景、线条、边框等一个个都处理保存好,可用切片工具切图,但有局限,并不是什么图片都可以用切片工具来完成的;亦可用合成图片,然后重新新建复制、再Web优化导出——个人倾向于后者,而且喜欢去除背景后,再合成为24位的PNG格式图片,这样切图不会失真,能用GIF的绝不用JPEG,能不用图片的尽量不用,这样浏览页面的速度不至于很慢!

2.切好的图片弄到Macromedia Dreamweaver 8里去?
To:Macromedia Dreamweaver 8可用来排版用,现在已经到了CS4版,功能更强大、人性化,排版软件很多,也可用微软的Fontpage排版,只是工具而已,不过大家都已经习惯了MD,而且功能超强大!这就好比PS和ACDSee图像处理软件,大家首选当然是PS了,呵呵!

3.还有在进行写入代码时图片什么的都不会出现变形?
To:可以不让导入的链接图片变形,方法,去除<img>等图片标签里的width和height值即可,这样会保持原始图片比例!

本人做网站流程分为:80%PS+20%DW

1.设计效果图对网页美工很重要,每个元素的运用、色彩的搭配、页面的排版、首页与子页的呼应等,都需要PS精心的布置;

2.切片必不可少,将需要的图片、边框、背景、Banner等,一个个切下来,导出的时候尽量优化下,背景能做平铺的,宽度切成1px即可,不必全切;

3.最后DW排版,CSS样式设置,Table排也好、Div排也好,都需要考虑的后期修改,尽量不要用热点,有JS的尽量写在页面外面,样式表也写在外部,这样方便后期整体修改!

养成良好的习惯,需要做SEO的按要求做好设置,DIV排版的需要考虑到多个浏览器的兼容,建议用Div和Table混合排版,以Div为主!

直接用ps的切片工具即可··
然后点击“存储为web所用格式”
在保存类型中选择“html和图像”

然后你就后看见html格式文件,可以直接用dw打开编辑,