页面演示
http://www.meetrice.com/century/ 做一个主页的设计是一个工作量十分繁重的工作，虽然得到的报酬不如程序员开发一个项目的零头（我所了解的行情，所以我决心靠自己的努力提高设计者的薪水）,但我们丝毫马虎不得。在大工作量的压力下，既要保证质量，又要保证速度。
下面我就一步一步的简要的介绍一下制作的步骤，当然，不同的设计人员都有自己的设计习惯，如果谁有更高效的方法，也欢迎贡献出来，供大家研究。
第一步，当然和客户沟通，分析需求。这一步，不用多讲，总要了解一下客户的意图，看客户想要做成一个什么样子。
第二步，平面设计，这一步是对自己的网页平面设计的功底的考验，我们需要很快的在脑子形成一个大致的版面的构架。
首先，我们要大量浏览经典的网页。学习别人成功经验，也可以利用别人网页里的部分素材。我的习惯是把好的网页拷屏，存成图片库，现在我的库里有近三四百经典网站页面设计的图稿。（这一招特省钱，我看现在书店里讲网页设计的书，就是几张不怎么样的网站的图片，就要价八九十，还不如自己做一个图片库）
其次，选择一种最贴近的排版风格，如果客户有CI识别的需求，要确定一下色彩的基调。我比较反感千篇一律的页面设计，当然，有时千篇一律也是迫不得已，谁要HTML语言这么弱呢？但我们尽量在不增加HTML的代码量的基础上，做一些调整吧。有时色彩和大面积图片的运用，也可能会起到出人意料的效果。
世纪泰富这个页面，应该有人可以看出一点adobe网站页面排版的风格，当然现在ADOBE网站已换页面了。所以我们可以照用不误，也可以证明，建立一个自己的设计库是多么重要，你可以保存下一个网站改版的所有过程，从中可以学到不少东东。
右面就是ELONG网站的风格，这个没办法，谁要替人家办事，总要有一点别人的风格吧。
页面设计也是对自己的photoshop使用熟悉程序的考验，不过做网页其实使用到的photoshop技巧很少，常用的是一点网页色彩调色和图片压缩的技术，及后期的切图片技巧。
第三步，就是上面所说的切图了。切图可以使用ps里的slice工具，我觉得PS6就是好，好就好在SLICE这个工具和SAVE FOR WEB 以及IMAGEREADY。
这个页面切图步骤简单的讲一下：
分析一下版面，我得出如下步骤
首先最上面标题那一排，可以不切，直接在DW里用表格画，只要那个LOGO和广告语就行了，这个LOGO和广告语一定要发布为透明GIF，千万不可带上背景色，不然以后改版或做修改就难了。
其次，主画面的几个图片也分别做成JPG图片，直接做，好像更快，我压根就没有切图，直接做好图片，拖到表格里就行了。
再次，使用IFRAME，没办法，谁让他信息比较多，用这种办法，可以使有限的页面容下更多的内容，当然还有很多方法，比较滚动字幕，文本域什么的。大家可以根据自己的习惯和喜好了。
最后，就是充分的展示你表格使用的技巧，这个前面有不少人讲得比较透彻，大家可以看他们的帖子。大家看到这个页面上的右部的线和灰色标题栏都是用表格完成的。
当然还有一个透明的一个像素长宽的图片，这个就是我进行表格排版的必备工具。
大家载回去看一下就知道。
还有一些杂七杂八的东东，
比如css啊，我这个页面里没有用css ?大家看看源码就知道。
做GIF啊，学学IMAGEREADY吧。这是个很好的东东，和PHOTOSHOP配合得天衣无缝。
等等，我就不讲了，
如此，一个页面就完成了。
还有不完善的地方，可以细部修改一下就完了。
做得匆忙，如有不到之处，欢迎指教。
