网站设计——毕业设计说明书

1、毕业设计说明书（计算机与软件学院） 设计课题： 网站设计 专业班级： 学生姓名： 学生学号： 指导教师： 目录第一章 前言411课题来源412 网站开发项目需求分析413 软件514 软件运行环境5第二章 网站的制作621 做网页的步骤622 做网页的要素7第三章 网站的要求931 主页的要求932 子页的要求9第四章 网页的各模块设计10 41 网页总体框架图10 42 网页头部11 43 网页中间左部12 44 网页中间右部1845 网页尾部23 46 主页导航栏25 47 分享导航栏25第五章 详情页面设计26 51 往期团购26 52 秒杀抢团29 53 热销商品32 54 品牌商户3

2、5第六章 javascript代码38致谢39参考文献39网站设计摘要 现在人民的生活已经离不开网络，网购也成了人们生活中必不可少的东西。各种网购网站也横空出世，如淘宝网，天猫商城，亚马逊等等。本设计以人们的需要为根本，采用div+css，符合人们对网购的需要。此网站名为团购网站，其图片清晰，色彩繁多，内容齐全，布局合理，满足了人们的需要。 关键词： 团购 布局 齐全第一章 前言11课题来源随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力

3、、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。以往，人们购物都需要亲自去商店选物，购买，后来，网络越来越发达，邮政，快递也迅速发展起来了，不出门就能买到自己心仪的商品成了人们的需求。正是因为人们的这些需求，越来越多的购物网站出现在网络上，使人们可以随时了解自己需要的物品方面的新闻，真正的做到足不出户，便可买到天下物。把购物与网络连接起来，必将是社会发展的必经之路。所以，做了此次的毕业设计作品。12 网站开发项目需求分析一个网站项目的确立是建立在各种各样的需求上

4、面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。据专家预计，每天在淘宝网上购物的人次达到上亿次。所以，做好团购网站就是为了给广大的消费者提供及时和有效的信息，为其选择适合自己的产品提供良好的参考。13 软件dr

5、eamwraver软件由美国著名的网站应用开发工具生产厂商adobe macromedia于2005年6月推出并正式投入市场以来，已经发展得相当成熟。关于dreamwraver的技术介绍的相关书籍与网络信息相当丰富。通过大学中网站开发课程的学习，对dreamwraver有了比较深刻的认识，并比较轻松的掌握了dreamwraver的操作。因此，网页技术可以完成任务的要求。浏览器：火狐浏览器，谷歌浏览器，360浏览器，qq浏览器,ie6/7/8。14 软件运行环境dreamweaver和以上各浏览器均可以在winxp/win 8中安全运行。第二章 网站的制作21制作网页的步骤在做网页之前，我确定了

6、做网页的五个步骤。一、确定网站主题 ：网站主题就是要建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。二、搜集材料 ：明确了网站的主题以后，你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。三、规划网站 ：一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在

7、制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。四、选择合适的制作工具 ：尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。五、制作网页 ：材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

8、2. 2制作网页的要素一、网页的整体布局设计 网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时，更要注意为了达到最佳的视觉表现效果，而讲究整体布局的合理性，比如一家生产型的企业，它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流

9、畅的视觉体验，从而方便他对产品的了解，促成最后的购买。 二、网页设计中色彩的运用 色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用，按照色彩的记忆性原则，一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购买心理，使得在线营销得到很好的实践效果。另要注意的是网页的颜色应用虽没有限制，但不能毫无节制地运用多种颜色，一

10、般情况下，先根据总体风格的要求定出一至二种主色调，在已经有了完备的cis（企业形象识别系统）的企业进行网页设计时，更应该按照其中的vi进行色彩运用。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠”中的人喜欢绿色。在设计中要考虑众多因素。三、网页形式与内容相统一要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平

11、衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。第三章 网站的设计31 主页的要求对于购物业务系统要求运行的工作环境稳定，易于操作，界面美观大方，对于前台展示界面要求系统便于维护，安全可靠，对于广大客户所要执行的操作

12、简单易懂，远程访问速度较快，界面友好美观，有基本的错误提醒功能，远程操作数据库正确，要求和用户有一定的互动性，在主页上直观的就可以查看浏览者所想要了解的东西。32子页的要求 后面的工作就是子页的选择与链接，子页应该丰富多彩，内容充实，浏览性强，比如说，用户想要商品，应该有它的全部资料，包括外观、出产地、价格、图片、折扣等诸多方面，鉴于以上方面，我开始了子页的选择与链接。第四章 网页的各模块设计41 网页总体框架图 下图为此网站每张网页的框架图 42 网页头部 下图为网页头部的图片 代码为： 全国 想知道全国明天的团购是什么吗？ 首页 往期团购 秒杀抢团 热销商品 品牌商户 !-登录- 43 网

13、页中间左部 下图为网页中间左部的图片 代码为： 分享到： msn   开心   人人   豆瓣   新浪微博   邮件   今日团购：仅0.1元，体验壹团网groupon开源团购程序订单流程【程序演示，请勿购买】 原价 折扣 节省 ￥1 1 ￥0.9 开源程序，自由修改；代码简洁，安全高效 稳定运行，提升形象；平台服务，价格平易 剩余时间 765天 1小时 26分钟 1079 人已购买 团购成功！ 还可以继续购买 14点00分达到最低团购人数：500人 本单详情 壹团团购程序不只是帮你

14、建立团购网站，作为我们的用户，我们还将提供网站安装、使用指导、网站故障排除、bug提交及时解决；当然在功能、模版升级以及定制方面用户都可以得到很好的技术保障。另外在以后功能以及模板风格的升级方面，我们都将虚心听从用户的建议和指导。希望我们能与运营团购网站的您携手共同提高，共同进步。 整体规划 摒弃开发速度慢，效率低下、冗余严重的框架。投入大量的时间和精力，打造最简洁高效的程序 开源程序 我们渴望公平、公正、开放的竞争环境，也希望给用户最大的自由度，方便对程序的维护和加强 功能强大 拥有groupon模式的全部主流模块，功能全面、强大，辅助模块不断持续开发中 使用简单 全部采用人性化设计、智能化

15、管理，只要会操作电脑就可以管理网站 瞬间建站 不用做模板，不用改程序，强大的团购网站瞬间建立 投入极低 投入数千元即可拥有壹团商业版程序，它仅是您招聘一个程序员1个月的薪资 多重保障 持续开发保障、技术服务保证、问题修正保障，让您的网站发展彻底无后顾之忧 程序只是起步，服务更为重要。持续性的技术优势和不断增长的市场经验，更增强了已有和潜在客户的信心。时刻关注国内外相关领域内的进展和动态，不断创新，使越来越多的人相信壹团开源团购系统开发平台辉煌的明天。 壹团网 完整美团模式，开源团购程序 程序只是起步，服务更为重要 44 网页中间右部 下图为网页中间右部图片 代码为：   邀请有奖 每

16、邀请一位好友首次购买，您将获￥10元返利  点击获取您的专用邀请链接   号外   团购到凑帮，省钱又时尚   全国公告   壹团团购程序商业版程序演示“今日团购”的商品请勿购买   小调查 您最想团购的是什么？请告诉壹团，让壹团更好地为您服务！   商务合作 希望在壹团网组织团购么？请提交团购信息 45 网页尾部 网页尾部图片 代码为： 意见反馈 用户帮助 玩转壹团 常见问题 壹团概念 开发api 获取更新 邮件订阅 rss订阅 新浪微博 腾讯微博 合作联系 商务合作 友情链接 商家后台 公司信息 关于壹团 工作机会 联系方式 用户协议 2010 壹团网（）版权所有 使用壹团前必读 皖icp备05017430号 powered by yituan software. 46 主页导航栏 下图为主页导航栏图片 代码为： 首页 往期团购 秒杀抢团 热销商品 品牌商户 47 分享导航栏 下图为分享导航栏图片 代码为： 分享到： msn   开心   人人   豆瓣   新浪微博   邮件 第五章 详情页面设计51 往期团购 往期团购中包含了往期团购的所有商品 主页主