web前端毕业设计论文

1202012132B12220152015HTML5HTML5HTMLHTML5HTMLcssHTMLJavascriptjQueryHTML5HTML5;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;InteractiveDesign.....................................................11.1..........................................11.2HTML5............................11.3........................................................2.........................................32.1HTML5.............................................32.2HTML5.............................................32.3HTML5.........................................32.3.1javascript............................................32.3.2javascript........................................42.3.3css...................................................42.3.4jQuery.....................................................52.4.......................................................5..........................................63.1.........................................63.1.1...................................................63.1.2...................................................63.1.3.........................................63.2UI....................................................73.2.1...................................................73.2.2...................................................73.2.3css...................................................83.3UI..................................................93.4.............................................93.5.1.............................................93.5.2......................................103.5..............................................103.5.1......................................................103.5.2................................................103.7......................................................10.............................................114.1......................................................114.2..................................................114.3..............................................114.3.1..............................................114.3.2............................................114.4....................................................114.5..................................................124.5.1css..............124.6......................................................13......................................................73..............................................................73..........................................................7511.1PCHTML5PCCSS3PC3html;css;Javascript,PSHTML5css3javascriptjQueryHTMLcssjavascript1.2HTML51201580%AppHTML5AppFacebookTwitter(ReadWriteWeb2015)21000H542%17,358,480uv;27%49,940,339uv;15%2,892,047uv;5%551,195uv(h5ih5.cn2015.9)391Flash(Amazon.com)FlashFlash2HTML5420CPM40H5H5H5FacebookTwitterLinkedInH5HTML5H5H5H51.3HTML5HTML532.1HTML5HTML5HTMLHTML5HTMLAPIHTMLcss,jsWebStorm2.2HTML5(1)WebStormWebStormjetbrainsJavaScriptJSWebHTML5JavaScriptIDEIntelliJIDEAIntelliJIDEAJSIE8IE92PhotoshopAdobePhotoshop,PS,AdobeSystemsPhotoshopps3IEtesterIETesterWebBrowserWindowsVistaXPIE5.5IE6IE7IE8IE9IE10IE11JavaScriptIE5.5IE6IE7IE8IE9IE10IE2.3HTML52.3.1javascriptJavascript4JavascriptjavascriptV8C++JavascriptHTMLHTMLCGIHTMLjavascriptHTML5javascriptHTML5webAPPjavascript2.3.2javascript1)javascript(2)javascript,javascriptJava,(3)javascriptjavascript,(4)javascriptWeb2.3.3cssHTMLXMLCSSCascadingweb3(1)(2)(3)CSSHTMLHTMLCSSHTMLHTML5CSSCSSCSS3HTMLCSSCSS2.3.4jQueryJQueryprototypeJavascriptjsCSS3IE6.0+,FF1.5+,Safari2.0+,Opera9.0+jQuery2.0IE6/7/8jQueryHTMLeventsAJAXjQueryjQueryhtmlhtmlhtmljsidjQueryjavascriptwriteless,domore(,)jQuery20061JohnResigbarcampJavaScriptDaveMethvinjQueryjavascript1000055%jQueryjQueryMITjQueryDOMAjaxjQueryAPI2.4JavascriptcssJquery63.1WebHTML,CSS,JavascriptSEOIEtextgoogledebug3.1.1JSJSbug3.1.2HTMLjavascriptw3c