web前端毕业设计论文.doc

2015版毕业论文题目:响应式企业网站设计与实现学生姓名:罗智刚学号:1202012132专业班级:B12计算机科学与技术2班指导教师:李莉企业导师:林志宏二级学院:电气与信息工程学院摘要在信息高速发展的这个时代,网络作为现今最为方便快捷的媒介也越来越被人们接受,并且融入我们的生活。在2015年时,随着HTML5在国内的兴起,也在不断的推进着信息时代的发展,网站也逐渐脱离了传统的枯燥页面风格,如今的HTML5比起以前的HTML来说,更容易维护和管理,而且还能实现跨平台开发,减少开发成本。本论文主要围绕写意集团的HTML5响应式网站为开发主题,用到的也是最必备的三个技能元素,在布局页面时,用HTML将元素进行定义,布局基础布局;css对展示的HTML元素布局进行定位渲染,然后利用Javascript或者jQuery实现相应的效果和交互。虽然这么看起来很简单,但这里需要认真了解的东西很多。在开发前,需要对这些概念弄清楚,在开发过程中还要考虑兼容,性能等各种问题。分析并解决实现中的若干技术问题:介绍企业官网个性化页面的背景及HTML5响应式布局的一般原理;阐述整个企业官网的结构及工作原理;分析实现中的难点和重点;关键词:HTML5;CSS3;响应式;javascript;网站美化;交互设计abstract ,withtheriseofHTML5inthecountry,hasalsobeenadvancingthedevelopmentoftheinformationage,thesiteisalsomovingawayfromthetraditionalboringpagestyle,paredtothepreviousHTMLiseasiertomaintainandmanagement,butalsotoachievecross-platformdevelopment,reducedevelopmentcosts. ThispapermainlyaroundFreehandGroupHTML5Responsivewebsitedevelopmenttopics,usedinthethreemostessentialelementsofskill,inthelayoutofthepage,heelements,layoutbasiclayout;csstodisplayHTMLelementspositioninglayoutrendering,,,theneedtoclarifytheseconceptsinthedevelopmentprocess,patibility,performanceandsoon. Analyzeandsolvetechnicalproblemsinimplementationof:TheofficialwebsiteofthegeneralprinciplesofcorporatebackgroundpersonalizedpageHTML5andresponsivelayout;elaboratestructureandworkingprincipleofthewholeenterpriseofficialwebsite;AnalysisImplementationdifficultiesandpriorities;Keywords:HTML5;CSS3;responsive;javascript;websitelandscaping;InteractiveDesign目录第一章绪论 7第二章前端开发及相关技术  HTML5前端开发环境  HTML5前端开发工具  HTML5前端开发相关技术  javascript简介  javascript基本特点  css简介  jQuery  本章小结 10第三章前端布局分析与设计  前端总体开发流程与设计  分层开发  代码编写  内部测试与后续优化  前端UI设计  模块分布  颜色配置 .