【正文】 也要感謝他們特別是周先存 老師為培養(yǎng)我而做出的努力。這次畢業(yè)設(shè)計(jì)不僅是我大學(xué)的終點(diǎn)，也是我進(jìn)入社會開始人生新的設(shè)計(jì)的起點(diǎn)。自己對美工方面不是很熟悉，因此頁面不是十分美觀，這方面在以后會逐步改善。功能與技術(shù)實(shí)現(xiàn)的設(shè)計(jì)是整個(gè)網(wǎng)絡(luò)課程設(shè)計(jì)的重點(diǎn)，也是實(shí)現(xiàn)師生網(wǎng)上交流的橋梁。制作網(wǎng)絡(luò)課程的過程中，主要負(fù)責(zé)網(wǎng)站的框架設(shè)計(jì)、其他主要頁面模板的制作 和網(wǎng)絡(luò)課程功能的實(shí)現(xiàn)。} helpor_()。} =0 + b。c = true。} if(b==100) {b。 function helpor_(){if()。url=鏈接的地址 （ 6） 圖片漸漸顯隱 script language=JavaScript var b = 1。 var time = (date / (1000 * 60 * 60 * 24))。 var now = new Date()。 /Script （ 3）倒計(jì)時(shí)功能的實(shí)現(xiàn) Script Language=JavaScript var timedate= new Date(日期 .20xx)。 number = (() * )。 image [4] = 39。 image [3] = 39。 image [2] = 39。 image [1] = 39。 image [0] = 39?！?Transition”不同的值對應(yīng)不同的過渡方式。 網(wǎng)頁特效使用 （ 1）隨機(jī)產(chǎn)生一種過渡方式 在源代碼的〈 head〉與〈 /head〉之間加入如下語 句〈 meta equiv=PageEnter content=RevealTrans (Duration=3. Transition=number)〉。 （ 5）你可以將許多網(wǎng)頁的風(fēng)格格式同時(shí)更新，不用再一頁一頁地更新了。 （ 3）使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。它的作用可以達(dá)到： 皖西學(xué)院本科畢業(yè)論文（設(shè)計(jì)） 第 24 頁 （ 1）在幾乎所有的瀏覽器上都可以使用。 FONTSIZE: 9pt。 FONTSIZE: 9pt。 TEXTDECORATION: underline} .a2:visited {COLOR: ffffff。 TEXTDECORATION: none} .a2:active {COLOR: ffffff。 TEXTDECORATION: underline} .a2 {COLOR: ffffff。 TEXTDECORATION: underline} .u:hover {COLOR: ff0000。 TEXTDECORATION: underline} .u:link {COLOR: 000000。 FONTSIZE: 9pt。 FONTFAMILY: 宋體 。 FONTSIZE: 14px。 FONTSIZE: 14px。 FONTSIZE: 14px。 FONTSIZE: 14px。 TEXTDECORATION: underline} .a4 {COLOR: 4286a5。 TEXTDECORATION: none} .a3:hover {COLOR: ff0000。 TEXTDECORATION: none} .a3:link {COLOR: 525531。 TEXTDECORATION: underline} .a3:visited {COLOR: 525531。 FONTSIZE: 14px} .a3:active {COLOR: 525531。 FONTSIZE: 14px。 FONTSIZE: 14px。 FONTSIZE: 14px。 FONTSIZE: 14px。 FONTSIZE: 9pt。 FONTSIZE: 9pt。 TEXTDECORATION: underline} A:visited {COLOR: 000000。 FONTWEIGHT: bold} 皖西學(xué)院本科畢業(yè)論文（設(shè)計(jì)） 第 23 頁 A:active {COLOR: 000000。 在制作網(wǎng)絡(luò)課程的網(wǎng)頁時(shí)采用了 CSS技術(shù)，有效地對頁面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。 圖 9 教師管理界面 皖西學(xué)院本科畢業(yè)論文（設(shè)計(jì)） 第 22 頁 圖 10 教師發(fā)布課件界面 網(wǎng)站的技術(shù)實(shí)現(xiàn) Css 技術(shù) Css 是一種叫做樣式表（ stylesheet）的技術(shù)。對每個(gè)網(wǎng)絡(luò)課程的老師都有自己單獨(dú)的管理資源。這里都是老師推薦的學(xué)習(xí)資源、教學(xué)課件。增強(qiáng)了師生之間網(wǎng)上交流，并且設(shè)置常見問題專區(qū)方便了學(xué)生快速查找常見問題。根據(jù)不能的時(shí)候網(wǎng)速可能不一樣，增加了測速功能，這樣可以在網(wǎng)速快的時(shí)候上傳。 皖西學(xué)院本科畢業(yè)論文（設(shè)計(jì)） 第 20 頁 圖 6 習(xí)題的添加管理 圖 7 習(xí)題的修改 作業(yè)提交功能 在我們以前的課程中，總是要經(jīng)過一定的程序把自己的作品或者作業(yè)交給老師。 圖 5 練習(xí)界面 網(wǎng)上練習(xí)不僅讓學(xué)生能夠輕松愉快的練習(xí)，而且教師在這里也扮演了十分重要的角色。 網(wǎng)絡(luò)課程中習(xí)題集中提供了在線練 習(xí)，收集了許多網(wǎng)絡(luò)知識，通過練習(xí)提高網(wǎng)絡(luò)知識，在習(xí)題中配有正確答案，方便及時(shí)檢查和糾正錯誤。給學(xué)生輕松的學(xué)習(xí)環(huán)境，高效的學(xué)習(xí)網(wǎng)站設(shè)計(jì)和網(wǎng)頁制作的內(nèi)容。)。. 39。. 39。. 39。. 39。. 39。198322939。男 39。admin39。39。20xx321 10:38:1039。20xx320 皖西學(xué)院本科畢業(yè)論文（設(shè)計(jì)） 第 19 頁 15:36:0239。CB939D9EA1198112BF8EDCD343ED2A1D39。admin39。. `UserName` varchar(20) default NULL. `UserSex` char(2) default NULL. `UserBirthday` varchar(10) default NULL. `UserEmail` varchar(50) default NULL. `User` varchar(10) default NULL. `UserTel` varchar(50) default NULL. `UserAddress` varchar(80) default NULL. `UserZip` varchar(6) default NULL. `UserInfo` longtext. PRIMARY KEY (`AdminID`). KEY `AdminUID` (`AdminName`). KEY `LoginNum` (`LoginNum`). KEY `NewsNum` (`NewsNum`) ) TYPE=MyISAM AUTO_INCREMENT=5 。. `LoginNum` int(11) default 39。. `NewsNum` int(11) default 39。. `LastLoginIP` varchar(50) default 39。. `AddTime` varchar(20) default NULL. `LastLoginTime` varchar(50) default 39。由于篇幅有限僅列出表皖西學(xué)院本科畢業(yè)論文（設(shè)計(jì)） 第 18 頁 adminde 的腳本： 表的結(jié)構(gòu) `admin` CREATE TABLE `admin` ( `AdminID` int(11) NOT NULL auto_increment. `AdminName` varchar(32) default NULL. `AdminPwd` varchar(64) default NULL. `AdminType` smallint(6) default 39。這里不僅有網(wǎng)絡(luò)課程內(nèi)容的不斷更新，還涉及到網(wǎng)絡(luò)課程的安全性，需要管理員應(yīng)該具備一定的網(wǎng)絡(luò)安全知識。 （ 9）發(fā)布和推廣 網(wǎng)站制作完成以后，需要上傳到服務(wù)器上，并且在網(wǎng)上進(jìn)行宣傳。 （ 8）測試運(yùn)行 網(wǎng)站發(fā)布前要進(jìn)行細(xì)致周密的測試，以保證證場瀏覽和使用，測試過程如果發(fā)現(xiàn)錯誤，則應(yīng)立即修改。這里面的問題可能有很多，需要下面的測試來更正和完善。整個(gè)功能的實(shí)現(xiàn)都是圍繞網(wǎng)絡(luò)課程的特點(diǎn)，體現(xiàn)了強(qiáng)烈的交互性，也是以后網(wǎng)絡(luò)課程的發(fā)展的基本方向。 皖西學(xué)院本科畢業(yè)論文（設(shè)計(jì)） 第 17 頁 （ 5）素材的制作整理 在選擇使用圖像、聲音、動畫、等各種素材時(shí)，目的是要表達(dá)學(xué)習(xí)內(nèi)容、突出學(xué)習(xí)主題，不能不顧主題思想的表達(dá)，只顧追求時(shí)髦、好看。 ②要保證網(wǎng)絡(luò)課程結(jié)構(gòu)清晰、界面連貫、運(yùn)行高效。在進(jìn)行框架設(shè)計(jì)時(shí)，要注意以下幾點(diǎn)： ①要最大限度地滿足學(xué)習(xí)者在獲取學(xué)習(xí)資源上的要求。 （ 4）設(shè)計(jì)制作框架 進(jìn)行框架設(shè)計(jì)實(shí)際就是對網(wǎng)絡(luò)課程的總體設(shè)計(jì)，主要就是頁面設(shè)計(jì)和功能設(shè)計(jì)，其設(shè)計(jì)的要點(diǎn)包括：頁面設(shè)計(jì)、層次結(jié) 構(gòu)設(shè)計(jì)、知識點(diǎn)的表示形式設(shè)計(jì)、練習(xí)方式設(shè)計(jì)、交流方式設(shè)計(jì)、頁面鏈接設(shè)計(jì)、導(dǎo)航設(shè)計(jì)等內(nèi)容設(shè)計(jì)。這方面的設(shè)計(jì)主要根據(jù)教材的內(nèi)容來設(shè)計(jì)的。再配上習(xí)題，網(wǎng)絡(luò)課程基本的功能就能夠?qū)崿F(xiàn)。從網(wǎng)絡(luò)課程的教學(xué)內(nèi)容安排和網(wǎng)站設(shè)計(jì)框架及其美工方面評價(jià)，從而完善自己的網(wǎng)絡(luò)課程 ，為框架設(shè)計(jì)做好充分的準(zhǔn)備。 （ 1）搜索參考網(wǎng)站 在制作網(wǎng)站前，必須明確網(wǎng)站的性質(zhì)和目的，從而尋找相關(guān)的網(wǎng)站信息作為參考。能培養(yǎng)教師和學(xué)生應(yīng)用計(jì)算機(jī)的水平和能力。超文本標(biāo)記語言 HTML 可以跨平臺使用，常用的瀏覽器都能對它進(jìn)行很好的解釋，它支持眾多的圖像、聲音文件，可用 Macromidea Dreamweaver MX 工具軟件進(jìn)行開發(fā)，并且可以使用 ASP、 CSS 等，制作皖西學(xué)院本科畢業(yè)論文（設(shè)計(jì)） 第 16 頁 動感和交互性都比較強(qiáng)的頁面。 圖 4網(wǎng)絡(luò)課程框架圖 網(wǎng)站的制作流程 《計(jì)算機(jī)網(wǎng)絡(luò)》的課程網(wǎng)站 利用網(wǎng)頁三劍客把文字、圖形、圖像、動畫結(jié)合起來的交互式網(wǎng)絡(luò)課程。樹形結(jié)構(gòu)，主頁可以直接鏈接到下一層的各個(gè)頁面，這些頁面可能還有再下一層頁面鏈接，在網(wǎng)上學(xué)習(xí)欄目中，我們采用的是網(wǎng)狀結(jié)構(gòu)，這樣對學(xué)習(xí)者來說，很方便的找到自己想學(xué)習(xí)的內(nèi)容，也便于欄目的 跳轉(zhuǎn)。有教師答疑專區(qū)，學(xué)生自由討論的專區(qū)。 （ 8）交流討論 在網(wǎng)絡(luò)課程中，網(wǎng)上討論一般以論壇形式出現(xiàn)。同時(shí)系統(tǒng)還提供參考答案，和任意選擇答題，使得答題的方式更加靈活，跳過已經(jīng)回答過的問題。這里我們不僅提供與網(wǎng)絡(luò) 課程相關(guān)的習(xí)題外，還收集了大量網(wǎng)絡(luò)方面的習(xí)題，整理成一個(gè)習(xí)題庫，讓學(xué)生在學(xué)習(xí)網(wǎng)絡(luò)課程內(nèi)容的同時(shí)還能增長網(wǎng)絡(luò)方面的知識。這個(gè)網(wǎng)頁的設(shè)計(jì)比較簡單，主要是針對教師的管理課件和發(fā)布課件。主要是通過教師的收集，然后上傳到服務(wù)器，提供給學(xué)生下載。在網(wǎng)絡(luò)課程中，我們將會提供教師的課件、學(xué)生的作品還有網(wǎng)上收集的其他學(xué)習(xí)素材，做好收集方便學(xué)生學(xué)習(xí)。這個(gè)欄目也是更新的主要內(nèi)容之一，網(wǎng)絡(luò)課程的學(xué)習(xí)離不開信息的公布，同時(shí)也是網(wǎng)站的維護(hù)的重點(diǎn)，要注意到更新及時(shí)性。并在網(wǎng)上學(xué)習(xí)首頁上提示重難點(diǎn)和學(xué)習(xí)建議，有助于學(xué)生對網(wǎng)絡(luò)課程的文本學(xué)習(xí)有個(gè)充分的認(rèn)識。 （ 4）網(wǎng)上學(xué)習(xí) 這是網(wǎng)絡(luò)課程的主要內(nèi)容，也是我們網(wǎng)路課程設(shè)計(jì)的主要部分。 （ 3） 課程簡介 主要對本課程的一些說明，方便學(xué)生從整體上去把握學(xué)習(xí)的內(nèi)容，這是十分重要的。登陸系統(tǒng)，和調(diào)查系統(tǒng)，保持一個(gè)完整的網(wǎng)站程序，友情連接具有一定的參考價(jià)值。在設(shè)計(jì)上，皖西學(xué)院本科畢業(yè)論文（設(shè)計(jì)） 第 14 頁 堅(jiān)持 干凈而清爽的原則。 首頁應(yīng)該 對這個(gè)網(wǎng)站的性質(zhì)與所提供的內(nèi)容做個(gè)扼要說明與導(dǎo)引，讓別人判斷要不要繼續(xù)點(diǎn)擊。網(wǎng)絡(luò)課程的設(shè)計(jì)時(shí)就考慮到發(fā)布性的特點(diǎn)，所以我們采用大圖換小圖，進(jìn)行圖片的優(yōu)化，全部圖片都是 jpg 和 gif 格式。最后完成網(wǎng)絡(luò)課程系統(tǒng)整合后，還要添加皖西學(xué)院本科畢業(yè)論文（設(shè)計(jì)） 第 10 頁 相應(yīng)的說明文檔等，這樣才具備了發(fā)布網(wǎng)絡(luò)課程的資格。界面設(shè)計(jì)中，充分利用網(wǎng)頁制作工具及其輔助工具，例如，取色工具可以協(xié)調(diào)整個(gè)網(wǎng)站的配色；動畫和圖片處理這里也能得到充分利用等等。界面布局要合理、風(fēng)格一致、色彩搭配協(xié)調(diào)。網(wǎng)絡(luò)課程的網(wǎng)上學(xué)習(xí)就是針對這個(gè)環(huán)節(jié)還設(shè)計(jì)的，網(wǎng)上學(xué)習(xí)中有三部分，兩部分是教學(xué)內(nèi)容：文本教程和動畫教程；第三部分是課后測試，這里也是針對網(wǎng)上學(xué)習(xí)后的一個(gè)總結(jié)，可以鞏固和檢測學(xué)習(xí)內(nèi)容，通過網(wǎng)上學(xué)習(xí)的設(shè)計(jì)，靜態(tài)學(xué)習(xí)，動態(tài)學(xué)習(xí)再加上課后測試，相信學(xué)生的學(xué)習(xí)效果可以得到很大的提高，同時(shí)也是我們設(shè)計(jì)網(wǎng)上學(xué)習(xí)時(shí)希望達(dá)到的一個(gè)結(jié)果。網(wǎng)絡(luò)課程的總體設(shè)計(jì)中，不僅對網(wǎng)絡(luò)課程的整體框架的設(shè)計(jì)還包含了內(nèi)容的整體規(guī)劃以及課程內(nèi)容怎樣安排在網(wǎng)頁中，都作了詳細(xì)的計(jì)劃，和老師一起討論了很長時(shí)間，經(jīng)過不斷的修改最后才決定。能體現(xiàn)個(gè)性化、協(xié)作化、交互性、開放性。 （ 3）網(wǎng)站中的數(shù)據(jù)庫 網(wǎng)站數(shù)據(jù)庫的主要目的就是存儲信息，一般是通過前臺頁面與瀏覽者的交互收集信息，然后結(jié)合前臺的程序 (一般為動態(tài)頁面 )，實(shí)時(shí)生成瀏覽者所看到的最新內(nèi)容，從而具備普通靜態(tài)頁面所不能達(dá)到的效果 。列包含了列的名字、數(shù)據(jù)類型以及列的其它屬性；行包含了列的記錄或者數(shù)據(jù)。例如，一個(gè)公司數(shù)據(jù)庫中，會有雇員表、部門表、庫存表、銷售表、工資表等等。數(shù)據(jù)庫實(shí)際上是表的集合，數(shù)據(jù)庫的數(shù)據(jù)或者信息都是存儲在表中的。而且 MYSQL 只