双方签定《网站制作合同》，合约是双方利益的保障。 支付预付款之后网站开始动工了。

第四步：注册域名、空间

选择合适的注册域名和空间。为之后网站的开发做良好的铺垫。 第五步：网站制作定位

确定网站的定位，作为产品销售和公司介绍的网站，给网站定好位。利于接下来的开发。

第六步：网站风格设计

网站的风格包括很多方面，整个网站的总体风格，每个栏目频段自己独有的风格，网站基本框架的设计等。最后将初步做好的网站与客户进行讨论并加以改进。

第七步：网站制作

网站应当有一个很清晰的网站介绍，有一个简洁的界面，需要告诉访问者网站能够提供些什么，以便访问者能找到想要的东西。有效的导航条和良好的结构，使人们很容易找到需要的产品，这对网站客户很重要。

第八步：网站验收

网站制作完成后，将会反复审核、测试、修改最后通过客户的验收，网站才算建好。 第九步：网站宣传推广工作

网站建好之后，需要对网站进行宣传推广，可以聘请网络优化团队，为网站的搜索进行优化。

第十步：网站后期维护

网站建成验收以后，如果涉及到图片文字更换及数据库升级、修改漏洞及找回管理员密码等情况需要修改网站，属于网站的后期维护。

第三章 某公司网站设计

第一节 确定公司创建网站的目的与意义

根据论文题目，以售酒公司作为例子，售酒公司需求一个在线售卖红酒的网站。目的是发展公司的线上销售业务，来推动公司收益。公司创建网站能有效的宣传公司产品以及提高销量，并且加入电子商务行列。

第二节 需求分析

首先公司售酒的网站需要一个在线能购买公司产品的功能，网站也需要页面实现对于公司文化的介绍。对于每一件商品需要有一个产品详情页面，能通过后台添加产品详情信息。需要秒杀商品页，能展示商品秒杀和记录哪些用户秒杀了商品。网站需要用多种方式来展示公司产品，不显得单调死板，也不能显得花里胡哨，体现公司文化的稳重。首页需要大图来突出展示几种商品，也需要小块的商品展示以便于介绍更多商品。

第三节 设计工作流程

第一、对网站整体风格的设计

这是对网站整体框架的定位，对于红酒行业，网站的风格会有不一样的风格表现形式，在视觉上突出一种优雅和高贵的感觉，让用户视觉上定位该站，符合用户的视觉印象。加深网页元素在用户面前的表现力，增强用户的购买欲。决定使用酒红色作为全站的主色调，风格上采用扁平化，使用块状的设计让网站更加简洁大气。

第二、进行网页的布局设计

网站的布局结构性质继承上面第一步的表现风格，在添加丰富的酒元素，用酒和优雅去“熏陶”出每一个页面。使页面的表现带动访客的心灵。

第三、产品目录的平面设计；

定好位，并布好局，设计大的div块。暂时先不管块中的内容，先想好容器的摆放位置，将需要表现的东西的大块先在页面上摆放合适。随后再进行更加细节方面的制作，将网站的整体制作成为psd文件，为接下来切图做好准备。

第四、各类专题广告设计；

好产品当然要有好广告，酒香也怕巷子深的哦，做个大大的广告banner，这样客户在访问网站的时候，知道当前主要推荐的内容是什么。突出某些产品或者服务，在网页上添加

各种广告元素gif图片、flash动画等等，尽量吸引访客的眼球，然后突出的表现想表现的东西，这样就更加促成了转换率了。

第五、利用div+css制作网站页面。

网页设计固然重要，但是最关键的是如何将网页制作出来，设计和制作上面还会有不小的冲突，在切图后将页面排版出来，做出最初的div模型。制作时可以使用各种插件辅助工作，因为网上的js插件都是开源的，使用起来不用担心版权问题。Div模型制作出来之后将各种产品的排版加入其中，使之成为一个完整的页面。然后可以考虑网站的动画效果问题。这个问题需要考虑的更多，对于各种浏览器的支持以及兼容性问题，争取能兼容各大浏览器。

第六、网站的测试与交互

网页的div+css排版制作完成后需要交给制作后台的人员进一步工作，交付前需要进行兼容性测试，测试完成后将静态的网页文件交出进行后台添加变成动态网页。完成产品的添加以及各种功能的实现。

第四节 栏目设计

首页

导航栏：点击导航栏能进行挑战，本页面内跳转。 轮播栏：轮播栏展示公司主要推荐购买的三种产品。

秒杀栏：倒计时秒杀，做出动画显示倒计时，使网页看起来不是那么死板。

产品展示栏：产品展示，通过后台添加图片和介绍在前台展示，此处暂时只作为效果展示，不具备后台。

友情链接栏：网页友情链接，将用于推广网页。链接可后台添加，此处只作为效果展示。 脚部声明栏：必要的网页声明，否则违法，只作为效果展示。 公司介绍页

公司介绍页面主要为公司照片展示与公司文字介绍。 产品详情页

产品展示栏：展示产品的大图，并且添加价格及优惠。同时提供购买和加入购物车选项。 产品详情页面：产品详细介绍，以及优惠详情，各种信息可以加入其中，把想告诉客户的全部放在详情页面中。

限时抢购页

限时抢购商品展示栏：展示前面的限时抢购商品，提供抢购按钮，并且时间到了才能抢。 政策法规页面

结构大体上与公司详情页一样，可以排版图文。

第四章 公司网站制作

第一节 设计草图

首先需要确定的是网页的宽度，现在的主流显示器的分辨率有1280*960（4:3屏幕）、1366*768（低分屏笔记本）、1440*900（低分屏宽屏）或者更高1080P、2160P等。设计网页为了使这些分辨率的电脑都能使用，设计的宽度不能超过1280主流显示器的宽度。又为了保证横向的滚动条不会显示出来，采用了1248px宽度。整个网页居中显示，每一栏目使用栏目背景颜色填充，使网站能适应各种分辨率。画出草图如图4-1所示：