第2章   网站首页（index）的设计与制作

2.1   查看设计要求

实例名称：佳佳洁纸业。本网站要凉爽、清新、淡雅，体现简洁、大方。

2.2   对网站进行页面整体布局

对网站页面整体布局就意味着，我们在设计的时候要根据我们布局的来设计，所以我们在网站整体布局的时候要考虑清楚，要根据方案书的具体分析和栏目要求来布局，由于家家洁网站的首页布局没规定，所以我们在设计的时候要给其布局，网站主要体现的是简洁、大方，所以我们在首页的布局上面不能有太多的栏目块，banner图要稍微比一般网站要大点，这样能衬托大方的味道，至于简洁嘛？我们就在首页上体现几个重点的栏目块，一般体现的是企业的公司简介、公司产品、联系方式、新闻中心等。所以我们就选择3个栏目块来布局，3个栏目块布局在一排，具体页面整体布局规划图如图（2-2-1）

http://s12/middle/6b35b6bch9117a7828a2b&690

图2-1

2.2.1   新建psd文件

   首先我们打开Photoshop软件，直接双击Photoshop图标或者右键单击图标点击打开，也可以再开始程序里面打开。如果没有安装Photoshop软件，请到Photoshop官网（http://www.photoshop.com/）进行下载安装，具体安装步骤请到网上查找。

    打开了Photoshop后，我们就点击“文件”——“新建”或者使用快捷键Ctrl+N。把新建文件的名称和其他内容按标准填写，具体内容如图（2-2-2-1）：

 http://s6/middle/6b35b6bch9117a8b9ba35&690

图2-2-2-1

2.3   处理logo

    需要处理的logo打开了，现在我们需要把logo处理成为透明的logo，我们点击工具栏中的魔棒工具如图（2-3-1）；设置魔棒的容差为10如图（2-3-2）就可以了，容差根据背景的不同设置不一，然后点击白色区域出现虚线，按Del键删除，最终效果如图（2-3-3）。 

 http://s3/middle/6b35b6bch9117a8d85162&690

图2-3-2

http://s15/middle/6b35b6bch9117a8e7968e&690

图2-3-3