基于web前端的响应式企业网站设计与实现毕业设计论文.pdf

摘要

在信息高速发展的这个时代，网络作为现今最为方便快捷的媒介也越来越被

人们接受，并且融入我们的生活。在2015年时，随着HTML5在国内的兴起,也在

不断的推进着信息时代的发展，网站也逐渐脱离了传统的枯燥页面风格,如今的

HTML5比起以前的HTML来说,更容易维护和管理，而且还能实现跨平台开发，减

少开发成本。

本论文主要围绕写意集团的HTML5响应式网站为开发主题,用到的也是最必

备的三个技能元素，在布局页面时，用HTML将元素进行定义，布局基础布局；

css对展示的HTML元素布局进行定位渲染,然后利用Javascript或者jQuery实

现相应的效果和交互.虽然这么看起来很简单,但这里需要认真了解的东西很多。

在开发前,需要对这些概念弄清楚,在开发过程中还要考虑兼容，性能等各种问

题。

分析并解决实现中的若干技术问题：介绍企业官网个性化页面的背景及

HTML5响应式布局的一般原理;阐述整个企业官网的结构及工作原理;分析

实现中的难点和重点；

关键词：HTML5;CSS3；响应式；javascript；网站美化；交互设计

abstract

Inthiseraofrapiddevelopmentofinformationandnetworkas

themostconvenientmedianowincreasinglybeingacceptedandintegrated

intoourlives.In2015，withtheriseofHTML5inthecountry，hasalso

beenadvancingthedevelopmentoftheinformationage,thesiteisalso

movingawayfromthetraditionalboringpagestyle,andnowHTML5compared

tothepreviousHTMLiseasiertomaintainandmanagement,butalsoto

achievecross—platformdevelopment，reducedevelopmentcosts.

ThispapermainlyaroundFreehandGroupHTML5Responsivewebsite

developmenttopics,usedinthethreemostessentialelementsofskill，

inthelayoutofthepage,usingHTMLtodefinetheelements,layoutbasic

layout；csstodisplayHTMLelementspositioninglayoutrendering,then

useJavascriptorjQuerytoachievetheappropriateeffectsand

interactions。Althoughsuchlooksverysimple，buthereneedto

understandalotofseriousthings.Beforedevelopment，theneedto

clarifytheseconceptsinthedevelopmentprocess,butalsoconsidera

varietyofproblemswithcompatibility，performanceandsoon.

Analyzeandsolvetechnicalpr