PS做制作网页流程

发布时间：2025-09-21 02:03:04 阅读量： 0 来源： 互联网转载

这个........大家都知道网页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就是首选，方法简单，容易上手。做出来的网页也正规。网页有标题搜索引擎照样轻松录入，你还可以添加关键字代码。

如果你是个程序员，要做一个个人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切图时会碰到一些问题，比如图片如何处理大小，如果命名图片，如何把一个图片从表格里删除而网页不变形等等，合并网页时如何不变形等等，抽时间我会详细介绍的。

上一篇: 光年之外的外链建设：全面规划和执行方案

下一篇: jquery 选择器：not用法

PS做制作网页流程

热门文章