[黄冈职业技术学院.docVIP

毕业设计 题目 web前台开发 学生姓名 陈 红 学 号 200902081205 专 业 网络技术 班 级 200902班 指导教师 刘晓知 完成日期 2011 年 11月 9 日目 录 摘 要 1 前言 1 1 需求分析 2 2 主题确定 3 3 详细设计 3 3.1 logo设计 3 3.1.1主导航设计 4 3.1.2鼠标设计 4 3.1.3子导航设计 4 3.2.1背景图片设计 4 3.2.2子页设计 5 4 布局设计 6 4.1 7 4.2 7 5 配色方案 8 6 设计难题 8 6.1 效果说明1 8 致 谢 11 Web前台开发 —网页前台设计 学 生：陈红 指导教师：刘晓知 （黄冈职业技术学院） 摘 要：做的网站名称是品诺时尚网站，主要介绍了企业情况、产品信息、联系方式、幻灯片展示等十个页面。整个网站主要对企业文化做了详细的介绍，网站整体看起来大方得体，网站设计页面风格一致。 前言 在学校学了两年的网站设计，网页基本设计也都有了基本的了解，这次要做的是毕业设计，因为是毕业设计，和从前设计网站有些不同，又有些相似。相同的是都是要设计出一个完整的网页，不同的是这是毕业设计。一方面是因为这是毕业设计，要认真对待；另一方面，也许出了学校之后，不知道能不能从事专业对口的工作，所以说这也许是最后一次网页设计，也应该好好对待。 在做网站之前，我先做了一份网站规划，把网站的方向，主题，风格都确定下来。接着就开始找素材，找需要的素材，在网上搜索企业建站的需要，然后开始着手网站建设。 刚开始做了两个模版，但做到中途就设计不下去了，一开始追求页面的奇幻效果，但却忽视了网页排版。结果好多版块不知道放在哪里，然后就放着没动。下不了手，然后便重新做，做了之后，还是不知道从哪里下手做，然后就把网站放着没动。放了很久很久，直到最后的交作业日期临近，才不得已去做。 在网上看了很多网站，觉得有几个网站做得很好，简单，功能齐全，就学习它的思路去设计，借鉴了两张图片，用了几个背景图片设计。子页的设计模式一致。在毕业之前这是最后的网页设计，所以做的隆重又简约大方。 1 需求分析 我的网站名称叫做“品诺时尚有限公司”，也就是说它是一个企业网站，企业网站需要给消费者带来本公司的产品信息，公司简介、加盟信息、联系方式、品牌展示、聘用信息等。这个网站的主要面对方向是所有对该公司产品有需求的客户。 我需要介绍本公司的企业情况，介绍公司的动态、展示品牌信息，让客户了解之后才能放心购买本网站的产品。 品诺时尚企业网站，主要起到了广告的作用，详细的介绍了公司的情况，让需要该产品的客户充分的了解产品信息，等于是替品诺公司打广告，向大众介绍了产品的功能，样式，图片展示。 做这个网站，主要让客户了解到了品诺公司的主要产品，品牌信息和来源，让客户能放心购买本公司产品，客户满意了才能联系品诺公司，才能下订单购买我们的产品。品诺是一个连锁公司，欢迎广大有意人士加盟我们公司，设计一个单独的页面介绍本公司的成立情况，一个页面介绍公司主打产品，一个页面给出加盟信息。 网站有六个静态页面，四个动态页面。因为是设计网站前台，所以没有设计登陆注册留言等功能，整个网页主要注重的是页面设计的简洁感。主页面七个，子页面三个。主页上的品牌展示运用的特殊效果，从左向右依次滚动。鼠标经过时图片暂停，鼠标松开，图片继续运行。 整个网页设计时间控制在一个星期内，网站规划使用一个工作日，网页设计说明以及格式修改定稿使用两个工作日。所有工作完成之后，整个网页设计才算完成。 2 主题确定 在定下网站名称之后，本网站的主题就确定了，这是一个企业网站，企业网站就要做好企业文化。所以对该公司介绍较多。 主要定了这几个产品方向，有家纺、服装、手表、化妆品、包包、女娃等商品，鉴于只做了十个页面，所以有很多方面没涉及到，也就没有展示出来。子菜单就没有详细做介绍，基本上以主导行为主。主要介绍了本公司的情况。 3 详细设计 3.1 logo设计 用这个做为logo的理由，一是因为网站的名称，关于时尚，所以就选择了一张比较时尚的女人头像作为站标，下面是企业网站名称，和图片放在一起，就是整个logo的设计。 时尚，简约大方，显示了本网站的品质。 3.1.1主导航设计 有7个，子导航有3个，总共十个页面。 3.1.2鼠标设计 经过颜色变红、 3.1.3子导航