本文格式為Word版下載后可任意編輯和復(fù)制第第頁前端網(wǎng)頁設(shè)計畢業(yè)論文

2022版

畢業(yè)論文

題目：

響應(yīng)式企業(yè)網(wǎng)站設(shè)計與實現(xiàn)

同學(xué)姓名：羅智剛學(xué)號：1202212132專業(yè)班級：B12計算機(jī)科學(xué)與技術(shù)2班

指導(dǎo)老師：李莉

企業(yè)導(dǎo)師：林志宏

二級學(xué)院：電氣與信息工程學(xué)院

摘要

在信息高速進(jìn)展的這個時代，網(wǎng)絡(luò)作為現(xiàn)今最為便利快捷的媒介也越來越被人們接受，并且融入我們的生活。在2022年時，隨著HTML5在國內(nèi)的興起，也在不斷的推動著信息時代的進(jìn)展，網(wǎng)站也漸漸脫離了傳統(tǒng)的枯燥頁面風(fēng)格，如今的HTML5比起以前的HTML來說，更簡單維護(hù)和管理，而且還能實現(xiàn)跨平臺開發(fā)，削減開發(fā)成本。

本論文主要圍繞寫意集團(tuán)的HTML5響應(yīng)式網(wǎng)站為開發(fā)主題，用到的也是最必備的三個技能元素，在布局頁面時，用HTML將元素進(jìn)行定義，布局基礎(chǔ)布局；css對展現(xiàn)的HTML元素布局進(jìn)行定位渲染，然后利用Javascript或者jQuery實現(xiàn)相應(yīng)的效果和交互。雖然這么看起來很簡潔，但這里需要仔細(xì)了解的東西許多。在開發(fā)前，需要對這些概念弄清晰，在開發(fā)過程中還要考慮兼容，性能等各種問題。

分析并解決實現(xiàn)中的若干技術(shù)問題：介紹企業(yè)官網(wǎng)共性化頁面的背景及HTML5響應(yīng)式布局的一般原理；闡述整個企業(yè)官網(wǎng)的結(jié)構(gòu)及工作原理；分析實現(xiàn)中的難點(diǎn)和重點(diǎn)；

關(guān)鍵詞：HTML5;CSS3;響應(yīng)式;javascript;網(wǎng)站美化;交互設(shè)計

abstract

Inthiseraofrapiddevelopmentofinformationandnetworkasthemostconvenientmedianowincreasinglybeingacceptedandintegratedintoourlives.In2022,withtheriseofHTML5inthecountry,hasalsobeenadvancingthedevelopmentoftheinformationage,thesiteisalsomovingawayfromthetraditionalboringpagestyle,andnowHTML5comparedtothepreviousHTMLiseasiertomaintainandmanagement,butalsotoachievecross-platformdevelopment,reducedevelopmentcosts.

ThispapermainlyaroundFreehandGroupHTML5Responsivewebsitedevelopmenttopics,usedinthethreemostessentialelementsofskill,inthelayoutofthepage,usingHTMLtodefinetheelements,layoutbasiclayout;csstodisplayHTMLelementspositioninglayoutrendering,thenuseJavascriptorjQuerytoachievetheappropriateeffectsandinteractions.Althoughsuchlooksverysimple,buthereneedtounderstandalotofseriousthings.Beforedevelopment,theneedtoclarifytheseconceptsinthedevelopmentprocess,butalsoconsideravarietyofproblemswithcompatibility,performanceandsoon.

Analyzeandsolvetechnicalproblemsinimplementationof:Theofficialwebsiteofthegeneralprinciplesofcorporatebackground

personalizedpageHTML5andresponsivelayout;elaboratestructureandworkingprincipleofthewholeenterpriseofficialwebsite;AnalysisImplementationdifficultiesandpriorities;

Keywords:HTML5;CSS3;responsive;javascript;websitelandscaping;InteractiveDesign

目錄

第一章緒論1

1.1本課題討論的背景和目的1

1.2國內(nèi)外HTML5響應(yīng)式企業(yè)網(wǎng)站建設(shè)的狀況1

1.3本章小結(jié)2

第二章前端開發(fā)及相關(guān)技術(shù)3

2.1HTML5前端開發(fā)環(huán)境3

2.2HTML5前端開發(fā)工具3

2.3HTML5前端開發(fā)相關(guān)技術(shù)3

2.3.1javascript簡介3

2.3.2javascript基本特點(diǎn)4

2.3.3css簡介4

2.3.4jQuery5

2.4本章小結(jié)5

第三章前端布局分析與設(shè)計6

3.1前端總體開發(fā)流程與設(shè)計6

3.1.1分層開發(fā)6

3.1.2代碼編寫6

3.1.3內(nèi)部測試與后續(xù)優(yōu)化6

3.2前端UI設(shè)計7

3.2.1模塊分布7

3.2.2顏色配置7

3.2.3css元素8

3.3交互設(shè)