【正文】 有工作室 為您提供最優(yōu)秀的計算機(jī)畢業(yè)設(shè)計論文解決方案 客服 :810354974/844511071/465729264 畢業(yè)設(shè)計論文購買 畢業(yè)設(shè)計論文定做 Pages )，它是新一代動態(tài)網(wǎng)頁開發(fā)技術(shù)，具有開發(fā)簡單、與瀏覽器類型無關(guān)、功能強(qiáng)大、。 圖 后臺管理布局 2． 2． 2 網(wǎng)站的統(tǒng)一版面設(shè)計技術(shù) 由于網(wǎng)站中的網(wǎng)頁要求有統(tǒng)一的風(fēng)格和良好的視覺效果，即要求網(wǎng)站有統(tǒng)一的版面，由于級聯(lián)格式頁 (CSS )技術(shù)能集中管理 WEB 站點(diǎn)的格式元素 (字體、背景、文本、 2． 2． 3 界面元素定位技術(shù) 界面元素定位是版面布局的重要內(nèi)容之一。 下面介紹本網(wǎng)站的頁面布局： (1) 首頁的布局 整個頁面的布局采用了“三型”結(jié)構(gòu)，主色調(diào)采用了桔 紅的暖色色調(diào)，文字的大小采用目前網(wǎng)上非常流行的 9pt，字體是宋體，對于敘述性的文字，采用黑色，對于鏈接，活動的采用紅色。 2． 1． 2 網(wǎng)站用戶界面設(shè)計原則 網(wǎng)站的用戶界面設(shè)計，除了要掌握用戶界面設(shè)計的一般原則外，還要把握其特殊性，因為網(wǎng)站網(wǎng)頁的主要功能是向瀏覽者提供信息，所以網(wǎng)站的界面設(shè)計和其它應(yīng)用軟件界面設(shè)計存在一定的差異 。 (2) 容錯性 一個好的用戶界面應(yīng)該在設(shè)計時盡量避免可能的出錯情況，對于不可避免的錯誤，應(yīng)該盡量給用戶提供恢復(fù)的手段。用戶界面設(shè)計的一個最基本也是最重要的依據(jù)是以用戶為中心。 1． 2 網(wǎng)站的功能 現(xiàn)如今 ,網(wǎng)站開發(fā)技術(shù)日益發(fā)展完善 ,基于 web的網(wǎng)站設(shè)計與開發(fā)已成為當(dāng)今企業(yè)和學(xué)校積極探索和發(fā)展的熱門技術(shù) .帶有交互性 的動態(tài)網(wǎng)站設(shè)計也越來越受到人們的重視 .出現(xiàn)了各種網(wǎng)站開發(fā)工具，如 dreamweaver、 frontpage、記事本等，同時也需要一些網(wǎng)頁美化工具，如 photoshop、 firework、 flash 等等。目錄 1．緒論 .................................................................. 0 1． 1 互聯(lián)網(wǎng)與網(wǎng)絡(luò)教育 ................................................. 0 1． 2 網(wǎng)站的功能 ....................................................... 0 2．網(wǎng)站設(shè)計制作的理論和技術(shù)基礎(chǔ) .......................................... 0 2． 1 網(wǎng)站用戶界面設(shè)計原則 ............................................. 0 2． 2 網(wǎng)站用戶界面設(shè)計技術(shù) ............................................. 1 2． 3 網(wǎng)站制作運(yùn)用的開發(fā)技術(shù) ........................................... 2 3．教科系網(wǎng)站功能及體系結(jié)構(gòu)的設(shè)計 ........................................ 5 3． 1 網(wǎng)站教學(xué)平臺的目標(biāo)設(shè)計 ........................................... 5 3． 2 網(wǎng)站教學(xué)平臺系統(tǒng)功能分析與設(shè)計 ................................... 5 4．教科系網(wǎng)站數(shù)據(jù)庫的設(shè)計 ................................................ 7 4． 1 數(shù)據(jù)庫的需求分析 ................................................. 7 4． 2 數(shù)據(jù)庫的邏輯結(jié)構(gòu) 設(shè)計 ............................................. 8 4． 3 后臺數(shù)據(jù)庫的配置 ................................................. 8 5．網(wǎng)站開發(fā)平臺的功能實現(xiàn) ................................................ 8 5． 1 新聞動態(tài)顯示 ..................................................... 9 5． 2 站內(nèi)搜索功能 .................................................... 10 5． 3 后臺登陸驗證 .................................................... 11 5． 4 后臺新聞管理 .................................................... 12 6．平臺的測試與維護(hù) ..................................................... 13 6． 1 平臺功能的測試 .................................................. 13 6． 2 平臺的維護(hù) ...................................................... 13 結(jié)束語 .................................................................. 14 參考文獻(xiàn) ................................................................ 15 致謝 .................................................................... 16 摘 要 本文主要研究了 濱州 學(xué)院 計算機(jī)系 網(wǎng)站的設(shè)計與開發(fā)，研究該課題的主要目的是便于教育技術(shù)學(xué)專業(yè)教師通過網(wǎng)站發(fā)布公告和教學(xué)信息，學(xué)生通過該網(wǎng)站了解院系最新動向， 學(xué)習(xí)專業(yè)知識，實現(xiàn)資源共享。在網(wǎng)站制作中要用到 Html 語言、javascript、 vbscript 腳本語言、 asp 、 php、 jsp 等網(wǎng)站開發(fā)技術(shù)， xml 技術(shù)等等，同時還能提供一些組件來豐富頁面內(nèi)容。因為設(shè)計軟件是給人使用的，一個軟件使用效率的好壞取決于軟件本身的設(shè)計和人是否能夠方便的使用。對于可能發(fā)生災(zāi)難性后果 的命令 /操作，應(yīng)給出警告并要求用戶確認(rèn)。 下面，根據(jù)界面設(shè)計的一般原則，結(jié)合網(wǎng)站開發(fā)平臺的實際情況，認(rèn)為網(wǎng)站開發(fā)平臺界面設(shè)計應(yīng)遵循以下基本原則 ，如表 21 所示。教育科學(xué)與技術(shù)系的標(biāo)志圖片 logo 放在最上面， logo 下面是整個網(wǎng)站的導(dǎo)航欄，主體部分左邊放置輔助模塊，右邊放置主要的新聞和消息，底部是版權(quán)。要使網(wǎng)頁的界面布局具備報紙、雜志等漂亮的布局，必須要對頁面的界面元素進(jìn)行定位。 2． 3． １ 平臺的體系結(jié)構(gòu)和 開發(fā)環(huán)境 該系統(tǒng)采用了 B/S/D(Browser/server/Date server)的體系結(jié)構(gòu)如圖 。第二層 (為功能層 , 主要用于完成客戶請求的應(yīng)用功能 ,Web 服務(wù)器在收到客戶的請求后與第三層中的數(shù)據(jù)庫連接并進(jìn)行數(shù)據(jù)處理 , 而后通過 Web 將處理結(jié)果傳回到客戶端。超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行 HTML 文檔時所遵循的規(guī)則和進(jìn)行的操作 .HTTP 協(xié)議的制定使瀏覽器在運(yùn)行超文本時有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn) 。 這兩種語言即可作為客戶端腳本語言，又可以 作為服務(wù)器端腳本語言。 客戶端通過瀏 覽器向 web 服務(wù)器發(fā)送請求， web 服務(wù)器響應(yīng)頁面請求后調(diào)用文件，然后解釋執(zhí)行每一條腳本語句，用 ADO 組件通過 ODBC 向數(shù)據(jù)庫服務(wù)器發(fā)送數(shù)據(jù)請求及 2． 3． 5 數(shù)據(jù)庫訪問技術(shù) ADO 微軟公司提供了一種對各類應(yīng)用程序均適用、采用 ODBC 接口、通過結(jié)構(gòu)化查詢語言 SQL 對數(shù)據(jù)庫進(jìn)行訪問和操作的總體解決方案，這就是 OLEDB，它是一個組件對象模型（ COM）接口。 ADO是一個 ASP 內(nèi)置的服務(wù)器組件，它是一座連接 Web 應(yīng)用程序和 OLEDB的橋梁，運(yùn)用它并結(jié)合 ASP 技術(shù)可在網(wǎng)頁中執(zhí)行 SQL 命令，達(dá)到數(shù)據(jù)庫訪問目的。 3． 2 網(wǎng)站 教學(xué)平臺系統(tǒng)功能分析與設(shè)計 本網(wǎng)站共分為兩個子系統(tǒng) ,教師子系統(tǒng)和學(xué)生子系統(tǒng) .如 表 31 所示 。 3． 2． 2 公告功能 教師可以通過公告功能發(fā)布各項通知，例如以下內(nèi)容： (1) 招生公告〔招生簡章、招生專業(yè)介紹、招生站點(diǎn)聯(lián)系方式〕； (2) 規(guī)章制度，包括各類管理又件等； (3) 課程安排，包括課程數(shù)學(xué)方式、 課程播放表； (4) 臨時通知和教材。學(xué)生和老師可以同時登錄到系統(tǒng)，進(jìn)行實時交首頁 學(xué)生子系統(tǒng) 教師子系統(tǒng) 公告瀏覽 新聞瀏覽 在線學(xué)習(xí) 作業(yè)上載 資源學(xué)習(xí) 新聞發(fā)布 公告瀏覽 資源管理 作業(yè)批改 后臺維護(hù) 享有工作室 為您提供最優(yōu)秀的計算機(jī)畢業(yè)設(shè)計論文解決方案 客服 :810354974/844511071/465729264 畢業(yè)設(shè)計論文購買 畢業(yè)設(shè)計論文定做 流。 4． 教科系網(wǎng)站數(shù)據(jù)庫的設(shè)計 4． 1 數(shù)據(jù)庫的需求分析 表 41 數(shù)據(jù)庫需求分析表 管理系統(tǒng) 管理員信息表 教務(wù)公告信息表 教學(xué)管理信息表 專 業(yè)建設(shè)信息表 專業(yè)介紹信息表 課程建設(shè)信息表 教學(xué)系統(tǒng) 實驗教學(xué)信息表 實驗室信息表 科研動態(tài)信息表 科研項目信息表 成人教育信息表 學(xué)生工作信息表 享有工作室 為您提供最優(yōu)秀的計算機(jī)畢業(yè)設(shè)計論文解決方案 客服 :810354974/844511071/465729264 畢業(yè)設(shè)計論文購買 畢業(yè)設(shè)計論文定做 4． 2 數(shù)據(jù)庫的邏輯 結(jié)構(gòu) 設(shè)計 在 Access 中建立數(shù)據(jù)庫文件 mdb，此文件包含 jjh_admin、 jjh_activ、 jjh_news、jjh_jiaoxue 等數(shù)據(jù)表。 其邏 輯結(jié)構(gòu) 如表 42 所示。 5． 網(wǎng)站開發(fā)平臺的 功能 實現(xiàn) 在整個網(wǎng)站開發(fā)平臺中，網(wǎng)站的信息除了存儲在文本文件上外，其他 都存在 Access數(shù)據(jù)庫中。在本系統(tǒng)中，我們用到了一個數(shù)據(jù)庫文件 mdb，下面以 mdb 數(shù)據(jù)庫為例子，用全路徑方式 來打開該數(shù)據(jù)庫，用該方式不需要象 DSN 方式配置數(shù)據(jù)源，方便用戶使用。DefaultDir=。都用到了在數(shù)據(jù)庫中實現(xiàn)記錄集分頁技術(shù)， 附錄中 介紹了這種技術(shù)，所以在網(wǎng)頁中和分頁有關(guān)的代碼就不再贅述。 其他頁面的新聞顯示代碼如上，只是操作的數(shù)據(jù)表和查詢語句有所差異。 在頁面中通過調(diào)用一個過程實現(xiàn)的，代碼為： table tr td 類 型 :/td td select name=action option selected選擇類型 /option option value=activ 教務(wù)信息 /option option value=jiaoxue教學(xué)管理 /option 享有工作室 為您提供最優(yōu)秀的計算機(jī)畢業(yè)設(shè)計論文解決方案 客服 :810354974/844511071/465729264 畢業(yè)設(shè)計論文購買 畢業(yè)設(shè)計論文定做 option value=zhuanye專業(yè)建設(shè) /option option value=kecheng課程建設(shè) /option (2) 表單將結(jié)果提交給 ， search..asp 網(wǎng)頁接收表單信息后，調(diào)用數(shù)據(jù)庫，打開記錄集，查詢是否有所搜索的內(nèi)容。keywordamp。 5． 4 后臺新聞管理 管理員登陸后臺后可以對網(wǎng)頁中用到的新聞進(jìn)行添加、修改和刪除操作， 后臺管理頁面主要是用框架進(jìn)行布局，在框架左側(cè)，點(diǎn)擊超連接則會在右側(cè)框架內(nèi)顯示相應(yīng)的管理頁面。頁面如圖 所示 ： 圖 后臺新聞管理圖 用到的關(guān)鍵代碼如下： (1) 打開記錄集： (2) 頁面中的需要操作的文字設(shè)置 本站新聞管理 a href=?type=new添加新聞 /a 表格中顯示完每條記錄集后的修改、刪除操作 : tda href=?type=editamp。 6． 1． 2 站內(nèi)搜索功能 在首頁的左側(cè)站內(nèi)搜索板塊，先選擇所要搜索的新聞類型，然后輸入關(guān)鍵字，點(diǎn)擊搜索，則在打開的頁面中顯示標(biāo)題為所輸關(guān)鍵字的新聞記錄。在頁面中顯示數(shù)據(jù)庫中的記錄。顯示刪除表單，點(diǎn)擊確定刪除后，則在 頁面中可看到記錄已經(jīng)刪除。 而網(wǎng)絡(luò)教學(xué)將是未來教學(xué)方式有力的補(bǔ)充形式，它以多媒體技術(shù)和計算機(jī)網(wǎng)絡(luò)技術(shù)為主體，自主的個性化學(xué)習(xí)與交互式的集體協(xié)同學(xué)習(xí)相結(jié)合的現(xiàn)代教學(xué)模式，是現(xiàn)代教育發(fā)展的趨勢。 (3) 在對各種理論分析的基礎(chǔ)上，利用 ASP十 IIS+ACCESS的開發(fā)模式實現(xiàn) 教科系網(wǎng)站的 部分功能的設(shè)計與開發(fā)。 總之，本文還存在許多問題與不足，望各位專家、老師、同學(xué)批評指正，從而使我在以后的學(xué)習(xí)和工作中做得更好。