時間：2022-04-26 03:11:50
序論：在您撰寫網(wǎng)站設計與制作論文時，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的1篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導您走向新的創(chuàng)作高度。
摘要：為了更好地為本校考研學生服務，建立一個校內(nèi)考研網(wǎng)站很有必要。建立校內(nèi)考研網(wǎng)站的目的是為了給本?？忌峁┮粋€交流的平臺，幫助同學復習高等數(shù)學、線性代數(shù)、概率論與數(shù)理統(tǒng)計、復變函數(shù)、積分變換與數(shù)理方程，以及英語、政治等重要基礎(chǔ)課，還有數(shù)學分析、高等代數(shù)等專業(yè)課。本文對這樣一個校內(nèi)考研網(wǎng)站的設計與制作進行了一些探討。
關(guān)鍵詞：考研；網(wǎng)站；設計；制作
一、引言
隨著我國研究生教育的飛速發(fā)展，每年報考研究生的人數(shù)持續(xù)攀升。20年來，報考研究生的人數(shù)只有在2008年和2014年出現(xiàn)二次小幅回落，但這只是兩個小小的回檔，這并不影響考研人數(shù)大的攀升趨勢。每年都有那么多的同學報考研究生，那么如何服務好這些同學就是我們迫切需要解決的問題。參考文獻[1]對如何利用網(wǎng)絡優(yōu)勢為學生考研服務做了詳細分析。各個高等院校或科研院所等招生單位基本都建有面向全體考生的官方研究生招生網(wǎng)。分析了此類研究生招生網(wǎng)站的基本功能，闡述了八大功能模塊，分析了研究生招生網(wǎng)的現(xiàn)狀，并提出了發(fā)展建議。此外，還有很多民間考研網(wǎng)站在此不一一列舉，這些考研網(wǎng)站的特點是針對全體考生的。雖然有關(guān)考研的網(wǎng)站有很多，但這些網(wǎng)站大多數(shù)是面對全體考生的，從而包羅萬象，包含的內(nèi)容非常多，讓人目不暇接，顯得有點雜亂無章，從而針對性方面較差。而像浙江大學考研網(wǎng)這樣的網(wǎng)站是為外校學生考浙江大學服務的，所以為本校學生考外校服務的考研網(wǎng)站目前還很少，本文的目的就是要建設一個為本校學生考外校服務的考研網(wǎng)站，結(jié)合本校的特點，更有針對性，可以更好地幫助本?？忌暨x報考學校，更加有效地幫助他們復習考研基礎(chǔ)課和專業(yè)課，切實提高考研的成功率。
二、校內(nèi)考研網(wǎng)站的設計與制作
校內(nèi)考研網(wǎng)站設計的總原則是：服務好本校迫切需要解決復習考研過程中出現(xiàn)各種各樣問題的學生。網(wǎng)站的整體規(guī)劃及框架設計必須是具可擴充性的，前臺頁面的設計必須能保證網(wǎng)站在增加欄目后不會破壞網(wǎng)站的整體結(jié)構(gòu)。后臺數(shù)據(jù)庫的設計必須具有高度的擴充性，使得后臺管理人員能夠根據(jù)需要對欄目進行增、刪、修改。
校內(nèi)考研網(wǎng)站的設計風格為：綜合性考研網(wǎng)站，清新、簡約風格，有一個統(tǒng)一的logo圖案，背景為學校鳥瞰圖。界面創(chuàng)意為標準的圖標風格設計，統(tǒng)一的構(gòu)圖布局，統(tǒng)一的色調(diào)、對比度、色階和圖文風格。
校內(nèi)考研網(wǎng)站的功能要求為：（1）具備完善的類別：機構(gòu)設置、招生工作、學科建設、歷年真題、資料下載等功能。（2）資源的共建共享：使用者可以隨時、隨地通過網(wǎng)絡訪問、上傳下載存放和使用庫中資源。（3）WEB集成：基于WEB的應用模式，使教學資源制作、管理，信息、教學交流、資源共享與交流都能在網(wǎng)上進行。（4）自主學習：提供完善的網(wǎng)絡課程庫、真題庫、專家答疑輔導功能、試題庫與在線考試功能，學習者可以自主完成專業(yè)課程學習。
校內(nèi)考研網(wǎng)站的后臺管理包括：（1）圖片管理：對圖片的管理包括添加、刪除、修改，圖片的內(nèi)容元素主要包括圖片的名稱、所屬的欄目分類，分類由“欄目管理”中動態(tài)生成、上傳圖片，將圖片上傳到網(wǎng)站頁面上。（2）欄目管理：一般是以設置圖片或內(nèi)容的類別作為欄目，在這里可以進行欄目的添加、刪除修改欄目名、菜單的排序、類別排序、首頁排序。（3）靜態(tài)頁管理：生成靜態(tài)頁面的欄目，包括關(guān)閉網(wǎng)站靜態(tài)頁面功能、首頁更新靜態(tài)頁、列表頁更新靜態(tài)頁、內(nèi)容也更新靜態(tài)頁。（4）用戶列表：用戶的各項參數(shù)設置。（5）系統(tǒng)設置：進行系統(tǒng)的參數(shù)設置，包括系統(tǒng)名稱、是否允許用戶注冊、用戶申請后是否需要審核。（6）密碼修改：管理員密碼的修改。（7）公告管理：首頁顯示的公告內(nèi)容。（8）留言管理：對留言的回復、修改、刪除。
此外校內(nèi)考研網(wǎng)站還應該具有下列功能：（1）強大的后臺文章編輯器的功能?？煞奖愕赜猛蟿拥姆绞竭M行圖文混排、圖片遠程上傳、上傳圖片顯示效果處理等操作，以及“從word中粘貼”功能，能全部清除word排版格式多余代碼。（2）自由編輯欄目模版，可設置多個模版。（3）自由增刪修改欄目以及設置此欄目模版。（4）新聞/圖片代碼調(diào)用在后臺生成。（5）可增加多個低權(quán)限的錄入員，增加新聞時會記錄新聞的增加錄入員是誰。（6）新聞自由設置固頂或推薦，自由更改新聞標題的顏色，可獨立設置某條新聞的URL轉(zhuǎn)向。（7）新聞功能，可在后臺相關(guān)新聞。（8）后臺修改新聞管理頁面，可以修改新聞的添加時間和閱讀數(shù)。（9）后臺新聞管理時，排序上下條移動的功能。（10）具有審核員權(quán)限用戶。除可以審核文章外，其余功能與錄入員相似。
系統(tǒng)提供如下客戶端瀏覽器支持：IE6.0及以上各版本、FireFox3.0及以上各版本、Maxthon2.0及以上各版本、搜狗高速瀏覽器、360瀏覽器、騰訊瀏覽器等等。系統(tǒng)的開發(fā)環(huán)境為：PHP+MYSQL。參考文獻[3]討論了基于.net技術(shù)的四層架構(gòu)考研網(wǎng)站設計與實現(xiàn)。
我們設計的校內(nèi)考研網(wǎng)站欄目結(jié)構(gòu)圖如圖1所示。
其中網(wǎng)站首頁用動態(tài)php頁面，將整個網(wǎng)站的最新信息在首頁顯示。網(wǎng)管在后臺可以隨時更新首頁的內(nèi)容。瀏覽者一訪問首頁就能夠了解整個考研網(wǎng)站的最新信息。考研信息欄目主要介紹一些有關(guān)考研的最新信息。課程復習欄目里主要放一些有關(guān)考研基礎(chǔ)課比如高等數(shù)學、線性代數(shù)、概率論與數(shù)理統(tǒng)計等的復習資料。網(wǎng)站鏈接欄目里放一些與考研有關(guān)的點擊率比較高的熱門網(wǎng)站鏈接供同學們參考。最后一個欄目也是比較重要的一個欄目是交流互動欄目，實際上是一個考研論壇，同學們在復習考研的過程中如果碰到一些問題，可以在這個交流互動欄目里提問，管理員應該及時加以解答，此外考研的同學之間也可以通過這個欄目進行交流，達到互相幫助的目的。
我們經(jīng)過制作初步完成的校內(nèi)考研網(wǎng)站首頁如圖2所示。
三、結(jié)論
雖然互聯(lián)網(wǎng)上關(guān)于考研的網(wǎng)站多如牛毛，然而這些網(wǎng)站多數(shù)是面向全體考生的，內(nèi)容面面俱到，從而針對性方面有些欠缺。本文著眼于建設一個只為本?？忌盏膬?nèi)部考研網(wǎng)，為本?？忌佳蟹眨嗅槍π?，從而應該可以服務得更到位。具體效果如何還是由實踐來驗證吧。
摘要：隨著信息技術(shù)和互聯(lián)網(wǎng)在教育中的普及應用，對傳統(tǒng)的教學模式和學生管理模式也產(chǎn)生了一定的變革影響，例如依托專題學習類網(wǎng)站的出現(xiàn)使得學生借助校園網(wǎng)進行自學成為了可能。本文分析了基于PHP和MySQL技術(shù)的網(wǎng)頁設計與制作類專題學習網(wǎng)站設計方案與實現(xiàn)，分別從網(wǎng)站功能設計和數(shù)據(jù)庫管理兩方面進行了設計應用分析。
關(guān)鍵詞：PHP MySQL 網(wǎng)站設計 實現(xiàn)
在網(wǎng)頁設計與制作類專題學習網(wǎng)站設計中，首先要分析其需求，包括基本功能需求、硬件需求和系統(tǒng)需求。結(jié)合網(wǎng)站的應用背景和需求特定，制定相應的設計方案，合理進行用戶權(quán)限分配，并且為用戶提供豐富的相關(guān)資源，營造良好的網(wǎng)絡學習環(huán)境。
1 網(wǎng)站功能模塊設計
1.1 用戶登錄與注冊
首先，在系統(tǒng)功能設計中一般使用B/S結(jié)構(gòu)，也就是瀏覽器/服務器結(jié)構(gòu)，在網(wǎng)絡環(huán)境下，將各種功能模塊組合起來。用戶登錄和注冊是網(wǎng)站功能中最為基本的一個模塊，按照一定的分類標準設置用戶權(quán)限，如管理員權(quán)限、注冊用戶權(quán)限和匿名登錄用戶權(quán)限，不同權(quán)限的用戶可以訪問不同的內(nèi)容。用戶登錄的身份驗證采用用戶名和密碼的形式，為了方便管理，用戶名可以統(tǒng)一設置，如將學生的學號設置為用戶名，密碼由用戶自行更改。管理員權(quán)限主要是由網(wǎng)站的管理人員使用，對網(wǎng)站信息進行刪除、編輯和更改，并且對登錄用戶的身份、數(shù)量進行管理。注冊用戶可以瀏覽、下載網(wǎng)站中的絕大多數(shù)資源內(nèi)容，而匿名用戶只能瀏覽網(wǎng)站的基本公式信息。
1.2 網(wǎng)站信息公布
網(wǎng)站信息公布是校園網(wǎng)站的一個重要功能，可以用來公示重大校園動態(tài)、課程信息、學生信息變動等等，所公布的信息來源于相關(guān)的校園管理部門，如教學部門、宣傳部門、學生管理部門等等。同時，一些與學生密切相關(guān)的信息，在公布中可以設置提醒功能，例如當學生登錄網(wǎng)站后，以私信或者自動彈出窗口的形式提示學生應當注意的信息?；蛘咴趯W生個人信息管理模塊中，設置專門的應當注意信息模塊，提醒學生應當注意的一些變動信息，特別是課程信息、個人信息變動、教務信息等等。
1.3 資源共享
資源共享主要是為學生提供一個良好的學習環(huán)境，提供學生自學資源支持，在網(wǎng)頁設計與制作類專題學習網(wǎng)站構(gòu)建中，主要的教學資源有文字資源、圖片資源、視頻資源等等。同時，在資源共享中，為了提高學習資源的利用效率，利用站內(nèi)搜索技術(shù)構(gòu)建資源查詢平臺，便于用戶搜索所需資源。將各種學習資源進行分類，可以按照資源屬性，如文檔類資源、圖片類資源、視頻類資源等等，或者按照教學內(nèi)容進行分類。站內(nèi)資源還可以為學生提供一些優(yōu)秀的設計方案成果，將這些成果的網(wǎng)頁設計與制作方案。資源共享功能模塊設計需要針對網(wǎng)站功能特點和用戶使用情況進行相應的資源優(yōu)化，例如針對不同學習基礎(chǔ)的用戶提供不同層次的學習資源等等。
1.4 站外資源鏈接
在網(wǎng)頁設計與制作類專題學習網(wǎng)站功設計中，站外資源是一個重要的學習資源補充途徑，用戶在使用站內(nèi)資源時，也需要進行相關(guān)的站外資源拓展，當前使用較為廣泛的方式便是站外資源鏈接。站外資源鏈接也分為外部鏈接和內(nèi)部鏈接兩種，外部鏈接同用戶直接通過外網(wǎng)鏈接外站的訪問權(quán)限一樣，都為匿名瀏覽模式。而在一些提供資源下載的外部網(wǎng)站鏈接時，可以通過內(nèi)部鏈接的方式為用戶提供注冊用戶訪問權(quán)限，例如訪問一些文獻資料數(shù)據(jù)庫。通過購買這些數(shù)據(jù)庫的訪問權(quán)限，使得用戶可以通過內(nèi)部鏈接搜索和下載相關(guān)的文獻資料。在站外資源連接時，應當對不同的外站資源情況進行調(diào)查和分類，按照一定的類別，例如文獻資料類網(wǎng)站、網(wǎng)頁設計成果類網(wǎng)站、相關(guān)軟件下載類網(wǎng)站等等。
2 基于PHP和MySQL技術(shù)網(wǎng)頁設計與制作類專題學習網(wǎng)站的實現(xiàn)
2.1 數(shù)據(jù)庫管理實現(xiàn)
基于MySQL技術(shù)的數(shù)據(jù)庫管理功能實現(xiàn)，應當針對網(wǎng)站數(shù)據(jù)的儲存和使用特點，應當確保數(shù)據(jù)庫的正確性、融合性、有效性等等，優(yōu)化數(shù)據(jù)庫檢索技術(shù)，提高數(shù)據(jù)檢索效率，數(shù)據(jù)庫結(jié)構(gòu)設計的合理性會直接關(guān)系到網(wǎng)站構(gòu)建的整體質(zhì)量。在數(shù)據(jù)庫中將各種不同類型的數(shù)據(jù)資源按照一定的類別進行分類處理和儲存，同時將各種文檔信息添加日期、作者、預覽內(nèi)容等信息，主要的數(shù)據(jù)操作功能有編輯、錄入、存儲、刪除、復制等等。再有，應當保證數(shù)據(jù)庫的完整性和適時性，及時進行數(shù)據(jù)更新，數(shù)據(jù)存儲要嚴格遵守相應的規(guī)定，定期進行數(shù)據(jù)備份，一般數(shù)據(jù)庫的管理權(quán)限為網(wǎng)站管理人員。
2.2 信息管理功能實現(xiàn)
信息管理功能主要是實現(xiàn)網(wǎng)站基本的信息公布、信息刪除和修改、重大信息警示等等，同時還包括用戶個人信息的錄入、修改等等。信息管理權(quán)限由兩部分組成，分別是網(wǎng)站管理人員的信息管理功能權(quán)限和訪問者的信息管理功能權(quán)限。信息管理人員所主要管理的信息為網(wǎng)站公布信息和一些動態(tài)資源信息，而訪問者所使用的信息管理功能為個人信息管理和個人資源信息管理。例如訪問者在利用網(wǎng)站資源進行學習時，需要更改個人資源數(shù)據(jù)庫，不定時的刪除資源和添加新資源，構(gòu)建成個人知識管理系統(tǒng)。而網(wǎng)站管理人員，在使用信息管理功能時，也應當針對不同信息的特點，在相應的信息公示板塊進行信息公布。
2.3 資源共享功能實現(xiàn)
資源共享功能主要包括兩部分，分別是站內(nèi)資源共享和站外資源共享，站內(nèi)資源包括管理人員錄入的校園資源數(shù)據(jù)庫和師生上傳的相關(guān)資源等等，站外資源則主要是針對相應的教學內(nèi)容，選擇的一些專題網(wǎng)站。在資源共享功能實現(xiàn)中，應當提高資源使用效率，借助站內(nèi)搜索技術(shù)和互聯(lián)網(wǎng)搜索引擎技術(shù)，為學生提供完善的資源環(huán)境。同時，資源共享本身也是一個持續(xù)性的過程，管理人員應當長時期的進行資源引進和更新。
3 結(jié)語
基于PHP和MySQL構(gòu)建網(wǎng)頁設計與制作專題類學習網(wǎng)站，應當詳盡分析網(wǎng)站的需求，包括功能需求、硬件需求、系統(tǒng)需求等等，在分析需求的基礎(chǔ)上，進行相應的功能模塊設計和優(yōu)化。主要的功能模塊有用戶登錄和注冊功能模塊、網(wǎng)站信息公布模塊、資源共享模塊、外部資源鏈接模塊等等。并且對數(shù)據(jù)庫結(jié)構(gòu)進行優(yōu)化，選擇適宜的搜索引擎技術(shù)，完善信息管理功能，加強內(nèi)部資源和外部資源的共享。相關(guān)網(wǎng)站管理人員，也應當建立起完善的網(wǎng)站維護體系，保證網(wǎng)站的穩(wěn)定、高效運行。
摘 要：網(wǎng)絡作為當前信息化時代最大的信息傳播平臺，越來越多的商家和個人開始重視建立自己的網(wǎng)站，面對新的形勢，經(jīng)過深入研究、積極探索，大膽實踐，在各項工作的基礎(chǔ)上，充分運用網(wǎng)絡技術(shù)這一現(xiàn)階段科技手段，擬籌備建立網(wǎng)，并以網(wǎng)站為載體積極開展工作，為工作增添了新技術(shù)。本文結(jié)合在網(wǎng)站設計方面的經(jīng)驗談一下網(wǎng)站設計與制作的流程。
關(guān)鍵詞：網(wǎng)站；設計分析；制作
隨著科學技術(shù)發(fā)展和網(wǎng)絡的運用，計算機網(wǎng)絡為人們的生活打開了一片新的天地創(chuàng)新了人們的生活方式而網(wǎng)站為人們提供了豐富多彩的信息。一個網(wǎng)站不但要做到操作方便，引人入勝，趣味盎然，還要告訴瀏覽者它的用處，這些設計都是有講究的。
1 網(wǎng)站建設的作用和意義
互聯(lián)網(wǎng)作為連接世界各地計算機的全球性信息化網(wǎng)絡，它的傳輸內(nèi)容是非常豐富的，涉及到全球的各個領(lǐng)域，是人們了解世界、掌握信息的主要渠道之一。網(wǎng)站作為信息時代基層的一個重要窗口，是院務公開、公正、服務職工、惠及民生的重要手段。辦好網(wǎng)站，對于保障職工合法權(quán)益、增加職工之間互相的透明性、加強自身建設、提升知名度和影響力都具有非常重要意義。
2 網(wǎng)站設計分析
文字、圖形、色彩是展示網(wǎng)站內(nèi)容的重要組成部分，是構(gòu)成網(wǎng)站傳達信息不可或缺的手段，同時也是用戶對網(wǎng)站第一印象和整體風格關(guān)注的主要內(nèi)部分。要想設計出符合人性化需求的網(wǎng)站，只有多為用戶著想，認真地以用戶的切身體會出發(fā)去完成網(wǎng)站的整體設計。當然，在設計過程中需要考慮的因素很多，用戶群因素和界面因素是首要考慮的兩個方面。
3 網(wǎng)頁制作
3.1 選擇合適的網(wǎng)頁設計軟件
當前能使用的網(wǎng)頁設計類軟件很多，而選擇一個功能強大、操作簡單的軟件則會讓你事半功倍。對于網(wǎng)頁制作軟件來說，初學者最常使用是Frontpage和Dreamweaver，F(xiàn)rontpage是微軟公司出品的一款網(wǎng)頁制作入門級軟件，F(xiàn)rontPage使用方便簡單，會用Word就能做網(wǎng)頁，所見即所得是其特點，該軟件結(jié)合了設計、程式碼、預覽三種模式。Dreamweaver是美國MACRO～EDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，利用它可以輕而易舉地制作出充滿動感的網(wǎng)頁。此外，制作網(wǎng)站還要用到邊緣性軟件，如photoshop、flash等，網(wǎng)頁設計過程中可根據(jù)自己的需要靈活運用這些軟件。
3.2 選擇網(wǎng)頁內(nèi)容
前期的框架設計好后，就要為這個網(wǎng)站選擇內(nèi)容了。網(wǎng)頁內(nèi)容影響著網(wǎng)站的成敗，所以我們要多花一些心思在內(nèi)容制作上。內(nèi)容選擇要選有新意的、獨特的，這些可以從圖書、報紙、互聯(lián)網(wǎng)等信息媒介搜集素材，素材通常分為三類一一文字、圖片、影像。素材準備得越多越好，再從這些素材中粗中取細， 以備制作網(wǎng)站時可以隨時拿來使用?？傊W(wǎng)頁內(nèi)容是網(wǎng)站的根本，如果內(nèi)容空洞，頁面制作的再怎么精美，仍然不會留住訪問者。
3.3 運用網(wǎng)頁設計中的色彩
不同的色彩搭配產(chǎn)生不同的效果，反映出不同網(wǎng)頁的文化內(nèi)涵。因為它能產(chǎn)生強烈的視覺沖擊，所以確定網(wǎng)頁的色彩是相當重要的一步。在網(wǎng)頁的色彩設計上，除了要表現(xiàn)心理和感情聯(lián)想之外，還要考慮色彩的對比明暗、輕重、冷暖、調(diào)和色和純度對比色的應用等等。合理的用色可以讓信息的傳遞更有價值，使網(wǎng)頁更有效和準確地把信息傳達給我們的視覺。
4 網(wǎng)頁制作中的注意事項
⑴網(wǎng)頁要一頁一頁制作，切不可圖快，沒考慮清楚就下手只會讓后面的修改工作更辛苦，首先要制作主頁，把主頁上的頁面的編排、色彩的搭配、鏈接的方式都設計好后，再以 它為基礎(chǔ)，通過變更文字和圖片等內(nèi)容建立其它子頁，可以利用模板批量創(chuàng)建子頁，使用模板的好處是一一同一個模板創(chuàng)建下的網(wǎng)頁，對它的更新和修改可以一次性完成。這樣可以大大提高制作效率，使網(wǎng)站形成統(tǒng)一的風格。
⑵特效制作網(wǎng)頁時，能盡量用javascript替代的就不要使用java，java會使網(wǎng)頁速度減慢，在加入諸如聲音、動態(tài)網(wǎng)頁等小技巧時，最好也不要太多，這都會影響網(wǎng)頁的運行速度。
⑶使用鏈接到每張圖片的縮略圖是提供有大量圖片的圖庫時常見的一種策略?？s略圖也就是圖片的縮小版本，可以讓瀏覽者看到眾多的圖片。但是，在展示縮略圖時，切記不能將縮略圖做得太小，因為縮略圖做得太小網(wǎng)站的訪客就無法從中獲取有效的信息。
⑷合理采用JPg和gif格式也是至關(guān)重要的，色彩鮮艷高分辨率的用JPg，圖片色彩單調(diào)的及在256色以內(nèi)的最好把它處理成gif圖像格式。圖片大小盡量不要超過30k，小圖片（1OOx40）一般可以控制在6k以內(nèi)，較大的圖片可以“分割”成小圖片。
⑸為圖片加注解。圖片的下載較慢，在沒有顯示出來時注解的標注有助于讓瀏覽者知道這是關(guān)于什么的圖片，是否需要等待，是否可以點擊。
5 結(jié)語
網(wǎng)站的設計與制作談起來很簡單，但要制作出真正有創(chuàng)意、經(jīng)典的網(wǎng)站不是一件容易的事情。網(wǎng)頁設計需要不斷的實踐，不斷的學習，不斷的豐富、創(chuàng)新網(wǎng)頁制作的方法，不斷完善、提高自己網(wǎng)站設計的能力。
摘 要：基于高職圖書館的特色，堅持一切從讀者的需求出發(fā)，結(jié)合圖書館網(wǎng)站的設計理念和網(wǎng)站制作的高標準進行建設高職圖書館網(wǎng)站，全面淺析高職圖書館網(wǎng)站設計制作。
關(guān)鍵詞：高職圖書館；網(wǎng)站制作；網(wǎng)站設計
高職圖書館網(wǎng)站是圖書館對外重要的宣傳陣地和提供數(shù)字資源與信息服務的平臺，其服務對象是校內(nèi)師生和社會讀者，需要提升圖書館的網(wǎng)絡化、數(shù)字化、特色化服務水平，使之成為讀者利用高職圖書館資源和服務的窗口。高職圖書館網(wǎng)站如何滿足讀者的需求，因此各高職圖書館必須大力探索網(wǎng)站設計與制作的理念與原則，并結(jié)合自身特色，開發(fā)出讓讀者滿意、令讀者信賴的網(wǎng)站。我在這里介紹高職圖書館網(wǎng)站設計與制作的經(jīng)驗的幾點體會。
1 高眼界、高標準、高要求
⑴他山之石，可以攻玉，向優(yōu)秀的高校、高職圖書館網(wǎng)站學習。在高職圖書館設計與制作過程中，我們先后參考了許多國內(nèi)外著名高校、公共圖書館及高職圖書館的網(wǎng)站，比如：國內(nèi)的清華大學圖書館、北京大學圖書館、國家圖書館等，國外的有澳大利亞墨爾本大學圖書館、英國倫敦大學國王學院圖書館、高職類的深圳職業(yè)技術(shù)學院圖書館等。在網(wǎng)站設計與制作前，我們對優(yōu)秀的圖書館網(wǎng)站，結(jié)合讀者的需求、服務及圖書館業(yè)務等方面進行分析，這樣對設計與制作高職圖書館網(wǎng)站墊下非常好的基礎(chǔ)。⑵網(wǎng)頁制作要高標準、嚴要求.高職圖書館網(wǎng)站的版面整潔、整齊、版式統(tǒng)一、圖片不變形和易維護度。
2 設計理念
⑴符合高職的特點和實際情況。高職圖書館不同高校圖書館，高職圖書館具有獨特性，網(wǎng)站應結(jié)合圖書館的服務理念去建設，但高職圖書館面臨資源少、服務項目少的困境，我們?nèi)绾螌ψx者提供有價值服務，需要館員們多年服務讀者過程中總結(jié)，才能給讀者一個滿意的網(wǎng)站。圖書館網(wǎng)站建設力圖把滿足讀者需求、方便讀者使用作為網(wǎng)站設計的根本出發(fā)點，網(wǎng)站的內(nèi)容和設計要充分考慮到讀者的需求，一個受讀者喜歡并信賴的網(wǎng)站是建立于讀者明確需求的基礎(chǔ)上。
⑵不使用過多顏色，力求簡潔、清爽。色彩可以鮮艷一些，但不能雜亂。從審美角度看，在網(wǎng)站設計時，只使用三、四種相匹配的顏色就可以讓網(wǎng)站更為美觀了，應盡量避免使網(wǎng)站過于花哨，盡量不用或少用動畫、閃爍或滾動的文本。
⑶頁面應布局合理，盡量簡潔。一般來說，頁面的分辨率推薦1027x768，固定布局寬度來設計；按網(wǎng)站層級來設計布局，同一層級的布局盡可能統(tǒng)一。網(wǎng)站首頁布局應簡潔、大方，應把服務與資源充分顯示在首頁面上，可以采取JS滑動顯示的技術(shù)，容納更多的內(nèi)容而不顯得擁擠。
⑷使用一致的設計元素。在網(wǎng)站的全部頁面上，都采用一致的字體與顏色，會使網(wǎng)站顯得更為統(tǒng)一和專業(yè)。同時在網(wǎng)頁的布局設計、術(shù)語或詞匯的使用，以及與用戶交互的方式使用等方面，也都應盡力保持這種一致性。圖書館主頁、OPAC頁面及二級頁面在功能菜單及色調(diào)上應盡量做到一致。
⑸圖書館的網(wǎng)站上應設計一個較醒目的給讀者發(fā)牢騷、提意見、問問題的窗口。
⑹網(wǎng)站整體導航清晰化。1）全局導航。全局導航也就是說可以幫助用戶隨時去到網(wǎng)站的任何一個欄目。并且能輕松跳轉(zhuǎn)到另一個欄目上。一般來說，全局導航的位置是固定的，這樣可以減少瀏覽者查找的時間。2）導航欄異化，直接的告訴用戶他身在何處。瀏覽則當前訪問的頁面所屬的導航，在網(wǎng)站建設中要進行特殊化處理，比如一家網(wǎng)站建設公司的網(wǎng)站導航，如果網(wǎng)站主導航顏色是藍色的，那么當用戶瀏覽到網(wǎng)站建設流程這個大欄目之下，那么網(wǎng)站建設流程這個欄目的導航應該換一種顏色或者做一種特殊的效果來進行體現(xiàn)，以區(qū)別與其他的導航。這樣瀏覽者就能夠非常的容易的識別到當前導航所在的位置。
3 網(wǎng)頁制作――精益求精
⑴CSS樣式制作規(guī)范。為了開發(fā)后樣式名管理方便，請用有意義的單詞或縮寫組合來命名，一看就知道這樣式是哪一塊的，這樣就節(jié)省了查找樣式的時間。
⑵符合搜索引擎。在制作網(wǎng)站的過程中，應符合搜索引擎，以便讀者能搜索到圖書館網(wǎng)站。網(wǎng)站設計符合搜索引擎主要有兩個標簽：標題（title）、描述（description），寫法如下：
順德職業(yè)技術(shù)學院圖書館|順職圖書館|順大圖書館
⑶網(wǎng)站的擴展性及維護的便利性。1）網(wǎng)站的擴展性。日后面臨著數(shù)字資源日益增多，服務不斷深化的基礎(chǔ)上，我們特別要注意網(wǎng)站對后續(xù)的改動適應性要強。2）站維護的便利性。網(wǎng)站后續(xù)維護的工作中，我們通過網(wǎng)站管理后臺權(quán)限的分配，把館內(nèi)的各部門人員全部調(diào)動起來，各自負責各自的網(wǎng)站模塊。維護的內(nèi)容包括四個方面：第一、網(wǎng)站各模塊內(nèi)容的更新；第二、試用的數(shù)字資源的及刪除等；第三、圖書館業(yè)務中內(nèi)容發(fā)生變化的相應更新；第四、網(wǎng)頁功能的修改升級或者特效的改造增加。
摘 要 在我校電子商務專業(yè)進行“MBE-CDIO的教學改革”的大背景下，重點介紹商務網(wǎng)站設計與制作課程的改革思路、內(nèi)容設計、組織和實施過程。課程在“MBE-CDIO課程體系”中定位并明確技術(shù)、能力、素質(zhì)等教學目標，將真實企業(yè)項目引入教學，學生以項目組形式參與項目開發(fā)全程，并采用展示型過程化考核方式，將企業(yè)意見作為重要考核標準納入考核體系。課程改革試行兩屆，教學成效初顯。
關(guān)鍵詞 MBE-CDIO 真實企業(yè)項目 項目導向 過程化考核
1 高職電子商務專業(yè)網(wǎng)站建設課程概述
1.1 高職電子商務專業(yè)網(wǎng)站建設課程現(xiàn)狀
自從我國高職院校開設電子商務專業(yè)以來，其核心課程電子商務網(wǎng)站開發(fā)類課程的教學效果一直不盡如人意。筆者已在山東商職學院承擔電子商務技術(shù)教學工作多年，通過各種方式對國內(nèi)二十多所高職院校電子商務專業(yè)進行了相關(guān)課程教學內(nèi)容和教學效果的調(diào)研，發(fā)現(xiàn)諸多院校電子商務網(wǎng)站開發(fā)課程以教授靜態(tài)網(wǎng)站制作為主，能真正理解、開發(fā)出實用的商務網(wǎng)站的學生近乎為零，即便是帶有基本會員功能的簡單企業(yè)展示網(wǎng)站，學生也不能很好理解，更不用說幫助企業(yè)做網(wǎng)站規(guī)劃、運營維護等工作。
我校電子商務專業(yè)對人才培養(yǎng)目標進行重新研究、梳理、定位，重點向商務偏移，明確了商務網(wǎng)站課程不應以教會學生開發(fā)技術(shù)為教學目標，而應該教授學生具備理解動態(tài)網(wǎng)站原理、能對企業(yè)網(wǎng)站進行規(guī)劃和改版的能力。
1.2 我校電子商務專業(yè)網(wǎng)站建設課程現(xiàn)狀
我校電子商務專業(yè)自2000年開設該課程以來，授課內(nèi)容一直根據(jù)社會需求不斷調(diào)整。2008年課程名稱確定為網(wǎng)頁制作，內(nèi)容從原來講授網(wǎng)頁制作三劍客等軟件操作為主，調(diào)整為講授HTML基礎(chǔ)知識及應用為主，輔以Dreamweaver軟件操作，并在后續(xù)學期開設網(wǎng)頁制作腳本語言，注重學生編程思想和代碼讀寫能力的培養(yǎng)。
2009年，經(jīng)調(diào)研我們對專業(yè)人才培養(yǎng)進行了較大的調(diào)整，降低對學生開發(fā)技術(shù)的要求，開始重視學生對網(wǎng)站運營的整體理解、網(wǎng)站的維護更新等能力的培養(yǎng)，課程調(diào)整為網(wǎng)頁設計與美化、ASP動態(tài)網(wǎng)站規(guī)劃兩門課程，分兩個學期開設。其中ASP動態(tài)網(wǎng)站規(guī)劃重點講授動態(tài)網(wǎng)站基本原理，引導學生進行網(wǎng)站規(guī)劃，并加入網(wǎng)站的、維護、更新等教學內(nèi)容。
2011年，專業(yè)人才培養(yǎng)在做過大量調(diào)研的基礎(chǔ)上，再次進行重大調(diào)整。我們發(fā)現(xiàn)社會對電子商務人才的要求很大一部分是“商科能力和素質(zhì)”，并且定位了電子商務專業(yè)的三個崗位目標（網(wǎng)絡營銷主管、電子商務運營主管、網(wǎng)絡客服主管）。因此課程進行了較大調(diào)整，課程名稱確定為商務網(wǎng)站設計與制作，分兩個學期開設；并嘗試將校企合作單位的真實企業(yè)網(wǎng)站開發(fā)項目引入教學。經(jīng)過改革和建設，該課程作為“電子商務專業(yè)核心課程群”中的一門被評為校級精品課程。
圖1 商務網(wǎng)站設計與制作課程教學目標
2012年，專業(yè)進行了“MBE-CDIO教學改革”，提出一個覆蓋商業(yè)職場環(huán)境、體現(xiàn)完整生命周期的教學設計。同時教學大綱分解了專業(yè)人才培養(yǎng)所需完成的素質(zhì)、能力和知識目標，構(gòu)建了電子商務專業(yè)教學主線的9級進階項目，更加明晰了商務網(wǎng)站設計與制作在人才培養(yǎng)中的作用和地位。
2 基于真實企業(yè)項目的課程設計理念
課程內(nèi)容的設計、組織服務于專業(yè)人才培養(yǎng)目標。2012年專業(yè)教學采用“MBE-CDIO一體化課程體系”模式，確定商務網(wǎng)站設計與制作的課程目標共計28項（見圖1），包括1項技術(shù)知識、13項勝任工作的能力、5項進階能力的教學任務，9項素質(zhì)教學關(guān)鍵點穿插其中，保障了課程體系的實施效果。
為了確保教學目標的完成，課程引入“心欣農(nóng)產(chǎn)品交易服務平臺”真實的企業(yè)項目背景，讓學生完成“心欣平臺前臺頁面規(guī)劃及設計”（從需求分析規(guī)劃設計制作實現(xiàn)測試運行維護整個生命周期），和“心欣平臺后臺改進規(guī)劃與實施”（從改進需求分析概要設計詳細設計整合測試運行培訓文檔設計整個生命周期）兩個實戰(zhàn)項目；最后，用“心欣農(nóng)產(chǎn)品交易平臺”的改進效果來檢測課程教學目標的完成情況。
課程的項目化教學在教學做一體化的教學環(huán)境中開展，學生以項目組的形式參與項目學習全程，掌握網(wǎng)站需求分析、網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)站維護等專業(yè)知識的同時，更鍛煉了團隊合作能力、溝通能力和創(chuàng)新意識等綜合素質(zhì)。
3 基于真實企業(yè)項目的課程內(nèi)容體系建設
3.1 課程內(nèi)容體系設計
課程內(nèi)容設計基于兩個原則：（1）實現(xiàn)教學目標；（2）以真實企業(yè)項目覆蓋商業(yè)職場環(huán)境下的完整生命周期。
教學目標涵蓋了人才培養(yǎng)目標中的9項素質(zhì)關(guān)鍵點、1項技術(shù)知識關(guān)鍵點、13項能力關(guān)鍵點和5項進階能力關(guān)鍵點。這28個關(guān)鍵點，是通過將兩個真實企業(yè)網(wǎng)站項目（心欣前臺頁面內(nèi)容規(guī)劃與設計項目、心欣后臺改進規(guī)劃與實施項目），引入實際教學過程中實現(xiàn)的。具體內(nèi)容規(guī)劃，則依據(jù)CDIO（Conceive構(gòu)思、Design設計、Implement實現(xiàn)和Operate運作）理念，按照軟件工程的思路進行組織。（1）靜態(tài)部分以Web標準HTML+CSS內(nèi)容為主，引入“心欣前臺頁面內(nèi)容規(guī)劃與設計”項目貫穿。（2）動態(tài)部分重在培養(yǎng)學生的商務網(wǎng)站規(guī)劃、優(yōu)化及維護能力，使學生對具備交互功能的動態(tài)商務網(wǎng)站有一個全面認識；注重培養(yǎng)學生對項目或系統(tǒng)的完整生命周期的理解，要求學生從需求識別、需求分析、規(guī)劃設計，到測試、更新維護、運營管理等環(huán)節(jié)全程參與，并注重對學生策劃并撰寫系統(tǒng)應用文檔的能力的培養(yǎng)。
3.2 課程內(nèi)容體系組織
課程內(nèi)容用“心欣農(nóng)產(chǎn)品交易平臺”的優(yōu)化改進項目貫穿，整個教學過程劃分為五個子項目進行。每個子項目又分解成了專業(yè)知識、實訓操作、項目實戰(zhàn)和展示型考核四個模塊。學生以項目組的形式，參與項目全程。其中，實訓操作模塊將授課中涉及的實踐操作加以應用并鞏固；項目實戰(zhàn)模塊則將真實項目分解為子項目進行實施和檢驗；展示型考核模塊在各子項目中是比較重要的模塊，各項目小組在項目實戰(zhàn)模塊中完成的任務需要進行展示、答辯，必要時將作品向企業(yè)推薦，并將企業(yè)評價和反饋意見作為重要考核指標。
課程共計64課時，分別安排在第二學期、第三學期進行。第二學期進行網(wǎng)站前臺的規(guī)劃設計和實現(xiàn)，分配24課時；第三學期進行網(wǎng)站后臺的規(guī)劃設計和運行維護，分配40課時。兩學期均在教學做一體化教室展開教學，實踐比例100%。子項目的具體內(nèi)容組織、授課內(nèi)容課時分配見表1。
3.3 課程教學方法與手段
（1）用真實項目貫穿課程內(nèi)容，學生以項目組的形式參與項目開發(fā)全過程：用兩個真實項目開發(fā)過程為載體組織教學內(nèi)容，以教授方法、技巧為主；學生以項目組的形式參與項目開發(fā)全過程，邊學邊做，把學到的方法和技巧在項目開發(fā)過程中立即實踐，并在實踐過程中組織討論、互動；根據(jù)每個項目組的反饋情況完善教學內(nèi)容、安排進度。
（2）采用教學做一體化方式，考核方法取消筆試，采用展示型過程化考核。各子項目結(jié)束時，學生項目組都要進行成果展示、答辯，檢查并共享學習成果；根據(jù)老師提出的修改意見進行修訂，并制定下一子項目實施計劃。項目全部結(jié)束時每個項目組實現(xiàn)的都是一個完善的、可、可供企業(yè)實際應用的網(wǎng)站，作品以企業(yè)是否采用為主要考核標準，激發(fā)學生的競爭意識和學習興趣。
（3）利用云空間加強互動學習和資源共享。利用世界大學城云空間教學，加強學生與老師之間、學生與學生之間的互動和資源共享。課程將教學目標關(guān)鍵點分解，形成26項工作能力點，一一對應了26個能力關(guān)聯(lián)表格化教案，見圖2。
圖2 商務網(wǎng)站設計與制作表格化教案
4 結(jié)束語
以真實企業(yè)項目為教學背景的課程改革，目前已經(jīng)試行兩屆，教學成效初顯。學生對這種用真實企業(yè)項目貫穿的、項目導向在實踐中學習的教學方法充分肯定，學生作品也得到合作企業(yè)的認可。當然，在運作過程中，我們也遇到一些困難、發(fā)現(xiàn)一些問題，需要進一步改進和加強：（1）企業(yè)真實項目一般對項目完成時間、網(wǎng)絡安全方面有較高的要求，課程中實現(xiàn)有難度；（2）項目開展和學生的實踐訓練若能在一段時間內(nèi)集中完成，既能滿足項目開發(fā)需要，又有助于學生高效學習，但不符合學校的教學計劃，難以實現(xiàn)；（3）學生作品為企業(yè)采用之后，后期網(wǎng)站的維護更新無法保證。
課程組會在以后的建設過程中盡力克服以上困難，將課程改革的有效部分繼續(xù)完善、推進、發(fā)展。
摘要：以擬籌建學院工會網(wǎng)站為例，介紹學院工會主頁的設計與制作過程，指出了設計與維護網(wǎng)頁過程中應注意的一些問題。
關(guān)鍵詞：主頁設計；主頁制作
科學技術(shù)的飛速發(fā)展和網(wǎng)絡技術(shù)的普遍運用，為了拓寬工會工作渠道、創(chuàng)新工作方法提供了廣闊的空間。加強對工會網(wǎng)站建設，運用現(xiàn)代網(wǎng)絡技術(shù)推動工會工作，成為擺在各級工會組織面前一項十分重要的任務。面對新的形勢，學院工會經(jīng)過深入研究、積極探索，大膽實踐，在認真抓好日常各項工作的基礎(chǔ)上，充分運用網(wǎng)絡技術(shù)這一現(xiàn)代科技手段，擬籌備建立學院工會網(wǎng)，并以網(wǎng)站為載體積極開展工作，為工會工作增添了新的生機和活力?，F(xiàn)對如何進一步加強基層工會網(wǎng)站建設略加探討。
一、加強工會網(wǎng)站建設的作用和意義
互聯(lián)網(wǎng)絡作為連接世界各國計算機的全球性信息化網(wǎng)絡，其傳輸內(nèi)容非常非常豐富的，涉及到全球的政治、經(jīng)濟、文化、體育等等各個領(lǐng)域，成為人們了解世界、掌握信息的主要渠道之一。學院工會網(wǎng)站作為信息時代基層工會的一個重要窗口，是院務公開、公正、服務職工、惠及民生的重要手段。辦好工會網(wǎng)站，對于保障職工合法權(quán)益、增加職工之間互相的透明性、加強工會自身建設、提升工會知名度和影響力都具有非常重要意義。
二、網(wǎng)站主要內(nèi)容與注重面
網(wǎng)站要設有工會新聞、民主管理、權(quán)益保障、勞動保護、文件資料、政策法規(guī)等主欄目，并加強工會會員管理等數(shù)據(jù)庫的建設和利用，使廣大干部職工能夠通過網(wǎng)站，迅速快捷的檢索到自己所需要的信息資料。擬開設職工論壇等形式建立“職工之家”，職工和工會干部以注冊方式，在網(wǎng)上對事件或人物進行討論交流，暢談各自感悟，進行相互學習和相互交流。還可利用網(wǎng)站開展“首席職工”、“優(yōu)秀工會工作者”等各類評選活動，進一步提升工會工作的透明度和群眾參與度。
三、技術(shù)平臺規(guī)劃與設計
（一）系統(tǒng)應用范圍
從系統(tǒng)上分析是一個門戶信息交易站點，大多數(shù)用戶都具有分散性，沒有統(tǒng)一的組織和統(tǒng)一的地區(qū)，主要通過internet訪問。用戶側(cè)重使用IE情況分析。用戶使用網(wǎng)絡帶寬分析。估計日訪問量在幾千人次。
根據(jù)這些特點，我們建議在IE兼容上側(cè)重用于IE6.0。出于用戶帶寬的考慮，建議使用CSS+DIV寫網(wǎng)站框架。在網(wǎng)站結(jié)構(gòu)上采用B/S結(jié)構(gòu)。
用戶側(cè)重使用IE情況分析，根據(jù)網(wǎng)絡軟件測試調(diào)查，得出以下數(shù)據(jù)如圖：
從圖得知使用IE6.0的用戶最多占到32.14%。360瀏覽器使用本地IE核心。其中也有一部分本地核心用的也是IE6.0。其它IE8.0占到21.54%，IE7.0占到6.3%，搜狗瀏覽器占到6.03%，其它chrome，IE9.0，TT瀏覽器，QQ瀏覽器都只占到3%以下。
所以在UI設計和IE兼容性設計上測重IE6.0以上的版本，建議使用CSS+DIV布局。然后再測試調(diào)試各常用IE之間的兼容性。
（二）用戶使用網(wǎng)絡帶寬分析
今年寬帶普及提速工程的目標是4兆及以上寬帶接入產(chǎn)品的用戶超過50%，現(xiàn)在，平均帶寬達到了50%。今年4月，全國固定寬帶接入規(guī)模為1.59億。4兆及以上用戶使用比例已經(jīng)超過了50%。去年年底，使用4兆以上帶寬產(chǎn)品才38%到39%，今年卻飛快提升了10個百分點，達到50%。
所以4M以下的人群仍然是主體。在網(wǎng)站建設過程中，網(wǎng)頁的圖片和整個網(wǎng)頁大小的控制不容忽視。建議頁面大小保持在三屏內(nèi)，網(wǎng)頁大小保持在150K以內(nèi)。這是對用戶的體驗度一個提升也是對網(wǎng)頁大小的一個控制。
（三）任何商業(yè)應用程序都有三大類必須完成的任務：
第一類和與用戶的交互有關(guān)（人機接口），用戶如何使用應用程序，這類任務可稱之為表示層（Presentation）。
第二類和應用程序所完成的計算處理和程序處理流程有關(guān)，可稱之為應用邏輯層（Application Logic）。
最后一類與數(shù)據(jù)的查詢、更新及數(shù)據(jù)管理有關(guān)，可稱之為數(shù)據(jù)資源層（Data and Resource）。
四、網(wǎng)站細節(jié)總體設計
網(wǎng)站分為前臺和后臺兩個部分，前臺部分為公眾和會員客戶提供信息、閱讀、查詢等功能，后臺作為網(wǎng)站管理的核心部分，提供網(wǎng)站數(shù)據(jù)、類別等信息的管理和查詢。
（一）前臺網(wǎng)站的具體欄目設置
共分為工會簡介欄目、工會工作欄目、工會動態(tài)欄目、下載中心欄目、工會信箱欄目、工會論壇欄目、留言板欄目、友情鏈接、站內(nèi)搜索引擎共9個欄目設置。
1.首頁具體板塊的設置
提供工會信箱登錄以及各分類信息查詢系統(tǒng)。左側(cè)是本站動態(tài)、工會簡介、網(wǎng)站公告和相關(guān)鏈接，右側(cè)是廣告位；中間部分是各欄目的信息。
在網(wǎng)站的首頁中采用了4種效果，飄浮廣告效果，滾動新聞效果，鼠標右鍵禁用和ie右下腳狀態(tài)欄文字顯示效果。
2.網(wǎng)站工會欄目簡介
詳細的介紹了工會具體情況以及領(lǐng)導風采、組織機構(gòu)等內(nèi)容。
3.網(wǎng)站工會工作簡介
專題介紹工會在開展素質(zhì)工程、法律維權(quán)、基層建設、送溫暖工程、女工工作、綜合等工作的情況。
4.網(wǎng)站工會動態(tài)簡介
介紹工會的具體活動，包含生動的圖片及詳細的文字信息。
5.網(wǎng)站下載中心的簡介
網(wǎng)站提供常用的軟件及表格和表格模板的下載。
6.網(wǎng)站工會信箱的簡介
網(wǎng)站工會內(nèi)部所有工作人員具體的郵箱地址。
7.網(wǎng)站工會論壇的簡介
網(wǎng)站提供單版論壇。論壇具有一般論壇的常用功能。如注冊會員，在線生級，發(fā)表帖子，回復帖子，論壇設有良好的編輯器，能夠方便的編輯帖子內(nèi)容。并且有豐富的表情包。讓互動更加生動。普通用戶也可以注冊筆名并發(fā)表帖子進行互動。
8.網(wǎng)站留言板的簡介
網(wǎng)站的留言板能夠通過編輯器方便的編輯文本，可以通過注冊用戶進行留言。也可以不用注冊用戶，進行匿名留言。
【摘要】Flash是Adobe公司的一款多媒體矢量動畫軟件，F(xiàn)lash網(wǎng)站動感十足，視覺效果強烈，具有很強的吸引力。其中，動作腳本賦予了Flash編程的能力，大大擴展了Flash的空間?，F(xiàn)在，F(xiàn)lash在網(wǎng)絡中的應用已經(jīng)越來越廣泛，使用Flash制作的網(wǎng)頁不僅視覺效果突出，而且交互功能也非常的強大。本文對Flash動畫在網(wǎng)站設計與制作中的應用進行了探討。
【關(guān)鍵詞】Flash動畫；動作腳本；交互功能
網(wǎng)絡新技術(shù)層出不窮，在各個領(lǐng)域盡顯風流，網(wǎng)絡多媒體的天空更是絢麗多彩、引人入勝。Flash作為目前最優(yōu)秀的網(wǎng)絡動畫之一，它的出現(xiàn)，宣告了網(wǎng)絡動畫時代的到來。由于FLASH本身具有強大和靈活的網(wǎng)絡交互功能，所以它在窄帶領(lǐng)域已經(jīng)成為事實上的交互多媒體技術(shù)標準。Flash在保證傳輸速度的同時，還提供了非常豐富的交互動畫效果。
Flash動態(tài)網(wǎng)站是針對多媒體網(wǎng)頁設計脫穎而出的一個新型解決方案。它使用矢量繪制圖像，它的最終文件可以以“流式”的輸出在網(wǎng)頁中播放。Flash動態(tài)網(wǎng)站動畫文件小，互動功能強。它給網(wǎng)頁設計帶來的無限生機。
一、Flash動畫的特點
Flash被廣泛應用，與其自身的特點密不可分。
1.從動畫組成來看：Flash動畫主要由矢量圖形組成，矢量圖形具有儲存容量小，并且在縮放時不會失真的優(yōu)點。這就使得Flash動畫具有儲存容量小，而且在縮放播放窗口時不會影響畫面的清晰度的特點。
2.從動畫來看：在導出Flash動畫的過程中，程序會壓縮、優(yōu)化動畫組成元素（例如位圖圖像、音樂和視頻等），這就進一步減少了動畫的儲存容量，使其更加方便在網(wǎng)上傳輸。
3.從動畫播放來看：后的.swf動畫影片具有“流”媒體的特點，在網(wǎng)上可以邊下載邊播放，而不像GIF動畫那樣要把整個文件下載完了才能播放。
4.從交互性來看：可以通過為Flash動畫添加動作腳本使其具有交互性，從而讓觀眾成為動畫的一部分，這一點是傳統(tǒng)動畫無法比擬的。
5.從制作成本來看：用Flash軟件制作動畫可以大幅度降低制作成本，同時，在制作時間上也比傳統(tǒng)動畫大大縮短。
二、動作腳本的特點及基本術(shù)語
動作腳本的英文名稱是ActionScript，簡稱AS。ActionScript是一種面向?qū)ο蟮木幊陶Z言，執(zhí)行ECMA-262腳本語言規(guī)范，是在Flash內(nèi)開發(fā)應用程序時所使用的語言。目前廣泛使用的ActionScript 2.0編輯出的腳本更加穩(wěn)定、健全。
1.ActionScript 2.0的特點
（1）能夠控制Flash動畫的播放行為和對象的屬性。根據(jù)用戶的動作來做出響應，并在動畫中體現(xiàn)出來。
（2）ActionScript 2.0是一種面向?qū)ο蟮木幊陶Z言，它的風格和JavaScript語言相類似。它擁有循環(huán)、判斷和對象事件等高級語言特性。
（3）ActionScript可以使用自定義函數(shù)。如果有一個功能要經(jīng)常使用，則可以把它寫成自定義函數(shù)，在用到的時候調(diào)用它。
（4）支持XML和XMLSocket。
2.基本術(shù)語
（1）對象。在ActionScript中，對象分為兩類。一類是用戶自己制作的動畫元件Symbol實例化后而形成的實體對象Instance Object，聲明這類對象后，可以對ActionScript堆砌的屬性和動作行為進行控制。另一類是Flash自己定義的抽象對象Abstract Object，例如Math和Date等，這類對象主要用于計算。
（2）數(shù)據(jù)類型。例如整數(shù)、字符、布爾值等等。
（3）變量。在變量方面，ActionScript允許聲明全局變量和局部變量。
（4）事件響應。在Flash動畫中，動畫的交互性就是通過對用戶動作的響應來完成的。
（5）語句和運算符。
三、Flash動畫在網(wǎng)站設計與制作中的應用
1.網(wǎng)頁形式與設計
（1）導航菜單設計
導航菜單設計是Flash動態(tài)網(wǎng)頁瀏覽的基礎(chǔ)。簡潔、有效的導航菜單，可以使瀏覽者迅速而高效的找到所需要的信息。導航的形式有側(cè)邊式、上端式、懸浮式、隱藏式等。具有藝術(shù)美感的導航會使瀏覽者的瀏覽過程變得豐富而富有趣味。導航菜單的設計還要注意簡潔，易用。設計導航菜單的時候，可以應用一些小聲音、小動畫來豐富瀏覽體驗。
（2）網(wǎng)頁版式設計及風格
Flash動態(tài)網(wǎng)頁往往包含的信息量很大，元素也很多。但由于Flash動態(tài)網(wǎng)頁的超鏈接特征，使它的空間可以無限擴展。設計者通常把產(chǎn)品或服務的不同賣點分別集中在不同的路徑之中，在細化的動態(tài)分頁中可以根據(jù)次主題的不同，對各個構(gòu)成元素的空間進行多樣化安排。
（3）色彩設計
Flash動態(tài)網(wǎng)頁色彩搭配既是一項技術(shù)性工作，同時它也是一項藝術(shù)性很強的工作，因此，設計者在設計網(wǎng)頁時除了考慮網(wǎng)站本身的特點外，還要遵循一定的藝術(shù)規(guī)律，從而設計出色彩鮮明、性格獨特的網(wǎng)站。在遵從藝術(shù)規(guī)律的同時，還考慮人的生理特點，色彩搭配一定要合理，給人一種和諧、愉快的感覺，避免采用純度很高的單一色彩，這樣容易造成視覺疲勞。而且，頁面的色彩設計盡量不要超過4種色彩，用太多的色彩讓人沒有方向，沒有側(cè)重。當主題色確定好以后，考慮其它配色時，一定要考慮其它配色與主題色的關(guān)系，要體現(xiàn)什么樣的效果。另外哪種因素占主要地位，是明度，純度還是色相。
2.Flash動畫在網(wǎng)站中的應用
在網(wǎng)頁設計中，F(xiàn)lash動畫作品除了以“流式播放動畫”播放以外，如：Flash動畫短片、Flash MV，還具有一定交互性特點的形式。有些網(wǎng)站的引導界面做成Flash動畫形式，一般由Dream weaver軟件來完成，做成靜態(tài)頁面。當然，大部分這類頁面全部是靜態(tài)，但也有某些網(wǎng)站做出以下設計。如：網(wǎng)頁中的Flash網(wǎng)絡廣告、Flash形象展示動畫、網(wǎng)站導航欄動畫、圖片展示動畫、Flash交互動畫、及由Flash制作完成的網(wǎng)站注冊、登陸、計算等系統(tǒng)。
在靜態(tài)頁面中，如果把這些做成動畫形式的話，無疑能起到生動、裝飾的作用，對瀏覽者具有充分調(diào)動的作用。但是不宜太花、太亂，否則，就會起到反作用，不但使瀏覽者眼花繚亂、煩躁，而且會給網(wǎng)站效應大打折扣，顯得煩亂，缺乏信任。
除了采用Flash制作相關(guān)的頁面外，也有一些網(wǎng)站，為了展示自己的個性，使用Flash來制作整個站點。整個站點從概念上就己經(jīng)包括所有視聽元素部分及版式的設計。先不論網(wǎng)站引導界面的設計，由其引導進入的內(nèi)頁面這整個系統(tǒng)都是由Flash軟件來制作，就包括上文列舉的視頻、Flash廣告動畫、Flash交互動畫、網(wǎng)站的Flash形象展示動畫、網(wǎng)站的各級導航欄、圖片展示、文字、鏈接、色彩、音樂、聲音、游戲及網(wǎng)站注冊、登錄、計算系統(tǒng)等。
這樣的Flash動畫網(wǎng)站，感覺都十分炫，具有很強很獨特的個性，基本上能完全調(diào)動瀏覽者的積極性，給人以活躍的心理感受。
四、結(jié)束語
Flash作為現(xiàn)代一種新的設計方式和娛樂方式，不僅有其實用功能，并且還有視覺和聽覺上的雙重享受，更因為它具有的趣味性，它作為一種強大的動畫制作軟件，在視覺表現(xiàn)上較普通的網(wǎng)頁有很大的優(yōu)勢，因此，被廣泛用于網(wǎng)站的設計與制作當中。
摘要：為了提高學生的學習主動性、提高課程信息傳達的及時性，該文以《計算機輔助教學技術(shù)》課程為例，論述了學習網(wǎng)站的設計與制作過程，實現(xiàn)了課程多種資源的展示與交流，使之成為教師與學生課后交流的良好平臺。
關(guān)鍵詞：網(wǎng)站設計；網(wǎng)站制作；計算機輔助教學技術(shù)
隨著計算機網(wǎng)絡技術(shù)快速的發(fā)展和互聯(lián)網(wǎng)密集型延伸以及人們生活工作的需要，使用因特網(wǎng)技術(shù)進行網(wǎng)上教學已開始成為一種全新的教學模式。網(wǎng)上教學具有及時性、共享性、便捷性、交互性和獨特化等幾大特點，它有著傳統(tǒng)教學模式所無法比擬和替代的優(yōu)點。因此，教學網(wǎng)站的開發(fā)制作成為廣大教育工作者迫切要了解和深入探究的重要環(huán)節(jié)，從而更好的發(fā)展網(wǎng)上教學，推動教學課程水平的逐步提高?！队嬎銠C輔助教學技術(shù)》課程學習網(wǎng)站預期實現(xiàn)以下目標：1）信息方便、快捷、為用戶提供全新的服務。2）支持各種資源下載技術(shù)。3）提供用戶在線論壇、在線留言，增強網(wǎng)站的互動性。4）網(wǎng)站維護簡單、方便。5）具有較好的網(wǎng)站安全性。
1系統(tǒng)開發(fā)技術(shù)簡介
通過對本系統(tǒng)功能應用及各方面的綜合評價分析，此網(wǎng)站采用Dreamweaver CS4作為前臺的主體設計工具，主要是運用表格、Div+CSS進行布局排版編輯，網(wǎng)站的修飾添加常用的動畫制作軟件Flash CS4、圖形處理軟件Photoshop CS3等進行輔助設計，制作完成課程的多媒體教學資料。后臺設計部分運用ASP技術(shù)添加動態(tài)資源，Microsoft Access 2003數(shù)據(jù)庫作為動態(tài)數(shù)據(jù)整理工具，通過ADO對象訪問數(shù)據(jù)庫，建設成一個兼容性、安全性、可擴展性良好滿足用戶瀏覽信息、交流互動的教學網(wǎng)站[1]。
2需求分析
2.1功能需求分析
本教學網(wǎng)站的功能是可以替代傳統(tǒng)教學模式，能夠快速的更新跟蹤最前沿的教學資訊，靈活生動的把教科書的知識展現(xiàn)出來。用戶通過訪問網(wǎng)站不僅能在線學習，同時，用戶可以尋找下載想要的相關(guān)試題和課件，更可以注冊會員在論壇上討論交流。而對于系統(tǒng)管理員，登陸系統(tǒng)后臺，不僅要對網(wǎng)站進行系統(tǒng)維護，還要對所有網(wǎng)站信息、數(shù)據(jù)進行統(tǒng)計整理；管理論壇的貼子與留言板的信息刪除，備份，回饋；管理員也要能實時更新網(wǎng)站內(nèi)容，最新信息。
2.2系統(tǒng)需求分析
此系統(tǒng)打破傳統(tǒng)教學模式的地域限制、時間限制，充分發(fā)揮網(wǎng)站教學的及時性和便捷性，能夠提高教學效率。用戶能及時的獲取教學資源，管理員能對網(wǎng)站進行維護，對網(wǎng)站資料內(nèi)容更新和數(shù)據(jù)的整理權(quán)限操作。
3系統(tǒng)概要設計
3.1系統(tǒng)結(jié)構(gòu)設計
根據(jù)本教學網(wǎng)站的特點，將其分為前臺和后臺兩大部分。前臺主要實現(xiàn)信息瀏覽、資源下載、在線論壇和留言等功能，后臺主要是管理員對網(wǎng)站前臺信息、論壇及留言進行管理。
該教學網(wǎng)站設計為八大模塊，分別是課程描述、教師隊伍、課程建設、下載頻道、在線學習、師生論壇、用戶系統(tǒng)和留言板。
整個學習網(wǎng)站的系統(tǒng)結(jié)構(gòu)如圖1所示。
圖1網(wǎng)站系統(tǒng)結(jié)構(gòu)圖
各模塊功能分別為：
1)課程描述模塊介紹了計算機輔助教學技術(shù)的歷史沿革、研究內(nèi)容、基本構(gòu)成、應用環(huán)境等相關(guān)的課程描述。2)教師隊伍模塊介紹了課程主要負責人及其他任課教師的教學與科研情況。
3)課程建設模塊包括我院計算機輔助教學技術(shù)課程特色和今后此門課程的發(fā)展趨勢。4)在線學習包括在線課件、在線自測。
5)下載頻道幫助學生下載課件、Word文檔、實驗軟件等課程資源。6)論壇主要用于讓學生和老師進行一些教學答疑或是學術(shù)探討。
7)留言板主要收集一些用戶對于網(wǎng)站的意見或建議，以便對網(wǎng)站進行改善。8)后臺管理系統(tǒng)對留言板、論壇的數(shù)據(jù)信息進行管理。
3.2數(shù)據(jù)庫設計
3.2.1數(shù)據(jù)庫分析
針對網(wǎng)站功能結(jié)構(gòu)分析，本教學網(wǎng)站涉及到的數(shù)據(jù)項和數(shù)據(jù)結(jié)構(gòu)如下：1)用戶基本信息。包括的數(shù)據(jù)項有用戶名、用戶密碼、E-mail等基本信息。2)管理員基本信息。包括的數(shù)據(jù)項有管理員名稱、管理員密碼等基本信息。
3)論壇文章基本信息。包括的數(shù)據(jù)項有文章標題、文章內(nèi)容、工作區(qū)域名稱、發(fā)表時間等信息。4)用戶留言基本信息。包括的數(shù)據(jù)項有留言內(nèi)容、留言者姓名、留言者QQ等信息。
摘要：根據(jù)目前流行的網(wǎng)站制作技術(shù)，設計并制作了某學校工會網(wǎng)站，網(wǎng)站設計合理，制作完整，功能健全，具有一定的實用價值。對ASP技術(shù)和DW技術(shù)的充分利用，為網(wǎng)站制作工作的開展奠定了理論和實踐基礎(chǔ)。指出了在網(wǎng)站制作中各個環(huán)節(jié)中出現(xiàn)的具體問題，并針對性的進行了解決，對網(wǎng)站制作工作進行了深刻的梳理和總結(jié)。
關(guān)鍵詞：ASPDW網(wǎng)站制作網(wǎng)絡化
工會是學校的重要部門，工會網(wǎng)站可以作為網(wǎng)上信息的重要陣地。使用網(wǎng)絡信息，凝聚會員是新時代的工作要求。本校園工會網(wǎng)站采用動態(tài)網(wǎng)站制作技術(shù)，網(wǎng)站的設計與制作工作完成后，由工會工作人員在遠程計算機上對服務器上的網(wǎng)站進行日常信息的更新和維護，制作網(wǎng)站后臺管理模塊即可實現(xiàn)此功能。
網(wǎng)站的設計和制作包括多方面的知識，它是藝術(shù)和技術(shù)的綜合應用，具體說來有網(wǎng)站策劃、網(wǎng)站美工、網(wǎng)站具體模塊規(guī)劃，總體數(shù)據(jù)庫設計，網(wǎng)站制作、后臺內(nèi)容管理模塊制作、網(wǎng)站測試、網(wǎng)站上傳等步驟組成，作者結(jié)合某學校工會網(wǎng)站的制作，總結(jié)小型網(wǎng)站的制作經(jīng)驗和技巧，以為網(wǎng)站制作積累寶貴經(jīng)驗。
1、網(wǎng)站的策劃與設計
網(wǎng)站的整體策劃是根據(jù)學校工會領(lǐng)導的綜合部署下進行的，這里需要工會工作人員認真討論研究后，給網(wǎng)站制作人員下達明確的任務說明，由于工會工作人員的精心準備，對網(wǎng)站的風格、網(wǎng)站的功能、網(wǎng)站的規(guī)模、網(wǎng)站的模塊劃分已經(jīng)非常明確。經(jīng)過工會工作人員和網(wǎng)站制作人員的共同探討協(xié)商，整理出網(wǎng)站的初步風格、功能要求和模塊設計。
參考其他學校的網(wǎng)頁制作效果，使用美術(shù)基礎(chǔ)和網(wǎng)頁制作軟件PS，設計出來3套網(wǎng)頁效果圖初稿，每套均有首頁，二級頁面、三級頁面的具體效果，最終由領(lǐng)導確定了一套。在設計的過程中，參考美術(shù)老師的意見，借鑒加創(chuàng)新，結(jié)合網(wǎng)頁的特點，如單位使用像素，寬度適合于800像素的顯示器。導航欄的高度要適中，整體結(jié)合“塊”結(jié)構(gòu)，使用分欄設計，整體風格統(tǒng)一。定稿后，由網(wǎng)站制作人員對網(wǎng)頁效果圖進行切片處理，作為組裝網(wǎng)頁的原素材和參考圖。
根據(jù)網(wǎng)站的具體功能，將網(wǎng)站劃分為八大模塊：工會簡介、工會文件、工會簡訊、工會活動、女工園地、健康人生、法律法規(guī)、友情鏈接。其中有些模塊只需要一個頁面，更多的模塊需要二級網(wǎng)頁、三級網(wǎng)頁的顯示。多數(shù)模塊的內(nèi)容是需要存儲在數(shù)據(jù)庫中的，因此二級模塊、三級模塊的設計要用到數(shù)據(jù)庫中的內(nèi)容。
首先是選擇使用何種類型的數(shù)據(jù)庫管理軟件，數(shù)據(jù)庫管理軟件根據(jù)功能可分為大型，中型，小型數(shù)據(jù)庫。根據(jù)工會網(wǎng)站的具體內(nèi)容并不復雜，所以選擇了小型數(shù)據(jù)庫管理軟件Access。但在數(shù)據(jù)分析和數(shù)據(jù)表，表結(jié)構(gòu)的設計上卻耗費了作者一定的精力。因為沒有考慮到后臺內(nèi)容管理的功能設計，所以最初設計表時把需要用到數(shù)據(jù)庫的各個模塊都分別設計了表，但最后的后臺內(nèi)容管理模塊在數(shù)據(jù)庫內(nèi)容增刪改查時卻遇到了大麻煩，因為最初表設計得多了，在做增刪改查時也需要做相同多的模塊設計，內(nèi)容就重復了，所以又重新設計表，使用類別字段來區(qū)分模塊。由此總結(jié)的經(jīng)驗就是：數(shù)據(jù)庫設計非常重要，一定要把前期后期工作全面考慮，相互結(jié)合，才能為后期程序的編寫提供方便。
2、網(wǎng)站的制作
網(wǎng)站的制作使用DW軟件完成，具體制作步驟是：首先創(chuàng)建站點，設置服務器，使用DIV+CSS方法創(chuàng)建各個模塊的頁面和框架，鏈接數(shù)據(jù)庫，在各個頁面設置綁定記錄集，設置服務器行為。網(wǎng)頁的制作是最為繁瑣的工作，首先依據(jù)網(wǎng)頁設計效果進行布局的設置，具體方法是使用DIV進行布局，然后使用CSS方法對各個DIV樣式進行設置，在設置樣式的時候，選擇使用外部樣式表的方法，因為外部樣式表更易于管理。在設置背景圖像時，使用PS的切片工具進行制作，切片工具有一個BUG，就是其存儲名稱不能修改，因此在切片時，最好的方法是先設置好切片的名稱屬性，在導出時就可以使用這個名稱命名切片了，同時存儲的格式最好是GIF格式，因為這個格式支持透明背景，并且在網(wǎng)頁瀏覽器中支持漸變效果。
網(wǎng)頁特效的制作是很有意思的一件事情，這是需要使用JS代碼，網(wǎng)上有很多JS代碼的效果和原程序，但很麻煩的一件事情是如何讀懂這些代碼，把相應的內(nèi)容替換成你所需要的內(nèi)容，比如，圖片說明文字，超鏈接等等，還有一件事情是，網(wǎng)上提供的JS效果并不是你所需要的尺寸和顏色，這也需要你讀懂JS代碼，同時把相應的樣式修改成你所需要的樣式。本網(wǎng)站使用的JS特效有一個新聞展示效果，具體制作方法是下載JS代碼，修改JS代碼，把JS特效嵌入到相應的DIV中，其中的制作難點是，網(wǎng)站要求新聞展示是隨時間更新的，這就需要把靜態(tài)的新聞?chuàng)Q成動態(tài)的新聞，因此需要從后臺數(shù)據(jù)庫中提取相應的字段，同時在后臺管理模塊中，還要相應的模塊處理新聞的增刪改查。
網(wǎng)站后臺內(nèi)容管理是方便網(wǎng)站維護人員工作方便專門制作的，工會網(wǎng)站的維護工作是由工會工作人員遠程進行管理的，因此就有必要制作一個專門方便工會工作人員管理網(wǎng)站內(nèi)容的模塊。其制作內(nèi)容就設計到對后臺數(shù)據(jù)庫的增刪改工作，由于在數(shù)據(jù)庫設計過程中，沒有考慮到后期的維護工作，因此在對新聞內(nèi)容的增刪改工作上，出現(xiàn)了需要給多個表進行增刪改的要求，因此建議今后設計數(shù)據(jù)庫時，將所有的新聞表重新整合，以類別區(qū)分各種信息。
另外在處理圖片上傳的工作時，需要考慮如何上傳圖片信息。之所以要專門指出圖片上傳是有原因的，因為圖片需要上傳到服務器上才能將其具體路徑信息記錄到相應數(shù)據(jù)表記錄的字段中，也就是說，如果某條新聞需要圖片的支持，那么這條新聞的圖片是以相對路徑的形式存儲在數(shù)據(jù)庫中的，所以在增改新聞圖片時，必須先把圖片上傳到服務器相應的目錄下。圖片上傳到服務器后，它的文件名將隨機改變，所以要記錄好圖片的新文件名。這樣才能進行和圖片相關(guān)的操作。文件上傳可以分為兩種：有組件上傳和無組件上傳。作者使用的是無組件上傳，原因是有組件上傳要求遠程服務器上必須安裝相應的組件才能完成文件上傳功能，而無組件上傳不需要在服務器上安裝相應的組件即可完成文件的上傳。
網(wǎng)站的測試是網(wǎng)站制作必不可少的步驟和環(huán)節(jié)，網(wǎng)站制作完畢之后，必須及時進行網(wǎng)站測試，測試可以分為兩種測試：黑盒測試和白盒測試。作者將黑盒測試的任務交給3名學生進行，經(jīng)過2天的測試，將各個模塊統(tǒng)統(tǒng)測試3遍，測試中發(fā)現(xiàn)了一些問題：網(wǎng)頁標題沒設置、個別網(wǎng)站內(nèi)容出現(xiàn)DIV跑位現(xiàn)象，不同的瀏覽器出現(xiàn)不同的效果，個別網(wǎng)站出現(xiàn)內(nèi)容描述不清晰的情況等等，通過作者的核實，都進行了更改并重新測試。白盒測試則是由作者親自完成的，在測試中出現(xiàn)的問題主要有：站點中出現(xiàn)了沒有用的網(wǎng)頁，處理的辦法是將其刪除；表單中出現(xiàn)了沒有用到的項目，有些項目類型不合適，處理辦法是刪除或修改；經(jīng)過黑盒測試和白盒測試之后，還需要使用者在長期的維護過程中，不斷的測試，并把需要修改的地方指明給作者，由作者進行修改，這就出現(xiàn)的軟件的不同版本。
3、網(wǎng)站的上傳與更新
網(wǎng)站制作、測試完畢后，就交付給學校網(wǎng)站維護人員進行上傳，網(wǎng)站是存放在學校服務器上的，也就是說，所有的網(wǎng)頁瀏覽者通過瀏覽器將網(wǎng)頁請求發(fā)送到學校網(wǎng)站服務器上，由服務器將瀏覽者請求的網(wǎng)頁發(fā)送給瀏覽者。
網(wǎng)絡信息的更新需要使用后臺管理系統(tǒng)進行，這個系統(tǒng)是作者專門針對本網(wǎng)站設計制作的，專為網(wǎng)站信息的更新維護設計，這樣通過此系統(tǒng)，公會工作人員通過遠程瀏覽器即可更新網(wǎng)絡服務器上的公會網(wǎng)站數(shù)據(jù)庫，從而方便輕松的維護更新網(wǎng)站內(nèi)容。值得一提的是，網(wǎng)站后臺管理系統(tǒng)也是相當復雜的一個模塊，涉及到管理員密碼設置更改，網(wǎng)頁訪問限制，數(shù)據(jù)庫信息的增刪改查等內(nèi)容，所有動態(tài)信息均通過此模塊對網(wǎng)站數(shù)據(jù)庫進行更新。
4、結(jié)語
工會網(wǎng)站的使用，實現(xiàn)了無紙化辦公，能夠快捷的消息，減少了許多人力物力的開銷，提高了工作效率，這是本系統(tǒng)的功能和特點。從網(wǎng)站的策劃，設計，制作，測試到，整個過程作者親力親為，其中體會非常深刻，本網(wǎng)站的建設基本完成，其基本功能全部實現(xiàn)。如何把類似的網(wǎng)站設計成網(wǎng)站模板，如果實現(xiàn)模板化，此類網(wǎng)站的制作將會更加便捷快速。
[摘要]《網(wǎng)站設計與網(wǎng)頁制作》的教學內(nèi)容按照實際的工作任務、工作過程和工作情境組織,以完整的工作過程貫穿于項目式教學中,使每一個學生通過學習《網(wǎng)站設計與網(wǎng)頁制作》課程,能夠?qū)Ω鞣N制作手法和設計技術(shù)有更深入的理解,能夠使他們對今后的職業(yè)選擇和學習方向有更多的思考;能夠在開發(fā)能力、學習能力和解決問題能力方面有更好的發(fā)展;能夠在責任感、合作精神和創(chuàng)新意識等方面得到提高,最終能實現(xiàn)學生的零距離上崗。
[關(guān)鍵詞]工作過程設計項目教學認證教育考核方式
一、概述
項目教學法是以學生的自主性、探索性學習為基礎(chǔ),采用類似科學研究及實踐的方法,促進學生主動積極發(fā)展的一種新型的教學方法。在教學活動中,教師將需要解決的問題或需要完成的任務以項目的形式交給學生,在教師的指導下,以小組工作方式,由學生自己按照實際工作的完整程序,共同制定計劃、共同或分工完成整個項目。在項目教學中,學習過程成為一個人人參與的創(chuàng)造實踐活動,注重的不是最終的結(jié)果,而是完成項目的過程。學生在項目實踐過程中,理解和把握課程要求的知識和技能,體驗創(chuàng)新的艱辛與樂趣,培養(yǎng)分析問題和解決問題的能力及團隊精神和合作能力等,教師已經(jīng)不是教學中的主導地位,成為學生學習過程中的引導者、指導者和監(jiān)督者,教學內(nèi)容按照實際的工作任務、工作過程和工作情境組織,以完整的工作過程貫穿于項目式教學中,提高學生的社會能力、方法能力、專業(yè)能力,使專業(yè)訓練更接近社會需求,最終能實現(xiàn)學生的零距離上崗。
《網(wǎng)站設計與網(wǎng)頁制作》是我系計算機應用技術(shù)、軟件技術(shù)、網(wǎng)絡技術(shù)的專業(yè)必修課。為了適應時代的發(fā)展,《網(wǎng)站設計與網(wǎng)頁制作》課程在繼承世界現(xiàn)行網(wǎng)站網(wǎng)頁教學優(yōu)勢的基礎(chǔ)上,又吸收了當今網(wǎng)站網(wǎng)頁開發(fā)的新技術(shù)和新思路。力求更加注重學生的發(fā)展和社會的需求,更準確地反映網(wǎng)站網(wǎng)頁開發(fā)技術(shù)的專業(yè)性手段;更加關(guān)注學生積淀自己的生活經(jīng)驗;更強調(diào)學生的主動學習,并增加實踐環(huán)節(jié)?！毒W(wǎng)站設計與網(wǎng)頁制作》課程期望使每一個學生通過學習網(wǎng)站設計與網(wǎng)頁制作課程,能夠?qū)Ω鞣N制作手法和設計技術(shù)有更深入的理解,能夠使他們對今后的職業(yè)選擇和學習方向有更多的思考;能夠在開發(fā)能力、學習能力和解決問題能力方面有更好的發(fā)展;能夠在責任感、合作精神和創(chuàng)新意識等方面得到提高。
二、課程理念
確立一個中心(以學生為中心)三個融合(校企融合、課內(nèi)外融合、技術(shù)與人文融合)、基于工作過程設計的課程開發(fā)理念。提前讓學生感受工作的氛圍,熟悉工作的相關(guān)流程,以增強學生在就業(yè)過程中的競爭力。并結(jié)合我院“我在乎你”的辦學理念,通過理實一體化的教學手段,采用項目式教學,給學生提供一個制作網(wǎng)站的模擬或真實的環(huán)境。讓學生通過對“確定項目――制定策劃書――制作網(wǎng)站――驗收――總結(jié)經(jīng)驗”這個流程的訓練,熟悉制作網(wǎng)站的過程,并能夠有所成果。
確立素養(yǎng)、行為、技能教育觀。重視網(wǎng)頁制作過程中技術(shù)性心智技能的形成,強調(diào)“原型定向、原型操作、原型內(nèi)化”、原型能經(jīng)“遷移”形成類型(“舉一反三”);強化學習過程中教師的示范和引導的作用。
以技術(shù)開發(fā)貫穿網(wǎng)頁制作的全過程,技術(shù)開發(fā)強調(diào)設計與制作。強調(diào)過程的可重復、可驗證性。
課程質(zhì)量以教師的明示能力和學生的內(nèi)化能力為主要評價指標。
三、設計思路
遵循高職課程改革關(guān)于“面向就業(yè),培養(yǎng)實用性人才”的基本精神,在全面貫徹國家教育方針的基礎(chǔ)上,根據(jù)學生身心發(fā)展的特點和教育規(guī)律,重視對學生進行全面的職業(yè)素質(zhì)教育,著眼于培養(yǎng)學生終身學習的愿望和能力,體現(xiàn)職業(yè)教育層次網(wǎng)站設計與網(wǎng)頁制作課程的實用性、專業(yè)性和可持續(xù)發(fā)展性。
綜合考慮學生發(fā)展的需要、社會需求和就業(yè)需求三個方面,本課程以一個大項目出發(fā),分解為7個子項目,在完成七個子項目教學的同時,學生也可以把自己承接的大項目一并完成。
從“以工作任務為中心”和“培養(yǎng)學生應用能力”角度出發(fā),以“項目教學”和“任務驅(qū)動的方式”,讓學生在有限的時間掌握網(wǎng)頁制作的技能。
運用項目式教學方法,努力創(chuàng)建開發(fā)項目的條件,突出工學結(jié)合,提高學生技能的熟練程度和靈活運用的能力。
四、實施建議
本課程的教學必須始終貫徹任務驅(qū)動式的“做中學”,過程體驗式的“學中思”,學以致用式的“思中用”和啟思益智式的“用中創(chuàng)”的理念。本課程的總體目標是根據(jù)企業(yè)網(wǎng)站開發(fā)工作流程(即具體的工作過程),從前期策劃開始到網(wǎng)頁設計,網(wǎng)頁制作、網(wǎng)站,一步一個腳印地引導學生逐步深入,親身體驗網(wǎng)站設計與網(wǎng)頁制作的過程。
1.具體實施建議
(1)明確目的、詳細描述操作任務。根據(jù)學生的具體項目每次課按照網(wǎng)站開發(fā)的進度表都有明確的目的,具體的操作任務。
(2)對課堂模仿實踐的結(jié)果進行合理評價和及時計分。對每一次課堂模仿實踐的完成情況進行評價和計分,及時解決學生普遍存在的問題,對完成較好的學生給予肯定。
(3)采用項目驅(qū)動的方法,如通過教師項目分解的子項目學習以掌握基礎(chǔ)知識點,然后充分發(fā)揮學生的設計能力,完成學生自己的項目,素材由學生自己收集,網(wǎng)頁的風格、布局由學生自己決定,培養(yǎng)學生的創(chuàng)新能力。
(4)充分利用學生課余時間。
(5)項目開發(fā):提前一個月布置任務,并向?qū)W生提供參考資源,讓學生有充分的時間準備和尋找合適的項目;學生尋找合適的項目后,與客戶進行交流獲取制作網(wǎng)站的一些素材和信息。根據(jù)學生找到的項目,在教師的指導下,把學生分成若干個小組。在每個小組中,每位學生根據(jù)自己的特長和愛好,承擔不同的工作角色,完成不同的任務。一般一個項目分給三個小組,每個小組可以拿出一個方案。這樣可以加強小組與小組之間的競爭性,此外在最后驗收時客戶也可以有多個方案進行選擇。
(6)學生在完成網(wǎng)站設計和網(wǎng)頁制作的教程中,如果遇到問題,可以有多種渠道來解決?？梢允墙M內(nèi)成員的討論、還可以查閱系部的網(wǎng)絡課程、通過老師進行輔導、求助于互聯(lián)網(wǎng)等等。
學生通過該項目的進行,了解并把握整個過程及每一環(huán)節(jié)中的基本要求。這樣既教會學生制作方法,又讓學生體會制作過程的創(chuàng)新性和協(xié)作精神,能最大限度地發(fā)揮項目式教學的功能。
2.教學方法建議
《網(wǎng)站設計與網(wǎng)頁制作》課程以真實項目為案例組織教學,課程教學方法符合“教、學、做”合一的原則,采用理論實踐一體化的項目教學和案例教學方法,強調(diào)學生將所學知識和技能在實踐中應用。課程教學圍繞如何開發(fā)一個網(wǎng)站展開,各個教學單元采用“應用導向、任務驅(qū)動”教學方法。本課程采用的主要教學方法如下:
(1)四步教學法
通過“講解――示范――模仿――練習”四步教學法,讓學生通過模仿老師講解的方法制作網(wǎng)頁,理論與實踐相結(jié)合,“教、學、練、思”四者有機融合、訓練學生的動手能力和模仿技能,提高課堂教學的實踐性。
(2)任務驅(qū)動、案例教學法
方法:
下發(fā)工作任務單、學生解讀任務
教師初步講解、示范
學生實施任務
教師巡回
教師評價
通過案例提出問題,幫助學生建立感性認識,激發(fā)學習興趣。對案例進行分析,找到解決問題的方法和操作步驟,逐步完成案例的操作。在教學過程中,遵循“啟發(fā)式教學”原則,啟發(fā)學生積極思維,通過觀察,發(fā)現(xiàn)問題,提出問題,分析問題并逐步解決問題,從中領(lǐng)悟職業(yè)經(jīng)驗。
(3)項目實施法
方法:
下發(fā)項目書
學生分組討論項目分解
師生共同完成項目分析
學生實施,教師指導
提交項目作品
最終評價
引入“項目教學法”,給學生提供一個制作網(wǎng)站的工作環(huán)境,通過組織學生承接項目,繼而進行項目的開發(fā),使學習與工作相結(jié)合,訓練學生完成工作任務所需的技能、技巧,同時引導學生進一步加強專業(yè)理論知識的學習,從而培養(yǎng)學生的綜合職業(yè)素質(zhì)。
3.考核建議
實施項目式教學以后,學習的過程和在此過程的學習態(tài)度顯得越來越重要,這也是企業(yè)需求人才的一個重要標準。所以本課程的考核內(nèi)容一共分為四個部分:網(wǎng)站的總體規(guī)劃,具體完成的過程,最終完成的作品和多方代表的反饋意見。
五、將課程與全國計算機信息高新技術(shù)考試進行有機結(jié)合
全國計算機信息高新技術(shù)考試之高級網(wǎng)頁制作員的專項技能水平達到相當于中華人民共和國職業(yè)資格技能等級三級,在一種操作系統(tǒng)平臺下綜合使用網(wǎng)頁相關(guān)軟件完成網(wǎng)頁制作和動態(tài)數(shù)據(jù)處理的工作,實際能力要求達到:能綜合使用兩種以上網(wǎng)頁制作相關(guān)軟件進行網(wǎng)頁設計和制作,并具有相應的教學能力。它是網(wǎng)頁設計制作人員、Web開發(fā)人員及網(wǎng)頁設計愛好者綜合應用網(wǎng)頁制作開發(fā)工具進行專業(yè)、高效Web設計與制作能力的權(quán)威認定。如果嘗試將“網(wǎng)站設計與網(wǎng)頁制作”課程與“全國計算機信息高新技術(shù)考試”進行有機的結(jié)合,可以提高學生獨特設計理念、豐富動態(tài)應用程序、互動多媒體制作方式等綜合能力,創(chuàng)作出更為直觀、高效的Web作品。
將學歷教育與認證教育相結(jié)合,進一步探求高校培養(yǎng)目標與企業(yè)用人之間的聯(lián)系,培養(yǎng)適應社會需求的學生,這無疑是一種教學改革的新模式。
六、結(jié)語
以工作過程為導向的項目式教學法是一種先進的高職教學理念,它突破了傳統(tǒng)的教學模式,通過解決學生身邊的一些現(xiàn)實問題來實現(xiàn)學生對知識的掌握,大大提高了學生學習的積極性和主動性。通過項目教學法學習的學生,他們的動手能力、解決實際問題的能力有很大的提高。這種方法不但適合高職計算機課程教學,尤其適用于學生水平參差不齊、學生自控能力比較薄弱、課程的應用性比較強的教學。教師在觀察學生、幫助學生的過程中,開闊了視野,提高了專業(yè)水平。充分地展示了現(xiàn)代職業(yè)教育“以能力為本”的價值取向,使課堂教學的質(zhì)量和效益得到更大幅度的提高。可以說,項目教學法是師生共同完成項目,共同取得進步的教學方法。它是在模擬企業(yè)真實的工作過程中,用行為來引導學生、啟發(fā)學生的學習興趣,讓學生在團隊中自主地進行學習,培養(yǎng)學生的多種能力,使學生掌握的知識與企業(yè)的需求更加接近,我們將繼續(xù)在實踐教學中深入探討項目式教學法,與企業(yè)加強聯(lián)系,累積真實項目素材,進一步完善適合高職特點的教學方法。
1 電子商務
電子商務（Electronic Commerce，EC）是一種新型的電子方式的商務貿(mào)易活動，它與傳統(tǒng)的商務貿(mào)易活動相比，既有相似之處，又有明顯的區(qū)別．電子商務可以簡單地解釋為：利用便利、快捷和低成本的電子信息技術(shù)和手段進行的商貿(mào)活動．目前大家所討論的電子商務主要是利用EDI（電子數(shù)據(jù)交換）和Internet（因特網(wǎng)）來完成的．因此，也可以說電子商務是計算機網(wǎng)絡技術(shù)在商務活動中的應用［1］．一般而言，電子商務包括生產(chǎn)、流通、分配、交換和消費等環(huán)節(jié)中所有活動的電子信息化處理．電子商務活動包括通過互聯(lián)網(wǎng)進行的交易和商務活動、通過增值網(wǎng)絡進行的電子交易和服務（如通過EDI進行采購和報關(guān)等），以及通過連接企業(yè)或機構(gòu)的計算機網(wǎng)絡發(fā)生的交易和服務．中國的電子商務已經(jīng)出現(xiàn)“多元化”發(fā)展趨勢，專業(yè)化行業(yè)網(wǎng)站將有一個迅猛的發(fā)展，符合區(qū)域發(fā)展特色的電子商務、綜合的電子商務生態(tài)系統(tǒng)也將得到快速發(fā)展、電子商務的國際化將受到高度關(guān)注．因此，作者設計并實現(xiàn)了藏飾品電子商務網(wǎng)站，為發(fā)展本區(qū)域民族特色經(jīng)濟具有實際意義．
2 網(wǎng)站整體功能
2．1 建站目的
建設藏飾品電子商務網(wǎng)站的目的是為了擴大藏族文化在電子商務領(lǐng)域的影響力，打造一個具有地域風情、具有西藏、青海藏族風情特色、具有民族文化氣息的藏族飾品電子商務平臺，旨在改進傳統(tǒng)的藏族飾品銷售方式，將先進的、基于互聯(lián)網(wǎng)的電子銷售方式融進藏飾品的銷售中去，讓更多的藏飾品生產(chǎn)廠家獲得更大的效益和影響力，讓他們認識到做基于Web的電子商務的重要性和必要性，使整個有關(guān)藏族特色的電子商務在互聯(lián)網(wǎng)上繁榮昌盛，最終為大力發(fā)展區(qū)域民族特色經(jīng)濟助一臂之力．
2．2 網(wǎng)站平臺
在該設計中，作者選用的是ASP應用服務器技術(shù)和SQL數(shù)據(jù)庫的組合方式．ASP全名Active ServerPages，意為“動態(tài)服務器頁面”，是微軟公司開發(fā)的代替CGI腳本程序的一種應用，它可以與數(shù)據(jù)庫和其它程序進行交互，是一種簡單、方便的編程工具，利用它可以產(chǎn)生和運行動態(tài)的、交互的、高性能的WEB服務應用程序．ASP采用腳本語言VB Script（Java script）作為自己的開發(fā)語言．
2．3 網(wǎng)站架構(gòu)
本網(wǎng)站架構(gòu)采用B／S模式．B／S（Browser／Server）結(jié)構(gòu)即瀏覽器和服務器結(jié)構(gòu)，它是隨著Internet技術(shù)的興起，對C／S結(jié)構(gòu)的一種改進的結(jié)構(gòu)．在這種結(jié)構(gòu)下，用戶工作界面是通過WWW瀏覽器來實現(xiàn)，極少部分事務邏輯在前端（Browser）實現(xiàn)，但是主要事務邏輯在服務器端（Server）實現(xiàn)，形成所謂三層3－tier結(jié)構(gòu)．相對于C／S結(jié)構(gòu)屬于“胖”客戶端，需要在使用者電腦上安裝相應的操作軟件來說，B／S結(jié)構(gòu)是屬于一種“瘦”客戶端，大多數(shù)或主要的業(yè)務邏輯都存在服務器端，因此，B／S結(jié)構(gòu)的系統(tǒng)不需要安裝客戶端軟件，它運行在客戶端的瀏覽器之上，系統(tǒng)升級或維護時只需更新服務器端軟件即可，這樣就大大簡化了客戶端電腦載荷，減輕了系統(tǒng)維護與升級的成本和工作量，降低了用戶的總體成本．
2．4 藏飾品
建設藏飾品商務網(wǎng)站旨在展示和銷售藏民族特色商品．首先，藏族的特色體現(xiàn)在他們的衣著也即藏袍中，因此必須設立一個衣服（藏袍）的商務單元；其次，在藏民族同胞穿著的藏服中，一般掛有藏民族特色的飾品，而且藏族首飾以其特殊的民族文化、神秘的文化背景強烈吸引著消費者，所以第二個商務單元確立為首飾；再次，藏民一般游牧于大草原中，而他們的家也隨著家族的游牧而搬遷，所以藏族人的住所、住所里擺放的家具、使用的器皿也別具特色，那么由此確立第三、四個商務單元分別為：家具和器皿；另外，“扎西德勒”是藏語中的“你好”的意思，通常藏族同胞對外胞表示友好和贊賞時對他說“扎西德勒”，同時敬獻上藏族的特色禮物哈達，所以將哈達作為第五個商務單元；最后，“唐卡”是藏族的一種壁畫藝術(shù)，藏族壁畫中包含有藏族的歷史和藏族的文化等元素，是藏民族的精神領(lǐng)袖，所以選壁畫作為第六個商務單元．
3 網(wǎng)站建設
3．1 Web站點建設
作者通過Adobe Dreamweaver CS3建立了該站點，具體步驟為：執(zhí)行“站點／新建站點”，在彈出的對話框中建立一個“服務器模型”為“ASP Vbscript”、“訪問類型”為“本地／網(wǎng)絡”、“測試服務器文件”為“D：＼藏飾品電子商務網(wǎng)站”的站點．完成了這一步，以后制作的網(wǎng)頁文檔就保存在所建的站點中，并上傳到測試服務器．
3．2 數(shù)據(jù)庫創(chuàng)建
一個基于B／S模式的網(wǎng)站僅有瀏覽器是遠遠不夠的，必須要有服務器的支持才能被稱為B／S，因此使用SQL SEVER 2000來作為數(shù)據(jù)庫系統(tǒng)的支持．具體步驟為：安裝并打開SQL SEVER 2000數(shù)據(jù)庫，在數(shù)據(jù)庫中新建一個名稱為“My EC”（數(shù)據(jù)庫名稱的命名沒有硬性的要求，EC即電子商務）的數(shù)據(jù)庫，并分別新建“用戶表”、“后臺管理員表”以及如上所述的6大商務單元表．這些不同的表分別完成不同的功能，用戶表完成添加、查詢、修改、刪除等用戶信息的功能；后臺管理員表用于保存后臺管理員的用戶名和密碼等的相關(guān)信息；6大商務單元表則動態(tài)鏈接到Browser（瀏覽器）中，修改了數(shù)據(jù)庫中的表就同樣修改了瀏覽器中的商務單元的相關(guān)屬性和方法，商家在進行對商品的進、存、銷的操作時，直接操作數(shù)據(jù)庫中表的元素就可以了，不必對前臺進行修改．
3．3 網(wǎng)頁布局設計
WEB站點和數(shù)據(jù)庫搭建好以后，進一步的操作就是網(wǎng)站布局設計．在Adobe Dreamweaver CS3中設計網(wǎng)頁時，首先要對網(wǎng)頁進行整體的布局，具體步驟為：在“查看／表格模式”菜單命令項，選中“布局模式”，在“插入”欄中會出現(xiàn)繪制布局表格的圖標，單擊“繪制布局表格”，繪制一個寬度為985的布局表格，使之居中對齊，然后在該布局表格中，分別繪制出導航、LOGO、圖片布局及功能等布局表格，如圖1所示．
3．4 數(shù)據(jù)庫的連接
網(wǎng)站布局設計完成以后，便要實現(xiàn)網(wǎng)站功能與數(shù)據(jù)庫系統(tǒng)的連接了，在Adobe Dreamweaver CS3中，是通過表單和SQL Sever數(shù)據(jù)庫進行連接的．要實現(xiàn)用戶的登陸功能，首先在Login．a(chǎn)sp文件中新建一個表單，以便將表單中的數(shù)據(jù)傳輸?shù)綌?shù)據(jù)庫服務器中，在表單中分別新建兩個文本域和兩個按鈕，用于傳輸用戶所輸入的數(shù)據(jù)至數(shù)據(jù)庫服務器中．建好表單以后，開始配置Microsoft ODBC SQL Server DSN，在“綁定”中綁定查詢的記錄集，連接到已建立好的DSN上，查詢過程中使用的是SQL語句進行查詢SELECT ＊FROM dbo．denglu，單擊“測試”，如果能正確顯示出數(shù)據(jù)庫中的基本信息，則說明SQL語句無差錯，記錄集綁定成功.
3．5 用戶登陸功能的實現(xiàn)
要實現(xiàn)用戶的登陸功能，在服務器行為中添加一個插入記錄，連接到綁定的DSN中，插入到數(shù)據(jù)庫的用戶表中，每個文本域分別對應不同的字段名，登陸成功跳轉(zhuǎn)至登陸成功界面，登陸未成功則跳轉(zhuǎn)至登陸未成功界面．在瀏覽器的登陸頁面，為提醒用戶保護好自己的用戶名和密碼，可以加入相關(guān)的提醒．如果用戶登陸是在數(shù)據(jù)庫實現(xiàn)查找功能，那么用戶注冊則是在數(shù)據(jù)庫中實現(xiàn)插入功能．在頁面右下角的文件中新建一個Register．a(chǎn)sp注冊頁面，新建表單放入應放的文本域textfield1、2、3、4、5，插入button1和2，綁定記錄集到數(shù)據(jù)庫中的用戶表，單擊服務器行為選擇插入記錄，將依次的文本域插入到數(shù)據(jù)庫依次的表中去，再將But－ton1的名稱改為“注冊”，選為“提交表單”，便完成了由表單向數(shù)據(jù)庫插入記錄的功能．
3．6 網(wǎng)站后臺功能
本藏飾品電子商務網(wǎng)站還設計了后臺程序，供網(wǎng)站管理人員來管理網(wǎng)站商品的基本信息，只需要用所提供的管理員帳號和密碼即可進行網(wǎng)站后臺功能的使用．后臺管理系統(tǒng)提供兩種基本功能，一是Insert插入功能，一是Update修改功能，即向數(shù)據(jù)庫中插入商品信息和修改商品信息．鍵入帳號和密碼進入后臺管理系統(tǒng)，在Adobe Dreamweaver CS3中，只需在綁定了記錄集后，將服務器行為設置為插入數(shù)據(jù)，那么這個選中的表單就能從文本域中向數(shù)據(jù)庫中添加數(shù)值了．完成這步，藏飾品電子商務網(wǎng)站的基本框架都已全部完成，再進行具體的網(wǎng)站建設操作就可以了，例如設置圖片大小格式、設置網(wǎng)頁布局頁面規(guī)范、美觀以及設置網(wǎng)頁效果人性化等等．最后在完成了與數(shù)據(jù)庫的連接以后，將數(shù)據(jù)庫中的文件存入根目錄的Data文件夾中，將網(wǎng)站的后臺文件存入根目錄的Admin文件夾中，將圖片文件存入根目錄的Img文件夾中，網(wǎng)站的主文件保存入根目錄中即可．
4 數(shù)據(jù)庫中表和商品的關(guān)系
該藏飾品電子商務網(wǎng)站只集成了六款商品的交易，如果商戶有新的商品項，可以隨時添加．針對六款商品，建了6個數(shù)據(jù)庫表來存放相應的商品項，分別是：dress表、shoushi表、jiaju表、qimin表、hada表和bihua表．表中現(xiàn)已分別有了現(xiàn)成的“商品”，并且每款商品都有各自的圖片在瀏覽器中顯示．商品號、商品名稱、商品描述、商品單價和庫存量都顯示的是數(shù)據(jù)庫表中的數(shù)值，也就是數(shù)據(jù)庫中的“商品”，商戶如果有新的商品上架，只需要在數(shù)據(jù)庫表中修改相應選項，不必要在瀏覽器端修改，如果一件商品被成功交易，商戶即在數(shù)據(jù)庫中刪除相應數(shù)據(jù)庫表中的值即可，不需要在瀏覽器端進行刪除［2］．
5 數(shù)據(jù)庫中表和交易的關(guān)系
用戶在確定購買以后，在收獲信息的頁面中填寫相應的信息（如圖2所示）．如收貨人的省分、城市、區(qū)縣、郵政編碼、街道地址、收貨人姓名、手機號碼等信息，用戶輸入的值，會傳到數(shù)據(jù)庫的中shouhuo表中．商戶只需要查看shouhuo表中的信息，就可以確定發(fā)貨信息，從而根據(jù)此信息給顧客發(fā)貨．這樣便完成了電子商務交易中的“買賣”工作．
6 結(jié)束語
該藏飾品電子商務網(wǎng)站實現(xiàn)了瀏覽器與數(shù)據(jù)庫的動態(tài)鏈接；網(wǎng)站整體布局合理，頁面整體風格簡潔明了；設計中所有素材均精心收集并經(jīng)過PhotoShop加工；在一定程度上實現(xiàn)了后臺管理功能．但是，與專業(yè)的電子商務網(wǎng)站相比，該網(wǎng)站并不完全成熟，尚有待改進．例如，在用戶登陸功能方面，可以加入更詳細的用戶信息和更人性化的權(quán)限登陸條件；在數(shù)據(jù)庫設計中，可以加入更貼近現(xiàn)實社會、更準確的數(shù)據(jù)完整性；在購物車功能中，實現(xiàn)網(wǎng)銀功能等等．作者在將來的設計中，會逐步實現(xiàn)．
一、課程教學模式的研究
1．以實際工作過程為主線
無論是課程內(nèi)容的選取，還是教學內(nèi)容的組織，始終圍繞實際網(wǎng)站設計與制作工作的過程及內(nèi)容，以實際工作流程為教學內(nèi)容和教學組織順序，將課程融于實際工作需求中，突出了技能和素質(zhì)的培養(yǎng)。
2．工作任務的真實性
課程實訓中提交給學生的實訓企業(yè)資料，均是以來自于實踐一線的真實業(yè)務為基礎(chǔ)，經(jīng)過校企雙方精心組織挑選。要求學生完成網(wǎng)站調(diào)研、網(wǎng)站建設方案書的撰寫、網(wǎng)站的設計與制作等，與實際網(wǎng)站設計與制作崗位的工作情況完全相同。因此通過完成相應的任務而讓學生掌握的相關(guān)知識、操作方法和操作技能，真實地反映了網(wǎng)站設計與制作崗位的能力和素質(zhì)需求。
3．“教學做”合一
在課程教學中以學生為主體的工作導向式教學，教學的主線是指導學生完成實際網(wǎng)站設計與制作業(yè)務操作與管理工作，引導學生通過實踐來掌握操作方法和技能，通過操作來學習相關(guān)知識，從而將教、學、做有機地結(jié)合，突出教學的職業(yè)性、實踐性特點。通過以上教學模式的創(chuàng)新，成功地將網(wǎng)站設計與制作崗位搬上了課堂，從而真正做到讓學生通過該課程樹立企業(yè)網(wǎng)絡形象觀念，掌握網(wǎng)站設計與制作工作的基本流程、步驟、內(nèi)容及操作方法，具備獨立完成一個小型企業(yè)的網(wǎng)站設計與制作工作的能力。
二、課程教學方法和手段
在課程教學中靈活運用了多種教學方法和手段，增強了學生學習的興趣，提高了學生學習的主動性和積極性。
1．教學方法的選擇和使用
結(jié)合課程的性質(zhì)和要求，我們采用了案例教學法、任務驅(qū)動法、角色扮演法、現(xiàn)場調(diào)研、仿真學習和作品展示法開展教學活動。
(1)案例教學法
在教學中，我們與企業(yè)合作，由企業(yè)提供典型的網(wǎng)站設計與制作案例。在具體的教學活動中，通過組織學生進行問題分析、相互解答和自由互辯，再由教師和企業(yè)兼職教師共同引導，由此掌握不同類型網(wǎng)站建設的方法和技巧。
(2)任務驅(qū)動法
在教學過程中，基于資訊、決策、計劃、實施、檢查、評估六步法，我們組織學生每6人成立一個虛擬的網(wǎng)站建設公司，設置各工作崗位，包括美工、程序等真實崗位，并在內(nèi)部實現(xiàn)輪崗交替，讓學生能夠在教師的指導下按照真實工作任務的要求完成每個學習情境的學習任務。
(3)角色扮演法
學生在虛擬網(wǎng)站企業(yè)中分別扮演網(wǎng)站設計師、程序員、網(wǎng)站美工、匯報人等不同的角色，在不同的學習情境中進行角色轉(zhuǎn)換，使學生在情境模擬、循環(huán)和反復的過程中，加深對網(wǎng)站設計與制作工作任務的理解，提升操作與管理能力。
(4)現(xiàn)場調(diào)研
根據(jù)學習的需要我們安排學生分小組進入真實企業(yè)進行現(xiàn)場調(diào)研，或者邀請企業(yè)兼職教師進校講解分析，學生根據(jù)調(diào)研得出網(wǎng)站建設的目標，完成網(wǎng)站建設方案書，設計并制作網(wǎng)站，提升學生吃苦耐勞、團隊協(xié)作、溝通交流等素質(zhì)。
(5)仿真學習
電子商務專業(yè)配有仿真實訓室和創(chuàng)業(yè)實訓室，實訓室配以公司真實的經(jīng)營環(huán)境，為學生提供真實的電子商務企業(yè)經(jīng)營的過程。學生可以通過組成公司，以輪崗分流、小組間對抗等方式，獲得電子商務企業(yè)經(jīng)營的寶貴經(jīng)驗。每個學習任務在實訓室實現(xiàn)仿真訓練，學習內(nèi)容、學習過程、學習環(huán)境均與實際工作保持一致。
(6)作品展示法
在教學中組織學生欣賞往屆學生的作品，激賞學生的學習興趣，并在任務進行到一定的程度時，舉辦班上同學的作品展示，讓班上同學相互欣賞、由企業(yè)兼職教師討論并分析作品的優(yōu)點和不足之處。通過作品展示法，學生可以通過對比，了解自己作品的優(yōu)點和不足之處，同時加強了網(wǎng)站評估的能力。
2．教學手段
針對如何有效開展教學活動，我們采用了校企聯(lián)合授課、舉辦專題講座、通過多媒體化、信息化、網(wǎng)絡化組織教學和通過舉辦技能競賽開展教學。
(1)校企聯(lián)合授課
課程實行“雙課程組負責人”制，企業(yè)專家與校內(nèi)專職教師共同擔任課程開發(fā)的負責人。企業(yè)專家參與課程的開發(fā)設計并承擔學習任務設計工作，企業(yè)人員擔任指導教師參與實踐學習，學時比例達50%以上，課程組專兼職教師比例為1∶1。此外，由于網(wǎng)站設計與制作工作涉及到Photoshop廣告設計、網(wǎng)頁設計與制作、數(shù)據(jù)庫等多方面的知識與技能的學習和運用，本課程整合校內(nèi)外教學資源，采取校企聯(lián)合授課的形式組織教學，受到學生好評。
(2)舉辦專題講座
教學中定期邀請企業(yè)專家為學生開展專題講座，向?qū)W生講解職業(yè)生涯中的精彩案例，通過分享經(jīng)驗、帶來新鮮的工作任務，提高學生對網(wǎng)站設計與制作工作崗位的了解和熱愛。
(3)多媒體化、信息化、網(wǎng)絡化教學
教學中利用實訓室，讓學生在仿真的職場環(huán)境中實踐。同時，我們在校園網(wǎng)上建立了動態(tài)網(wǎng)站設計與制作課程的課程網(wǎng)站，上傳了豐富的教學資源，包括:1)完備的教學文件，包括教學大綱、任務單、實訓教材、電子教案等。2)教材中配套練習題及參考答案，理論及實務考試樣題、參考答案，以滿足不同層次學生的自主學習需求。3)輔助教學資源，包括與本課程有關(guān)的以音頻、視頻、文檔等多種形式表現(xiàn)的教學輔助資料，如網(wǎng)站設計與制作、網(wǎng)頁特效技能操作的示范錄像、電子商務相關(guān)的從業(yè)資格考試的近期考試信息等。4)課程剖析，包括課程的定位、課程設計理念與思路、教學內(nèi)容及組織、教學方法手段等。5)教學展示，包括主講教師的相關(guān)資料、各界對課程評價、工學結(jié)合的項目作品等。學生還可以通過課程網(wǎng)站自主學習。學生可以在實地調(diào)研之后，利用網(wǎng)絡輔助查找未了解的資料，完成資訊、計劃等環(huán)節(jié)，提高學生學習的自主性和效率。
(4)技能競賽
將行業(yè)技能競賽和專業(yè)技能競賽納入素質(zhì)拓展平臺，以賽促學極大地提高了學生的學習積極性，通過舉辦主題網(wǎng)站設計等比賽，加深了學生對專業(yè)的認識，提高了學生對知識的理解和對技能熟練度的操作，另外，通過鼓勵學生積極參加全國電子商務專業(yè)大賽，增強了學生的應變能力和創(chuàng)新能力。
三、實施中的反思和總結(jié)
在這幾年的教學過程中，筆者發(fā)現(xiàn)以上教學方法和手段，雖然很多課程都在提倡或是已經(jīng)在教學中使用，但不同的課程都具有各自的課程特色，同樣的教學方法，在具體實施過程中可以產(chǎn)生出不同的具體實施手段，讓其發(fā)揮出更大的功效。例如:
1．校本教材的編訂和使用
校本教材的編訂和使用，對課程改革成果的沖擊是巨大的和顯著的。以筆者的親身感受來講，與企業(yè)共同編訂的校本教材，加上配套使用的任務單，是針對學校現(xiàn)狀、學生實際情況編訂出來的，因此工作過程更加符合實際情況，也更加具有工作過程系統(tǒng)化的特色。通過任務單來引導工作過程，配合校本教材中的知識點和技能點，更加有利于學生進行系統(tǒng)化學習。
2．小組學習討論法和二人搭檔檢查法相互配合使用
在學習過程中，我們需要組織學生分成小組進行問題的討論和解決，這主要是為了鍛煉學生分析問題、解決問題的能力，以及增進團隊協(xié)作意識。但是小組學習討論法的缺點便是不能完全做到點對點交流，個別人容易產(chǎn)生怠倦的情緒，甚至有人“濫竽充數(shù)”。在這些年的教學過程中，針對動態(tài)網(wǎng)站設計與制作課程筆者發(fā)現(xiàn)，課程因為需要進行程序編寫和調(diào)試，大量的代碼容易讓人產(chǎn)生視覺疲勞，因此許多學生在課程中容易產(chǎn)生眼酸、眼疲勞等情況，加之程序代碼枯燥無味、人與人之間缺少交流，許多學生容易產(chǎn)生學習疲勞。另外小組長個人工作壓力大，很難督促全組人員的學習進度，不能保證學習質(zhì)量和學習效果，因此單純的小組學習討論法并不能有效地推動全班的學習進度。針對這種情況，筆者嘗試讓每位同學都在另一個小組尋找一位搭檔，兩人相互共同學習和檢查。學習過程中，每個小任務在指定的時間內(nèi)，先由自已獨立思考和完成，然后搭檔雙方都交換位置，由搭檔來檢查對方的完成情況并進行糾錯，這種方法一方面學生讓起立活動了筋骨，另一方面由他人的視角來檢查問題往往更加能夠一針見血，效果加倍。同時，一對一的搭檔學習即保證了學習質(zhì)量，也增進了同學之間的友誼。此外，這種搭檔學習方法能夠減輕小組長的工作壓力，不論是學習、檢查和評價，兩人的雙向交流都是及時的、認真的和有成效的。在動態(tài)網(wǎng)站設計與制作課程中，小組學習討論法和二人搭檔檢查法是卓有成效的。
3．合理的設計知識歸納和總結(jié)
在教學活動中要培養(yǎng)學生知識歸納和總結(jié)的習慣，是必不可少的。在《動態(tài)網(wǎng)站設計與制作》課程的學習任務中，每個情境都設計了對應的小任務，每次任務在檢查和評價之后，由教師或是小組長帶領(lǐng)同學先進行本次任務的知識歸納，總結(jié)學到的知識和技能，再進行本次任務的感受總結(jié)，例如任務中是因為粗心打錯字符而導致程序調(diào)試失敗等原因，最后是教師對學生在本次任務中的表現(xiàn)進行評價。通過每次任務都進行相應的知識歸納和總結(jié)，有效地對學生的知識做了系統(tǒng)化整理，并加深了對知識和技能的理解。
四、結(jié)語
筆者經(jīng)過這幾年不斷累積教學經(jīng)驗，已經(jīng)完成了校本教材和配套任務單的編訂，并且逐步摸索出適合本課程的教學模式、教學方法和手段，同時也意識到，教師課堂氣氛的駕御能力對提高學生的學習興趣是非常重要的，這需要教師經(jīng)驗豐富、知識淵博，并且自身詼諧風趣，才能更好地促進課堂教學氣氛。因此，除了尋找更加適合課程特色的教學方法和手段，教師也需要提高和加強自身綜合素質(zhì)，才能更加勝任高職教師的崗位。
作者：郝靜楊波單位：湖北工業(yè)職業(yè)技術(shù)學院經(jīng)濟貿(mào)易系
摘要：本文設計的計算機組成原理課程教學網(wǎng)站采用了目前流行的.net技術(shù)，在網(wǎng)站中引入了Web Services、XML等具有良好擴展性的技術(shù)，頁面布局采用DIV+CSS，利用訪問數(shù)據(jù)庫。網(wǎng)站教學內(nèi)容設置雙語教學部分，并利用flash技術(shù)建立虛擬實驗室，模擬實際實驗環(huán)境。該網(wǎng)站適應現(xiàn)代教育的需要，對教師的教學改革及促進學生的自主學習有積極的意義。
關(guān)鍵詞：計算機組成原理；CAI教學網(wǎng)站
1 引言
計算機組成原理是計算機專業(yè)的一門核心專業(yè)基礎(chǔ)課程，本課程內(nèi)容較多、涉及面廣、實踐性強、難度較大。通過制作計算機組成原理CAI教學網(wǎng)站可以幫助相對容易達到教學目的。計算機組成原理CAI教學網(wǎng)站的實現(xiàn)采用WEB技術(shù)將文字、聲音、圖形、動畫等溶入到教學模式中去，從而使計算機組成原理中抽象的和難以體會的概念等變得生動形象起來，加深和加快了對該門課程的理解。將網(wǎng)站應用于教學可以充分調(diào)動學生學習的主觀能動性，提高學生求知欲，同時能使教師及時掌握學生在學習過程中所遇到的難題和存在的問題，增大教師與學生之間的溝通，從而取得良好的教學效果。
2 教學設計
針對計算機組成原理課程的特點，教學主要內(nèi)容包括計算機組成原理理論教學部分、實驗教學部分、典型例題及分析、綜合在線測試、學習輔助資源、師生互動等。設計指導思想是改變傳統(tǒng)上以“教” 為中心的教學模式，真正實現(xiàn)以“學” 為中心，充分發(fā)揮學習者的主動性和創(chuàng)造性。實現(xiàn)的方式采用“知識點+實驗+典型例題+學習討論”的教學方式，使學生掌握計算機組成原理的基本概念和相關(guān)設計技術(shù)，建立起整機概念。
3 教學網(wǎng)站制作
教學網(wǎng)站制作工具采用Visual Studio .NET 2005,后臺數(shù)據(jù)庫采用SQL Server 2000,實現(xiàn)的計算機組成原理CAI教學網(wǎng)站除后臺維護外各部分如下：
3.1 理論教學部分
學習網(wǎng)站不僅僅是需要給予一種視覺效果，更重要的是教學內(nèi)容的設計，包括分解計算機組成原理教學目標、制定教學策略、保持知識的系統(tǒng)性和完整性等。本教學網(wǎng)站在教學內(nèi)容上增加雙語教學部分，該部分主要包括雙語教案，雙語試題，雙語視頻及閱讀材料。采用DIV+CSS以及母板頁技術(shù)進行頁面布局，界面設計上美觀大方、層次清晰、重點集中、視點明確。
3.2實驗教學部分
實驗教學環(huán)節(jié)是該課程的必須且非常重要的一個環(huán)節(jié)，為了便于學生更好的理解和掌握計算機內(nèi)部運作的真實情況，本教學網(wǎng)站采用flash設計了虛擬實驗室，對主要實驗如運算器、控制器、存儲器及整機實驗提供演示及交互操作功能。
3.3 典型例題及分析
作為一門專業(yè)基礎(chǔ)課程要求學生必須掌握一些典型題目的解題方法，這樣對于靈活掌握以及深入理解所學的知識點是很有必要的。本教學網(wǎng)站采用flash設計了各個章節(jié)典型例題及解題分析。
3.4 綜合在線測試
該模塊實現(xiàn)學生學習該課程后的一個考核，能夠幫助學生了解自己的學習情況。測試系統(tǒng)分章節(jié)測試和總體測試，測試題型包括選擇、填空、計算及綜合設計，試卷中的題目按知識點分布，采用XML技術(shù)組織知識點。選擇題自動判斷答案對錯、其它題型給出參考答案及分析。
3.5 學習輔助資源
教學網(wǎng)站上提供流媒體教學視頻、資料下載、課程相關(guān)其它站點鏈接。
3.6 師生互動
該模塊實行權(quán)限管理，用戶注冊登陸后，會看到的各種信息目錄，通過點擊查看進入，可以查看到具體的信息以及老師或者其他學生回復此問題的內(nèi)容。若問題指定某人答復，則只有該用戶能看到并答復此問題。
4 主要實現(xiàn)技術(shù)
4.1 技術(shù)
完全基于模塊和組件，具有更好的可擴展性和可定制性，具有速度快、便于部署及應用升級、代碼與內(nèi)容分離、方便構(gòu)建和使用WEB服務等優(yōu)點。由于和.NET遠程處理建立在.NET Framework 之上，因此可以使創(chuàng)建XML、Web Services變得更為容易。
4.2 流媒體技術(shù)
流媒體是一種新的媒體傳送方式，它解決了音頻、視頻等媒體信息在計算機網(wǎng)絡中的實時傳輸問題,它將整個A/V及3D等多媒體文件經(jīng)過特殊的壓縮方式分成一個個壓縮包，由視頻服務器向用戶計算機連續(xù)、實時傳送。流媒體技術(shù)適合在相對低帶寬的網(wǎng)絡環(huán)境下實現(xiàn)網(wǎng)絡課程的實時播放和錄播課程的傳輸，因此可以將流媒體技術(shù)運用于教育領(lǐng)域?qū)崿F(xiàn)對學科資源的制作、傳播和管理。
4.3 Flash動畫技術(shù)
Flash 是一種創(chuàng)作工具，它強大的動畫編輯功能使得設計者可以隨心所欲的設計出高品質(zhì)的動畫,通過Action和FS Command可以實現(xiàn)交互性,使Flash具有更大的設計自由度，所生成的動畫文件(.swf)一般占的字節(jié)數(shù)小，從而可以實現(xiàn)快速下載，在打開網(wǎng)頁很短的時間里就能得以播放。
5 教學網(wǎng)站特色
5.1 采用多種先進的技術(shù)手段
該網(wǎng)站將計算機組成原理的基本概念、基本原理、基本方法以文本、圖形、聲音、動畫、視頻等多種媒體的形式表現(xiàn)出來，用最新的網(wǎng)頁開發(fā)工具Visual Studio .NET與后臺數(shù)據(jù)庫SQL Server的結(jié)合實現(xiàn)動態(tài)交互、在線測試、虛擬實驗室，從而使學生將抽象的計算機組成原理的學習變得形象輕松；通過虛擬部件及整機實驗，使得沒有實驗條件的個人也能獲得實際操作技能的提高。
5.2 后臺維護方便
該教學網(wǎng)站提供了一個界面友好、操作方便的后臺維護平臺，教師通過該平臺可對相關(guān)資源進行增加、刪除、修改，從而避免隨著時間的推移造成部分內(nèi)容老化的現(xiàn)象。
6 結(jié)束語
本文描述了基于的計算機組成原理CAI教學網(wǎng)站設計和實現(xiàn)的過程，對于教學網(wǎng)站系統(tǒng)的研究，具有一定的理論和實踐意義。
信息技術(shù)作為一門重要的技術(shù)，已經(jīng)被越來越多的人們所使用。在當今及未來社會，掌握信息技術(shù)是人類的一種基本要求。信息技術(shù)教育不但可以提高學生的技術(shù)素養(yǎng)、促進學生全面發(fā)展，而且還能發(fā)展學生交流與處理、設計與應用的實踐能力，培養(yǎng)學生的創(chuàng)新精神、創(chuàng)業(yè)意識。信息技術(shù)教育校本選修課程作為我校開發(fā)領(lǐng)域?qū)掗煹倪x修系列特色課程之一，在積極培養(yǎng)學生的創(chuàng)新實踐能力，促進每位學生全面、和諧、個性地發(fā)展，進一步深化素質(zhì)教育方面發(fā)揮著不可或缺的作用。筆者擬就我校信息技術(shù)校本選修課《網(wǎng)站設計與制作》教學環(huán)境的搭建談談具體做法。
1 課程提出背景與制作工具選擇
隨著社會信息化進程的深入和互聯(lián)網(wǎng)的普及，網(wǎng)站日益成為人們交談的話題。各行各業(yè)都可以通過網(wǎng)站展示自己、擴大影響，增進與同行的交流合作。
校本選修課有別于常規(guī)課堂教學內(nèi)容，它以學生的興趣為契機，把興趣發(fā)展為特長，最終鼓勵學生參加各級各類電腦制作比賽，為學生施展才華爭取更多的展示平臺。其學習評價方式主要有過程觀察、成果展示，作品與課堂表現(xiàn)相結(jié)合，課時充足、教學內(nèi)容廣、知識專業(yè)性強?；谝陨蠋c，我們選用功能強大的Dreamweaver軟件作為網(wǎng)站制作工具。它是集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得網(wǎng)頁編輯器，是第一套針對專業(yè)網(wǎng)頁設計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。
2 操作素材長期持續(xù)存儲
學生經(jīng)過初期的規(guī)劃、設計，確定好自已喜歡的主題和風格后即進入后期的實踐操作過程。一般情況下主題網(wǎng)站制作周期較長，內(nèi)容具有持續(xù)性，每節(jié)課都有新的文本、圖片、動畫、視頻等素材增加，還要保證網(wǎng)站中樣式和元素文件合理的路徑。通常的做法是：讓學生交作業(yè)給老師保存，然后再發(fā)給學生、讓學生自己上傳下載，讓學生自己保存。相信廣大教師都曾面臨著學生素材持續(xù)更新存放的問題。以上的做法或多或少會出現(xiàn)操作時間過長、步驟繁瑣、可持續(xù)性和穩(wěn)定性差等缺點。筆者在實踐中，摸索出方便可行的解決方案：架設FTP服務器與DW站點功能結(jié)合。
FTP服務器（File Transfer Protocol Server）是在互聯(lián)網(wǎng)上提供文件存儲和訪問服務的計算機，用戶可通過客戶機程序向（從）遠程主機上傳（下載）文件。即學生每次操作后素材存放于FTP服務器中，給每個學生設定帳號與密碼，利用FTP權(quán)限保護每個用戶的數(shù)據(jù)安全。筆者采用Serv―U是作為FTP服務器端軟件，簡單易操作。用FTP服務器存儲并不是簡單地讓學生用B/S方式下載與上傳（單線程），這種方式并不能體現(xiàn)出網(wǎng)站素材文件存儲的優(yōu)越性，碰到大容量文件時，速度慢、易斷線，下載上傳易出錯。DW的自帶站點功能有效地與FTP服務器相結(jié)合，它具有多線程FTP傳輸方式，節(jié)省上傳大型文件或多文件的時間，能更快速高效地上傳下載網(wǎng)站文件，縮短制作時間。DW提供的站點管理功能，以樹型結(jié)構(gòu)來展示網(wǎng)站的內(nèi)容分布，從而實現(xiàn)了對站點布局及細節(jié)內(nèi)容的展示及修改，實現(xiàn)本地站點文件與遠程FTP服務器中的文件內(nèi)容同步更新，傳統(tǒng)Frontpage工具軟件無此功能。
第一種模式是本地站點與FTP服務器對接。①打開DW軟件，點擊菜單“站點”―“新建站點”；②輸入站點名稱（名稱每次可以不唯一）；③使用服務器技術(shù)，根據(jù)實際需要填寫；④選擇“編輯我的計算機上的本地副本，完成后再上傳到服務器”，設置本地文件夾作為網(wǎng)站位置；⑤連到遠程服務器，選擇FTP方式，輸入FTP地址：10.127.192.200；輸入FTP用戶名與密碼；⑥單擊“測試連接”按鈕，能彈出“已成功連接到您的服務器”對話框，即代表DW軟件與FTP服務器連接成功；⑦后面操作按默認值即可。至此本地站點新建成功，在DW界面右側(cè)的文件窗口中（見圖1），單擊向下箭頭即從FTP服務器中獲取本帳戶所有內(nèi)容并下載至本地站點，文件出現(xiàn)在本地站點中所設的位置文件夾里，學生就可以自如地在本地完成上節(jié)課網(wǎng)站制作內(nèi)容，可在本地及時增添素材信息，調(diào)試網(wǎng)站；當本節(jié)課制作任務完成后，只需單擊向上藍色箭頭即將本地站點中的所有文件信息自動上傳到FTP服務器。稍等片刻，學生所做的網(wǎng)站內(nèi)容自動備份至FTP服務器，學生無需擔心信息的丟失和保存。
第二種模式是直接遠程修改網(wǎng)站文件：①打開DW軟件，點擊菜單“站點”―“管理站點”；②點“新建”按鈕，選擇“FTP與RDS服務器”子菜單；③輸入FTP主機：10.127.195.200，主機目錄不要填寫；輸入登陸（FTP帳號），密碼（FTP密碼）；④單擊“測試”按鈕，能彈出連接成功對話框即可（見圖2）；⑤單擊確定，再單擊完成。此時DW右側(cè)文件區(qū)域出現(xiàn)的內(nèi)容即為FTP服務器中的內(nèi)容（見圖3），若要修改某個頁面，雙擊打開，然后直接保存。整個修改過程全在FTP服務器中存取，非常方便。若有大批量文件修改，建議采用模式一，占用服務器資源少。
以上兩種模式均能解決網(wǎng)站文件結(jié)構(gòu)一致性、完整性等問題，根據(jù)制作任務不同選擇相應模式，學生只需在DW軟件中設置好站點信息就可以連續(xù)制作網(wǎng)站。
3 網(wǎng)站信息瀏覽與作品的評價
考慮到網(wǎng)站制作的通用性、互動性，單純靜態(tài)單個頁面已經(jīng)落伍，交互性強的動態(tài)頁面ASP可以實現(xiàn)數(shù)據(jù)庫信息的讀寫，此時網(wǎng)站的調(diào)試瀏覽必須在IIS（互聯(lián)網(wǎng)信息服務器）環(huán)境下進行，若讓每個學生獨立安裝IIS并配置，技術(shù)難度較大。筆者的解決方案是在FTP服務器上安裝IIS，設置一個虛擬目錄，將學生素材存放文件的上級目錄設置為虛擬目錄就可以解決此問題，文件存儲與信息瀏覽一一對應起來（見圖4、圖5），此時學生網(wǎng)站調(diào)試的地址如1號同學http：//10.127.195.200：8001/01/，2號同學http：//10.127.195.200：8001/02……因此，作品的展示就顯得非常簡單快捷，學生在校園網(wǎng)上的任何地方都可以看到自己或別人的作品，學生之間可以充分開展自評與互評。
有了以上環(huán)境，作品成果展示形式多種多樣，學校科技節(jié)、班級主題網(wǎng)站比賽、研究性學習等。舉辦小組展示會，組織全班作品展示，各小組推薦一位代表進行成果匯報，每個小組無需搭建繁瑣網(wǎng)站平臺，直接在校園網(wǎng)上演示他們制作的網(wǎng)站作品，匯報小組各成員完成項目的過程，在設計和制作網(wǎng)站時使用新的方法和技巧。學生之間交流學習過程中的經(jīng)驗和體會，充分享受成功制作作品的快樂。
筆者采用以上策略很好地完成了《網(wǎng)站設計與制作》教學素材文件持續(xù)存儲及動態(tài)網(wǎng)頁瀏覽環(huán)境的創(chuàng)建工作，解決了《網(wǎng)站設計與制作》的教學環(huán)境搭建的問題。實踐證明，采用上述辦法制作網(wǎng)站，有利于教師騰出時間鉆研教學業(yè)務，也更能激發(fā)學生制作出富有特色的網(wǎng)站作品。
摘 要：動態(tài)網(wǎng)站設計與制作課程是中職計算機、電子商務等專業(yè)的必修課之一，本文將針對動態(tài)網(wǎng)頁制作課程的特點，從動態(tài)網(wǎng)頁的開發(fā)技術(shù)的選擇以及如何上好這門課程兩方面進行探討，旨在提高該課程的教學效果。
關(guān)鍵詞：中職；動態(tài)網(wǎng)站；教學
中職學生渴望開發(fā)網(wǎng)站，但大多對理論學習熱情不高，缺乏鉆研精神，且容易放棄。動網(wǎng)制作既講理論又重實踐，既有概念理解，又有程序設計和應用操作方面的內(nèi)容。因此一方面是抽象的網(wǎng)站開發(fā)技術(shù)，另一方面是基礎(chǔ)薄弱、不善思考的中職學生，如何將知識點傳授給學生，讓學生知其然并知其所以然，對教師來說，是一大挑戰(zhàn)。以下是筆者關(guān)于中職動態(tài)網(wǎng)頁制作課堂教學實踐的幾點看法：
一、動態(tài)網(wǎng)站技術(shù)的選取――phpStudy++MySQL+Dre-amweaver
教學中選取PHP+MySQL+Dreamweave的經(jīng)典組合方式，推薦使用PHP調(diào)試環(huán)境的程序集成包phpStudy，它集成了最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer，一次性安裝，無須配置。同時phpMyAdmin可以通過Web接口簡易管理MySQL數(shù)據(jù)庫，學生通過瀏覽器的圖形界面就能對MySQL數(shù)據(jù)庫進行操作。
二、課程內(nèi)容以綜合項目和分任務的方式開展
《動態(tài)網(wǎng)站設計與制作》是一門綜合性課程，在授課過程中采用綜合項目設計形式，以項目或分任務的方式展開課堂教學。將《動態(tài)網(wǎng)站設計與制作》課程分解為一個大項目和若干個小任務，學生通過完成一個個任務最后完成較為完整的綜合網(wǎng)站的設計。
三、課程教學應用多種教學方法
（一）使用比較教學法，使學生輕松入門
講解動態(tài)網(wǎng)站時，學生沒有服務器和客戶端的概念，會把“動態(tài)”網(wǎng)頁理解為有動態(tài)的文字或圖片。教學時可做兩個簡單的網(wǎng)站進行比較。如分別做一個靜態(tài)的和動態(tài)的學生學籍管理網(wǎng)站：網(wǎng)站1是靜態(tài)的，只有一個“學生成績”頁面；網(wǎng)站2是動態(tài)的，其中包括具有“學生成績”欄目的學生成績詳情頁面、成績的后臺添加、刪除和修改頁面和一個簡單數(shù)據(jù)庫。老師瀏覽這兩個網(wǎng)站，演示對學生成績條目進行增、刪、改、查的方法。同時具體講解它們的運行機制和網(wǎng)站后期管理中的優(yōu)缺點。
通過比較教學法講解概念，便于培養(yǎng)學生的總結(jié)歸納能力，讓學生理解透徹，又調(diào)動學生學習興趣。
（二）使用視覺沖擊教學法，加強學生記憶
將重點簡明扼要地寫在黑板上，加強學生記憶。如動網(wǎng)的制作流程比較固定，“創(chuàng)建數(shù)據(jù)庫―建站點―制網(wǎng)頁―連接數(shù)據(jù)庫―綁定記錄集―服務器行為”，學生每節(jié)課都看到黑板頂部的字，不知不覺就會記住這樣的流程，在實踐中也會有條不紊的操作。
（三）創(chuàng)設問題情境教學法，啟發(fā)學生思考
在講解數(shù)據(jù)庫字符集和網(wǎng)頁字符集的知識點時，教師可演示用戶名是英文和中文兩種狀態(tài)下，網(wǎng)頁可否正常登錄。這時向?qū)W生提出問題，為什么數(shù)據(jù)庫中的記錄是中文，數(shù)據(jù)庫連接，記錄集綁定都正確，但測試結(jié)果不對？引導學生切換到Dreamweaver代碼視圖，找到部分“charset=utf-8”，再解釋字符集的概念，教會學生可將字符集代碼改為“charset=gb2312”，測試正確。
采用創(chuàng)設問題情境教學法，會使學生在整個講解過程中都處于強烈的問題情境中，他們也就會展開充分的想象，他們的思維在廣度、深度上會有一個充分的、自由發(fā)揮的空間和余地；因此會獲得意想不到的教學效果。
（四）任務驅(qū)動教學法，讓學生有的放矢
所謂“任務驅(qū)動”就是老師在介紹有關(guān)知識和方法時，首先提出一些與學生的日常學習、生活關(guān)系比較密切的任務。
如注冊新用戶，用戶登錄，在引導學生完成任務的過程中，引出相應的教學內(nèi)容。老師可以先瀏覽一個在線注冊郵箱網(wǎng)站，并且重點演示注冊和登錄部分，瀏覽之后學生在心里可能會產(chǎn)生一個強烈的欲望：自己做一個這樣的系統(tǒng)。接著，老師再按步驟、分任務完成對整個系統(tǒng)的設計，并且重點講解本網(wǎng)站中的一個關(guān)鍵任務：數(shù)據(jù)庫的連接。講解數(shù)據(jù)庫的連接任務在整個用戶管理系統(tǒng)中的作用及其重要性。
（五）“理論――實踐――反思――理論――實踐”循環(huán)往復教學法，使學生牢固掌握知識點
動網(wǎng)中很多知識點，尤其是重難點知識，必須反復講解，反復實踐，來加強記憶和理解，才能收到較好的效果。比如：講解階段變量及語句，應該采用循環(huán)往復教學法，反復講解和操作使學生消化、接受。
（六）項目教學法，階段性成果加強自信心
在教學時注意培養(yǎng)學生的成就感，將大的綜合項目分解為一個個小項目。比如：將用戶管理系統(tǒng)分解為登錄注銷、注冊、資料修改和密碼查詢四個模塊，再詳細分解為更小的項目。如將用戶注冊模塊分成四個小任務：1.制作注冊頁面―熟練使用表單制作頁面并實現(xiàn)驗證表單；2.實現(xiàn)注冊頁面填寫信息錄入數(shù)據(jù)庫―綁定記錄集，添加服務器行為“插入記錄”；3.用戶名不能重復―用戶名驗證，檢查新用戶名操作；4.注冊成功與失敗頁面制作―實現(xiàn)正確跳轉(zhuǎn)。
四、結(jié)束語
總之，這門課程的教學是靈活多樣的，在教學過程中要按照中等職業(yè)教育的教學規(guī)律和學生認知特點結(jié)合教學過程中的實際情況作適當?shù)恼{(diào)整，也可對某些章節(jié)內(nèi)容綜合使用多種教學方法，使教學達到理想的效果。
