需要金幣： 1000 個(gè)金幣 |
資料包括：完整論文 |  |
 |
| 轉(zhuǎn)換比率：金額 X 10=金幣數(shù)量， 例100元=1000金幣 | 論文字?jǐn)?shù)：9009 |  | |
| 折扣與優(yōu)惠：團(tuán)購最低可5折優(yōu)惠 - 了解詳情 | 論文格式：Word格式(*.doc) |  |
摘要:當(dāng)下時(shí)代，信息技術(shù)高速發(fā)展，網(wǎng)絡(luò)已經(jīng)是人們不可缺少的生活元素，越來越多的行業(yè)都已經(jīng)和網(wǎng)絡(luò)接軌。隨著高校信息化建設(shè)的不斷推進(jìn)，網(wǎng)站的作用超越了傳統(tǒng)的信息獲取方式，教育行業(yè)的網(wǎng)絡(luò)化已經(jīng)逐漸起步，有著良好的在線教育系統(tǒng)更能體現(xiàn)院校機(jī)構(gòu)的風(fēng)采。所以建立一個(gè)美觀，專業(yè)，易于維護(hù)管理的在線教育網(wǎng)站已經(jīng)勢在必行。 本論文主要圍繞以視頻教學(xué)為媒介的在線教育系統(tǒng)為開發(fā)主題，主要使用網(wǎng)站建設(shè)的最基本技能，HTML+CSS+JavaScript。前端網(wǎng)站開發(fā)中，HTML是網(wǎng)站建設(shè)的骨架，明確了網(wǎng)站要表現(xiàn)什么元素，CSS來定義網(wǎng)站樣式，控制每個(gè)元素的樣式和變化形式，JavaScript則定義網(wǎng)站的行為，控制與用戶的每一次交互結(jié)果，以及限制一些不正確操作。這些技能初入并不困難，但深入后才能看到每一次良好的反饋是需要付出很多的努力才能實(shí)現(xiàn)。 除此以外，構(gòu)建一個(gè)完整的網(wǎng)站，還需要后端服務(wù)器建設(shè)，以及數(shù)據(jù)反饋。本文采用了JavaScript通過Ajax訪問后端node.js搭建的服務(wù)器，反饋由后端獲取的JSON數(shù)據(jù)，實(shí)現(xiàn)網(wǎng)站的完整加載及可訪問性。 最后又實(shí)現(xiàn)了響應(yīng)式布局及MVC模型的架構(gòu)，使得網(wǎng)站兼容性及可維護(hù)性大大提升。同時(shí)也實(shí)現(xiàn)了用戶登錄，cookie讀寫，視頻播放等網(wǎng)站常用功能，將這些整合在精心設(shè)計(jì)的網(wǎng)站UI中，效果良好，具有不錯(cuò)的應(yīng)用價(jià)值
關(guān)鍵字：CSS；node.js；用戶登錄；JavaScript；交互設(shè)計(jì)；Ajax
目錄 摘要 Abstract 1-緒論-1 1.1-選題背景及意義-1 1.1.1-建立本網(wǎng)站發(fā)揮的作用如下：-1 1.1.2-國內(nèi)高校教育網(wǎng)站建設(shè)狀況-2 1.2-研究內(nèi)容和擬解決的問題-2 1.3-本章小結(jié)-3 2-前端開發(fā)工具及相關(guān)技術(shù)-4 2.1-前端開發(fā)環(huán)境-4 2.2-前端開發(fā)相關(guān)技術(shù)-4 2.2.1-JavaScript 簡介-4 2.2.2-CSS簡介-4 2.2.3-Node.js簡介-5 2.3-本章小結(jié)-5 3-前端布局分析與設(shè)計(jì)-6 3.1-前端總體開發(fā)流程及設(shè)計(jì)-6 3.1.1-分層開發(fā)-6 3.1.2-代碼編寫-6 3.1.3-內(nèi)部測試與后續(xù)優(yōu)化-7 3.2-前端UI設(shè)計(jì)-8 3.2.1-模塊分布-8 3.2.2-CSS元素-9 3.3-交互設(shè)計(jì)與UI-10 3.4-網(wǎng)站結(jié)構(gòu)布局及設(shè)計(jì)-11 3.4.1-網(wǎng)站結(jié)構(gòu)-11 3.4.2-版式編排布局合理性-12 4-具體實(shí)現(xiàn)代碼及介紹-13 4.1-CSS在“在線課堂系統(tǒng)網(wǎng)站”中的應(yīng)用實(shí)例-13 4.2-應(yīng)用JavaScript設(shè)計(jì)網(wǎng)頁-13 4.3-本章小結(jié)-15 5-Ajax和后端數(shù)據(jù)處理-17 5.1-Ajax異步加載-17 5.2-Node.js后端數(shù)據(jù)處理-18 6-總結(jié)-20 參考文獻(xiàn)-21 |
