主页 > 网页设计 > 用photoshop做网页方法

用photoshop做网页方法

2023-06-07 14:21来源:m.sf1369.com作者:宇宇

一、用photoshop做网页方法

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

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

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

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

哇塞 想想都麻烦^ ^

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

二、ps如何做网页?

photoshop可以制作一些网页相册``[文件——自动——web画廊]

或者说你直接用photoshop做好一个网页一个一个的用切片工具切好``

需要超级链接的地方就用超级链接``

缺点是比较卡``图片是慢慢一块一块的显示``

三、怎么用PS CS3做网页设计?

用PS设计完以后用切片工具把图切成小块的 然后在文件 存为WEB所用的格式 确定后OK了

采纳哦

四、PS如何做网页

最直接的方法 就是用ps 排版 然后用用ps下面的切片工具,将其每块切成自己的大笑然后,写完之后可以直接右键已切的为止,在URL 处填上你要连接到的超级连接,同样操作其他的切片,然后文件存储为web 和

设备所有格式---存储---选择html 和图片 。

相关推荐

怎样把几张照片拼成一个长图

网页设计 2024-01-17

网页图片设计要点有哪些?

网页设计 2023-12-22

如何建立一个学校的表白墙?

网页设计 2023-11-23