web前端頁面設(shè)計

1、Web前端頁面設(shè)計1摘要21世紀是信息高速發(fā)達的時代，網(wǎng)絡(luò)作為當今最流行最方便快捷的媒介也越來越被人們接受，并且融入我們的生活。隨著高校信息化建設(shè)的不斷推進，網(wǎng)站的作用超越了傳統(tǒng)的信息獲取，交流它更能體現(xiàn)組織機構(gòu)的風采，性質(zhì)。所以高校院系建立本院系美觀，專業(yè)，易于維護管理的網(wǎng)站已經(jīng)勢在必行。本論文主要圍繞數(shù)字媒體技術(shù)專業(yè)的門戶網(wǎng)站為開發(fā)主題，最基本也是最必須的三個技能。前端的開發(fā)中，在頁面的布局時，HTML將元素進行定義，CSS對展示的

2、元素進行定位，再通過Javript實現(xiàn)相應(yīng)的效果和交互。雖然表面看起來這些很簡單，但這里面需要掌握的東西絕對不會少。在進行開發(fā)前，需要對這些概念弄清楚，弄明白，這樣在開發(fā)的過程中才會得心應(yīng)手。分析并解決實現(xiàn)中的若干技術(shù)問題介紹了個性化頁面的背景及jspjavriptmysql系統(tǒng)的一般原理；闡述整個個性化頁面生成系統(tǒng)的系統(tǒng)結(jié)構(gòu)及工作原理；分析了系統(tǒng)實現(xiàn)中的特殊性，難點和重點；設(shè)計實現(xiàn)用戶注冊，用戶登錄，用戶管理等jsp頁面。分析并解決實

3、現(xiàn)中的若干技術(shù)問題；建立完整的校園網(wǎng)站，進行測試并分析結(jié)果。該網(wǎng)站有效地實現(xiàn)用戶通過JSP頁面訪問來進行用戶注冊，登陸，并對網(wǎng)站內(nèi)容進行有效的管理，提升了后期添加和刪除信息的有效性，具有一定的應(yīng)用價值。Web前端頁面設(shè)計32.42.4點線的運用點線的運用.............................................202.4.1點的運用....................................2

4、02.4.2線的運用....................................202.52.5網(wǎng)站結(jié)構(gòu)布局及設(shè)計網(wǎng)站結(jié)構(gòu)布局及設(shè)計.....................................212.5.1網(wǎng)站首頁結(jié)構(gòu)...............................212.5.2主題鮮明，富有特色..........................222.5.3版式編排布局合理性.........

5、..................232.62.6網(wǎng)站前臺頁面設(shè)計網(wǎng)站前臺頁面設(shè)計.....................................252.5.1首頁........................................262.5.2系內(nèi)概況....................................262.5.3系內(nèi)新聞..................................

6、..272.62.6本章小結(jié)本章小結(jié)...............................................27第3章主要功能的實現(xiàn)主要功能的實現(xiàn).....................................27.....................................273.13.1界面設(shè)計界面設(shè)計............................................

7、...273.23.2具體設(shè)計文檔具體設(shè)計文檔...........................................273.33.3前臺新聞文摘顯示前臺新聞文摘顯示.......................................283.3.1網(wǎng)站裝飾風格..................................283.3.2網(wǎng)站的鏈接結(jié)構(gòu)..............................

8、..283.43.4可視化設(shè)計可視化設(shè)計.............................................283.53.5具體實現(xiàn)技術(shù)具體實現(xiàn)技術(shù)...........................................293.5.1CSS在“數(shù)字媒體技術(shù)系網(wǎng)站“中的應(yīng)用實例.......293.5.2應(yīng)用Javript設(shè)計網(wǎng)頁......................293.63.6本章小結(jié)本章小