电信主站 网通分站
购买流程 付款方式 常见问题 在线提问 续租服务 购物车
用户名: 密 码: 忘记密码?
首 页
域名注册
虚拟主机
双线主机
服务器租用
VPS主机
企业邮局
代理专区
客服中心
虚拟主机行业资讯 虚拟主机评测对比 互联网最新动态 技术学院 站长资讯 在线教程 网站运营
搜索优化 服务器 网络编程 图形图象 站长之家 网页制作 操作系统
冲浪宝典 软件教学 视频通信 办公软件 邮件系统 网络安全 认证考试
您当前位置:西部数码->资讯中心-> 邮件系统
photoshop制作网站流程图解揭密_photoshop教程
作者:网友供稿 点击:0
  西部数码-全国虚拟主机10强!20余项虚拟主机管理功能,全国领先!第6代双线路虚拟主机,南北访问畅通无阻!虚拟主机可在线rar解压,自动数据恢复设置虚拟目录等.虚拟主机免费赠送访问统计,企业邮局.Cn域名注册10元/年,自助建站480元起,免费试用7天,满意再付款!P4主机租用799元/月.月付免压金!
文章页数:[1] 

  首先要说点题外话,这篇教程是网络上找的,为了找到他的图,我起码找了10个以上网站,这十多个网站转载别人的文章图片全是用的盗链,源头的网站把图片地址改了,导致这十多个网站都无法显示图片了,无语。。。。盗链已经如此之严重了。还好有的站把图片上传到自己空间了,总算找齐了这些图片。教程作者已经无从考究了,如果你知道请与网页教学网联系。

  1。规划:不管是乔客,还是用动易、风讯,我们都应该考虑两个问题:

  a、版面要分出头、中、底三个部分。

  b、中间部分要考虑两种情况,一是两栏(乔客左窄右宽,动易左宽右窄),二是一栏,两种情况显示不能变形。有些朋友想每个板块的头部不一样,这也是可以的,你可以在程序代码中做文章,那是编程的问题,按下不表。

  如果我看到别人的版面想拿下来,那就做个截图,建立一个photoshop文件,把截图放在最底层,作为最初的草图。

  2、制作。

  a、即使不用别人的版面,最好也还是找一个同类系统的网站截一个图,放在最底层。拉三根垂直辅助线:左边线,中间虚线位置,右边线。

  b、建立头、中、底三个图层组。有些人用photoshop不喜欢建立图层组,这不是好习惯,一个版面,少则几十层,多则上百层,不分开图层组管理就很乱,影响工作效率,更影响多人合作。

  c、制作的时候最好尽量把文字内容也放上去,可以更接近实际效果,等切图的时候隐藏这些图层。

  d、标题样式。一个版面除了头、底要特别制作外,中间部分应该考虑制作三种标题样式:左栏、右栏、通栏,也可以统一风格。还要考虑表头背景、一些常用到的边框等。我自己把许多喜欢的边框样式用js作了一个样式包,随时调用,而标题样式我是使用flash来做的一个样式,使用不同的参数调用,就可以有不同的样式和颜色,改版的时候就改一个js文件和flash文件,做版面的时候会节省一些时间。

  e、常用的按钮样式。常用的按钮其实不用在版面制作的时候做的,可以找回原来的按钮图片一个一个修改。

  f、特殊字体的使用。不管是链接还是内容,我都主张尽量使用样式表来控制字体样式,但有些地方要用到不常用的字体,为了使所有的浏览者都能看到自己的设计原意,就要把文字制作成图片,这一类的图片要适当使用,因为使用了图片,对搜索引擎的访问是无益的。

  g、像素图。尽量使用像素处理,例如一些边框、小图标,会使图片的字节数大大减少,显示快,容易透明处理。

  3、切图切图要在imageready中完成,先要把完稿的作品保存,最好还要做一个备份,然后跳转到imageready工作。

  a、有朋友切图时要合并图层,这是没有必要的,图层合并了,以后修改和编辑都麻烦,而且有时候切图还要按一些图层的大小定位来做,例如要切出一个468x60的广告横标,你可以把这个横标的图层载入选定区域(load selection),然后从菜单select把选定区域转换成切片(create slices from selection)。

  b、不要把整个版面同时切图。一般来说,头部的色彩很丰富,而中间和底部的色彩比较少。例如一个版面头部的切片,调色板可能要256种颜色,而中间和底部只要18色就能搞定,如果同时切片,就变成同一个调色板,中间的部分也使用了256色,就会使文件大小增加,但如果折中,让头部256色减少为128色或32色,又会影响效果。所以要分别处理,方法是在ps中分别选择头部、中间(中间有时候还可以分出几个板块)、底部,裁切,另存为几个不同文件,然后切图。

  c、切图要考虑清楚,你准备使?

  来定位还是使用定位,不同的html图片分割是不同的。例如新阳江网站的两边灰色框,如果使用来做,背景图只要切一个高1像素宽791像素的背景图,而如果使用,就要切出左边背景和右边背景。

  d、gif和jpg。在同一个文件中切图,photoshop是允许不同的切片使用不同的文件格式的,但gif格式和jpg格式结合的地方,有时候肉眼都能可能看出颜色的差别,所以同一部分的切图最好使用同样的格式。颜色较少、较单纯的图片,文字图片,从矢量图转过来的小图标、边框背景等图片,一般用gif格式比较好,文件小,颜色不失真。摄影图片、三维软件做出来的彩色立体文字,一般用jpg格式。如果切片是准备做flash用的,文字部分和矢量图标等就不用了,在flash中使用字体和矢量图比做成位图占用的字节小,动画效果更流畅。

  e、有链接的图片。有链接的图片处理方法很多,你可以每个链接切一个图片,也可以切一个大图,在网页编辑器里面编辑的时候添加链接热区。现在更好的做法是使用文本链接,把图片变成背景就行了。

  图片链接还可以用flash来做,可以有很酷的动态效果,切一个大图,倒入flash文件中作为背景层,上面添加透明按钮就可以了。要注意的是flash里面的图片,可能会与页面其他图片的色调有些差异,位置也有一个像素的位移,一定要小心处理。

  使用了图片或flash作链接,对搜索引擎支持都不大好,作为补救措施,你可以在页面其他内容使用一些文本链接引导搜索引擎找到这些页面。


文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!
相关主题
文章页数:[1] 
Google
热门文章
·用photoshop蒙板给灰暗的照片调色_photoshop教程
·彩虹初现 photoshop设计奇幻风格的壁纸_photoshop教程
·photoshop蒙板全攻略_photoshop教程
·教你用photoshop绘制诱人的哈密瓜_photoshop教程
·photoshop婚纱照片处理及美化_photoshop教程
·ubuntu下安装php5+pdo_php教程
·photoshop古铜色效果制作方法_photoshop教程
·photoshop可选色与蒙板打造偏色人像艺术特效_photoshop教程
·photoshop制作网站流程图解揭密_photoshop教程
·photoshop绘制矢量风格美女插画_photoshop教程

最新文章
·分析邮件服务器发送海外不成功的原因
·尴尬的被告:谁为电子邮件安全买单
·专家浅析海外邮件收发不成功的原因
·深度剖析:中小网络公司经营之谜局
·企业是否需要企业邮局 有什么好处?
·重新审视:从道德视角看邮件泄露案
·走进反垃圾邮件研究 透视最新技术动向
·如何预防和减少“垃圾邮件”的到来
·华南双线IDC能否突破南北互联瓶颈?
·IDC邮件安全网关方案提高带宽效率


 
 


版权申明:本站文章均来自网络,如有侵权,请联系我们,我们收到后立即删除,谢谢!

特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。
  打印  刷新  关闭
返回首页 |关于我们 | 联系我们 | 付款方式 | 创业联盟 | 虚拟主机 | 资讯中心 | 友情链接 | 网站地图

版权所有 西部数码(www.west263.com)
CopyRight (c) 2002~2006 west263.com all right reserved.
公司地址:四川成都市万和路90号天象大厦4楼 邮编:610031
电话总机:028-86262244 86263048 86263408 86263960 86264018 86267838
售前咨询:总机转201 202 203 204 206 208
售后服务:总机转211 212 213 214
财务咨询:总机转224 223 传真:028-86264041 财务QQ:点击发送消息给对方635483282
售前咨询QQ:点击发送消息给对方2182518 点击发送消息给对方241975952 点击发送消息给对方275026793 点击发送消息给对方408235859
售后服务QQ:点击发送消息给对方17708515 点击发送消息给对方307742704 点击发送消息给对方287976517 点击发送消息给对方363783715
《中华人民共和国增值电信业务经营许可证》编号:川B2-20030065号