web前端開發(fā)畢業(yè)設(shè)計(jì)篇一：web前端畢業(yè)設(shè)計(jì)論文XX版畢業(yè)論文題目：響應(yīng)式企業(yè)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)學(xué)生姓名：羅智剛學(xué)號：120XX132專業(yè)班級：B12計(jì)算機(jī)科學(xué)與技術(shù)2班指導(dǎo)教師：李莉企業(yè)導(dǎo)師：林志宏二級學(xué)院：電氣與信息工程學(xué)院摘要在信息高速發(fā)展的這個時(shí)代，網(wǎng)絡(luò)作為現(xiàn)今最為方便快捷的媒介也越來越被人們接受，并且融入我們的生活。在XX年時(shí)，隨著HTML5在國內(nèi)的興起，也在不斷的推進(jìn)著信息時(shí)代的發(fā)展，網(wǎng)站也逐漸脫離了傳統(tǒng)的枯燥頁面風(fēng)格，如今的HTML5比起以前的HTML來說，更容易維護(hù)和管理，而且還能實(shí)現(xiàn)跨平臺開發(fā)，減少開發(fā)成本。本論文主要圍繞寫意集團(tuán)的HTML5響應(yīng)式網(wǎng)站為開發(fā)主題，用到的也是最必備的三個技能元素，在布局頁面時(shí)，用HTML將元素進(jìn)行定義，布局基礎(chǔ)布局；css對展示的HTML元素布局進(jìn)行定位渲染，然后利用Javascript或者jQuery實(shí)現(xiàn)相應(yīng)的效果和交互。雖然這么看起來很簡單，但這里需要認(rèn)真了解的東西很多。在開發(fā)前，需要對這些概念弄清楚，在開發(fā)過程中還要考慮兼容，性能等各種問題。分析并解決實(shí)現(xiàn)中的若干技術(shù)問題：介紹企業(yè)官網(wǎng)個性化頁面的背景及HTML5響應(yīng)式布局的一般原理；闡述整個企業(yè)官網(wǎng)的結(jié)構(gòu)及工作原理；分析實(shí)現(xiàn)中的難點(diǎn)和重點(diǎn)；關(guān)鍵詞：HTML5;CSS3;響應(yīng)式；javascript;網(wǎng)站美化;交互設(shè)計(jì)abstractInthiseraofrapiddevelopmentofinformationandnetworkasthemostconvenientmedianowincreasinglybeingacceptedandintegratedintoourlives.InXX,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.2國內(nèi)外HTML5響應(yīng)式企業(yè)網(wǎng)站建設(shè)的狀況..11.3本章小結(jié)2第二章、兒前端開發(fā)及相關(guān)技術(shù).32.1HTML5、兒前端開發(fā)環(huán)境.32.2HTML5、兒前端開發(fā)工具.3TOC\o"1-5"\h\zHTML5前端開發(fā)相關(guān)技術(shù)32.3.1javascript簡介32.3.2javascript基本特點(diǎn)4css簡介...4jQuery5本章小結(jié)5第三章前端布局分析與設(shè)計(jì)63.1前端總體開發(fā)流程與設(shè)計(jì)6...8...83.1.1發(fā)...6代碼編寫...6內(nèi)部測試與后續(xù)優(yōu)化6前端UI設(shè)計(jì)...7模塊分布...7顏色配...7css元素3.3設(shè)計(jì)與3.3UI93.4網(wǎng)站結(jié)構(gòu)布局與設(shè)TOC\o"1-5"\h\z計(jì)9網(wǎng)站首頁結(jié)構(gòu)9主題鮮明，富有特色103.5網(wǎng)站前臺頁面設(shè)計(jì)10首頁10其余子頁面103.7本章小結(jié)10篇二：網(wǎng)站前端設(shè)計(jì)畢業(yè)論文本科畢業(yè)設(shè)計(jì)（論文）題目:學(xué)院：專業(yè)班級：姓名：指導(dǎo)教師：系主任：數(shù)字媒體技術(shù)系網(wǎng)站前端設(shè)計(jì)與開發(fā)學(xué)號：學(xué)院院長：二O一三年月曰畢業(yè)設(shè)計(jì)（論文）誠信聲明我謹(jǐn)在此保證：本人所寫的畢業(yè)設(shè)計(jì)（論文），凡引用他人的研究成果均已在參考文獻(xiàn)或注釋中列出。設(shè)計(jì)（論文）主體均由本人獨(dú)立完成，沒有抄襲、剽竊他人已經(jīng)發(fā)表或未發(fā)表的研究成果行為。如出現(xiàn)以上違反知識產(chǎn)權(quán)的情況，本人愿意承擔(dān)相應(yīng)的責(zé)任。聲明人（簽名）：年月日摘要21世紀(jì)是信息高速發(fā)達(dá)的時(shí)代，網(wǎng)絡(luò)作為當(dāng)今最流行最方便快捷的媒介也越來越被人們接受，并且融入我們的生活。隨著高校信息化建設(shè)的不斷推進(jìn)，網(wǎng)站的作用超越了傳統(tǒng)的信息獲取，交流它更能體現(xiàn)組織機(jī)構(gòu)的風(fēng)采，性質(zhì)。所以高校院系建立本院系美觀，專業(yè)，易于維護(hù)管理的網(wǎng)站已經(jīng)勢在必行。本論文主要圍繞數(shù)字媒體技術(shù)專業(yè)的門戶網(wǎng)站為開發(fā)主題，最基本也是最必須的三個技能。前端的開發(fā)中，在頁面的布局時(shí)，HTML將元素進(jìn)行定義，CSS對展示的元素進(jìn)行定位，再通過JavaScript實(shí)現(xiàn)相應(yīng)的效果和交互。雖然表面看起來這些很簡單，但這里面需要掌握的東西絕對不會少。在進(jìn)行開發(fā)前，需要對這些概念弄清楚，弄明白，這樣在開發(fā)的過程中才會得心應(yīng)手。分析并解決實(shí)現(xiàn)中的若干技術(shù)問題；介紹了個性化頁面的背景及jsp+javascript+mysql系統(tǒng)的一般原理；闡述整個個性化頁面生成系統(tǒng)的系統(tǒng)結(jié)構(gòu)及工作原理；分析了系統(tǒng)實(shí)現(xiàn)中的特殊性，難點(diǎn)和重點(diǎn)；設(shè)計(jì)實(shí)現(xiàn)用戶注冊，用戶登錄，用戶管理等jsp頁面。分析并解決實(shí)現(xiàn)中的若干技術(shù)問題；建立完整的校園網(wǎng)站，進(jìn)行測試并分析結(jié)果。該網(wǎng)站有效地實(shí)現(xiàn)用戶通過JSP頁面訪問來進(jìn)行用戶注冊，登陸，并對網(wǎng)站內(nèi)容進(jìn)行有效的管理，提升了后期添加和刪除信息的有效性，具有一定的應(yīng)用價(jià)值關(guān)鍵字：JSP；用戶登錄；javascript；網(wǎng)站美化；交互設(shè)計(jì)。ABSTRACTThetwenty-firstCenturyistherapiddevelopmentofinformationage,networkastheworld'smostpopularandmostconvenientmediaareincreasinglyacceptedbypeople.Alongwiththeinformationdevelopment,websitefunctionsbeyondthetraditionalinformationacquisition,communicationwhichcanbetterreflecttheorganizationstyle，properties.Souniversitiesestablishthedepartments,professionalappearance,easymaintenanceandmanagementofthesitehasbeenimperative.Thisthesismainlyfocusesondigitalmediatechnologymajorportalforthedevelopmentofthetheme,thethreemostbasicandnecessaryskills.Developmentofthefront,intheandotherJSPpage.andotherJSPpage.layoutofthepage,HTMLwilldefinetheelements,positioningCSStodisplayelements,andthenthroughtheJavaScripttoachievethecorrespondingeffectandinteraction.Althoughthesurfacelooksliketheseareverysimple,butitneedstograspthingsnever.Inthedevelopment,theneedfortheseconceptsclear,understand,sointhedevelopmentprocesswillbehandy.Themainworkdoneinthisarticleisasfollows:IntroducesthebackgroundandgeneralprincipleofJSP+Javascript+MySQLsystempersonalizedpages;Introducesthestructureandworkingprincipleoftheentirepersonalizationpageproductionsystem;analysisoftheparticularity,thedifficultyandkeysystem;Thedesignandimplementationofuserregistration,userlogin,usermanagement

Analyzeandsolvesometechnicalproblemsinimplementation;Theestablishmentofacompletecampussite,testingandanalysis;ThesiteeffectivelyachievetheuserthroughtheJSPpageaccesstouserregistration,login,andcarryoneffectivemanagementtothewebsitecontent,enhancetheeffectivenessofthelateadditio