web前端開發(fā)畢業(yè)設(shè)計

1、web前端開發(fā)畢業(yè)設(shè)計篇一： web 前端畢業(yè)設(shè)計論文XX版畢業(yè)論文題目：響應(yīng)式企業(yè)網(wǎng)站設(shè)計與實現(xiàn)學(xué)生姓名： 羅智剛 學(xué)號： 120XX132 專業(yè)班級： B12 計算機科學(xué)與技術(shù) 2 班指導(dǎo)教師：李莉企業(yè)導(dǎo)師：林志宏二級學(xué)院：電氣與信息工程學(xué)院摘 要在信息高速發(fā)展的這個時代，網(wǎng)絡(luò)作為現(xiàn)今最為方便快捷的媒介也越來越被人們接受， 并且融入我們的生活。 在 XX 年時，隨著 HTML5在國內(nèi)的興起，也在不斷的推進著信息時代的發(fā)展，網(wǎng)站也逐漸脫離了傳統(tǒng)的枯燥頁面風(fēng)格，如今的HTML5比起以前的 HTML來說，更容易維護和管理， 而且還能實現(xiàn)跨平臺開發(fā)，減少開發(fā)成本。本論文主要圍繞寫意集團的HTML5

2、響應(yīng)式網(wǎng)站為開發(fā)主題，用到的也是最必備的三個技能元素，在布局頁面時，用HTML將元素進行定義，布局基礎(chǔ)布局；css 對展示的HTML元素布局進行定位渲染，然后利用Javascript或者 jQuery實現(xiàn)相應(yīng)的效果和交互。雖然這么看起來很簡單，但這里需要認真了解的東西很多。 在開發(fā)前， 需要對這些概念弄清楚，在開發(fā)過程中還要考慮兼容，性能等各種問題。分析并解決實現(xiàn)中的若干技術(shù)問題：介紹企業(yè)官網(wǎng)個性化頁面的背景及 HTML5響應(yīng)式布局的一般原理；闡述整個企業(yè)官網(wǎng)的結(jié)構(gòu)及工作原理；分析實現(xiàn)中的難點和重點；美化 ;關(guān)鍵詞：交互設(shè)計HTML5; CSS3;響應(yīng)式; javascript;網(wǎng)站abstr

3、actIn thisera of rapiddevelopmentof informationandnetwork as the most convenient media now increasinglybeing accepted and integrated into our lives. In XX,with the rise of HTML5 in the country, has also beenadvancing the development of the information age, thesite is also moving away from the tradit

4、ional boringpage style, and now HTML5compared to the previous is easier to maintain and management, but alsoHTMLtoachievecross-platformdevelopment,reducedevelopment costs.This paper mainly around Freehand Group HTML5 Responsive website development topics, used in the three most essential elements of

5、 skill, in the layoutof the page, using HTML to define the elements, layoutbasic layout; css to display HTMLelements positioning layout rendering, then use Javascript or jQuery to achieve the appropriate effects and interactions. Although such looks very simple, but here need to understand a lot of

6、serious things. Before development, the need to clarify these concepts in the development process, but also consider a variety of problems with compatibility, performance and so on.Analyze and solve implementation of: The officialtechnicalwebsiteproblems in of the generalprinciples of corporate back

7、groundpersonalized page HTML5 and responsive elaborate structure and working principle of enterprise official website; Analysis Implementation difficulties and priorities;layout;the wholeKeywords: HTML5; CSS3; responsive; javascript;website landscaping; Interactive Design目錄第一章緒論. 11.1本課題研究的背景和目的. 11

8、.2國內(nèi)外HTML5響應(yīng)式企業(yè)網(wǎng)站建設(shè)的狀況. 11.3本章小結(jié) . 2第二章前端開發(fā)及相關(guān)技術(shù). 3境2.1HTML5. 3前端開發(fā)環(huán)具2.2HTML5. 3前端開發(fā)工2.3HTML5前端開發(fā)相關(guān)技術(shù) .32.3.1javascript簡介 .32.3.2javascript基本特點 .42.3.3css簡介 . 42.3.4jQuery. 52.4本章小結(jié) . 5第三章前端布局分析與設(shè)計63.1前端總體開發(fā)流程與設(shè)計63.1.1分層開發(fā) . 63.1.2代碼編寫 . 63.1.3內(nèi)部測試與后續(xù)優(yōu)化 .63.2前端UI設(shè)計 . 73.2.1模塊分布 . 73.2.2顏色配置 . 73.2.3

9、css元素 . 83.3交互設(shè)計與UI .93.4網(wǎng)站結(jié)構(gòu)布局與設(shè)計. 93.5.1網(wǎng)站首頁結(jié)構(gòu) . 93.5.2主題鮮明，富有特色 . 103.5網(wǎng)站前臺頁面設(shè)計. 103.5.1首頁 . 103.5.2其余子頁面 .103.7本章小結(jié) . 10篇二：網(wǎng)站前端設(shè)計畢業(yè)論文本科畢業(yè)設(shè)計（論文）題 目 :學(xué) 院：專業(yè)班級：姓名：指導(dǎo)教師：系主 任：數(shù)字媒體技術(shù)系網(wǎng)站前端設(shè)計與開發(fā)學(xué)號：學(xué)院院長：二 O一三年月日畢業(yè)設(shè)計 ( 論文 ) 誠信聲明我謹在此保證：本人所寫的畢業(yè)設(shè)計 ( 論文 ) ，凡引用他人的研究成果均已在參考文獻或注釋中列出。設(shè)計 ( 論文 ) 主體均由本人獨立完成，沒有抄襲、剽竊他

10、人已經(jīng)發(fā)表或未發(fā)表的研究成果行為。如出現(xiàn)以上違反知識產(chǎn)權(quán)的情況，本人愿意承擔(dān)相應(yīng)的責(zé)任。聲明人(簽名)：年 月日摘要21 世紀是信息高速發(fā)達的時代，網(wǎng)絡(luò)作為當今最流行最方便快捷的媒介也越來越被人們接受，并且融入我們的生活。隨著高校信息化建設(shè)的不斷推進，網(wǎng)站的作用超越了傳統(tǒng)的信息獲取，交流它更能體現(xiàn)組織機構(gòu)的風(fēng)采，性質(zhì)。所以高校院系建立本院系美觀，專業(yè)，易于維護管理的網(wǎng)站已經(jīng)勢在必行。本論文主要圍繞數(shù)字媒體技術(shù)專業(yè)的門戶網(wǎng)站為開發(fā)主題，最基本也是最必須的三個技能。前端的開發(fā)中，在頁面的布局時，將元素進行定義，CSS 對展示的元素進行定位，再通過HTMLJavaScript 實現(xiàn)相應(yīng)的效果和交互。

11、 雖然表面看起來這些很簡單，但這里面需要掌握的東西絕對不會少。 在進行開發(fā)前，需要對這些概念弄清楚，弄明白，這樣在開發(fā)的過程中才會得心應(yīng)手。分析并解決實現(xiàn)中的若干技術(shù)問題；介紹了個性化頁面的背景及 jsp + javascript+ mysql 系統(tǒng)的一般原理； 闡述整個個性化頁面生成系統(tǒng)的系統(tǒng)結(jié)構(gòu)及工作原理；分析了系統(tǒng)實現(xiàn)中的特殊性，難點和重點；設(shè)計實現(xiàn)用戶注冊，用戶登錄，用戶管理等jsp頁面。分析并解決實現(xiàn)中的若干技術(shù)問題；建立完整的校園網(wǎng)站，進行測試并分析結(jié)果。該網(wǎng)站有效地實現(xiàn)用戶通過 JSP 頁面訪問來進行用戶注冊，登陸，并對網(wǎng)站內(nèi)容進行有效的管理，提升了后期添加和刪除信息的有效性，具

12、有一定的應(yīng)用價值關(guān)鍵字： JSP；用戶登錄； javascript ；網(wǎng)站美化；交互設(shè)計。ABSTRACTThetwenty-firstCenturyistherapiddevelopment of information age, network asthe world'smost popularand most convenientmediaareincreasinglyacceptedbypeople.Alongwiththeinformation development, website functions beyond thetraditionalinformationacq

13、uisition,communicationwhichcanbetterreflecttheorganizationstyle，properties.So universitiesestablishthe departments,professionalappearance,easymaintenanceandmanagement of the site has been imperative.Thisthesismainlyfocusesondigitalmediatechnology major portal for thedevelopment necessary skills.ofth

14、e theme, the Development ofthree themost basic front, inandthelayout of the page,HTML willdefinethe elements,positioning CSS to display elements, and then throughthe JavaScripttoachievethe correspondingeffectandinteraction.Although thesurfacelookslikethesearevery simple,but itneeds to graspthingsnev

15、er. Inthedevelopment, the need for these concepts clear, understand, so in the development process will be handy.The main work done in this article is as follows:(1) Introduces the background and general principle of JSP + Javascript + MySQLsystem personalized pages;(2)Introducesthe structureand wor

16、kingprincipleof the entire personalization pageproduction system; analysis of the particularity,the difficulty and key system;(3)Thedesignandimplementationofuserregistration, user login, user managementand other JSP page.(4) Analyze and solve some technical problems in implementation;(5) The establi

17、shment of a complete campus site, testing and analysis;The site effectively achieve the user through the JSP page access to user registration,login, and carry on effective management to thewebsite content, enhance the effectiveness of the late addition and deletion of information, has a certain application value.Keywords ： JSP ; User login; JavaScript; Website Landscaping; Interaction Design目錄摘要ABSTRACT第1章緒論 . 11.1選題背景及意義 . 11.2國內(nèi)外高校網(wǎng)站建設(shè)狀況 . 31.3研究內(nèi)容和擬解決的問題 . 51.4本章小結(jié) . 6第 2 章前端開發(fā)工具及相關(guān)技術(shù)72.1前端開發(fā)環(huán)境 . 72.2前端開發(fā)工具 . 72.3前端開發(fā)相關(guān)技術(shù). 82.3.1Javascript簡介. 82.3.2Javas