毕业设计（论文）-步步高网站前台设计与实现.docVIP

毕业设计 题目 步步高网站前台设计与实现 学生姓名 学 号 专 业 班 级 指导教师 完成日期 2011 年 11 月 16 日 目 录 前言 3 1 网站需求分析 4 1.1 网站定位 4 1.2 网站前台建设要求 4 1.2.1主要功能模块 4 1.2.2整体版面要求 4 1.2.3设计效果要求 5 1.2.4设计技术要求 5 2 首页设计说明 5 2.1 首页整体效果 5 2.2 首页结构 6 2.3 设计效果与技术介绍 8 2.4 问题与解决方案 9 3 子页设计说明 9 3.1 子页整体效果 9 3.2 子页结构 9 3.3 设计效果与技术介绍 11 3.4 问题与解决方案 12 3.5 最终效果图 12 3.5.1 首页的效果（index.html） 12 3.5.2 企业介绍页的效果（qyjs.html） 13 3.5.3通信产品页的效果（txcp.html） 14 3.5.4 教育电子页的效果（jydz.html） 15 3.5.5 企业新闻页的效果（news.html） 16 3.5.6 服务中心页的效果（service.html） 17 3.5.7 人才招聘页的效果（jobs.html） 18 4 兼容方案 18 5 维护设计 20 6 总结 21 致 谢 22 参考文献 22 步步高网站前台设计与实现 学 生：乔生巍 指导教师：刘晓知 （黄冈职业技术学院） 摘 要：本文为步步高企业网站前台的设计说明，针对步步高网，介绍了制作此网站的流程以及相关技术，包括需求分析、主题确定、功能设计、布局设计、配色方案还有特效设计等。此设计运用了当前流行的网站前台设计技术，对制作符合web标准的网站进行了深入研究。 关键词：网站；前台设计；步步高网 前言 企业网站建设方案是将企业网站建设成为一个优质网站首先要考虑，网站建设方案能反应出网站的建设构想，初步形态及网站推广计划。企业网站建设方案适合中小型企业，它有自己独特的风格设计。风格设计主要体现在企业个性特点的凸显，结合企业经营行业市场分析，了解客户群体活动习性以及活动规律，分析.策划并制定出一套适合企业自身的网站建设的设计风格方案。设计首页要求列出最吸引客户的产品信息以及服务信息，用最精炼的语言表达出客户想了解的信息，一般网站首页由企业简介，企业新闻，企业资质，产品展示，在线留言，联系方式等。 其企业网站的主要建站目的： 1. 企业网站建设方案的策划主要目的在于，能够通过网站首页，公司简介，产品服务信息，让客户清楚了解公司产品以及服务信息情况。 2. 网站栏目清晰明了，网站本身就是服务企业，为企业带来宣传。栏目之间的设定都是在服务于如何让网站更吸引客户，更能抓住客户心理，方便用户浏览网站而设定制作。 3. 策划方案还可以反应出网站框架设计是否合理，预计能够达到什么效果，以及后期网站推广工作安排。绝对定位的优势在于，我们可以丝毫不差地精确控制任何元素的位置—这里面没有什么需要猜测或者运气的成分。由于应用了绝对定位的元素被不留痕迹地从常规文档流中完全移除，所以它也不会为其他元素带来任何的影响。浮动的本意是要将插入到文章中的图片向左或者向右浮动，使图片下方的文字自动环绕在它的周围，使图片的左边或者右边不会出现一大块的留白。Div 2 首页设计说明 2.1 首页整体效果 页头（logo） 导航 Flash片头 新闻动态 新品推荐 页尾(版权信息) 首页的亮点在于flash片头，以图片轮播的形式介绍了企业文化及产品宣传，为企业文化和产品奠定了宣传的基础。记住要技术在于插入flash，flash包括十二张图片轮播，另外添加了背景音乐，大大的吸引用户的眼球，还有添加了js特效来展现新品推荐专栏，图片替换的效果使浏览增添了些许乐趣。 2.2 首页结构 html xmlns=/1999/xhtml head //新品推荐处的特效代码路径 script language=javascript type=text/javascript src=js/xinping.js/script //flash片头的文件路径 script src=Scripts/swfobject_modified.js type=text/j