web前端頁面設(shè)計畢業(yè)論文

1、1摘 要21 世紀(jì)是信息高速發(fā)達(dá)的時代，網(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ā)中，在頁面的布局時， HTML 將元素進(jìn)行定義，CSS 對展示的元

2、素進(jìn)行定位，再通過 JavaScript 實現(xiàn)相應(yīng)的效果和交互。雖然表面看起來這些很簡單，但這里面需要掌握的東西絕對不會少。在進(jìn)行開發(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)用戶注冊，用戶登錄，用戶管理等

3、 jsp 頁面。分析并解決實現(xiàn)中的若干技術(shù)問題；建立完整的校園網(wǎng)站，進(jìn)行測試并分析結(jié)果。 該網(wǎng)站有效地實現(xiàn)用戶通過 JSP 頁面訪問來進(jìn)行用戶注冊，登陸，并對網(wǎng)站內(nèi)容進(jìn)行有效的管理，提升了后期添加和刪除信息的有效性，具有一定的應(yīng)用價值。目 錄第 1 章 前端開發(fā)工具及相關(guān)技術(shù) 前端開發(fā)工具及相關(guān)技術(shù)..........................5 ..........................51.1 1.1 選題背景及意

4、義 選題背景及意義........................................5 1.2 1.2 前端開發(fā)工具 前端開發(fā)工具..........................................71.3 1.3 前端開發(fā)相關(guān)技術(shù) 前端開發(fā)相關(guān)技術(shù)......................................81.3.1 Javascript 簡介......................

5、.........8 32.5.1 首頁........................................26 2.5.2 系內(nèi)概況....................................262.5.3 系內(nèi)新聞....................................27 2.6 2.6 本章小結(jié) 本章小結(jié)........................................

6、.......27第 3 章 主要功能的實現(xiàn) 主要功能的實現(xiàn).....................................27 .....................................273.1 3.1 界面設(shè)計 界面設(shè)計...............................................273.2 3.2 具體設(shè)計文檔 具體設(shè)計文檔........................

7、...................273.3 3.3 前臺新聞文摘顯示 前臺新聞文摘顯示.......................................28 3.3.1 網(wǎng)站裝飾風(fēng)格..................................283.3.2 網(wǎng)站的鏈接結(jié)構(gòu)................................283.4 3.4 可視化設(shè)計 可視化設(shè)計..................

8、...........................28 3.5 3.5 具體實現(xiàn)技術(shù) 具體實現(xiàn)技術(shù)...........................................29 3.5.1 CSS 在“數(shù)字媒體技術(shù)系網(wǎng)站“中的應(yīng)用實例.......29 3.5.2 應(yīng)用 JavaScript 設(shè)計網(wǎng)頁......................293.6 3.6 本章小結(jié) 本章小結(jié)...................

9、.............................31 第 4 章 總結(jié) 總結(jié)..................................................324.1 4.1 本章小結(jié) 本章小結(jié).................................................32 致謝 致謝................................................