上海煜傲网络   客服热线:18221602378
 
 
 
PS做制作网页流程
发布者:千途网络-www.haojzw.com 发布时间:2013/5/9 8:58:45 阅读:396

这个........大家都知道网页3贱客里没有PS什么事,大多数人习惯用FW切图,这个没什么不对。
论做网页设计模板来说,FW无论如何都没有能力和PS抗衡,功能就差了一截(不过设计效果不是很复杂的网页,对图片效果处理少时,FW还是能轻松搞定的),但论切图,FW又强过PS。毕竟它的主要功能还是切图。
因为用PS做模板,所以我个人习惯用PS切图,做起来也没有遇到什么困难,一般一个页面几分钟内就可以初步做成HTML页面,然后就是代码清理优化了。当然这种是TABLE作为框架了。

这里插几句,不少人总是强调DIV+CSS的网页构架,似乎要做网页,就要用这种方式。说实话,这样说有些不负责,容易误导新人。DIV+CSS技术是BLOG时代开始流行的,发展到如今还不是最成熟的,我研究过将近一年,说一下优势和劣势.
优势:
1.代码简单明了,有利于服务器速度以及空间,如果你网站非常大,流量也非常多,就会发现优势。但只是普通的个人站,页面没有上千上万个,也没有上万的IP日流量,区别并没有想象的那么大。
2.容易被搜索引擎查询关键内容。对于搜索引擎来说,DIV+CSS显的清晰明了。
3.网站今后改版容易,很多效果程序都可以通过修改CSS来完成改版任务。举例,各个BLOG站换皮肤是不是很容易?
劣势:
1.制作复杂困难,DIV+CSS的重心就是CSS,由于对它的要求扩大,对于制作者的代码技术掌握能力要求非常高,即使是高手制作复杂的网页也是有困难的,何况初学者?一堆堆的代码,你如何方便的知道生成到网页里出来的效果是否和想象中的一样?
2.兼容性,你可以尝试用各种浏览器看DIV+CSS的网页,也许就会有变形的现象出现。
3.波动性大,如果CSS调用代码等出现一点错误,可能整个网站处于凌乱状态。
4.影响浏览速度,上面虽然说道CSS代码简单明了,但那是建立在制作者水平高,代码优化的基础上,而且大家都知道DIV+CSS做网页时,设计元素通常放在几个固定外部文件中,如果处理稍微不好,可能让文件复杂庞大而影响浏览。

以上就是TABLE和CSS的一些区别,新东西不一定适合你,这个道理大家应该都很熟悉。微软早以不再扩展ASP的延伸,现在有名的就是.net技术,但谁都能用的起来?一个个人站用这个技术去开发显的笨拙费力。不还是有很多ASP站点吗?
我们再说说DIV+CSS,现在到网上看看,凡是用这种技术的,哪个页面设计复杂有创意?都是一律的模块构造,没有太多心意,为什么?这就是这个技术限制的,你不是大工作室大公司,没有及其专业的人员,如何用DIV+CSS开发一套及其美观,设计新颖复杂的网站?即使你设计了一套漂亮的模板,这个技术就限制住你很难用DIV+CSS实现。比如我的首页,设计1天,FLASH一天,做成网页也就是2个小时(TABLE+CSS构架,图片写在CSS里了)。

对于新人和一般制作人员来说,先考虑自己要做什么样的网站,再考虑用什么技术合适,假如你喜欢网页美观脱俗,用TABLE+CSS就是首选,方法简单,容易上手。做出来的网页也正规。网页有标题搜索引擎照样轻松录入,你还可以添加关键字代码。

如果你是个程序员,要做一个个人BLOG,对设计要求不高,可以尝试DIV+CSS。前提自然是代码知识经验过硬。

综上所说,所以我说总是强调用DIV+CSS的很容易误导新人,要知道这技术不是可以跳着学的,连HTML代码都还不会,连CSS都还不了解,连一些基本的程序都没掌握,无从谈起。看看如今DIV+CSS的高手,哪个是一天两天就学会的,哪个不会HTML这些基本代码?

举个简单的例子,我做一个个人站,用TABLE+CSS技术,一周就能完成,而且设计很有个性。如果非要体现自己网站水平高,而用DIV+CSS,先要克服很多代码困难,做出来的页面排版也比较中归中举,弄出来速度也不一定能比TABLE+CSS快。(如今的宽带,如果不是程序累赘等影响,只是网页代码而言,根本没有区别,代码对你网页浏览速度可以忽略不计,网站访问速度是和网页里的图片以及服务器有关的,不要提什么TABLE多了之类,根本看不出影响,多出几KB就能看出速度影响那真神了。)

关于这个问题我个人的看法阐述完了,至于要用什么技术,只能个人抉择。

因为有人问我用PS切图是一个大表格,我是如何做出各个小表格的,因为附件等问题,帖子里不方便说,下面就简单介绍:
首先,这个是我网站首页的设计模板,用PS打开:  01.jpg (71.12K)
下载数: 223
"ctrl+r"打开标尺,把要做成FLASH的部分加灰色层(我这样是为了切图方便,知道那里不要动)  02.jpg (68.27K)
下载数: 132
之后分析下网页大体分为多少个表格,用标尺划好区域,另存这个PSD图。
之后每个从上到下,先用剪切工具把第一个表格划出来,然后用切片工具划分各个小区,图片等,保存为HTML页面。(注意起的名字)
  03.jpg (56.66K)
下载数: 144
打开实现保存过的PSD图,上面有你之前标过的标尺,所以不用担心划出的表格有重复部分,同样方法把其他的表格也一一做成网页
最后从DW里新建一个空白页面,把之前切的各个PSD生成页面复制进来(生成的每个页面都是一个表格),这样就融合成一个完整的,分了表格的页面。

当然,因为附件有限,我只能简单的介绍,这是给问我问题的会员写的帖子,也是给那些稍微懂一些网页知识,而想用PS切图的会员看的,算是一个了解吧。
因为PS切图时会碰到一些问题,比如图片如何处理大小,如果命名图片,如何把一个图片从表格里删除而网页不变形等等,合并网页时如何不变形等等,抽时间我会详细介绍的。

 
 
 
 

首页 | 关于我们 | 网站建设 | 网络推广 | 域名空间 | 案例展示 | 新闻动态 | 联系方式 | 城市分站

 

微信二维码

上海煜傲网络 版权所有 免责声明

地址:上海徐汇区斜土路2601嘉汇广场 24小时咨询电话:18221602378

Copyright 2008-2028 Shanghai qiantu Co., Ltd. . Auto Parts All Right Reserved