乔世帅《综合技能训练》技术文档模版.doc

《综合技能训练》技术文档 项目名称： LIBER ADEON网上手表专营店 系/专业：计算机系软件技术 年级： 2015级 学生姓名： 乔世帅 指导教师：____刘效春____ 2016 年 11月10日 摘要 本文就网站的设计与制作，对全过程进行分析与研究，本文主要的工作集中在： 对自己设计的网站从设计理念到制作过程进行详细分析。 对使用到的Hbulider、Photoshop软件的设计方式进行解析。 就网站的设计与制作提出自己的观点以及建议。 关键词：Hbulider，静态网站建设，HTML5、CSS3。 ABSTRACTS In this paper, website design and production, the whole process of analysis and research, this paper mainly focused on the: 1.To design their own websites from design concept to production process carried out a detailed analysis. 2.On the use of the Dreamweaver,Photoshop, and software design method of analysis. 3.Web site design and production put forward their views and suggestions. KEYWORS：Hbulider, static website construction,HTML5,CSS3. 目录 第1章 概述 4 1.1 技术综述 4 1.2 项目背景与开发计划 5 1.3 开发平台 5 第2章 需求分析 5 2.1 业务需求及功能列表 5 2.2 数据要求 6 第3章 概要设计 6 3.1 涉及到的组件概要说明 6 第4章 详细设计 7 4.1 主页的设计 7 4.2 分类展示页面设计 12 4.3登陆注册页面设计 13 4.4订单提交页面设计 13 4.5购物车页面设计 14 4.6商品详情页面设计 14 4.6意见反馈页面设计 15 4.7所有页面样式CSS代码 15 第5章 代码设计 35 5.1 关键技术1：页面主导航的设计的代码举例 35 第6章 测试 36 6.1 测试方案 36 6.2 性能测试 36 第7章 结论 36 第8章 参考文献 37 第9章 致谢 37 浏览器厂家已经积极更新自己的产品，以更好地支持HTML5。 项目背景与开发计划 本项目是LIBER AEDON品牌手表的一个网上手表专营店 随着互联网的飞速发展，网购进入了越来越多的人的生活，更多的人购物选择网购来购买自己想买的商品。一直以来，手表都被人们看作一种时尚，越来越多的人选择佩戴名牌手表来提升自己的品味。 本项目提出了几大需要解决的问题，分别为：1.图片文字的插入；2.链接的插入与使用。大致可以分为3个阶段解决问题。第一阶段：寻找制作需要用到的图片文字，并利用制图软件制作。第二阶段：使用Hbulider插入图片、文字、页面布局。第三阶段：使用Hbulider插入链接，并调试使用。 开发平台 1、Inter i5，DDR2 800 1G内存硬盘160G 串口 2、必要的网络平台及需要的网络协议 3、开发用的程序设计语言为HTML5、CSS3。使用的软件为Hbulider。 4、打包发行用的工具为好压（.rar） 需求分析 业务需求及功能列表 数据分析 2016年消费拥有国产表、原装进口表的比重分别为43%和40.8%，中高端手表消费在增长，低端产品消费在淡出。与2015年相比，年消费在5000元以上的比重由5.3%增长到7.13%，而100元以下的消费比重由5.1%降到1.78%。中国手表产量已占全球市场的七成，但出口总值仅占一成。而瑞士年产手表仅占全球产量的三成，但出口额却占四成。中国手表业今后要保持其发展，需从提高产量转型为技术含量的提升，逐步开发高端市场。随着人们收入水平的不断提高，对手表的需求也将越来越大。 概要设计 本应用软件的组成结构 HBuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。同时，它还包括最全面的语法库和浏览器兼容性数据。从Frontpage、Dreamweaver、UE，到SublimeText和JetBrai