web前端毕业设计论文响应式企业网站设计与实现

摘要在信息高速发展的这个时代， 网络作为现今最为方便快捷的媒介也越来越被人们接受，并且融入我们的生活。在 2015年时，随着 HTML5在国内的兴起，也在不断的推进着信息时代的发展， 网站也逐渐脱离了传统的枯燥页面风格， 如今的HTML5比起以前的 HTML来说， 更容易维护和管理， 而且还能实现跨平台开发，减少开发成本。本论文主要围绕写意集团的 HTML5响应式网站为开发主题， 用到的也是最必备的三个技能元素，在布局页面时，用 HTML将元素进行定义，布局基础布局；css对展示的 HTML元素布局进行定位渲染，然后利用 Javascript或者jQuery实现相应的效果和交互。 虽然这么看起来很简单， 但这里需要认真了解的东西很多。在开发前，需要对这些概念弄清楚，在开发过程中还要考虑兼容，性能等各种问题。分析并解决实现中的若干技术问题：介绍企业官网个性化页面的背景及HTML5响应式布局的一般原理；阐述整个企业官网的结构及工作原理；分析实现中的难点和重点；关键词： HTML5;CSS3;响应式;javascript;网站美化 ;交互设计abstractInthiseraofrapiddevelopmentofinformationandnetworkasthemostconvenientmedianowincreasinglybeingacceptedandintegratedintoourlives.In2015,withtheriseofHTML5inthecountry,hasalsobeenadvancingthedevelopmentoftheinformationage,thesiteisalsomovingawayfromthetraditionalboringpagestyle,andnowHTML5comparedtothepreviousHTMLiseasiertomaintainandmanagement,butalsotoachievecross-platformdevelopment,reducedevelopmentcosts.ThispapermainlyaroundFreehandGroupHTML5Responsivewebsitedevelopmenttopics,usedinthethreemostessentialelementsofskill,inthelayoutofthepage,usingHTMLtodefinetheelements,layoutbasiclayout;csstodisplayHTMLelementspositioninglayoutrendering,thenuseJavascriptorjQuerytoachievetheappropriateeffectsandinteractions.Althoughsuchlooksverysimple,buthereneedtounderstandalotofseriousthings.Beforedevelopment,theneedtoclarifytheseconceptsinthedevelopmentprocess,butalsoconsideravarietyofproblemswithcompatibility,performanceandsoon.Analyzeandsolvetechnicalproblemsinimplementationof:TheofficialwebsiteofthegeneralprinciplesofcorporatebackgroundpersonalizedpageHTML5andresponsivelayout;elaboratestructureandworkingprincipleofthewholeenterpriseofficialwebsite;AnalysisImplementationdifficultiesandpriorities;Keywords:HTML5;CSS3;responsive;javascript;websitelandscaping;InteractiveDesignTOC\o"1-5"\h\z第一章 绪论 1本课题研究的背景和目的 1\o"CurrentDocument"国内外 HTML5响应式企业网站建设的状况 1\o"CurrentDocument"本章小结 2\o"CurrentDocument"第二章前端开发 及相关技术 3\o"CurrentDocument"HTML5前端开发环境 3\o"CurrentDocument"HTML5前端开发工具 3\o"CurrentDocument"HTML5前端开发相关技术 3javascript 简介 3javascript 基本特点 4css简介 4jQuery 5\o"CurrentDocument"本章小结 5第三章前端布局分析与设计 6前端总体开发流程与设计 6分层开发 6代码编写 6内部测试与后续优化 6\o"CurrentDocument"前端UI设计 7模块分布 7\o"CurrentDocument"颜色配置 7\o"CurrentDocument"css元素 8\o"CurrentDocument"交互设计与 UI 9\o"CurrentDocument"网站结构布局与设计 9网站首页结构 9主题鲜明，富有特色 10\o"CurrentDocument"3.5网站前台页面设计 10首页 10其余子页面 10\o"CurrentDocument"3.7本章小结 10第四章主要功能的实现 11界面设计 11\o"CurrentDocument"具体设计文档 11\o"CurrentDocument"前台新闻文摘显示 11网站装饰风格 11网站的链接结构 11\o"CurrentDocument"可视化设计 11\o"CurrentDocument"具体实现技术 12css 在“写意集团响应式企业官网”中的应用实例 12\o"CurrentDocument"本章小结 13\o"CurrentDocument"第五章总结 73\o"CurrentDocument"致谢 73\o"CurrentDocument"参考文献 75响应式企业网站设计与实现响应式企业网站设计与实现参考文献[1]AdityaRaviShankar著，谢光磊译《 HTML5游戏开发进阶指南》，出版社 :电子工业出版社出版时间 :2013年9月TOC\o"1-5"\h\z[2]（美）迈耶著，徐阳译《 HTML5游戏开发》，出版社：人民邮电出版社，出版时间 2011年10月（美）基瑞著，爱飞翔译《 HTML5Canvas核心技术：图形、动画与游戏开发》，出版社：机械工业出版社，出版时间： 2013年5月。（美）福尔顿，（美）富尔顿 著，任旻，罗泽鑫 译《 HTML5canvas开发详解 （第2版）》作者:（美）基瑞著，爱飞翔 译出版社:机械工业出版社 HTML5Canvas核心技术：图形、动画与游戏开发 （HTML5Canvas领域的标杆之作，公认的权威经典 ）作者:张磊编著出版社:电