網站設計與制作論文

導言：作為寫作愛好者，不可錯過為您精心挑選的1篇網站設計與制作論文，它們將為您的寫作提供全新的視角，我們衷心期待您的閱讀，并希望這些內容能為您提供靈感和參考。

網站設計與制作論文:校內考研網站設計與制作

摘要：為了更好地為本校考研學生服務，建立一個校內考研網站很有必要。建立校內考研網站的目的是為了給本校考生提供一個交流的平臺，幫助同學復習高等數學、線性代數、概率論與數理統計、復變函數、積分變換與數理方程，以及英語、政治等重要基礎課，還有數學分析、高等代數等專業課。本文對這樣一個校內考研網站的設計與制作進行了一些探討。

關鍵詞：考研；網站；設計；制作

一、引言

隨著我國研究生教育的飛速發展，每年報考研究生的人數持續攀升。20年來，報考研究生的人數只有在2008年和2014年出現二次小幅回落，但這只是兩個小小的回檔，這并不影響考研人數大的攀升趨勢。每年都有那么多的同學報考研究生，那么如何服務好這些同學就是我們迫切需要解決的問題。參考文獻[1]對如何利用網絡優勢為學生考研服務做了詳細分析。各個高等院校或科研院所等招生單位基本都建有面向全體考生的官方研究生招生網。分析了此類研究生招生網站的基本功能，闡述了八大功能模塊，分析了研究生招生網的現狀，并提出了發展建議。此外，還有很多民間考研網站在此不一一列舉，這些考研網站的特點是針對全體考生的。雖然有關考研的網站有很多，但這些網站大多數是面對全體考生的，從而包羅萬象，包含的內容非常多，讓人目不暇接，顯得有點雜亂無章，從而針對性方面較差。而像浙江大學考研網這樣的網站是為外校學生考浙江大學服務的，所以為本校學生考外校服務的考研網站目前還很少，本文的目的就是要建設一個為本校學生考外校服務的考研網站，結合本校的特點，更有針對性，可以更好地幫助本校考生挑選報考學校，更加有效地幫助他們復習考研基礎課和專業課，切實提高考研的成功率。

二、校內考研網站的設計與制作

校內考研網站設計的總原則是：服務好本校迫切需要解決復習考研過程中出現各種各樣問題的學生。網站的整體規劃及框架設計必須是具可擴充性的，前臺頁面的設計必須能保證網站在增加欄目后不會破壞網站的整體結構。后臺數據庫的設計必須具有高度的擴充性，使得后臺管理人員能夠根據需要對欄目進行增、刪、修改。

校內考研網站的設計風格為：綜合性考研網站，清新、簡約風格，有一個統一的logo圖案，背景為學校鳥瞰圖。界面創意為標準的圖標風格設計，統一的構圖布局，統一的色調、對比度、色階和圖文風格。

校內考研網站的功能要求為：（1）具備完善的類別：機構設置、招生工作、學科建設、歷年真題、資料下載等功能。（2）資源的共建共享：使用者可以隨時、隨地通過網絡訪問、上傳下載存放和使用庫中資源。（3）WEB集成：基于WEB的應用模式，使教學資源制作、管理，信息、教學交流、資源共享與交流都能在網上進行。（4）自主學習：提供完善的網絡課程庫、真題庫、專家答疑輔導功能、試題庫與在線考試功能，學習者可以自主完成專業課程學習。

校內考研網站的后臺管理包括：（1）圖片管理：對圖片的管理包括添加、刪除、修改，圖片的內容元素主要包括圖片的名稱、所屬的欄目分類，分類由“欄目管理”中動態生成、上傳圖片，將圖片上傳到網站頁面上。（2）欄目管理：一般是以設置圖片或內容的類別作為欄目，在這里可以進行欄目的添加、刪除修改欄目名、菜單的排序、類別排序、首頁排序。（3）靜態頁管理：生成靜態頁面的欄目，包括關閉網站靜態頁面功能、首頁更新靜態頁、列表頁更新靜態頁、內容也更新靜態頁。（4）用戶列表：用戶的各項參數設置。（5）系統設置：進行系統的參數設置，包括系統名稱、是否允許用戶注冊、用戶申請后是否需要審核。（6）密碼修改：管理員密碼的修改。（7）公告管理：首頁顯示的公告內容。（8）留言管理：對留言的回復、修改、刪除。

此外校內考研網站還應該具有下列功能：（1）強大的后臺文章編輯器的功能。可方便地用拖動的方式進行圖文混排、圖片遠程上傳、上傳圖片顯示效果處理等操作，以及“從word中粘貼”功能，能全部清除word排版格式多余代碼。（2）自由編輯欄目模版，可設置多個模版。（3）自由增刪修改欄目以及設置此欄目模版。（4）新聞/圖片代碼調用在后臺生成。（5）可增加多個低權限的錄入員，增加新聞時會記錄新聞的增加錄入員是誰。（6）新聞自由設置固頂或推薦，自由更改新聞標題的顏色，可獨立設置某條新聞的URL轉向。（7）新聞功能，可在后臺相關新聞。（8）后臺修改新聞管理頁面，可以修改新聞的添加時間和閱讀數。（9）后臺新聞管理時，排序上下條移動的功能。（10）具有審核員權限用戶。除可以審核文章外，其余功能與錄入員相似。

系統提供如下客戶端瀏覽器支持：IE6.0及以上各版本、FireFox3.0及以上各版本、Maxthon2.0及以上各版本、搜狗高速瀏覽器、360瀏覽器、騰訊瀏覽器等等。系統的開發環境為：PHP+MYSQL。參考文獻[3]討論了基于.net技術的四層架構考研網站設計與實現。

我們設計的校內考研網站欄目結構圖如圖1所示。

其中網站首頁用動態php頁面，將整個網站的最新信息在首頁顯示。網管在后臺可以隨時更新首頁的內容。瀏覽者一訪問首頁就能夠了解整個考研網站的最新信息。考研信息欄目主要介紹一些有關考研的最新信息。課程復習欄目里主要放一些有關考研基礎課比如高等數學、線性代數、概率論與數理統計等的復習資料。網站鏈接欄目里放一些與考研有關的點擊率比較高的熱門網站鏈接供同學們參考。最后一個欄目也是比較重要的一個欄目是交流互動欄目，實際上是一個考研論壇，同學們在復習考研的過程中如果碰到一些問題，可以在這個交流互動欄目里提問，管理員應該及時加以解答，此外考研的同學之間也可以通過這個欄目進行交流，達到互相幫助的目的。

我們經過制作初步完成的校內考研網站首頁如圖2所示。

三、結論

雖然互聯網上關于考研的網站多如牛毛，然而這些網站多數是面向全體考生的，內容面面俱到，從而針對性方面有些欠缺。本文著眼于建設一個只為本校考生服務的內部考研網，為本校考生考研服務，更有針對性，從而應該可以服務得更到位。具體效果如何還是由實踐來驗證吧。

網站設計與制作論文:淺析基于PHP和MySQL技術的網頁設計與制作類專題學習網站設計與實現

摘要：隨著信息技術和互聯網在教育中的普及應用，對傳統的教學模式和學生管理模式也產生了一定的變革影響，例如依托專題學習類網站的出現使得學生借助校園網進行自學成為了可能。本文分析了基于PHP和MySQL技術的網頁設計與制作類專題學習網站設計方案與實現，分別從網站功能設計和數據庫管理兩方面進行了設計應用分析。

關鍵詞：PHP MySQL 網站設計 實現

在網頁設計與制作類專題學習網站設計中，首先要分析其需求，包括基本功能需求、硬件需求和系統需求。結合網站的應用背景和需求特定，制定相應的設計方案，合理進行用戶權限分配，并且為用戶提供豐富的相關資源，營造良好的網絡學習環境。

1 網站功能模塊設計

1.1 用戶登錄與注冊

首先，在系統功能設計中一般使用B/S結構，也就是瀏覽器/服務器結構，在網絡環境下，將各種功能模塊組合起來。用戶登錄和注冊是網站功能中最為基本的一個模塊，按照一定的分類標準設置用戶權限，如管理員權限、注冊用戶權限和匿名登錄用戶權限，不同權限的用戶可以訪問不同的內容。用戶登錄的身份驗證采用用戶名和密碼的形式，為了方便管理，用戶名可以統一設置，如將學生的學號設置為用戶名，密碼由用戶自行更改。管理員權限主要是由網站的管理人員使用，對網站信息進行刪除、編輯和更改，并且對登錄用戶的身份、數量進行管理。注冊用戶可以瀏覽、下載網站中的絕大多數資源內容，而匿名用戶只能瀏覽網站的基本公式信息。

1.2 網站信息公布

網站信息公布是校園網站的一個重要功能，可以用來公示重大校園動態、課程信息、學生信息變動等等，所公布的信息來源于相關的校園管理部門，如教學部門、宣傳部門、學生管理部門等等。同時，一些與學生密切相關的信息，在公布中可以設置提醒功能，例如當學生登錄網站后，以私信或者自動彈出窗口的形式提示學生應當注意的信息。或者在學生個人信息管理模塊中，設置專門的應當注意信息模塊，提醒學生應當注意的一些變動信息，特別是課程信息、個人信息變動、教務信息等等。

1.3 資源共享

資源共享主要是為學生提供一個良好的學習環境，提供學生自學資源支持，在網頁設計與制作類專題學習網站構建中，主要的教學資源有文字資源、圖片資源、視頻資源等等。同時，在資源共享中，為了提高學習資源的利用效率，利用站內搜索技術構建資源查詢平臺，便于用戶搜索所需資源。將各種學習資源進行分類，可以按照資源屬性，如文檔類資源、圖片類資源、視頻類資源等等，或者按照教學內容進行分類。站內資源還可以為學生提供一些優秀的設計方案成果，將這些成果的網頁設計與制作方案。資源共享功能模塊設計需要針對網站功能特點和用戶使用情況進行相應的資源優化，例如針對不同學習基礎的用戶提供不同層次的學習資源等等。

1.4 站外資源鏈接

在網頁設計與制作類專題學習網站功設計中，站外資源是一個重要的學習資源補充途徑，用戶在使用站內資源時，也需要進行相關的站外資源拓展，當前使用較為廣泛的方式便是站外資源鏈接。站外資源鏈接也分為外部鏈接和內部鏈接兩種，外部鏈接同用戶直接通過外網鏈接外站的訪問權限一樣，都為匿名瀏覽模式。而在一些提供資源下載的外部網站鏈接時，可以通過內部鏈接的方式為用戶提供注冊用戶訪問權限，例如訪問一些文獻資料數據庫。通過購買這些數據庫的訪問權限，使得用戶可以通過內部鏈接搜索和下載相關的文獻資料。在站外資源連接時，應當對不同的外站資源情況進行調查和分類，按照一定的類別，例如文獻資料類網站、網頁設計成果類網站、相關軟件下載類網站等等。

2 基于PHP和MySQL技術網頁設計與制作類專題學習網站的實現

2.1 數據庫管理實現

基于MySQL技術的數據庫管理功能實現，應當針對網站數據的儲存和使用特點，應當確保數據庫的正確性、融合性、有效性等等，優化數據庫檢索技術，提高數據檢索效率，數據庫結構設計的合理性會直接關系到網站構建的整體質量。在數據庫中將各種不同類型的數據資源按照一定的類別進行分類處理和儲存，同時將各種文檔信息添加日期、作者、預覽內容等信息，主要的數據操作功能有編輯、錄入、存儲、刪除、復制等等。再有，應當保證數據庫的完整性和適時性，及時進行數據更新，數據存儲要嚴格遵守相應的規定，定期進行數據備份，一般數據庫的管理權限為網站管理人員。

2.2 信息管理功能實現

信息管理功能主要是實現網站基本的信息公布、信息刪除和修改、重大信息警示等等，同時還包括用戶個人信息的錄入、修改等等。信息管理權限由兩部分組成，分別是網站管理人員的信息管理功能權限和訪問者的信息管理功能權限。信息管理人員所主要管理的信息為網站公布信息和一些動態資源信息，而訪問者所使用的信息管理功能為個人信息管理和個人資源信息管理。例如訪問者在利用網站資源進行學習時，需要更改個人資源數據庫，不定時的刪除資源和添加新資源，構建成個人知識管理系統。而網站管理人員，在使用信息管理功能時，也應當針對不同信息的特點，在相應的信息公示板塊進行信息公布。

2.3 資源共享功能實現

資源共享功能主要包括兩部分，分別是站內資源共享和站外資源共享，站內資源包括管理人員錄入的校園資源數據庫和師生上傳的相關資源等等，站外資源則主要是針對相應的教學內容，選擇的一些專題網站。在資源共享功能實現中，應當提高資源使用效率，借助站內搜索技術和互聯網搜索引擎技術，為學生提供完善的資源環境。同時，資源共享本身也是一個持續性的過程，管理人員應當長時期的進行資源引進和更新。

3 結語

基于PHP和MySQL構建網頁設計與制作專題類學習網站，應當詳盡分析網站的需求，包括功能需求、硬件需求、系統需求等等，在分析需求的基礎上，進行相應的功能模塊設計和優化。主要的功能模塊有用戶登錄和注冊功能模塊、網站信息公布模塊、資源共享模塊、外部資源鏈接模塊等等。并且對數據庫結構進行優化，選擇適宜的搜索引擎技術，完善信息管理功能，加強內部資源和外部資源的共享。相關網站管理人員，也應當建立起完善的網站維護體系，保證網站的穩定、高效運行。

網站設計與制作論文:淺談網站設計分析與網頁制作

摘 要：網絡作為當前信息化時代最大的信息傳播平臺，越來越多的商家和個人開始重視建立自己的網站，面對新的形勢，經過深入研究、積極探索，大膽實踐，在各項工作的基礎上，充分運用網絡技術這一現階段科技手段，擬籌備建立網，并以網站為載體積極開展工作，為工作增添了新技術。本文結合在網站設計方面的經驗談一下網站設計與制作的流程。

關鍵詞：網站；設計分析；制作

隨著科學技術發展和網絡的運用，計算機網絡為人們的生活打開了一片新的天地創新了人們的生活方式而網站為人們提供了豐富多彩的信息。一個網站不但要做到操作方便，引人入勝，趣味盎然，還要告訴瀏覽者它的用處，這些設計都是有講究的。

1 網站建設的作用和意義

互聯網作為連接世界各地計算機的全球性信息化網絡，它的傳輸內容是非常豐富的，涉及到全球的各個領域，是人們了解世界、掌握信息的主要渠道之一。網站作為信息時代基層的一個重要窗口，是院務公開、公正、服務職工、惠及民生的重要手段。辦好網站，對于保障職工合法權益、增加職工之間互相的透明性、加強自身建設、提升知名度和影響力都具有非常重要意義。

2 網站設計分析

文字、圖形、色彩是展示網站內容的重要組成部分，是構成網站傳達信息不可或缺的手段，同時也是用戶對網站第一印象和整體風格關注的主要內部分。要想設計出符合人性化需求的網站，只有多為用戶著想，認真地以用戶的切身體會出發去完成網站的整體設計。當然，在設計過程中需要考慮的因素很多，用戶群因素和界面因素是首要考慮的兩個方面。

3 網頁制作

3.1 選擇合適的網頁設計軟件

當前能使用的網頁設計類軟件很多，而選擇一個功能強大、操作簡單的軟件則會讓你事半功倍。對于網頁制作軟件來說，初學者最常使用是Frontpage和Dreamweaver，Frontpage是微軟公司出品的一款網頁制作入門級軟件，FrontPage使用方便簡單，會用Word就能做網頁，所見即所得是其特點，該軟件結合了設計、程式碼、預覽三種模式。Dreamweaver是美國MACRO～EDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，利用它可以輕而易舉地制作出充滿動感的網頁。此外，制作網站還要用到邊緣性軟件，如photoshop、flash等，網頁設計過程中可根據自己的需要靈活運用這些軟件。

3.2 選擇網頁內容

前期的框架設計好后，就要為這個網站選擇內容了。網頁內容影響著網站的成敗，所以我們要多花一些心思在內容制作上。內容選擇要選有新意的、獨特的，這些可以從圖書、報紙、互聯網等信息媒介搜集素材，素材通常分為三類一一文字、圖片、影像。素材準備得越多越好，再從這些素材中粗中取細， 以備制作網站時可以隨時拿來使用。總之，網頁內容是網站的根本，如果內容空洞，頁面制作的再怎么精美，仍然不會留住訪問者。

3.3 運用網頁設計中的色彩

不同的色彩搭配產生不同的效果，反映出不同網頁的文化內涵。因為它能產生強烈的視覺沖擊，所以確定網頁的色彩是相當重要的一步。在網頁的色彩設計上，除了要表現心理和感情聯想之外，還要考慮色彩的對比明暗、輕重、冷暖、調和色和純度對比色的應用等等。合理的用色可以讓信息的傳遞更有價值，使網頁更有效和準確地把信息傳達給我們的視覺。

4 網頁制作中的注意事項

⑴網頁要一頁一頁制作，切不可圖快，沒考慮清楚就下手只會讓后面的修改工作更辛苦，首先要制作主頁，把主頁上的頁面的編排、色彩的搭配、鏈接的方式都設計好后，再以 它為基礎，通過變更文字和圖片等內容建立其它子頁，可以利用模板批量創建子頁，使用模板的好處是一一同一個模板創建下的網頁，對它的更新和修改可以一次性完成。這樣可以大大提高制作效率，使網站形成統一的風格。

⑵特效制作網頁時，能盡量用javascript替代的就不要使用java，java會使網頁速度減慢，在加入諸如聲音、動態網頁等小技巧時，最好也不要太多，這都會影響網頁的運行速度。

⑶使用鏈接到每張圖片的縮略圖是提供有大量圖片的圖庫時常見的一種策略。縮略圖也就是圖片的縮小版本，可以讓瀏覽者看到眾多的圖片。但是，在展示縮略圖時，切記不能將縮略圖做得太小，因為縮略圖做得太小網站的訪客就無法從中獲取有效的信息。

⑷合理采用JPg和gif格式也是至關重要的，色彩鮮艷高分辨率的用JPg，圖片色彩單調的及在256色以內的最好把它處理成gif圖像格式。圖片大小盡量不要超過30k，小圖片（1OOx40）一般可以控制在6k以內，較大的圖片可以“分割”成小圖片。

⑸為圖片加注解。圖片的下載較慢，在沒有顯示出來時注解的標注有助于讓瀏覽者知道這是關于什么的圖片，是否需要等待，是否可以點擊。

5 結語

網站的設計與制作談起來很簡單，但要制作出真正有創意、經典的網站不是一件容易的事情。網頁設計需要不斷的實踐，不斷的學習，不斷的豐富、創新網頁制作的方法，不斷完善、提高自己網站設計的能力。

網站設計與制作論文:淺析高職圖書館網站設計與制作

摘 要：基于高職圖書館的特色，堅持一切從讀者的需求出發，結合圖書館網站的設計理念和網站制作的高標準進行建設高職圖書館網站，全面淺析高職圖書館網站設計制作。

關鍵詞：高職圖書館；網站制作；網站設計

高職圖書館網站是圖書館對外重要的宣傳陣地和提供數字資源與信息服務的平臺，其服務對象是校內師生和社會讀者，需要提升圖書館的網絡化、數字化、特色化服務水平，使之成為讀者利用高職圖書館資源和服務的窗口。高職圖書館網站如何滿足讀者的需求，因此各高職圖書館必須大力探索網站設計與制作的理念與原則，并結合自身特色，開發出讓讀者滿意、令讀者信賴的網站。我在這里介紹高職圖書館網站設計與制作的經驗的幾點體會。

1 高眼界、高標準、高要求

⑴他山之石，可以攻玉，向優秀的高校、高職圖書館網站學習。在高職圖書館設計與制作過程中，我們先后參考了許多國內外著名高校、公共圖書館及高職圖書館的網站，比如：國內的清華大學圖書館、北京大學圖書館、國家圖書館等，國外的有澳大利亞墨爾本大學圖書館、英國倫敦大學國王學院圖書館、高職類的深圳職業技術學院圖書館等。在網站設計與制作前，我們對優秀的圖書館網站，結合讀者的需求、服務及圖書館業務等方面進行分析，這樣對設計與制作高職圖書館網站墊下非常好的基礎。⑵網頁制作要高標準、嚴要求.高職圖書館網站的版面整潔、整齊、版式統一、圖片不變形和易維護度。

2 設計理念

⑴符合高職的特點和實際情況。高職圖書館不同高校圖書館，高職圖書館具有獨特性，網站應結合圖書館的服務理念去建設，但高職圖書館面臨資源少、服務項目少的困境，我們如何對讀者提供有價值服務，需要館員們多年服務讀者過程中總結，才能給讀者一個滿意的網站。圖書館網站建設力圖把滿足讀者需求、方便讀者使用作為網站設計的根本出發點，網站的內容和設計要充分考慮到讀者的需求，一個受讀者喜歡并信賴的網站是建立于讀者明確需求的基礎上。

⑵不使用過多顏色，力求簡潔、清爽。色彩可以鮮艷一些，但不能雜亂。從審美角度看，在網站設計時，只使用三、四種相匹配的顏色就可以讓網站更為美觀了，應盡量避免使網站過于花哨，盡量不用或少用動畫、閃爍或滾動的文本。

⑶頁面應布局合理，盡量簡潔。一般來說，頁面的分辨率推薦1027x768，固定布局寬度來設計；按網站層級來設計布局，同一層級的布局盡可能統一。網站首頁布局應簡潔、大方，應把服務與資源充分顯示在首頁面上，可以采取JS滑動顯示的技術，容納更多的內容而不顯得擁擠。

⑷使用一致的設計元素。在網站的全部頁面上，都采用一致的字體與顏色，會使網站顯得更為統一和專業。同時在網頁的布局設計、術語或詞匯的使用，以及與用戶交互的方式使用等方面，也都應盡力保持這種一致性。圖書館主頁、OPAC頁面及二級頁面在功能菜單及色調上應盡量做到一致。

⑸圖書館的網站上應設計一個較醒目的給讀者發牢騷、提意見、問問題的窗口。

⑹網站整體導航清晰化。1）全局導航。全局導航也就是說可以幫助用戶隨時去到網站的任何一個欄目。并且能輕松跳轉到另一個欄目上。一般來說，全局導航的位置是固定的，這樣可以減少瀏覽者查找的時間。2）導航欄異化，直接的告訴用戶他身在何處。瀏覽則當前訪問的頁面所屬的導航，在網站建設中要進行特殊化處理，比如一家網站建設公司的網站導航，如果網站主導航顏色是藍色的，那么當用戶瀏覽到網站建設流程這個大欄目之下，那么網站建設流程這個欄目的導航應該換一種顏色或者做一種特殊的效果來進行體現，以區別與其他的導航。這樣瀏覽者就能夠非常的容易的識別到當前導航所在的位置。

3 網頁制作――精益求精

⑴CSS樣式制作規范。為了開發后樣式名管理方便，請用有意義的單詞或縮寫組合來命名，一看就知道這樣式是哪一塊的，這樣就節省了查找樣式的時間。

⑵符合搜索引擎。在制作網站的過程中，應符合搜索引擎，以便讀者能搜索到圖書館網站。網站設計符合搜索引擎主要有兩個標簽：標題（title）、描述（description），寫法如下：

順德職業技術學院圖書館|順職圖書館|順大圖書館

⑶網站的擴展性及維護的便利性。1）網站的擴展性。日后面臨著數字資源日益增多，服務不斷深化的基礎上，我們特別要注意網站對后續的改動適應性要強。2）站維護的便利性。網站后續維護的工作中，我們通過網站管理后臺權限的分配，把館內的各部門人員全部調動起來，各自負責各自的網站模塊。維護的內容包括四個方面：第一、網站各模塊內容的更新；第二、試用的數字資源的及刪除等；第三、圖書館業務中內容發生變化的相應更新；第四、網頁功能的修改升級或者特效的改造增加。

網站設計與制作論文:基于真實企業項目的商務網站設計與制作課程改革

摘 要 在我校電子商務專業進行“MBE-CDIO的教學改革”的大背景下，重點介紹商務網站設計與制作課程的改革思路、內容設計、組織和實施過程。課程在“MBE-CDIO課程體系”中定位并明確技術、能力、素質等教學目標，將真實企業項目引入教學，學生以項目組形式參與項目開發全程，并采用展示型過程化考核方式，將企業意見作為重要考核標準納入考核體系。課程改革試行兩屆，教學成效初顯。

關鍵詞 MBE-CDIO 真實企業項目 項目導向 過程化考核

1 高職電子商務專業網站建設課程概述

1.1 高職電子商務專業網站建設課程現狀

自從我國高職院校開設電子商務專業以來，其核心課程電子商務網站開發類課程的教學效果一直不盡如人意。筆者已在山東商職學院承擔電子商務技術教學工作多年，通過各種方式對國內二十多所高職院校電子商務專業進行了相關課程教學內容和教學效果的調研，發現諸多院校電子商務網站開發課程以教授靜態網站制作為主，能真正理解、開發出實用的商務網站的學生近乎為零，即便是帶有基本會員功能的簡單企業展示網站，學生也不能很好理解，更不用說幫助企業做網站規劃、運營維護等工作。

我校電子商務專業對人才培養目標進行重新研究、梳理、定位，重點向商務偏移，明確了商務網站課程不應以教會學生開發技術為教學目標，而應該教授學生具備理解動態網站原理、能對企業網站進行規劃和改版的能力。

1.2 我校電子商務專業網站建設課程現狀

我校電子商務專業自2000年開設該課程以來，授課內容一直根據社會需求不斷調整。2008年課程名稱確定為網頁制作，內容從原來講授網頁制作三劍客等軟件操作為主，調整為講授HTML基礎知識及應用為主，輔以Dreamweaver軟件操作，并在后續學期開設網頁制作腳本語言，注重學生編程思想和代碼讀寫能力的培養。

2009年，經調研我們對專業人才培養進行了較大的調整，降低對學生開發技術的要求，開始重視學生對網站運營的整體理解、網站的維護更新等能力的培養，課程調整為網頁設計與美化、ASP動態網站規劃兩門課程，分兩個學期開設。其中ASP動態網站規劃重點講授動態網站基本原理，引導學生進行網站規劃，并加入網站的、維護、更新等教學內容。

2011年，專業人才培養在做過大量調研的基礎上，再次進行重大調整。我們發現社會對電子商務人才的要求很大一部分是“商科能力和素質”，并且定位了電子商務專業的三個崗位目標（網絡營銷主管、電子商務運營主管、網絡客服主管）。因此課程進行了較大調整，課程名稱確定為商務網站設計與制作，分兩個學期開設；并嘗試將校企合作單位的真實企業網站開發項目引入教學。經過改革和建設，該課程作為“電子商務專業核心課程群”中的一門被評為校級精品課程。

圖1 商務網站設計與制作課程教學目標

2012年，專業進行了“MBE-CDIO教學改革”，提出一個覆蓋商業職場環境、體現完整生命周期的教學設計。同時教學大綱分解了專業人才培養所需完成的素質、能力和知識目標，構建了電子商務專業教學主線的9級進階項目，更加明晰了商務網站設計與制作在人才培養中的作用和地位。

2 基于真實企業項目的課程設計理念

課程內容的設計、組織服務于專業人才培養目標。2012年專業教學采用“MBE-CDIO一體化課程體系”模式，確定商務網站設計與制作的課程目標共計28項（見圖1），包括1項技術知識、13項勝任工作的能力、5項進階能力的教學任務，9項素質教學關鍵點穿插其中，保障了課程體系的實施效果。

為了確保教學目標的完成，課程引入“心欣農產品交易服務平臺”真實的企業項目背景，讓學生完成“心欣平臺前臺頁面規劃及設計”（從需求分析規劃設計制作實現測試運行維護整個生命周期），和“心欣平臺后臺改進規劃與實施”（從改進需求分析概要設計詳細設計整合測試運行培訓文檔設計整個生命周期）兩個實戰項目；最后，用“心欣農產品交易平臺”的改進效果來檢測課程教學目標的完成情況。

課程的項目化教學在教學做一體化的教學環境中開展，學生以項目組的形式參與項目學習全程，掌握網站需求分析、網站建設、網站優化、網站維護等專業知識的同時，更鍛煉了團隊合作能力、溝通能力和創新意識等綜合素質。

3 基于真實企業項目的課程內容體系建設

3.1 課程內容體系設計

課程內容設計基于兩個原則：（1）實現教學目標；（2）以真實企業項目覆蓋商業職場環境下的完整生命周期。

教學目標涵蓋了人才培養目標中的9項素質關鍵點、1項技術知識關鍵點、13項能力關鍵點和5項進階能力關鍵點。這28個關鍵點，是通過將兩個真實企業網站項目（心欣前臺頁面內容規劃與設計項目、心欣后臺改進規劃與實施項目），引入實際教學過程中實現的。具體內容規劃，則依據CDIO（Conceive構思、Design設計、Implement實現和Operate運作）理念，按照軟件工程的思路進行組織。（1）靜態部分以Web標準HTML+CSS內容為主，引入“心欣前臺頁面內容規劃與設計”項目貫穿。（2）動態部分重在培養學生的商務網站規劃、優化及維護能力，使學生對具備交互功能的動態商務網站有一個全面認識；注重培養學生對項目或系統的完整生命周期的理解，要求學生從需求識別、需求分析、規劃設計，到測試、更新維護、運營管理等環節全程參與，并注重對學生策劃并撰寫系統應用文檔的能力的培養。

3.2 課程內容體系組織

課程內容用“心欣農產品交易平臺”的優化改進項目貫穿，整個教學過程劃分為五個子項目進行。每個子項目又分解成了專業知識、實訓操作、項目實戰和展示型考核四個模塊。學生以項目組的形式，參與項目全程。其中，實訓操作模塊將授課中涉及的實踐操作加以應用并鞏固；項目實戰模塊則將真實項目分解為子項目進行實施和檢驗；展示型考核模塊在各子項目中是比較重要的模塊，各項目小組在項目實戰模塊中完成的任務需要進行展示、答辯，必要時將作品向企業推薦，并將企業評價和反饋意見作為重要考核指標。

課程共計64課時，分別安排在第二學期、第三學期進行。第二學期進行網站前臺的規劃設計和實現，分配24課時；第三學期進行網站后臺的規劃設計和運行維護，分配40課時。兩學期均在教學做一體化教室展開教學，實踐比例100%。子項目的具體內容組織、授課內容課時分配見表1。

3.3 課程教學方法與手段

（1）用真實項目貫穿課程內容，學生以項目組的形式參與項目開發全過程：用兩個真實項目開發過程為載體組織教學內容，以教授方法、技巧為主；學生以項目組的形式參與項目開發全過程，邊學邊做，把學到的方法和技巧在項目開發過程中立即實踐，并在實踐過程中組織討論、互動；根據每個項目組的反饋情況完善教學內容、安排進度。

（2）采用教學做一體化方式，考核方法取消筆試，采用展示型過程化考核。各子項目結束時，學生項目組都要進行成果展示、答辯，檢查并共享學習成果；根據老師提出的修改意見進行修訂，并制定下一子項目實施計劃。項目全部結束時每個項目組實現的都是一個完善的、可、可供企業實際應用的網站，作品以企業是否采用為主要考核標準，激發學生的競爭意識和學習興趣。

（3）利用云空間加強互動學習和資源共享。利用世界大學城云空間教學，加強學生與老師之間、學生與學生之間的互動和資源共享。課程將教學目標關鍵點分解，形成26項工作能力點，一一對應了26個能力關聯表格化教案，見圖2。

圖2 商務網站設計與制作表格化教案

4 結束語

以真實企業項目為教學背景的課程改革，目前已經試行兩屆，教學成效初顯。學生對這種用真實企業項目貫穿的、項目導向在實踐中學習的教學方法充分肯定，學生作品也得到合作企業的認可。當然，在運作過程中，我們也遇到一些困難、發現一些問題，需要進一步改進和加強：（1）企業真實項目一般對項目完成時間、網絡安全方面有較高的要求，課程中實現有難度；（2）項目開展和學生的實踐訓練若能在一段時間內集中完成，既能滿足項目開發需要，又有助于學生高效學習，但不符合學校的教學計劃，難以實現；（3）學生作品為企業采用之后，后期網站的維護更新無法保證。

課程組會在以后的建設過程中盡力克服以上困難，將課程改革的有效部分繼續完善、推進、發展。

網站設計與制作論文:工會網站設計與制作初探

摘要：以擬籌建學院工會網站為例，介紹學院工會主頁的設計與制作過程，指出了設計與維護網頁過程中應注意的一些問題。

關鍵詞：主頁設計；主頁制作

科學技術的飛速發展和網絡技術的普遍運用，為了拓寬工會工作渠道、創新工作方法提供了廣闊的空間。加強對工會網站建設，運用現代網絡技術推動工會工作，成為擺在各級工會組織面前一項十分重要的任務。面對新的形勢，學院工會經過深入研究、積極探索，大膽實踐，在認真抓好日常各項工作的基礎上，充分運用網絡技術這一現代科技手段，擬籌備建立學院工會網，并以網站為載體積極開展工作，為工會工作增添了新的生機和活力。現對如何進一步加強基層工會網站建設略加探討。

一、加強工會網站建設的作用和意義

互聯網絡作為連接世界各國計算機的全球性信息化網絡，其傳輸內容非常非常豐富的，涉及到全球的政治、經濟、文化、體育等等各個領域，成為人們了解世界、掌握信息的主要渠道之一。學院工會網站作為信息時代基層工會的一個重要窗口，是院務公開、公正、服務職工、惠及民生的重要手段。辦好工會網站，對于保障職工合法權益、增加職工之間互相的透明性、加強工會自身建設、提升工會知名度和影響力都具有非常重要意義。

二、網站主要內容與注重面

網站要設有工會新聞、民主管理、權益保障、勞動保護、文件資料、政策法規等主欄目，并加強工會會員管理等數據庫的建設和利用，使廣大干部職工能夠通過網站，迅速快捷的檢索到自己所需要的信息資料。擬開設職工論壇等形式建立“職工之家”，職工和工會干部以注冊方式，在網上對事件或人物進行討論交流，暢談各自感悟，進行相互學習和相互交流。還可利用網站開展“首席職工”、“優秀工會工作者”等各類評選活動，進一步提升工會工作的透明度和群眾參與度。

三、技術平臺規劃與設計

（一）系統應用范圍

從系統上分析是一個門戶信息交易站點，大多數用戶都具有分散性，沒有統一的組織和統一的地區，主要通過internet訪問。用戶側重使用IE情況分析。用戶使用網絡帶寬分析。估計日訪問量在幾千人次。

根據這些特點，我們建議在IE兼容上側重用于IE6.0。出于用戶帶寬的考慮，建議使用CSS+DIV寫網站框架。在網站結構上采用B/S結構。

用戶側重使用IE情況分析，根據網絡軟件測試調查，得出以下數據如圖：

從圖得知使用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布局。然后再測試調試各常用IE之間的兼容性。

（二）用戶使用網絡帶寬分析

今年寬帶普及提速工程的目標是4兆及以上寬帶接入產品的用戶超過50%，現在，平均帶寬達到了50%。今年4月，全國固定寬帶接入規模為1.59億。4兆及以上用戶使用比例已經超過了50%。去年年底，使用4兆以上帶寬產品才38%到39%，今年卻飛快提升了10個百分點，達到50%。

所以4M以下的人群仍然是主體。在網站建設過程中，網頁的圖片和整個網頁大小的控制不容忽視。建議頁面大小保持在三屏內，網頁大小保持在150K以內。這是對用戶的體驗度一個提升也是對網頁大小的一個控制。

（三）任何商業應用程序都有三大類必須完成的任務：

第一類和與用戶的交互有關（人機接口），用戶如何使用應用程序，這類任務可稱之為表示層（Presentation）。

第二類和應用程序所完成的計算處理和程序處理流程有關，可稱之為應用邏輯層（Application Logic）。

最后一類與數據的查詢、更新及數據管理有關，可稱之為數據資源層（Data and Resource）。

四、網站細節總體設計

網站分為前臺和后臺兩個部分，前臺部分為公眾和會員客戶提供信息、閱讀、查詢等功能，后臺作為網站管理的核心部分，提供網站數據、類別等信息的管理和查詢。

（一）前臺網站的具體欄目設置

共分為工會簡介欄目、工會工作欄目、工會動態欄目、下載中心欄目、工會信箱欄目、工會論壇欄目、留言板欄目、友情鏈接、站內搜索引擎共9個欄目設置。

1.首頁具體板塊的設置

提供工會信箱登錄以及各分類信息查詢系統。左側是本站動態、工會簡介、網站公告和相關鏈接，右側是廣告位；中間部分是各欄目的信息。

在網站的首頁中采用了4種效果，飄浮廣告效果，滾動新聞效果，鼠標右鍵禁用和ie右下腳狀態欄文字顯示效果。

2.網站工會欄目簡介

詳細的介紹了工會具體情況以及領導風采、組織機構等內容。

3.網站工會工作簡介

專題介紹工會在開展素質工程、法律維權、基層建設、送溫暖工程、女工工作、綜合等工作的情況。

4.網站工會動態簡介

介紹工會的具體活動，包含生動的圖片及詳細的文字信息。

5.網站下載中心的簡介

網站提供常用的軟件及表格和表格模板的下載。

6.網站工會信箱的簡介

網站工會內部所有工作人員具體的郵箱地址。

7.網站工會論壇的簡介

網站提供單版論壇。論壇具有一般論壇的常用功能。如注冊會員，在線生級，發表帖子，回復帖子，論壇設有良好的編輯器，能夠方便的編輯帖子內容。并且有豐富的表情包。讓互動更加生動。普通用戶也可以注冊筆名并發表帖子進行互動。

8.網站留言板的簡介

網站的留言板能夠通過編輯器方便的編輯文本，可以通過注冊用戶進行留言。也可以不用注冊用戶，進行匿名留言。

網站設計與制作論文:淺談Flash動畫在網站設計與制作中的應用

【摘要】Flash是Adobe公司的一款多媒體矢量動畫軟件，Flash網站動感十足，視覺效果強烈，具有很強的吸引力。其中，動作腳本賦予了Flash編程的能力，大大擴展了Flash的空間。現在，Flash在網絡中的應用已經越來越廣泛，使用Flash制作的網頁不僅視覺效果突出，而且交互功能也非常的強大。本文對Flash動畫在網站設計與制作中的應用進行了探討。

【關鍵詞】Flash動畫；動作腳本；交互功能

網絡新技術層出不窮，在各個領域盡顯風流，網絡多媒體的天空更是絢麗多彩、引人入勝。Flash作為目前最優秀的網絡動畫之一，它的出現，宣告了網絡動畫時代的到來。由于FLASH本身具有強大和靈活的網絡交互功能，所以它在窄帶領域已經成為事實上的交互多媒體技術標準。Flash在保證傳輸速度的同時，還提供了非常豐富的交互動畫效果。

Flash動態網站是針對多媒體網頁設計脫穎而出的一個新型解決方案。它使用矢量繪制圖像，它的最終文件可以以“流式”的輸出在網頁中播放。Flash動態網站動畫文件小，互動功能強。它給網頁設計帶來的無限生機。

一、Flash動畫的特點

Flash被廣泛應用，與其自身的特點密不可分。

1.從動畫組成來看：Flash動畫主要由矢量圖形組成，矢量圖形具有儲存容量小，并且在縮放時不會失真的優點。這就使得Flash動畫具有儲存容量小，而且在縮放播放窗口時不會影響畫面的清晰度的特點。

2.從動畫來看：在導出Flash動畫的過程中，程序會壓縮、優化動畫組成元素（例如位圖圖像、音樂和視頻等），這就進一步減少了動畫的儲存容量，使其更加方便在網上傳輸。

3.從動畫播放來看：后的.swf動畫影片具有“流”媒體的特點，在網上可以邊下載邊播放，而不像GIF動畫那樣要把整個文件下載完了才能播放。

4.從交互性來看：可以通過為Flash動畫添加動作腳本使其具有交互性，從而讓觀眾成為動畫的一部分，這一點是傳統動畫無法比擬的。

5.從制作成本來看：用Flash軟件制作動畫可以大幅度降低制作成本，同時，在制作時間上也比傳統動畫大大縮短。

二、動作腳本的特點及基本術語

動作腳本的英文名稱是ActionScript，簡稱AS。ActionScript是一種面向對象的編程語言，執行ECMA-262腳本語言規范，是在Flash內開發應用程序時所使用的語言。目前廣泛使用的ActionScript 2.0編輯出的腳本更加穩定、健全。

1.ActionScript 2.0的特點

（1）能夠控制Flash動畫的播放行為和對象的屬性。根據用戶的動作來做出響應，并在動畫中體現出來。

（2）ActionScript 2.0是一種面向對象的編程語言，它的風格和JavaScript語言相類似。它擁有循環、判斷和對象事件等高級語言特性。

（3）ActionScript可以使用自定義函數。如果有一個功能要經常使用，則可以把它寫成自定義函數，在用到的時候調用它。

（4）支持XML和XMLSocket。

2.基本術語

（1）對象。在ActionScript中，對象分為兩類。一類是用戶自己制作的動畫元件Symbol實例化后而形成的實體對象Instance Object，聲明這類對象后，可以對ActionScript堆砌的屬性和動作行為進行控制。另一類是Flash自己定義的抽象對象Abstract Object，例如Math和Date等，這類對象主要用于計算。

（2）數據類型。例如整數、字符、布爾值等等。

（3）變量。在變量方面，ActionScript允許聲明全局變量和局部變量。

（4）事件響應。在Flash動畫中，動畫的交互性就是通過對用戶動作的響應來完成的。

（5）語句和運算符。

三、Flash動畫在網站設計與制作中的應用

1.網頁形式與設計

（1）導航菜單設計

導航菜單設計是Flash動態網頁瀏覽的基礎。簡潔、有效的導航菜單，可以使瀏覽者迅速而高效的找到所需要的信息。導航的形式有側邊式、上端式、懸浮式、隱藏式等。具有藝術美感的導航會使瀏覽者的瀏覽過程變得豐富而富有趣味。導航菜單的設計還要注意簡潔，易用。設計導航菜單的時候，可以應用一些小聲音、小動畫來豐富瀏覽體驗。

（2）網頁版式設計及風格

Flash動態網頁往往包含的信息量很大，元素也很多。但由于Flash動態網頁的超鏈接特征，使它的空間可以無限擴展。設計者通常把產品或服務的不同賣點分別集中在不同的路徑之中，在細化的動態分頁中可以根據次主題的不同，對各個構成元素的空間進行多樣化安排。

（3）色彩設計

Flash動態網頁色彩搭配既是一項技術性工作，同時它也是一項藝術性很強的工作，因此，設計者在設計網頁時除了考慮網站本身的特點外，還要遵循一定的藝術規律，從而設計出色彩鮮明、性格獨特的網站。在遵從藝術規律的同時，還考慮人的生理特點，色彩搭配一定要合理，給人一種和諧、愉快的感覺，避免采用純度很高的單一色彩，這樣容易造成視覺疲勞。而且，頁面的色彩設計盡量不要超過4種色彩，用太多的色彩讓人沒有方向，沒有側重。當主題色確定好以后，考慮其它配色時，一定要考慮其它配色與主題色的關系，要體現什么樣的效果。另外哪種因素占主要地位，是明度，純度還是色相。

2.Flash動畫在網站中的應用

在網頁設計中，Flash動畫作品除了以“流式播放動畫”播放以外，如：Flash動畫短片、Flash MV，還具有一定交互性特點的形式。有些網站的引導界面做成Flash動畫形式，一般由Dream weaver軟件來完成，做成靜態頁面。當然，大部分這類頁面全部是靜態，但也有某些網站做出以下設計。如：網頁中的Flash網絡廣告、Flash形象展示動畫、網站導航欄動畫、圖片展示動畫、Flash交互動畫、及由Flash制作完成的網站注冊、登陸、計算等系統。

在靜態頁面中，如果把這些做成動畫形式的話，無疑能起到生動、裝飾的作用，對瀏覽者具有充分調動的作用。但是不宜太花、太亂，否則，就會起到反作用，不但使瀏覽者眼花繚亂、煩躁，而且會給網站效應大打折扣，顯得煩亂，缺乏信任。

除了采用Flash制作相關的頁面外，也有一些網站，為了展示自己的個性，使用Flash來制作整個站點。整個站點從概念上就己經包括所有視聽元素部分及版式的設計。先不論網站引導界面的設計，由其引導進入的內頁面這整個系統都是由Flash軟件來制作，就包括上文列舉的視頻、Flash廣告動畫、Flash交互動畫、網站的Flash形象展示動畫、網站的各級導航欄、圖片展示、文字、鏈接、色彩、音樂、聲音、游戲及網站注冊、登錄、計算系統等。

這樣的Flash動畫網站，感覺都十分炫，具有很強很獨特的個性，基本上能完全調動瀏覽者的積極性，給人以活躍的心理感受。

四、結束語

Flash作為現代一種新的設計方式和娛樂方式，不僅有其實用功能，并且還有視覺和聽覺上的雙重享受，更因為它具有的趣味性，它作為一種強大的動畫制作軟件，在視覺表現上較普通的網頁有很大的優勢，因此，被廣泛用于網站的設計與制作當中。

網站設計與制作論文:《計算機輔助教學技術》課程學習網站設計與制作

摘要：為了提高學生的學習主動性、提高課程信息傳達的及時性，該文以《計算機輔助教學技術》課程為例，論述了學習網站的設計與制作過程，實現了課程多種資源的展示與交流，使之成為教師與學生課后交流的良好平臺。

關鍵詞：網站設計；網站制作；計算機輔助教學技術

隨著計算機網絡技術快速的發展和互聯網密集型延伸以及人們生活工作的需要，使用因特網技術進行網上教學已開始成為一種全新的教學模式。網上教學具有及時性、共享性、便捷性、交互性和獨特化等幾大特點，它有著傳統教學模式所無法比擬和替代的優點。因此，教學網站的開發制作成為廣大教育工作者迫切要了解和深入探究的重要環節，從而更好的發展網上教學，推動教學課程水平的逐步提高。《計算機輔助教學技術》課程學習網站預期實現以下目標：1）信息方便、快捷、為用戶提供全新的服務。2）支持各種資源下載技術。3）提供用戶在線論壇、在線留言，增強網站的互動性。4）網站維護簡單、方便。5）具有較好的網站安全性。

1系統開發技術簡介

通過對本系統功能應用及各方面的綜合評價分析，此網站采用Dreamweaver CS4作為前臺的主體設計工具，主要是運用表格、Div+CSS進行布局排版編輯，網站的修飾添加常用的動畫制作軟件Flash CS4、圖形處理軟件Photoshop CS3等進行輔助設計，制作完成課程的多媒體教學資料。后臺設計部分運用ASP技術添加動態資源，Microsoft Access 2003數據庫作為動態數據整理工具，通過ADO對象訪問數據庫，建設成一個兼容性、安全性、可擴展性良好滿足用戶瀏覽信息、交流互動的教學網站[1]。

2需求分析

2.1功能需求分析

本教學網站的功能是可以替代傳統教學模式，能夠快速的更新跟蹤最前沿的教學資訊，靈活生動的把教科書的知識展現出來。用戶通過訪問網站不僅能在線學習，同時，用戶可以尋找下載想要的相關試題和課件，更可以注冊會員在論壇上討論交流。而對于系統管理員，登陸系統后臺，不僅要對網站進行系統維護，還要對所有網站信息、數據進行統計整理；管理論壇的貼子與留言板的信息刪除，備份，回饋；管理員也要能實時更新網站內容，最新信息。

2.2系統需求分析

此系統打破傳統教學模式的地域限制、時間限制，充分發揮網站教學的及時性和便捷性，能夠提高教學效率。用戶能及時的獲取教學資源，管理員能對網站進行維護，對網站資料內容更新和數據的整理權限操作。

3系統概要設計

3.1系統結構設計

根據本教學網站的特點，將其分為前臺和后臺兩大部分。前臺主要實現信息瀏覽、資源下載、在線論壇和留言等功能，后臺主要是管理員對網站前臺信息、論壇及留言進行管理。

該教學網站設計為八大模塊，分別是課程描述、教師隊伍、課程建設、下載頻道、在線學習、師生論壇、用戶系統和留言板。

整個學習網站的系統結構如圖1所示。

圖1網站系統結構圖

各模塊功能分別為：

1)課程描述模塊介紹了計算機輔助教學技術的歷史沿革、研究內容、基本構成、應用環境等相關的課程描述。2)教師隊伍模塊介紹了課程主要負責人及其他任課教師的教學與科研情況。

3)課程建設模塊包括我院計算機輔助教學技術課程特色和今后此門課程的發展趨勢。4)在線學習包括在線課件、在線自測。

5)下載頻道幫助學生下載課件、Word文檔、實驗軟件等課程資源。6)論壇主要用于讓學生和老師進行一些教學答疑或是學術探討。

7)留言板主要收集一些用戶對于網站的意見或建議，以便對網站進行改善。8)后臺管理系統對留言板、論壇的數據信息進行管理。

3.2數據庫設計

3.2.1數據庫分析

針對網站功能結構分析，本教學網站涉及到的數據項和數據結構如下：1)用戶基本信息。包括的數據項有用戶名、用戶密碼、E-mail等基本信息。2)管理員基本信息。包括的數據項有管理員名稱、管理員密碼等基本信息。

3)論壇文章基本信息。包括的數據項有文章標題、文章內容、工作區域名稱、發表時間等信息。4)用戶留言基本信息。包括的數據項有留言內容、留言者姓名、留言者QQ等信息。

網站設計與制作論文:基于ASP+DW技術的校園工會網站設計與制作

摘要：根據目前流行的網站制作技術，設計并制作了某學校工會網站，網站設計合理，制作完整，功能健全，具有一定的實用價值。對ASP技術和DW技術的充分利用，為網站制作工作的開展奠定了理論和實踐基礎。指出了在網站制作中各個環節中出現的具體問題，并針對性的進行了解決，對網站制作工作進行了深刻的梳理和總結。

關鍵詞：ASPDW網站制作網絡化

工會是學校的重要部門，工會網站可以作為網上信息的重要陣地。使用網絡信息，凝聚會員是新時代的工作要求。本校園工會網站采用動態網站制作技術，網站的設計與制作工作完成后，由工會工作人員在遠程計算機上對服務器上的網站進行日常信息的更新和維護，制作網站后臺管理模塊即可實現此功能。

網站的設計和制作包括多方面的知識，它是藝術和技術的綜合應用，具體說來有網站策劃、網站美工、網站具體模塊規劃，總體數據庫設計，網站制作、后臺內容管理模塊制作、網站測試、網站上傳等步驟組成，作者結合某學校工會網站的制作，總結小型網站的制作經驗和技巧，以為網站制作積累寶貴經驗。

1、網站的策劃與設計

網站的整體策劃是根據學校工會領導的綜合部署下進行的，這里需要工會工作人員認真討論研究后，給網站制作人員下達明確的任務說明，由于工會工作人員的精心準備，對網站的風格、網站的功能、網站的規模、網站的模塊劃分已經非常明確。經過工會工作人員和網站制作人員的共同探討協商，整理出網站的初步風格、功能要求和模塊設計。

參考其他學校的網頁制作效果，使用美術基礎和網頁制作軟件PS，設計出來3套網頁效果圖初稿，每套均有首頁，二級頁面、三級頁面的具體效果，最終由領導確定了一套。在設計的過程中，參考美術老師的意見，借鑒加創新，結合網頁的特點，如單位使用像素，寬度適合于800像素的顯示器。導航欄的高度要適中，整體結合“塊”結構，使用分欄設計，整體風格統一。定稿后，由網站制作人員對網頁效果圖進行切片處理，作為組裝網頁的原素材和參考圖。

根據網站的具體功能，將網站劃分為八大模塊：工會簡介、工會文件、工會簡訊、工會活動、女工園地、健康人生、法律法規、友情鏈接。其中有些模塊只需要一個頁面，更多的模塊需要二級網頁、三級網頁的顯示。多數模塊的內容是需要存儲在數據庫中的，因此二級模塊、三級模塊的設計要用到數據庫中的內容。

首先是選擇使用何種類型的數據庫管理軟件，數據庫管理軟件根據功能可分為大型，中型，小型數據庫。根據工會網站的具體內容并不復雜，所以選擇了小型數據庫管理軟件Access。但在數據分析和數據表，表結構的設計上卻耗費了作者一定的精力。因為沒有考慮到后臺內容管理的功能設計，所以最初設計表時把需要用到數據庫的各個模塊都分別設計了表，但最后的后臺內容管理模塊在數據庫內容增刪改查時卻遇到了大麻煩，因為最初表設計得多了，在做增刪改查時也需要做相同多的模塊設計，內容就重復了，所以又重新設計表，使用類別字段來區分模塊。由此總結的經驗就是：數據庫設計非常重要，一定要把前期后期工作全面考慮，相互結合，才能為后期程序的編寫提供方便。

2、網站的制作

網站的制作使用DW軟件完成，具體制作步驟是：首先創建站點，設置服務器，使用DIV+CSS方法創建各個模塊的頁面和框架，鏈接數據庫，在各個頁面設置綁定記錄集，設置服務器行為。網頁的制作是最為繁瑣的工作，首先依據網頁設計效果進行布局的設置，具體方法是使用DIV進行布局，然后使用CSS方法對各個DIV樣式進行設置，在設置樣式的時候，選擇使用外部樣式表的方法，因為外部樣式表更易于管理。在設置背景圖像時，使用PS的切片工具進行制作，切片工具有一個BUG，就是其存儲名稱不能修改，因此在切片時，最好的方法是先設置好切片的名稱屬性，在導出時就可以使用這個名稱命名切片了，同時存儲的格式最好是GIF格式，因為這個格式支持透明背景，并且在網頁瀏覽器中支持漸變效果。

網頁特效的制作是很有意思的一件事情，這是需要使用JS代碼，網上有很多JS代碼的效果和原程序，但很麻煩的一件事情是如何讀懂這些代碼，把相應的內容替換成你所需要的內容，比如，圖片說明文字，超鏈接等等，還有一件事情是，網上提供的JS效果并不是你所需要的尺寸和顏色，這也需要你讀懂JS代碼，同時把相應的樣式修改成你所需要的樣式。本網站使用的JS特效有一個新聞展示效果，具體制作方法是下載JS代碼，修改JS代碼，把JS特效嵌入到相應的DIV中，其中的制作難點是，網站要求新聞展示是隨時間更新的，這就需要把靜態的新聞換成動態的新聞，因此需要從后臺數據庫中提取相應的字段，同時在后臺管理模塊中，還要相應的模塊處理新聞的增刪改查。

網站后臺內容管理是方便網站維護人員工作方便專門制作的，工會網站的維護工作是由工會工作人員遠程進行管理的，因此就有必要制作一個專門方便工會工作人員管理網站內容的模塊。其制作內容就設計到對后臺數據庫的增刪改工作，由于在數據庫設計過程中，沒有考慮到后期的維護工作，因此在對新聞內容的增刪改工作上，出現了需要給多個表進行增刪改的要求，因此建議今后設計數據庫時，將所有的新聞表重新整合，以類別區分各種信息。

另外在處理圖片上傳的工作時，需要考慮如何上傳圖片信息。之所以要專門指出圖片上傳是有原因的，因為圖片需要上傳到服務器上才能將其具體路徑信息記錄到相應數據表記錄的字段中，也就是說，如果某條新聞需要圖片的支持，那么這條新聞的圖片是以相對路徑的形式存儲在數據庫中的，所以在增改新聞圖片時，必須先把圖片上傳到服務器相應的目錄下。圖片上傳到服務器后，它的文件名將隨機改變，所以要記錄好圖片的新文件名。這樣才能進行和圖片相關的操作。文件上傳可以分為兩種：有組件上傳和無組件上傳。作者使用的是無組件上傳，原因是有組件上傳要求遠程服務器上必須安裝相應的組件才能完成文件上傳功能，而無組件上傳不需要在服務器上安裝相應的組件即可完成文件的上傳。

網站的測試是網站制作必不可少的步驟和環節，網站制作完畢之后，必須及時進行網站測試，測試可以分為兩種測試：黑盒測試和白盒測試。作者將黑盒測試的任務交給3名學生進行，經過2天的測試，將各個模塊統統測試3遍，測試中發現了一些問題：網頁標題沒設置、個別網站內容出現DIV跑位現象，不同的瀏覽器出現不同的效果，個別網站出現內容描述不清晰的情況等等，通過作者的核實，都進行了更改并重新測試。白盒測試則是由作者親自完成的，在測試中出現的問題主要有：站點中出現了沒有用的網頁，處理的辦法是將其刪除；表單中出現了沒有用到的項目，有些項目類型不合適，處理辦法是刪除或修改；經過黑盒測試和白盒測試之后，還需要使用者在長期的維護過程中，不斷的測試，并把需要修改的地方指明給作者，由作者進行修改，這就出現的軟件的不同版本。

3、網站的上傳與更新

網站制作、測試完畢后，就交付給學校網站維護人員進行上傳，網站是存放在學校服務器上的，也就是說，所有的網頁瀏覽者通過瀏覽器將網頁請求發送到學校網站服務器上，由服務器將瀏覽者請求的網頁發送給瀏覽者。

網絡信息的更新需要使用后臺管理系統進行，這個系統是作者專門針對本網站設計制作的，專為網站信息的更新維護設計，這樣通過此系統，公會工作人員通過遠程瀏覽器即可更新網絡服務器上的公會網站數據庫，從而方便輕松的維護更新網站內容。值得一提的是，網站后臺管理系統也是相當復雜的一個模塊，涉及到管理員密碼設置更改，網頁訪問限制，數據庫信息的增刪改查等內容，所有動態信息均通過此模塊對網站數據庫進行更新。

4、結語

工會網站的使用，實現了無紙化辦公，能夠快捷的消息，減少了許多人力物力的開銷，提高了工作效率，這是本系統的功能和特點。從網站的策劃，設計，制作，測試到，整個過程作者親力親為，其中體會非常深刻，本網站的建設基本完成，其基本功能全部實現。如何把類似的網站設計成網站模板，如果實現模板化，此類網站的制作將會更加便捷快速。

網站設計與制作論文:基于工作過程設計的《網站設計與網頁制作》項目課程教學改革的研究

[摘要]《網站設計與網頁制作》的教學內容按照實際的工作任務、工作過程和工作情境組織,以完整的工作過程貫穿于項目式教學中,使每一個學生通過學習《網站設計與網頁制作》課程,能夠對各種制作手法和設計技術有更深入的理解,能夠使他們對今后的職業選擇和學習方向有更多的思考;能夠在開發能力、學習能力和解決問題能力方面有更好的發展;能夠在責任感、合作精神和創新意識等方面得到提高,最終能實現學生的零距離上崗。

[關鍵詞]工作過程設計項目教學認證教育考核方式

一、概述

項目教學法是以學生的自主性、探索性學習為基礎,采用類似科學研究及實踐的方法,促進學生主動積極發展的一種新型的教學方法。在教學活動中,教師將需要解決的問題或需要完成的任務以項目的形式交給學生,在教師的指導下,以小組工作方式,由學生自己按照實際工作的完整程序,共同制定計劃、共同或分工完成整個項目。在項目教學中,學習過程成為一個人人參與的創造實踐活動,注重的不是最終的結果,而是完成項目的過程。學生在項目實踐過程中,理解和把握課程要求的知識和技能,體驗創新的艱辛與樂趣,培養分析問題和解決問題的能力及團隊精神和合作能力等,教師已經不是教學中的主導地位,成為學生學習過程中的引導者、指導者和監督者,教學內容按照實際的工作任務、工作過程和工作情境組織,以完整的工作過程貫穿于項目式教學中,提高學生的社會能力、方法能力、專業能力,使專業訓練更接近社會需求,最終能實現學生的零距離上崗。

《網站設計與網頁制作》是我系計算機應用技術、軟件技術、網絡技術的專業必修課。為了適應時代的發展,《網站設計與網頁制作》課程在繼承世界現行網站網頁教學優勢的基礎上,又吸收了當今網站網頁開發的新技術和新思路。力求更加注重學生的發展和社會的需求,更準確地反映網站網頁開發技術的專業性手段;更加關注學生積淀自己的生活經驗;更強調學生的主動學習,并增加實踐環節。《網站設計與網頁制作》課程期望使每一個學生通過學習網站設計與網頁制作課程,能夠對各種制作手法和設計技術有更深入的理解,能夠使他們對今后的職業選擇和學習方向有更多的思考;能夠在開發能力、學習能力和解決問題能力方面有更好的發展;能夠在責任感、合作精神和創新意識等方面得到提高。

二、課程理念

確立一個中心(以學生為中心)三個融合(校企融合、課內外融合、技術與人文融合)、基于工作過程設計的課程開發理念。提前讓學生感受工作的氛圍,熟悉工作的相關流程,以增強學生在就業過程中的競爭力。并結合我院“我在乎你”的辦學理念,通過理實一體化的教學手段,采用項目式教學,給學生提供一個制作網站的模擬或真實的環境。讓學生通過對“確定項目――制定策劃書――制作網站――驗收――總結經驗”這個流程的訓練,熟悉制作網站的過程,并能夠有所成果。

確立素養、行為、技能教育觀。重視網頁制作過程中技術性心智技能的形成,強調“原型定向、原型操作、原型內化”、原型能經“遷移”形成類型(“舉一反三”);強化學習過程中教師的示范和引導的作用。

以技術開發貫穿網頁制作的全過程,技術開發強調設計與制作。強調過程的可重復、可驗證性。

課程質量以教師的明示能力和學生的內化能力為主要評價指標。

三、設計思路

遵循高職課程改革關于“面向就業,培養實用性人才”的基本精神,在全面貫徹國家教育方針的基礎上,根據學生身心發展的特點和教育規律,重視對學生進行全面的職業素質教育,著眼于培養學生終身學習的愿望和能力,體現職業教育層次網站設計與網頁制作課程的實用性、專業性和可持續發展性。

綜合考慮學生發展的需要、社會需求和就業需求三個方面,本課程以一個大項目出發,分解為7個子項目,在完成七個子項目教學的同時,學生也可以把自己承接的大項目一并完成。

從“以工作任務為中心”和“培養學生應用能力”角度出發,以“項目教學”和“任務驅動的方式”,讓學生在有限的時間掌握網頁制作的技能。

運用項目式教學方法,努力創建開發項目的條件,突出工學結合,提高學生技能的熟練程度和靈活運用的能力。

四、實施建議

本課程的教學必須始終貫徹任務驅動式的“做中學”,過程體驗式的“學中思”,學以致用式的“思中用”和啟思益智式的“用中創”的理念。本課程的總體目標是根據企業網站開發工作流程(即具體的工作過程),從前期策劃開始到網頁設計,網頁制作、網站,一步一個腳印地引導學生逐步深入,親身體驗網站設計與網頁制作的過程。

1.具體實施建議

(1)明確目的、詳細描述操作任務。根據學生的具體項目每次課按照網站開發的進度表都有明確的目的,具體的操作任務。

(2)對課堂模仿實踐的結果進行合理評價和及時計分。對每一次課堂模仿實踐的完成情況進行評價和計分,及時解決學生普遍存在的問題,對完成較好的學生給予肯定。

(3)采用項目驅動的方法,如通過教師項目分解的子項目學習以掌握基礎知識點,然后充分發揮學生的設計能力,完成學生自己的項目,素材由學生自己收集,網頁的風格、布局由學生自己決定,培養學生的創新能力。

(4)充分利用學生課余時間。

(5)項目開發:提前一個月布置任務,并向學生提供參考資源,讓學生有充分的時間準備和尋找合適的項目;學生尋找合適的項目后,與客戶進行交流獲取制作網站的一些素材和信息。根據學生找到的項目,在教師的指導下,把學生分成若干個小組。在每個小組中,每位學生根據自己的特長和愛好,承擔不同的工作角色,完成不同的任務。一般一個項目分給三個小組,每個小組可以拿出一個方案。這樣可以加強小組與小組之間的競爭性,此外在最后驗收時客戶也可以有多個方案進行選擇。

(6)學生在完成網站設計和網頁制作的教程中,如果遇到問題,可以有多種渠道來解決。可以是組內成員的討論、還可以查閱系部的網絡課程、通過老師進行輔導、求助于互聯網等等。

學生通過該項目的進行,了解并把握整個過程及每一環節中的基本要求。這樣既教會學生制作方法,又讓學生體會制作過程的創新性和協作精神,能最大限度地發揮項目式教學的功能。

2.教學方法建議

《網站設計與網頁制作》課程以真實項目為案例組織教學,課程教學方法符合“教、學、做”合一的原則,采用理論實踐一體化的項目教學和案例教學方法,強調學生將所學知識和技能在實踐中應用。課程教學圍繞如何開發一個網站展開,各個教學單元采用“應用導向、任務驅動”教學方法。本課程采用的主要教學方法如下:

(1)四步教學法

通過“講解――示范――模仿――練習”四步教學法,讓學生通過模仿老師講解的方法制作網頁,理論與實踐相結合,“教、學、練、思”四者有機融合、訓練學生的動手能力和模仿技能,提高課堂教學的實踐性。

(2)任務驅動、案例教學法

方法:

下發工作任務單、學生解讀任務

教師初步講解、示范

學生實施任務

教師巡回

教師評價

通過案例提出問題,幫助學生建立感性認識,激發學習興趣。對案例進行分析,找到解決問題的方法和操作步驟,逐步完成案例的操作。在教學過程中,遵循“啟發式教學”原則,啟發學生積極思維,通過觀察,發現問題,提出問題,分析問題并逐步解決問題,從中領悟職業經驗。

(3)項目實施法

方法:

下發項目書

學生分組討論項目分解

師生共同完成項目分析

學生實施,教師指導

提交項目作品

最終評價

引入“項目教學法”,給學生提供一個制作網站的工作環境,通過組織學生承接項目,繼而進行項目的開發,使學習與工作相結合,訓練學生完成工作任務所需的技能、技巧,同時引導學生進一步加強專業理論知識的學習,從而培養學生的綜合職業素質。

3.考核建議

實施項目式教學以后,學習的過程和在此過程的學習態度顯得越來越重要,這也是企業需求人才的一個重要標準。所以本課程的考核內容一共分為四個部分:網站的總體規劃,具體完成的過程,最終完成的作品和多方代表的反饋意見。

五、將課程與全國計算機信息高新技術考試進行有機結合

全國計算機信息高新技術考試之高級網頁制作員的專項技能水平達到相當于中華人民共和國職業資格技能等級三級,在一種操作系統平臺下綜合使用網頁相關軟件完成網頁制作和動態數據處理的工作,實際能力要求達到:能綜合使用兩種以上網頁制作相關軟件進行網頁設計和制作,并具有相應的教學能力。它是網頁設計制作人員、Web開發人員及網頁設計愛好者綜合應用網頁制作開發工具進行專業、高效Web設計與制作能力的權威認定。如果嘗試將“網站設計與網頁制作”課程與“全國計算機信息高新技術考試”進行有機的結合,可以提高學生獨特設計理念、豐富動態應用程序、互動多媒體制作方式等綜合能力,創作出更為直觀、高效的Web作品。

將學歷教育與認證教育相結合,進一步探求高校培養目標與企業用人之間的聯系,培養適應社會需求的學生,這無疑是一種教學改革的新模式。

六、結語

以工作過程為導向的項目式教學法是一種先進的高職教學理念,它突破了傳統的教學模式,通過解決學生身邊的一些現實問題來實現學生對知識的掌握,大大提高了學生學習的積極性和主動性。通過項目教學法學習的學生,他們的動手能力、解決實際問題的能力有很大的提高。這種方法不但適合高職計算機課程教學,尤其適用于學生水平參差不齊、學生自控能力比較薄弱、課程的應用性比較強的教學。教師在觀察學生、幫助學生的過程中,開闊了視野,提高了專業水平。充分地展示了現代職業教育“以能力為本”的價值取向,使課堂教學的質量和效益得到更大幅度的提高。可以說,項目教學法是師生共同完成項目,共同取得進步的教學方法。它是在模擬企業真實的工作過程中,用行為來引導學生、啟發學生的學習興趣,讓學生在團隊中自主地進行學習,培養學生的多種能力,使學生掌握的知識與企業的需求更加接近,我們將繼續在實踐教學中深入探討項目式教學法,與企業加強聯系,累積真實項目素材,進一步完善適合高職特點的教學方法。

網站設計與制作論文:藏飾商務網站設計與制作

1　電子商務

電子商務（Electronic　Commerce，EC）是一種新型的電子方式的商務貿易活動，它與傳統的商務貿易活動相比，既有相似之處，又有明顯的區別．電子商務可以簡單地解釋為：利用便利、快捷和低成本的電子信息技術和手段進行的商貿活動．目前大家所討論的電子商務主要是利用EDI（電子數據交換）和Internet（因特網）來完成的．因此，也可以說電子商務是計算機網絡技術在商務活動中的應用［1］．一般而言，電子商務包括生產、流通、分配、交換和消費等環節中所有活動的電子信息化處理．電子商務活動包括通過互聯網進行的交易和商務活動、通過增值網絡進行的電子交易和服務（如通過EDI進行采購和報關等），以及通過連接企業或機構的計算機網絡發生的交易和服務．中國的電子商務已經出現“多元化”發展趨勢，專業化行業網站將有一個迅猛的發展，符合區域發展特色的電子商務、綜合的電子商務生態系統也將得到快速發展、電子商務的國際化將受到高度關注．因此，作者設計并實現了藏飾品電子商務網站，為發展本區域民族特色經濟具有實際意義．

2　網站整體功能

2．1　建站目的

建設藏飾品電子商務網站的目的是為了擴大藏族文化在電子商務領域的影響力，打造一個具有地域風情、具有西藏、青海藏族風情特色、具有民族文化氣息的藏族飾品電子商務平臺，旨在改進傳統的藏族飾品銷售方式，將先進的、基于互聯網的電子銷售方式融進藏飾品的銷售中去，讓更多的藏飾品生產廠家獲得更大的效益和影響力，讓他們認識到做基于Web的電子商務的重要性和必要性，使整個有關藏族特色的電子商務在互聯網上繁榮昌盛，最終為大力發展區域民族特色經濟助一臂之力．

2．2　網站平臺

在該設計中，作者選用的是ASP應用服務器技術和SQL數據庫的組合方式．ASP全名Active　ServerPages，意為“動態服務器頁面”，是微軟公司開發的代替CGI腳本程序的一種應用，它可以與數據庫和其它程序進行交互，是一種簡單、方便的編程工具，利用它可以產生和運行動態的、交互的、高性能的WEB服務應用程序．ASP采用腳本語言VB　Script（Java　script）作為自己的開發語言．

2．3　網站架構

本網站架構采用B／S模式．B／S（Browser／Server）結構即瀏覽器和服務器結構，它是隨著Internet技術的興起，對C／S結構的一種改進的結構．在這種結構下，用戶工作界面是通過WWW瀏覽器來實現，極少部分事務邏輯在前端（Browser）實現，但是主要事務邏輯在服務器端（Server）實現，形成所謂三層3－tier結構．相對于C／S結構屬于“胖”客戶端，需要在使用者電腦上安裝相應的操作軟件來說，B／S結構是屬于一種“瘦”客戶端，大多數或主要的業務邏輯都存在服務器端，因此，B／S結構的系統不需要安裝客戶端軟件，它運行在客戶端的瀏覽器之上，系統升級或維護時只需更新服務器端軟件即可，這樣就大大簡化了客戶端電腦載荷，減輕了系統維護與升級的成本和工作量，降低了用戶的總體成本．

2．4　藏飾品

建設藏飾品商務網站旨在展示和銷售藏民族特色商品．首先，藏族的特色體現在他們的衣著也即藏袍中，因此必須設立一個衣服（藏袍）的商務單元；其次，在藏民族同胞穿著的藏服中，一般掛有藏民族特色的飾品，而且藏族首飾以其特殊的民族文化、神秘的文化背景強烈吸引著消費者，所以第二個商務單元確立為首飾；再次，藏民一般游牧于大草原中，而他們的家也隨著家族的游牧而搬遷，所以藏族人的住所、住所里擺放的家具、使用的器皿也別具特色，那么由此確立第三、四個商務單元分別為：家具和器皿；另外，“扎西德勒”是藏語中的“你好”的意思，通常藏族同胞對外胞表示友好和贊賞時對他說“扎西德勒”，同時敬獻上藏族的特色禮物哈達，所以將哈達作為第五個商務單元；最后，“唐卡”是藏族的一種壁畫藝術，藏族壁畫中包含有藏族的歷史和藏族的文化等元素，是藏民族的精神領袖，所以選壁畫作為第六個商務單元．

3　網站建設

3．1　Web站點建設

作者通過Adobe　Dreamweaver　CS3建立了該站點，具體步驟為：執行“站點／新建站點”，在彈出的對話框中建立一個“服務器模型”為“ASP　Vbscript”、“訪問類型”為“本地／網絡”、“測試服務器文件”為“D：＼藏飾品電子商務網站”的站點．完成了這一步，以后制作的網頁文檔就保存在所建的站點中，并上傳到測試服務器．

3．2　數據庫創建

一個基于B／S模式的網站僅有瀏覽器是遠遠不夠的，必須要有服務器的支持才能被稱為B／S，因此使用SQL　SEVER　2000來作為數據庫系統的支持．具體步驟為：安裝并打開SQL　SEVER　2000數據庫，在數據庫中新建一個名稱為“My　EC”（數據庫名稱的命名沒有硬性的要求，EC即電子商務）的數據庫，并分別新建“用戶表”、“后臺管理員表”以及如上所述的6大商務單元表．這些不同的表分別完成不同的功能，用戶表完成添加、查詢、修改、刪除等用戶信息的功能；后臺管理員表用于保存后臺管理員的用戶名和密碼等的相關信息；6大商務單元表則動態鏈接到Browser（瀏覽器）中，修改了數據庫中的表就同樣修改了瀏覽器中的商務單元的相關屬性和方法，商家在進行對商品的進、存、銷的操作時，直接操作數據庫中表的元素就可以了，不必對前臺進行修改．

3．3　網頁布局設計

WEB站點和數據庫搭建好以后，進一步的操作就是網站布局設計．在Adobe　Dreamweaver　CS3中設計網頁時，首先要對網頁進行整體的布局，具體步驟為：在“查看／表格模式”菜單命令項，選中“布局模式”，在“插入”欄中會出現繪制布局表格的圖標，單擊“繪制布局表格”，繪制一個寬度為985的布局表格，使之居中對齊，然后在該布局表格中，分別繪制出導航、LOGO、圖片布局及功能等布局表格，如圖1所示．

3．4　數據庫的連接

網站布局設計完成以后，便要實現網站功能與數據庫系統的連接了，在Adobe　Dreamweaver　CS3中，是通過表單和SQL　Sever數據庫進行連接的．要實現用戶的登陸功能，首先在Login．asp文件中新建一個表單，以便將表單中的數據傳輸到數據庫服務器中，在表單中分別新建兩個文本域和兩個按鈕，用于傳輸用戶所輸入的數據至數據庫服務器中．建好表單以后，開始配置Microsoft　ODBC　SQL　Server　DSN，在“綁定”中綁定查詢的記錄集，連接到已建立好的DSN上，查詢過程中使用的是SQL語句進行查詢SELECT ＊FROM　dbo．denglu，單擊“測試”，如果能正確顯示出數據庫中的基本信息，則說明SQL語句無差錯，記錄集綁定成功.

3．5　用戶登陸功能的實現

要實現用戶的登陸功能，在服務器行為中添加一個插入記錄，連接到綁定的DSN中，插入到數據庫的用戶表中，每個文本域分別對應不同的字段名，登陸成功跳轉至登陸成功界面，登陸未成功則跳轉至登陸未成功界面．在瀏覽器的登陸頁面，為提醒用戶保護好自己的用戶名和密碼，可以加入相關的提醒．如果用戶登陸是在數據庫實現查找功能，那么用戶注冊則是在數據庫中實現插入功能．在頁面右下角的文件中新建一個Register．asp注冊頁面，新建表單放入應放的文本域textfield1、2、3、4、5，插入button1和2，綁定記錄集到數據庫中的用戶表，單擊服務器行為選擇插入記錄，將依次的文本域插入到數據庫依次的表中去，再將But－ton1的名稱改為“注冊”，選為“提交表單”，便完成了由表單向數據庫插入記錄的功能．

3．6　網站后臺功能

本藏飾品電子商務網站還設計了后臺程序，供網站管理人員來管理網站商品的基本信息，只需要用所提供的管理員帳號和密碼即可進行網站后臺功能的使用．后臺管理系統提供兩種基本功能，一是Insert插入功能，一是Update修改功能，即向數據庫中插入商品信息和修改商品信息．鍵入帳號和密碼進入后臺管理系統，在Adobe　Dreamweaver　CS3中，只需在綁定了記錄集后，將服務器行為設置為插入數據，那么這個選中的表單就能從文本域中向數據庫中添加數值了．完成這步，藏飾品電子商務網站的基本框架都已全部完成，再進行具體的網站建設操作就可以了，例如設置圖片大小格式、設置網頁布局頁面規范、美觀以及設置網頁效果人性化等等．最后在完成了與數據庫的連接以后，將數據庫中的文件存入根目錄的Data文件夾中，將網站的后臺文件存入根目錄的Admin文件夾中，將圖片文件存入根目錄的Img文件夾中，網站的主文件保存入根目錄中即可．

4　數據庫中表和商品的關系

該藏飾品電子商務網站只集成了六款商品的交易，如果商戶有新的商品項，可以隨時添加．針對六款商品，建了6個數據庫表來存放相應的商品項，分別是：dress表、shoushi表、jiaju表、qimin表、hada表和bihua表．表中現已分別有了現成的“商品”，并且每款商品都有各自的圖片在瀏覽器中顯示．商品號、商品名稱、商品描述、商品單價和庫存量都顯示的是數據庫表中的數值，也就是數據庫中的“商品”，商戶如果有新的商品上架，只需要在數據庫表中修改相應選項，不必要在瀏覽器端修改，如果一件商品被成功交易，商戶即在數據庫中刪除相應數據庫表中的值即可，不需要在瀏覽器端進行刪除［2］．

5　數據庫中表和交易的關系

用戶在確定購買以后，在收獲信息的頁面中填寫相應的信息（如圖2所示）．如收貨人的省分、城市、區縣、郵政編碼、街道地址、收貨人姓名、手機號碼等信息，用戶輸入的值，會傳到數據庫的中shouhuo表中．商戶只需要查看shouhuo表中的信息，就可以確定發貨信息，從而根據此信息給顧客發貨．這樣便完成了電子商務交易中的“買賣”工作．

6　結束語

該藏飾品電子商務網站實現了瀏覽器與數據庫的動態鏈接；網站整體布局合理，頁面整體風格簡潔明了；設計中所有素材均精心收集并經過PhotoShop加工；在一定程度上實現了后臺管理功能．但是，與專業的電子商務網站相比，該網站并不完全成熟，尚有待改進．例如，在用戶登陸功能方面，可以加入更詳細的用戶信息和更人性化的權限登陸條件；在數據庫設計中，可以加入更貼近現實社會、更準確的數據完整性；在購物車功能中，實現網銀功能等等．作者在將來的設計中，會逐步實現．

網站設計與制作論文:網站設計與制作教學模式探討

一、課程教學模式的研究

1．以實際工作過程為主線

無論是課程內容的選取，還是教學內容的組織，始終圍繞實際網站設計與制作工作的過程及內容，以實際工作流程為教學內容和教學組織順序，將課程融于實際工作需求中，突出了技能和素質的培養。

2．工作任務的真實性

課程實訓中提交給學生的實訓企業資料，均是以來自于實踐一線的真實業務為基礎，經過校企雙方精心組織挑選。要求學生完成網站調研、網站建設方案書的撰寫、網站的設計與制作等，與實際網站設計與制作崗位的工作情況完全相同。因此通過完成相應的任務而讓學生掌握的相關知識、操作方法和操作技能，真實地反映了網站設計與制作崗位的能力和素質需求。

3．“教學做”合一

在課程教學中以學生為主體的工作導向式教學，教學的主線是指導學生完成實際網站設計與制作業務操作與管理工作，引導學生通過實踐來掌握操作方法和技能，通過操作來學習相關知識，從而將教、學、做有機地結合，突出教學的職業性、實踐性特點。通過以上教學模式的創新，成功地將網站設計與制作崗位搬上了課堂，從而真正做到讓學生通過該課程樹立企業網絡形象觀念，掌握網站設計與制作工作的基本流程、步驟、內容及操作方法，具備獨立完成一個小型企業的網站設計與制作工作的能力。

二、課程教學方法和手段

在課程教學中靈活運用了多種教學方法和手段，增強了學生學習的興趣，提高了學生學習的主動性和積極性。

1．教學方法的選擇和使用

結合課程的性質和要求，我們采用了案例教學法、任務驅動法、角色扮演法、現場調研、仿真學習和作品展示法開展教學活動。

(1)案例教學法

在教學中，我們與企業合作，由企業提供典型的網站設計與制作案例。在具體的教學活動中，通過組織學生進行問題分析、相互解答和自由互辯，再由教師和企業兼職教師共同引導，由此掌握不同類型網站建設的方法和技巧。

(2)任務驅動法

在教學過程中，基于資訊、決策、計劃、實施、檢查、評估六步法，我們組織學生每6人成立一個虛擬的網站建設公司，設置各工作崗位，包括美工、程序等真實崗位，并在內部實現輪崗交替，讓學生能夠在教師的指導下按照真實工作任務的要求完成每個學習情境的學習任務。

(3)角色扮演法

學生在虛擬網站企業中分別扮演網站設計師、程序員、網站美工、匯報人等不同的角色，在不同的學習情境中進行角色轉換，使學生在情境模擬、循環和反復的過程中，加深對網站設計與制作工作任務的理解，提升操作與管理能力。

(4)現場調研

根據學習的需要我們安排學生分小組進入真實企業進行現場調研，或者邀請企業兼職教師進校講解分析，學生根據調研得出網站建設的目標，完成網站建設方案書，設計并制作網站，提升學生吃苦耐勞、團隊協作、溝通交流等素質。

(5)仿真學習

電子商務專業配有仿真實訓室和創業實訓室，實訓室配以公司真實的經營環境，為學生提供真實的電子商務企業經營的過程。學生可以通過組成公司，以輪崗分流、小組間對抗等方式，獲得電子商務企業經營的寶貴經驗。每個學習任務在實訓室實現仿真訓練，學習內容、學習過程、學習環境均與實際工作保持一致。

(6)作品展示法

在教學中組織學生欣賞往屆學生的作品，激賞學生的學習興趣，并在任務進行到一定的程度時，舉辦班上同學的作品展示，讓班上同學相互欣賞、由企業兼職教師討論并分析作品的優點和不足之處。通過作品展示法，學生可以通過對比，了解自己作品的優點和不足之處，同時加強了網站評估的能力。

2．教學手段

針對如何有效開展教學活動，我們采用了校企聯合授課、舉辦專題講座、通過多媒體化、信息化、網絡化組織教學和通過舉辦技能競賽開展教學。

(1)校企聯合授課

課程實行“雙課程組負責人”制，企業專家與校內專職教師共同擔任課程開發的負責人。企業專家參與課程的開發設計并承擔學習任務設計工作，企業人員擔任指導教師參與實踐學習，學時比例達50%以上，課程組專兼職教師比例為1∶1。此外，由于網站設計與制作工作涉及到Photoshop廣告設計、網頁設計與制作、數據庫等多方面的知識與技能的學習和運用，本課程整合校內外教學資源，采取校企聯合授課的形式組織教學，受到學生好評。

(2)舉辦專題講座

教學中定期邀請企業專家為學生開展專題講座，向學生講解職業生涯中的精彩案例，通過分享經驗、帶來新鮮的工作任務，提高學生對網站設計與制作工作崗位的了解和熱愛。

(3)多媒體化、信息化、網絡化教學

教學中利用實訓室，讓學生在仿真的職場環境中實踐。同時，我們在校園網上建立了動態網站設計與制作課程的課程網站，上傳了豐富的教學資源，包括:1)完備的教學文件，包括教學大綱、任務單、實訓教材、電子教案等。2)教材中配套練習題及參考答案，理論及實務考試樣題、參考答案，以滿足不同層次學生的自主學習需求。3)輔助教學資源，包括與本課程有關的以音頻、視頻、文檔等多種形式表現的教學輔助資料，如網站設計與制作、網頁特效技能操作的示范錄像、電子商務相關的從業資格考試的近期考試信息等。4)課程剖析，包括課程的定位、課程設計理念與思路、教學內容及組織、教學方法手段等。5)教學展示，包括主講教師的相關資料、各界對課程評價、工學結合的項目作品等。學生還可以通過課程網站自主學習。學生可以在實地調研之后，利用網絡輔助查找未了解的資料，完成資訊、計劃等環節，提高學生學習的自主性和效率。

(4)技能競賽

將行業技能競賽和專業技能競賽納入素質拓展平臺，以賽促學極大地提高了學生的學習積極性，通過舉辦主題網站設計等比賽，加深了學生對專業的認識，提高了學生對知識的理解和對技能熟練度的操作，另外，通過鼓勵學生積極參加全國電子商務專業大賽，增強了學生的應變能力和創新能力。

三、實施中的反思和總結

在這幾年的教學過程中，筆者發現以上教學方法和手段，雖然很多課程都在提倡或是已經在教學中使用，但不同的課程都具有各自的課程特色，同樣的教學方法，在具體實施過程中可以產生出不同的具體實施手段，讓其發揮出更大的功效。例如:

1．校本教材的編訂和使用

校本教材的編訂和使用，對課程改革成果的沖擊是巨大的和顯著的。以筆者的親身感受來講，與企業共同編訂的校本教材，加上配套使用的任務單，是針對學校現狀、學生實際情況編訂出來的，因此工作過程更加符合實際情況，也更加具有工作過程系統化的特色。通過任務單來引導工作過程，配合校本教材中的知識點和技能點，更加有利于學生進行系統化學習。

2．小組學習討論法和二人搭檔檢查法相互配合使用

在學習過程中，我們需要組織學生分成小組進行問題的討論和解決，這主要是為了鍛煉學生分析問題、解決問題的能力，以及增進團隊協作意識。但是小組學習討論法的缺點便是不能完全做到點對點交流，個別人容易產生怠倦的情緒，甚至有人“濫竽充數”。在這些年的教學過程中，針對動態網站設計與制作課程筆者發現，課程因為需要進行程序編寫和調試，大量的代碼容易讓人產生視覺疲勞，因此許多學生在課程中容易產生眼酸、眼疲勞等情況，加之程序代碼枯燥無味、人與人之間缺少交流，許多學生容易產生學習疲勞。另外小組長個人工作壓力大，很難督促全組人員的學習進度，不能保證學習質量和學習效果，因此單純的小組學習討論法并不能有效地推動全班的學習進度。針對這種情況，筆者嘗試讓每位同學都在另一個小組尋找一位搭檔，兩人相互共同學習和檢查。學習過程中，每個小任務在指定的時間內，先由自已獨立思考和完成，然后搭檔雙方都交換位置，由搭檔來檢查對方的完成情況并進行糾錯，這種方法一方面學生讓起立活動了筋骨，另一方面由他人的視角來檢查問題往往更加能夠一針見血，效果加倍。同時，一對一的搭檔學習即保證了學習質量，也增進了同學之間的友誼。此外，這種搭檔學習方法能夠減輕小組長的工作壓力，不論是學習、檢查和評價，兩人的雙向交流都是及時的、認真的和有成效的。在動態網站設計與制作課程中，小組學習討論法和二人搭檔檢查法是卓有成效的。

3．合理的設計知識歸納和總結

在教學活動中要培養學生知識歸納和總結的習慣，是必不可少的。在《動態網站設計與制作》課程的學習任務中，每個情境都設計了對應的小任務，每次任務在檢查和評價之后，由教師或是小組長帶領同學先進行本次任務的知識歸納，總結學到的知識和技能，再進行本次任務的感受總結，例如任務中是因為粗心打錯字符而導致程序調試失敗等原因，最后是教師對學生在本次任務中的表現進行評價。通過每次任務都進行相應的知識歸納和總結，有效地對學生的知識做了系統化整理，并加深了對知識和技能的理解。

四、結語

筆者經過這幾年不斷累積教學經驗，已經完成了校本教材和配套任務單的編訂，并且逐步摸索出適合本課程的教學模式、教學方法和手段，同時也意識到，教師課堂氣氛的駕御能力對提高學生的學習興趣是非常重要的，這需要教師經驗豐富、知識淵博，并且自身詼諧風趣，才能更好地促進課堂教學氣氛。因此，除了尋找更加適合課程特色的教學方法和手段，教師也需要提高和加強自身綜合素質，才能更加勝任高職教師的崗位。

作者：郝靜楊波單位：湖北工業職業技術學院經濟貿易系

網站設計與制作論文:計算機組成原理CAI教學網站設計與制作

摘要：本文設計的計算機組成原理課程教學網站采用了目前流行的.net技術，在網站中引入了Web Services、XML等具有良好擴展性的技術，頁面布局采用DIV+CSS，利用訪問數據庫。網站教學內容設置雙語教學部分，并利用flash技術建立虛擬實驗室，模擬實際實驗環境。該網站適應現代教育的需要，對教師的教學改革及促進學生的自主學習有積極的意義。

關鍵詞：計算機組成原理；CAI教學網站

1 引言

計算機組成原理是計算機專業的一門核心專業基礎課程，本課程內容較多、涉及面廣、實踐性強、難度較大。通過制作計算機組成原理CAI教學網站可以幫助相對容易達到教學目的。計算機組成原理CAI教學網站的實現采用WEB技術將文字、聲音、圖形、動畫等溶入到教學模式中去，從而使計算機組成原理中抽象的和難以體會的概念等變得生動形象起來，加深和加快了對該門課程的理解。將網站應用于教學可以充分調動學生學習的主觀能動性，提高學生求知欲，同時能使教師及時掌握學生在學習過程中所遇到的難題和存在的問題，增大教師與學生之間的溝通，從而取得良好的教學效果。

2 教學設計

針對計算機組成原理課程的特點，教學主要內容包括計算機組成原理理論教學部分、實驗教學部分、典型例題及分析、綜合在線測試、學習輔助資源、師生互動等。設計指導思想是改變傳統上以“教” 為中心的教學模式，真正實現以“學” 為中心，充分發揮學習者的主動性和創造性。實現的方式采用“知識點+實驗+典型例題+學習討論”的教學方式，使學生掌握計算機組成原理的基本概念和相關設計技術，建立起整機概念。

3 教學網站制作

教學網站制作工具采用Visual Studio .NET 2005,后臺數據庫采用SQL Server 2000,實現的計算機組成原理CAI教學網站除后臺維護外各部分如下：

3.1 理論教學部分

學習網站不僅僅是需要給予一種視覺效果，更重要的是教學內容的設計，包括分解計算機組成原理教學目標、制定教學策略、保持知識的系統性和完整性等。本教學網站在教學內容上增加雙語教學部分，該部分主要包括雙語教案，雙語試題，雙語視頻及閱讀材料。采用DIV+CSS以及母板頁技術進行頁面布局，界面設計上美觀大方、層次清晰、重點集中、視點明確。

3.2實驗教學部分

實驗教學環節是該課程的必須且非常重要的一個環節，為了便于學生更好的理解和掌握計算機內部運作的真實情況，本教學網站采用flash設計了虛擬實驗室，對主要實驗如運算器、控制器、存儲器及整機實驗提供演示及交互操作功能。

3.3 典型例題及分析

作為一門專業基礎課程要求學生必須掌握一些典型題目的解題方法，這樣對于靈活掌握以及深入理解所學的知識點是很有必要的。本教學網站采用flash設計了各個章節典型例題及解題分析。

3.4 綜合在線測試

該模塊實現學生學習該課程后的一個考核，能夠幫助學生了解自己的學習情況。測試系統分章節測試和總體測試，測試題型包括選擇、填空、計算及綜合設計，試卷中的題目按知識點分布，采用XML技術組織知識點。選擇題自動判斷答案對錯、其它題型給出參考答案及分析。

3.5 學習輔助資源

教學網站上提供流媒體教學視頻、資料下載、課程相關其它站點鏈接。

3.6 師生互動

該模塊實行權限管理，用戶注冊登陸后，會看到的各種信息目錄，通過點擊查看進入，可以查看到具體的信息以及老師或者其他學生回復此問題的內容。若問題指定某人答復，則只有該用戶能看到并答復此問題。

4 主要實現技術

4.1 技術

完全基于模塊和組件，具有更好的可擴展性和可定制性，具有速度快、便于部署及應用升級、代碼與內容分離、方便構建和使用WEB服務等優點。由于和.NET遠程處理建立在.NET Framework 之上，因此可以使創建XML、Web Services變得更為容易。

4.2 流媒體技術

流媒體是一種新的媒體傳送方式，它解決了音頻、視頻等媒體信息在計算機網絡中的實時傳輸問題,它將整個A/V及3D等多媒體文件經過特殊的壓縮方式分成一個個壓縮包，由視頻服務器向用戶計算機連續、實時傳送。流媒體技術適合在相對低帶寬的網絡環境下實現網絡課程的實時播放和錄播課程的傳輸，因此可以將流媒體技術運用于教育領域實現對學科資源的制作、傳播和管理。

4.3 Flash動畫技術

Flash 是一種創作工具，它強大的動畫編輯功能使得設計者可以隨心所欲的設計出高品質的動畫,通過Action和FS Command可以實現交互性,使Flash具有更大的設計自由度，所生成的動畫文件(.swf)一般占的字節數小，從而可以實現快速下載，在打開網頁很短的時間里就能得以播放。

5 教學網站特色

5.1 采用多種先進的技術手段

該網站將計算機組成原理的基本概念、基本原理、基本方法以文本、圖形、聲音、動畫、視頻等多種媒體的形式表現出來，用最新的網頁開發工具Visual Studio .NET與后臺數據庫SQL Server的結合實現動態交互、在線測試、虛擬實驗室，從而使學生將抽象的計算機組成原理的學習變得形象輕松；通過虛擬部件及整機實驗，使得沒有實驗條件的個人也能獲得實際操作技能的提高。

5.2 后臺維護方便

該教學網站提供了一個界面友好、操作方便的后臺維護平臺，教師通過該平臺可對相關資源進行增加、刪除、修改，從而避免隨著時間的推移造成部分內容老化的現象。

6 結束語

本文描述了基于的計算機組成原理CAI教學網站設計和實現的過程，對于教學網站系統的研究，具有一定的理論和實踐意義。

網站設計與制作論文:《網站設計與制作》教學環境搭建技巧

信息技術作為一門重要的技術，已經被越來越多的人們所使用。在當今及未來社會，掌握信息技術是人類的一種基本要求。信息技術教育不但可以提高學生的技術素養、促進學生全面發展，而且還能發展學生交流與處理、設計與應用的實踐能力，培養學生的創新精神、創業意識。信息技術教育校本選修課程作為我校開發領域寬闊的選修系列特色課程之一，在積極培養學生的創新實踐能力，促進每位學生全面、和諧、個性地發展，進一步深化素質教育方面發揮著不可或缺的作用。筆者擬就我校信息技術校本選修課《網站設計與制作》教學環境的搭建談談具體做法。

1 課程提出背景與制作工具選擇

隨著社會信息化進程的深入和互聯網的普及，網站日益成為人們交談的話題。各行各業都可以通過網站展示自己、擴大影響，增進與同行的交流合作。

校本選修課有別于常規課堂教學內容，它以學生的興趣為契機，把興趣發展為特長，最終鼓勵學生參加各級各類電腦制作比賽，為學生施展才華爭取更多的展示平臺。其學習評價方式主要有過程觀察、成果展示，作品與課堂表現相結合，課時充足、教學內容廣、知識專業性強。基于以上幾點，我們選用功能強大的Dreamweaver軟件作為網站制作工具。它是集網頁制作和網站管理于一身的所見即所得網頁編輯器，是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。

2 操作素材長期持續存儲

學生經過初期的規劃、設計，確定好自已喜歡的主題和風格后即進入后期的實踐操作過程。一般情況下主題網站制作周期較長，內容具有持續性，每節課都有新的文本、圖片、動畫、視頻等素材增加，還要保證網站中樣式和元素文件合理的路徑。通常的做法是：讓學生交作業給老師保存，然后再發給學生、讓學生自己上傳下載，讓學生自己保存。相信廣大教師都曾面臨著學生素材持續更新存放的問題。以上的做法或多或少會出現操作時間過長、步驟繁瑣、可持續性和穩定性差等缺點。筆者在實踐中，摸索出方便可行的解決方案：架設FTP服務器與DW站點功能結合。

FTP服務器（File Transfer Protocol Server）是在互聯網上提供文件存儲和訪問服務的計算機，用戶可通過客戶機程序向（從）遠程主機上傳（下載）文件。即學生每次操作后素材存放于FTP服務器中，給每個學生設定帳號與密碼，利用FTP權限保護每個用戶的數據安全。筆者采用Serv―U是作為FTP服務器端軟件，簡單易操作。用FTP服務器存儲并不是簡單地讓學生用B/S方式下載與上傳（單線程），這種方式并不能體現出網站素材文件存儲的優越性，碰到大容量文件時，速度慢、易斷線，下載上傳易出錯。DW的自帶站點功能有效地與FTP服務器相結合，它具有多線程FTP傳輸方式，節省上傳大型文件或多文件的時間，能更快速高效地上傳下載網站文件，縮短制作時間。DW提供的站點管理功能，以樹型結構來展示網站的內容分布，從而實現了對站點布局及細節內容的展示及修改，實現本地站點文件與遠程FTP服務器中的文件內容同步更新，傳統Frontpage工具軟件無此功能。

第一種模式是本地站點與FTP服務器對接。①打開DW軟件，點擊菜單“站點”―“新建站點”；②輸入站點名稱（名稱每次可以不唯一）；③使用服務器技術，根據實際需要填寫；④選擇“編輯我的計算機上的本地副本，完成后再上傳到服務器”，設置本地文件夾作為網站位置；⑤連到遠程服務器，選擇FTP方式，輸入FTP地址：10.127.192.200；輸入FTP用戶名與密碼；⑥單擊“測試連接”按鈕，能彈出“已成功連接到您的服務器”對話框，即代表DW軟件與FTP服務器連接成功；⑦后面操作按默認值即可。至此本地站點新建成功，在DW界面右側的文件窗口中（見圖1），單擊向下箭頭即從FTP服務器中獲取本帳戶所有內容并下載至本地站點，文件出現在本地站點中所設的位置文件夾里，學生就可以自如地在本地完成上節課網站制作內容，可在本地及時增添素材信息，調試網站；當本節課制作任務完成后，只需單擊向上藍色箭頭即將本地站點中的所有文件信息自動上傳到FTP服務器。稍等片刻，學生所做的網站內容自動備份至FTP服務器，學生無需擔心信息的丟失和保存。

第二種模式是直接遠程修改網站文件：①打開DW軟件，點擊菜單“站點”―“管理站點”；②點“新建”按鈕，選擇“FTP與RDS服務器”子菜單；③輸入FTP主機：10.127.195.200，主機目錄不要填寫；輸入登陸（FTP帳號），密碼（FTP密碼）；④單擊“測試”按鈕，能彈出連接成功對話框即可（見圖2）；⑤單擊確定，再單擊完成。此時DW右側文件區域出現的內容即為FTP服務器中的內容（見圖3），若要修改某個頁面，雙擊打開，然后直接保存。整個修改過程全在FTP服務器中存取，非常方便。若有大批量文件修改，建議采用模式一，占用服務器資源少。

以上兩種模式均能解決網站文件結構一致性、完整性等問題，根據制作任務不同選擇相應模式，學生只需在DW軟件中設置好站點信息就可以連續制作網站。

3 網站信息瀏覽與作品的評價

考慮到網站制作的通用性、互動性，單純靜態單個頁面已經落伍，交互性強的動態頁面ASP可以實現數據庫信息的讀寫，此時網站的調試瀏覽必須在IIS（互聯網信息服務器）環境下進行，若讓每個學生獨立安裝IIS并配置，技術難度較大。筆者的解決方案是在FTP服務器上安裝IIS，設置一個虛擬目錄，將學生素材存放文件的上級目錄設置為虛擬目錄就可以解決此問題，文件存儲與信息瀏覽一一對應起來（見圖4、圖5），此時學生網站調試的地址如1號同學http：//10.127.195.200：8001/01/，2號同學http：//10.127.195.200：8001/02……因此，作品的展示就顯得非常簡單快捷，學生在校園網上的任何地方都可以看到自己或別人的作品，學生之間可以充分開展自評與互評。

有了以上環境，作品成果展示形式多種多樣，學校科技節、班級主題網站比賽、研究性學習等。舉辦小組展示會，組織全班作品展示，各小組推薦一位代表進行成果匯報，每個小組無需搭建繁瑣網站平臺，直接在校園網上演示他們制作的網站作品，匯報小組各成員完成項目的過程，在設計和制作網站時使用新的方法和技巧。學生之間交流學習過程中的經驗和體會，充分享受成功制作作品的快樂。

筆者采用以上策略很好地完成了《網站設計與制作》教學素材文件持續存儲及動態網頁瀏覽環境的創建工作，解決了《網站設計與制作》的教學環境搭建的問題。實踐證明，采用上述辦法制作網站，有利于教師騰出時間鉆研教學業務，也更能激發學生制作出富有特色的網站作品。

網站設計與制作論文:淺談中職學校《動態網站設計與制作》課程教學

摘 要：動態網站設計與制作課程是中職計算機、電子商務等專業的必修課之一，本文將針對動態網頁制作課程的特點，從動態網頁的開發技術的選擇以及如何上好這門課程兩方面進行探討，旨在提高該課程的教學效果。

關鍵詞：中職；動態網站；教學

中職學生渴望開發網站，但大多對理論學習熱情不高，缺乏鉆研精神，且容易放棄。動網制作既講理論又重實踐，既有概念理解，又有程序設計和應用操作方面的內容。因此一方面是抽象的網站開發技術，另一方面是基礎薄弱、不善思考的中職學生，如何將知識點傳授給學生，讓學生知其然并知其所以然，對教師來說，是一大挑戰。以下是筆者關于中職動態網頁制作課堂教學實踐的幾點看法：

一、動態網站技術的選取――phpStudy++MySQL+Dre-amweaver

教學中選取PHP+MySQL+Dreamweave的經典組合方式，推薦使用PHP調試環境的程序集成包phpStudy，它集成了最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer，一次性安裝，無須配置。同時phpMyAdmin可以通過Web接口簡易管理MySQL數據庫，學生通過瀏覽器的圖形界面就能對MySQL數據庫進行操作。

二、課程內容以綜合項目和分任務的方式開展

《動態網站設計與制作》是一門綜合性課程，在授課過程中采用綜合項目設計形式，以項目或分任務的方式展開課堂教學。將《動態網站設計與制作》課程分解為一個大項目和若干個小任務，學生通過完成一個個任務最后完成較為完整的綜合網站的設計。

三、課程教學應用多種教學方法

（一）使用比較教學法，使學生輕松入門

講解動態網站時，學生沒有服務器和客戶端的概念，會把“動態”網頁理解為有動態的文字或圖片。教學時可做兩個簡單的網站進行比較。如分別做一個靜態的和動態的學生學籍管理網站：網站1是靜態的，只有一個“學生成績”頁面；網站2是動態的，其中包括具有“學生成績”欄目的學生成績詳情頁面、成績的后臺添加、刪除和修改頁面和一個簡單數據庫。老師瀏覽這兩個網站，演示對學生成績條目進行增、刪、改、查的方法。同時具體講解它們的運行機制和網站后期管理中的優缺點。

通過比較教學法講解概念，便于培養學生的總結歸納能力，讓學生理解透徹，又調動學生學習興趣。

（二）使用視覺沖擊教學法，加強學生記憶

將重點簡明扼要地寫在黑板上，加強學生記憶。如動網的制作流程比較固定，“創建數據庫―建站點―制網頁―連接數據庫―綁定記錄集―服務器行為”，學生每節課都看到黑板頂部的字，不知不覺就會記住這樣的流程，在實踐中也會有條不紊的操作。

（三）創設問題情境教學法，啟發學生思考

在講解數據庫字符集和網頁字符集的知識點時，教師可演示用戶名是英文和中文兩種狀態下，網頁可否正常登錄。這時向學生提出問題，為什么數據庫中的記錄是中文，數據庫連接，記錄集綁定都正確，但測試結果不對？引導學生切換到Dreamweaver代碼視圖，找到部分“charset=utf-8”，再解釋字符集的概念，教會學生可將字符集代碼改為“charset=gb2312”，測試正確。

采用創設問題情境教學法，會使學生在整個講解過程中都處于強烈的問題情境中，他們也就會展開充分的想象，他們的思維在廣度、深度上會有一個充分的、自由發揮的空間和余地；因此會獲得意想不到的教學效果。

（四）任務驅動教學法，讓學生有的放矢

所謂“任務驅動”就是老師在介紹有關知識和方法時，首先提出一些與學生的日常學習、生活關系比較密切的任務。

如注冊新用戶，用戶登錄，在引導學生完成任務的過程中，引出相應的教學內容。老師可以先瀏覽一個在線注冊郵箱網站，并且重點演示注冊和登錄部分，瀏覽之后學生在心里可能會產生一個強烈的欲望：自己做一個這樣的系統。接著，老師再按步驟、分任務完成對整個系統的設計，并且重點講解本網站中的一個關鍵任務：數據庫的連接。講解數據庫的連接任務在整個用戶管理系統中的作用及其重要性。

（五）“理論――實踐――反思――理論――實踐”循環往復教學法，使學生牢固掌握知識點

動網中很多知識點，尤其是重難點知識，必須反復講解，反復實踐，來加強記憶和理解，才能收到較好的效果。比如：講解階段變量及語句，應該采用循環往復教學法，反復講解和操作使學生消化、接受。

（六）項目教學法，階段性成果加強自信心

在教學時注意培養學生的成就感，將大的綜合項目分解為一個個小項目。比如：將用戶管理系統分解為登錄注銷、注冊、資料修改和密碼查詢四個模塊，再詳細分解為更小的項目。如將用戶注冊模塊分成四個小任務：1.制作注冊頁面―熟練使用表單制作頁面并實現驗證表單；2.實現注冊頁面填寫信息錄入數據庫―綁定記錄集，添加服務器行為“插入記錄”；3.用戶名不能重復―用戶名驗證，檢查新用戶名操作；4.注冊成功與失敗頁面制作―實現正確跳轉。

四、結束語

總之，這門課程的教學是靈活多樣的，在教學過程中要按照中等職業教育的教學規律和學生認知特點結合教學過程中的實際情況作適當的調整，也可對某些章節內容綜合使用多種教學方法，使教學達到理想的效果。