项目综述

　　“幸运商城”项目组在完成了前期的网站项目调研以及网站内容的规划以后，正式进人网站开发的阶段。小杰和小敏接到任务，首先设计制作完成网站的首页。那么，一个网站的首页到底应该如何进行设计，设计完成以后需要进行哪些步骤，最后又是如何将设计转换为网页形式的呢?

　　项目目标

　　知识目标

　　掌握网站主页版式设计流程。

　　掌握使用Photoshop设计网站的首页效果图。

　　掌握切片原则，以及创建首页切片、命名首页切片、导出首页切片的基本方法。技能目标

　　能够使用Photoshop设计网站的首页效果图。

　　能够正确地创建网页切片并导出切片。

　　1、确定网页页面大小

　　活动背景

　　在网页设计中，需要考虑到基于目前主流的pc端显示器大小，设置合适的网页主体内容大小。

　　活动实施，网页的版面指的是从浏览器看到的完整的一个页面(包括框架和层)。网页的呈现根据显示器的分辨率会有所不同，可能会出现800像素X600像素、1024像素X768像素、1366像素X768像素等不同的尺寸。

　　目前的网页版式设计主要以屏幕分辨率以1024像素X768像素为基准，具体的设计规范。第一屏是指打开网页后，在不拖动滚动条的情况下，能够看到的网页部分。滚动条要尽可能短，导航栏要显示在第一屏。除去浏览器右边的滚动条宽度，一般将页面宽度设置为1000像素为宜。页面高度可以因客户需求而自行设定，但不可过于冗长。

　　根据客户需求，初定本电子商城网页的页面大小为:1000像素X800像素(注:在确定页面大小的时候要注意，用PS进行版式设计时，页面的宽度与高度尽量不要修改，以免造成返工与重复劳动)。

　　活动评价，根据客户需求和行业现状，确定了电子商城的网页宽度。