Question

如何用Photoshop做网页设计

Answer 1

800*600我一般宽会设成780px，1024*768 宽度会设成 1000px，高度当然要看内容多少来定。

布局就不好说了 要看设计者的喜好、习惯、网站的功能、设计风格来定了。

接下来就是切图了，切图是个很麻烦但又很关键的步骤。切图前必须考虑好图片大小（大图为了浏览时能顺利打开最好切割成N小快），是否为背景图（有的图很大，但实际上都是小图片的平铺效果，所以遇到这种图只取小图，在网页中设为背景就可以了）。除此之外还要考虑是否可以用图片以外的元素代替，比如有的纯色块完全没必要用图片，只要在网页中调整表格的颜色就可以得到相同的效果。photoshop有专门的切割工具，按需要把设计好的网页切割好后用ctrlaltshifts保存，就会生成一个html文件了，你会发现html的图片文件夹里已经有你切好的一块一块的小图片。浏览这个web页面，显示的效果和ps中的完全一致，似乎布局已经完成了。

但Dreamweaver现在才刚刚开始排的上用场，因为网页毕竟不是纯粹的图片，还需要文字、flash、声音等元素的添加，Dreamweaver要做的就是继续完善你的页面，图片越少越好，该删的删、该设背景的设为背景该用表格颜色代替的用颜色代替。

哇塞 想想都麻烦^ ^

归根结底 photoshop 是用来构图设计的，而Dreamweaver是为了完成并完善图片到网页的转换过程。

logo设计

创造品牌价值

¥500元起

APP开发

量身定制，源码交付

¥2000元起

商标注册

一个好品牌从商标开始

¥1480元起

公司注册

注册公司全程代办

¥0元起

查

看

更

多

• 官方电话
• 官方服务
  • 官方网站
  • 八戒财税
  • 知识产权
  • 八戒服务商
  • 企业需求
  • 数字市场