前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)頁設計與制作主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網(wǎng)頁設計與制作范文

1.1用戶登錄與注冊

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

1.2網(wǎng)站信息公布

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

1.3資源共享資源共享

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

1.4站外資源鏈接

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

2基于PHP和MySQL技術網(wǎng)頁設計與制作類專題學習網(wǎng)站的實現(xiàn)

2.1數(shù)據(jù)庫管理實現(xiàn)

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

2.2信息管理功能

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

2.3資源共享功能

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

3結語

第2篇：網(wǎng)頁設計與制作范文

本文著重分析了《網(wǎng)頁設計與制作》課程教學存在的問題，探索了《網(wǎng)頁設計與制作》課程教學改革的策略，以提高《網(wǎng)頁設計與制作》教學質量。

關鍵詞：

網(wǎng)頁設計與制作；課程；教學改革；策略

隨著互聯(lián)網(wǎng)的發(fā)展，互聯(lián)網(wǎng)已經被廣泛運用到人們的工作和生活之中，其中企業(yè)網(wǎng)站對企業(yè)的宣傳與發(fā)展有著重要作用，網(wǎng)頁設計與制作成為企業(yè)建設網(wǎng)站的重要技術支撐。因此，各企業(yè)積極引入高素質網(wǎng)頁設計與制作人才的，強化企業(yè)網(wǎng)站建設。而高校作為為企業(yè)培養(yǎng)人才的基本場所，十分重視《網(wǎng)頁設計與制作》課程教學的開展，并在新課改背景下積極探索《網(wǎng)頁設計與制作》教學改革的科學方法。但是，由于受傳高校教育模式的影響，《網(wǎng)頁設計與制作》課程教學在學習地位、實踐教學、師生溝通等方面都存在著一些問題需要高校改進。研究《網(wǎng)頁設計與制作》課程教學改革不僅能夠提高教學質量，培養(yǎng)高素質網(wǎng)絡設計與制作人才，而且對企業(yè)發(fā)展和互聯(lián)網(wǎng)發(fā)展有著深刻意義。

1《網(wǎng)頁設計與制作》課程教學存在的問題

1.1學生學習被動

長期以來，我國高?！毒W(wǎng)頁設計與制作》教學多采用理論與實踐課程交替的教學方式，教師為學生講解基本的《網(wǎng)頁設計與制作》理論知識，并為學生進行實踐操作師范，讓后讓學生根據(jù)課堂筆記或一級進行模仿操作。在這種教學模式下，學生的網(wǎng)頁設計與制作處于被動的地位，學生的積極性不高。具體來說，有些學生不愿意聽教師的理論知識講解，有些學生不愿意完成老師的網(wǎng)頁設計與制作作業(yè)，在課堂上出現(xiàn)睡覺、玩手機甚至是曠課現(xiàn)象，學生的專業(yè)基礎知識不扎實，無法將專業(yè)理論知識與網(wǎng)頁設計與制作實踐相結合。

1.2學生動手能力較差

在教師進行示范的時候，部分學生認為教師致使拖動鼠標，具體操作內容沒有難度，不愿意認真觀察教師的示范，而到實踐鍛煉的時候，很多學生對具體的操作步驟不屑一顧，認為網(wǎng)頁設計與制作操作過于簡答。但是當學生真正上手進行網(wǎng)絡設計與制作會發(fā)現(xiàn)自己對操作步驟和操作技巧不了解，無法進行網(wǎng)頁設計與制作。另外，還有些學生的自我意識較強，不愿意按照教師的講解進行網(wǎng)頁設計與制作，而是一味按照自己的經驗和想法設計制作網(wǎng)頁，導致網(wǎng)頁設計與制作的專業(yè)性和科學性不強。

1.3缺乏溝通

首先，在《網(wǎng)頁設計與制作》教學中，教師與學生之間缺乏溝通與互動。一方面，教師缺乏對學生的了解，無法掌握學生的學習現(xiàn)狀、學習興趣和學習需求，《網(wǎng)頁設計與制作》教學只是按照教學大綱和教材開展，缺乏對學生學習需求的重視。并且，很多教師在課堂講解的過程中一味追求講授的知識量，沒有涉及師生互動環(huán)節(jié)，導致學生的課堂參與程度較低。另一方面，學生習慣了傳統(tǒng)的教師權威的師生關系，很多學生在《網(wǎng)頁設計與制作》課程學習的過程中不敢與教師溝通交流，也不敢向教師提問，害怕教師批評和嘲諷；其次，在《網(wǎng)頁設計與制作》教學中，學生之間缺乏溝通與互動，很多學生都是獨自為戰(zhàn)，自行設計并制作網(wǎng)絡，但是，個人的知識和智慧是有限的，個人設計與制作網(wǎng)頁受到知識水平和專業(yè)技能的限制較大。

2《網(wǎng)頁設計與制作》課程教學改革的策略

2.1重新定位課程教學標準

首先，高?！毒W(wǎng)頁設計與制作》教學應積極重視企業(yè)的用人標準，在《網(wǎng)頁設計與制作》教學中重點培養(yǎng)學生的職業(yè)素養(yǎng)、團隊精神、審美能力、美術功底、計算機技能等基礎能力和素質；其次《網(wǎng)頁設計與制作》教學應加強重視課程教育目標，根據(jù)新課改的課程教學要求強調學生創(chuàng)新思維和動手操作能力的培養(yǎng)，使學生具備網(wǎng)頁正當年規(guī)劃與構建能力、網(wǎng)頁圖形設計能力、動畫設計和制作能力等。

2.2優(yōu)化教學內容

《網(wǎng)頁設計與制作》課程教學應根據(jù)教學大綱和企業(yè)的用人要求科學設計教學內容，將教學內容氛圍Web基礎知識、Fireworks、Flash、Dreamweaver這四個模塊。具體來說，Web基礎知識模塊主要包括網(wǎng)絡常用名、網(wǎng)頁瀏覽器、網(wǎng)頁設計原則等基礎知識。Fireworks主要包括基礎知識、基本操作技能和高級應用。Flash主要包括基礎知識、基本動畫制作技巧和高級技術等內容。Dreamweaver主要包括基礎知識、網(wǎng)頁定位技術、動態(tài)網(wǎng)頁設計、網(wǎng)頁站點管理、數(shù)據(jù)庫連接技術等知識。

2.3更新教學模式

高校《網(wǎng)頁設計與制作》課堂教學應積極更新教學模式，采用班級授課制、網(wǎng)絡教學、個別化教學等模式開展課堂教學。并且，教師應積極運用高校的多媒體設備，讓每個學生在課堂上擁有一臺計算機，并使用多媒體技術向學生全面展示教學內容，指導學生的網(wǎng)頁設計與制作，加強學生的動手練習。另外，高?！毒W(wǎng)頁設計與制作》教學應積極利用網(wǎng)絡中的教學資源，將網(wǎng)絡中的教學資源引入到教學活動中，以視頻、圖片等形式向學生展示網(wǎng)頁設計與制作技巧，提高《網(wǎng)頁設計與制作》教學的吸引力。

引用：

[1]《網(wǎng)頁制作》課程實踐教學模式的探索與設計[J].薛輝.電腦與電信. 2016(Z1)

第3篇：網(wǎng)頁設計與制作范文

本文著重分析了《網(wǎng)頁設計與制作》課程教學存在的問題，探索了《網(wǎng)頁設計與制作》課程教學改革的策略，以提高《網(wǎng)頁設計與制作》教學質量。

關鍵詞：

網(wǎng)頁設計與制作；課程；教學改革；策略

隨著互聯(lián)網(wǎng)的發(fā)展，互聯(lián)網(wǎng)已經被廣泛運用到人們的工作和生活之中，其中企業(yè)網(wǎng)站對企業(yè)的宣傳與發(fā)展有著重要作用，網(wǎng)頁設計與制作成為企業(yè)建設網(wǎng)站的重要技術支撐。因此，各企業(yè)積極引入高素質網(wǎng)頁設計與制作人才的，強化企業(yè)網(wǎng)站建設。而高校作為為企業(yè)培養(yǎng)人才的基本場所，十分重視《網(wǎng)頁設計與制作》課程教學的開展，并在新課改背景下積極探索《網(wǎng)頁設計與制作》教學改革的科學方法。但是，由于受傳高校教育模式的影響，《網(wǎng)頁設計與制作》課程教學在學習地位、實踐教學、師生溝通等方面都存在著一些問題需要高校改進。研究《網(wǎng)頁設計與制作》課程教學改革不僅能夠提高教學質量，培養(yǎng)高素質網(wǎng)絡設計與制作人才，而且對企業(yè)發(fā)展和互聯(lián)網(wǎng)發(fā)展有著深刻意義。

1《網(wǎng)頁設計與制作》課程教學存在的問題

1.1學生學習被動

長期以來，我國高校《網(wǎng)頁設計與制作》教學多采用理論與實踐課程交替的教學方式，教師為學生講解基本的《網(wǎng)頁設計與制作》理論知識，并為學生進行實踐操作師范，讓后讓學生根據(jù)課堂筆記或一級進行模仿操作。在這種教學模式下，學生的網(wǎng)頁設計與制作處于被動的地位，學生的積極性不高。具體來說，有些學生不愿意聽教師的理論知識講解，有些學生不愿意完成老師的網(wǎng)頁設計與制作作業(yè)，在課堂上出現(xiàn)睡覺、玩手機甚至是曠課現(xiàn)象，學生的專業(yè)基礎知識不扎實，無法將專業(yè)理論知識與網(wǎng)頁設計與制作實踐相結合。

1.2學生動手能力較差

在教師進行示范的時候，部分學生認為教師致使拖動鼠標，具體操作內容沒有難度，不愿意認真觀察教師的示范，而到實踐鍛煉的時候，很多學生對具體的操作步驟不屑一顧，認為網(wǎng)頁設計與制作操作過于簡答。但是當學生真正上手進行網(wǎng)絡設計與制作會發(fā)現(xiàn)自己對操作步驟和操作技巧不了解，無法進行網(wǎng)頁設計與制作。另外，還有些學生的自我意識較強，不愿意按照教師的講解進行網(wǎng)頁設計與制作，而是一味按照自己的經驗和想法設計制作網(wǎng)頁，導致網(wǎng)頁設計與制作的專業(yè)性和科學性不強。

1.3缺乏溝通

首先，在《網(wǎng)頁設計與制作》教學中，教師與學生之間缺乏溝通與互動。一方面，教師缺乏對學生的了解，無法掌握學生的學習現(xiàn)狀、學習興趣和學習需求，《網(wǎng)頁設計與制作》教學只是按照教學大綱和教材開展，缺乏對學生學習需求的重視。并且，很多教師在課堂講解的過程中一味追求講授的知識量，沒有涉及師生互動環(huán)節(jié)，導致學生的課堂參與程度較低。另一方面，學生習慣了傳統(tǒng)的教師權威的師生關系，很多學生在《網(wǎng)頁設計與制作》課程學習的過程中不敢與教師溝通交流，也不敢向教師提問，害怕教師批評和嘲諷；其次，在《網(wǎng)頁設計與制作》教學中，學生之間缺乏溝通與互動，很多學生都是獨自為戰(zhàn)，自行設計并制作網(wǎng)絡，但是，個人的知識和智慧是有限的，個人設計與制作網(wǎng)頁受到知識水平和專業(yè)技能的限制較大。

2《網(wǎng)頁設計與制作》課程教學改革的策略

2.1重新定位課程教學標準

首先，高?！毒W(wǎng)頁設計與制作》教學應積極重視企業(yè)的用人標準，在《網(wǎng)頁設計與制作》教學中重點培養(yǎng)學生的職業(yè)素養(yǎng)、團隊精神、審美能力、美術功底、計算機技能等基礎能力和素質；其次《網(wǎng)頁設計與制作》教學應加強重視課程教育目標，根據(jù)新課改的課程教學要求強調學生創(chuàng)新思維和動手操作能力的培養(yǎng)，使學生具備網(wǎng)頁正當年規(guī)劃與構建能力、網(wǎng)頁圖形設計能力、動畫設計和制作能力等。

2.2優(yōu)化教學內容

《網(wǎng)頁設計與制作》課程教學應根據(jù)教學大綱和企業(yè)的用人要求科學設計教學內容，將教學內容氛圍Web基礎知識、Fireworks、Flash、Dreamweaver這四個模塊。具體來說，Web基礎知識模塊主要包括網(wǎng)絡常用名、網(wǎng)頁瀏覽器、網(wǎng)頁設計原則等基礎知識。Fireworks主要包括基礎知識、基本操作技能和高級應用。Flash主要包括基礎知識、基本動畫制作技巧和高級技術等內容。Dreamweaver主要包括基礎知識、網(wǎng)頁定位技術、動態(tài)網(wǎng)頁設計、網(wǎng)頁站點管理、數(shù)據(jù)庫連接技術等知識。

2.3更新教學模式

高?！毒W(wǎng)頁設計與制作》課堂教學應積極更新教學模式，采用班級授課制、網(wǎng)絡教學、個別化教學等模式開展課堂教學。并且，教師應積極運用高校的多媒體設備，讓每個學生在課堂上擁有一臺計算機，并使用多媒體技術向學生全面展示教學內容，指導學生的網(wǎng)頁設計與制作，加強學生的動手練習。另外，高?！毒W(wǎng)頁設計與制作》教學應積極利用網(wǎng)絡中的教學資源，將網(wǎng)絡中的教學資源引入到教學活動中，以視頻、圖片等形式向學生展示網(wǎng)頁設計與制作技巧，提高《網(wǎng)頁設計與制作》教學的吸引力。

引用：

[1]《網(wǎng)頁制作》課程實踐教學模式的探索與設計[J].薛輝.電腦與電信. 2016(Z1)

第4篇：網(wǎng)頁設計與制作范文

【關鍵詞】網(wǎng)頁設計;網(wǎng)頁教學;課程探索

一、對該門課程的簡單論述

“網(wǎng)頁制作與設計課程”的先修課程《計算機文化基礎》，后續(xù)課程是《ASP、NET程序設計》。因此，它是一門承上啟下的課程。學習的過程是循序漸進的，前期打下良好的基礎可以為后期的學習鋪磚引路，而且它是一門重要的專業(yè)課程，目的在于培養(yǎng)今后從事小學信息技術教學和學校信息化教育教學的管理者和維護者，從事網(wǎng)站建設相關的工作。它要求學生了解網(wǎng)站和網(wǎng)頁的本質，理解網(wǎng)站建設基本工作流程并熟練掌握網(wǎng)頁制作工具軟件的使用，例如Dreamweaver軟件、HTML和CSS等技術。學習該門課程知識面是必須的，但是還要求學習者有能力和綜合素質，所謂的能力大致指能夠合理規(guī)劃主題網(wǎng)站以及進行團隊合作完成任務等，并且要求學生具有分析問題和解決問題的素質。

二、對該門課程教學思路的轉變

1.理論與實踐相結合擴展素質。眾所周知，計算機是一門動手能力要去較高的學科，過去的課堂要求老師手把手教學帶動學生，而且教師上課大部分講的都是理論知識，內容顯得過于空乏，扼殺了學生的學習興趣。但是隨著互聯(lián)網(wǎng)及計算機技術的普及，大部分高校目前都可以維持“一人一機”的局面，在教學過程中，不應是教師一個人的舞臺，教師因鼓勵學生放心大膽的去創(chuàng)新，大刀闊斧的實施自己的想法，例如在“網(wǎng)頁設計”的實踐課中要求建設自己的專屬網(wǎng)站，不同的同學他們的想法肯定是不同的。這時教師因當向同學提供幫助，詢問他們的想法，給予援手完成他們的設計。也可讓學生們成立興趣小組，通常以2人或者3人為一組進行課程實踐，這樣不僅有助于培養(yǎng)他們的動手能力，更有利于養(yǎng)成互幫互助的好習慣。2.培養(yǎng)學生養(yǎng)成終身學習的好習慣。“網(wǎng)頁設計與制作”是一門生活中的學科，處于信息時代的浪潮之中，信息不斷的交替，學習范圍日新月異。尤其是計算機學科，與生活息息相關，網(wǎng)上購物、上網(wǎng)沖浪、瀏覽文件，都離不開互聯(lián)網(wǎng)的功勞。當前的大型公司，如淘寶、京東、蘇寧等，也都推出了自己的網(wǎng)上平臺。學生的眼光應當放長遠些，學習這門學科，應當了解該學科的就業(yè)形勢，清楚的了解到自己以后可以干什么，從事哪一行業(yè)。教師也應當在學習過程中給學生講一些自己對該門課程發(fā)展前景的看法，給學生提出一些建議，學生在了解到自己的目標后，應當會更加奮發(fā)努力地向著未來的方向前進。互聯(lián)網(wǎng)時代，只有養(yǎng)成終身學習的好習慣，不斷擴充自己對于“網(wǎng)頁設計與制作”課程的理解及知識，才能免于被時代淘汰。

三、教學方式的改進

1.多媒體教學傳遞信息時代。“網(wǎng)頁設計與制作”作為新時代的新興學科，不應該只利用傳統(tǒng)的書本教學方式，而應該利用多媒體技術提供最新的“網(wǎng)頁設計”信息來給學生觀看，并且多媒體教學利用它獨特的放映式方法能讓學生清楚的看到網(wǎng)頁制作的過程，很好與這門課程嵌合。遠程教育的發(fā)達也使學生的學習不必拘泥于課堂，只需要一部手機或者一臺電腦，學生便可自主學習。2.學生考核方式仍需改進。該門課程的考核方式有多項內容組成，由平時成績(15%左右)、作品(35%左右)、期末筆試(35%左右)、上機操作測試(15%左右)等項目組成，其中綜合實訓內容主題網(wǎng)站的建設是重要的評價項目。作為一門實踐性學科，上機操作測試的分數(shù)應該向上提升一些，教師也可以推出一些加分項目，例如舉辦幾次“網(wǎng)頁設計創(chuàng)新大賽”，對于獲獎的優(yōu)勝者給予加分鼓勵，更能提升學生的積極性。3.校企合作辦學創(chuàng)“共贏”。在校學生在學校學的內容畢竟有限，“網(wǎng)頁設計與制作”課程的規(guī)劃要求證明了他的實用性，如果學習不能為工作所用，就難以適應以后社會對該門課程人才的需求。建議學校找相關企業(yè)合作，給學生提供學習機會，把去企業(yè)參加實訓也視為一項重要的考核內容。對于平時課堂學習表現(xiàn)優(yōu)異者，提供去知名網(wǎng)絡企業(yè)學習交流的機會。讓學生自己通過對這門課程的理解，面向真正的社會，能提高他的交往與合作能力、溝通過能力、創(chuàng)新實踐能力，走向真正成才之路。

四、總結

“網(wǎng)頁設計與制作”這門課是信息時代化的產物，與現(xiàn)實生活脫節(jié)必然導致的教育的失敗。提高教學質量，必須改善教育結構、教學方法與思路。想學生所想、思學生所思，從這門課的教育意義出發(fā)，要培養(yǎng)高素質的人才，就必須得提供一個有利于學生成長的平臺。提高高效的學習方法和鞏固實訓在該門學科的地位，必然給“網(wǎng)頁設計與制作”課程教育帶來一個更大的舞臺。

參考文獻：

[1]歐陽煒昊,吳振峰,羅卓君.基于工作過程導向的“網(wǎng)頁設計與制作”課程教學改革研究[J].計算機教育,2010(4).

[2]向劍平.計算機基礎課程體系的研究和探索[J].遵義師范學院學報,2008(1).

第5篇：網(wǎng)頁設計與制作范文

筆者總結幾年的課堂教學經驗，得出幾點傳統(tǒng)教學的不足：第一，課程理論教學方面，因為學生均為非計算機專業(yè)學生，沒有相關的項目實戰(zhàn)背景，在學習理論時普遍感覺概念抽象，難以理解。學生不是在實際需求的驅動下去學習理解相關概念，而是為了掌握概念而學習概念，由于理解層面的欠缺，雖然“掌握”了概念本身，但是很難學以致用。另外，理論學習的過程枯燥乏味，加之學生無法體會理論的用處，從而使得其學習處于被動狀態(tài)。第二，課程實驗教學方面，由于學生被枯燥的理論學習搞得身心疲憊，加之理解不全面、缺乏興趣、沒有實驗的目標和方向，更沒有意識到網(wǎng)頁設計與制作學習過程中上機實驗的重要性，因此上機實驗效率較差，實驗沒有主動性，沒有合理規(guī)劃。而實驗內容也因為缺乏新意，缺乏刺激學生的興趣點的舉措，失去了提高學生學習能力的輔助作用。第三，傳統(tǒng)的教學模式下一般都是第一環(huán)節(jié)介紹網(wǎng)站基礎知識，第二環(huán)節(jié)講解Photoshop、Flash、Dreamweaver等軟件，第三環(huán)節(jié)再講解綜合案例，將上述各軟件綜合組織起來制作完整的網(wǎng)站系統(tǒng)。這種方式在前三個環(huán)節(jié)中都是孤立地介紹本部分內容，學生學習起來沒有明確的目標性，對于未來自己在制作網(wǎng)頁過程中到底需要掌握哪些操作技巧沒有頭緒，也就是說學生在學習絕大部分時間里，沒有明確的目標，沒有直觀的感受，這對于學生的學習主動性和興趣的培養(yǎng)是非常不利的。

2從“宏觀”到“微觀”的教學新模式的實施

在教師引導下，學生自主選擇能力所及的專題，采用從“宏觀”到“微觀”的方法去逐步完成自己的網(wǎng)站系統(tǒng)。在這種教學模式中，充分發(fā)揮主動性和創(chuàng)造性，通過查閱資料、調查來獲取素材，對素材進行分析、討論、加工處理并最終得到符合自己要求的素材，以備使用。在這種教學模式中，更為重要的是教學次序的精心安排，重塑網(wǎng)站開發(fā)的“原生態(tài)”流程。通過該教學模式的教學，學生可以從宏觀上了解網(wǎng)站制作的全過程，目的性明確，努力的目標也是明確，提高其分析問題、解決問題的能力，在實踐中充分體驗學習、創(chuàng)造和獲取成功的愉悅，進一步促進他們更加積極主動地學習知識、探究問題、深入思考和追求真理的信心。對于大學教育而言，積極研究開發(fā)研究型課程，并在教學實踐中鼓勵運用研究型學習的方法，是培養(yǎng)研究型人才的可行途徑之一。

2.1網(wǎng)站開發(fā)的“原生態(tài)”流程

即需求分析、欄目規(guī)劃、繪制草圖、收集制作圖像類素材、設計首頁平面圖、首頁平面設計圖切片、制作靜態(tài)頁面、充實首頁頁面內容，制作二級頁面模板、利用模板制作各個二級頁面、充實二級頁面內容、測試網(wǎng)站。讓非計算機專業(yè)學生以計算機專業(yè)學生的思維模式去開發(fā)網(wǎng)站系統(tǒng)，以網(wǎng)站開發(fā)的“原生態(tài)”流程去學習開發(fā)網(wǎng)站無疑是一項扭轉以往學生學習被動性的有效舉措，讓學生在學習的每個環(huán)節(jié)中都有目的性、方向性，不是被動地接受，而是積極主動地學習所需知識點和操作技能，從“宏觀”到“微觀”地逐步提高制作自己網(wǎng)站系統(tǒng)所需的理論知識和操作技能。

2.2前導式案例式教學

案例教學法已成為一種較為成功的教學方法。傳統(tǒng)的案例式教學一般是先講述基本概念、原理，再給出有關的典型事例加深理解，從而一目了然地幫助學習者建立相關的圖式。研究型教學模式提倡在學習理論之前給學生充分的思考空間，只有真正經過研究的問題，學生在學習過程中才能掌握好，記得牢。將往屆學生的成功案例展示給學生，讓學生接觸到實實在在的東西，從而對要制作的網(wǎng)站系統(tǒng)有總體上的把握，讓學生觀察各級頁面組成，適時提出問題，例如如何將各級頁面有機地組成網(wǎng)站系統(tǒng)，網(wǎng)頁布局如何實現(xiàn)等。當然往屆學生的案例可能會有一些缺陷，但是較之設計完整、功能完善的大型網(wǎng)站，這些小網(wǎng)站更能引起學生的學習興趣，激發(fā)他們的學習熱情。通過演示案例，簡單介紹網(wǎng)站系統(tǒng)制作流程，使用相關軟件的功能，讓學生有個總體上的把握，為后續(xù)分模塊詳細介紹案例打好基礎。通過第一次課中的案例引出為什么要學習《網(wǎng)頁設計與制作》這門課，學習了這門課能干什么事情，并且把案例中的知識重點分散到各個章節(jié)中去，讓學生了解《網(wǎng)頁設計與制作》各章節(jié)的連貫性，能夠全局把握本書的內容，做到有目的地主動地學習。

3結束語

第6篇：網(wǎng)頁設計與制作范文

關鍵詞：網(wǎng)頁設計與制作；應用人才；課程改革；課程優(yōu)化

1課程的現(xiàn)狀與存在的問題

“網(wǎng)頁設計與制作”課程是計算機類專業(yè)的應用型課程，這門課程相對于其他課程來說，無論是在教學內容還是教學方法上都有其特殊之處。它集知識和技能于一體，具有很強的實踐操作性。它能教學生做出內容豐富多彩的網(wǎng)頁，從而得到學生的喜愛，激發(fā)學生的學習興趣；但又因為涉及的知識面廣、軟件技術更新快，又會讓學生感到迷茫。目前該課程主要存在以下幾個方面的問題:一是教學內容陳舊。網(wǎng)頁制作技術發(fā)展很快，而大部分的教材還在講授網(wǎng)頁三劍客，學生所學的知識跟公司的實際應用有脫軌，不利培養(yǎng)應用型人才的實用性；其次，教師的主導性與學生的主體性之間的矛盾。傳統(tǒng)的以教師為主體的教學，都是以學生被動地聽課記筆記為主，缺乏探究思考與實踐的機會，不能充分發(fā)揮學生學習的主動性，不利于應用型人才的創(chuàng)新能力的培養(yǎng)；第三，單一的評價方式與素質培養(yǎng)目標之間的矛盾，以筆試為主的傳統(tǒng)考核方式，形式過于單一，不能客觀地衡量學生的綜合水平，不利于應用型人才的綜合素質的培養(yǎng)。應用型人才培養(yǎng)的定位為基礎理論扎實夠用，實踐創(chuàng)新能力強，綜合素質高的高級應用型技術人才。最終的目標是學生畢業(yè)后能適應工作崗位，具有解決實際工作問題的能力，因此如何讓學生掌握實用的網(wǎng)頁制作的知識和技能，需要在理論教學、實踐教學、課程設計、考核方式等多方面進行創(chuàng)新，這是文章要研究的主要問題。

2網(wǎng)頁設計與制作課程體系的優(yōu)化

以培養(yǎng)應用型人才為指導思想，使學生在校所學與實際應用銜接，對課程的教學內容進行增減整合，整個課程分為5個部分，一共72學時。以HTML語言為基礎，以DeamWeaver為工具，突出css和javascript為教學重點。在這里，大幅削減了dw的教學內容，只把它當作一個編寫html和css代碼的可視化開發(fā)工具來使用，具體學時安排如表1所示。

3改進教學方法，采用多種模式進行教學

3.1使用屏幕錄像軟件對講課內容進行錄制，讓學生課后回顧學習

該課程是一門操作性很強的課程，一般在多媒體教室或機房授課，老師先講解演示，學生進行驗證練習。操作性的東西很難完全記住，因此建議采用屏幕錄像軟件，對老師的授課進行全程錄制，學生在課后的練習中根據(jù)老師所講進行操作，很方便對知識進行了驗證，并完全掌握。

3.2把實用技術作為重點

理論知識以夠用為原則，加大實踐教學。要求把課程內容基礎性和先進性關系處理得當。在授課過程，不要面面俱到，重點放在關鍵技術的講解上。在整個的課程安排上，每一系列完整的知識點后都設有專項的實踐題目，每個模塊設有綜合應用的實踐題目，課程結束后，還要安排一周的課程設計。通過這種分層次的綜合性項目的訓練，讓學生能熟練掌握網(wǎng)頁設計與制作的相關知識及操作。

3.3采用任務驅動法進行教學

基于該課程忽悠技術性和實踐性相結合的特點，適合采用任務驅動法進行教學，任務驅動教學法就是讓學生在一個典型的任務驅動下展開教學活動，從網(wǎng)頁設計實際工作過程出發(fā)，教師通過精心設計一個綜合案例，盡量將所有章節(jié)的知識點涵蓋進去，在教學過程中不斷地運用“新任務”來引導學生學習，并按照上面所述的模塊化教學內容，層層深入學習，教師邊實際操作邊講解涉及的新知識，以前學過的舊知識也在這一過程中得以鞏固。任務驅動法不同于簡單的案例教學，它是采用項目化教學方式，即教師不是圍繞知識點去設計每個單獨的案例，而是針對整個課程設計一個貫穿項目，這個貫穿項目由若干模塊組成，并能夠覆蓋課程的所有理論知識。

3.4以學生為主導，激發(fā)學生學習的積極性，從被動學習變成主動學習

網(wǎng)頁前端的技術發(fā)展很快，專業(yè)技術人員要具備知識的自我更新能力，培養(yǎng)興趣，學會學習，學會解決問題，比單獨的傳授知識更重要。在整個教學過程中，要以激發(fā)學生學習興趣為目標，變被動學習為主動學習?？梢圆捎玫姆椒ㄓ校喊咐娜の缎裕蠋熓谡n語言的幽默性，作品展示的成果性，項目合作的團結性，網(wǎng)絡資源的自主學習等，都可以很大程度上提高了學生的學習積極性和學習興趣。把“要我學”變成“我要學”，從而使學生成為教與學的主體。

4開辟第二課堂，加強實踐教學

在應用型人才培養(yǎng)中，特別注重實踐教學環(huán)節(jié)。該課程的實踐教學占很大的比重，除常規(guī)的上機實踐、期末的課程設計等實踐教學活動外，還開辟了第二課堂。主要有成立各類興趣小組、創(chuàng)新工作室；由老師引入企業(yè)項目，學生自我選擇加入，由專業(yè)老師及企業(yè)導師指導，在這里學生可以分模塊完成項目任務，互相交流學習經驗、相互解答問題，協(xié)和合作完成項目。另外人們每年都組織學生參加省大學生網(wǎng)頁設計大賽乃至全國大學生網(wǎng)頁設計大賽，通過競賽，提高學生綜合運用知識的能力。在應用型人才培養(yǎng)教學計劃的修訂中，明確指出，競賽、創(chuàng)新活動等獲獎可以抵免學分，學校也加大了這方面的獎勵力度。因此開辟第二課堂，形成一種以競賽促進教學，教學服務于競賽的局面，對培養(yǎng)學生的創(chuàng)新能力，提高學生的學習的積極性和主動性有很好的促進作用。

5綜合全面地評價學生

對學生的學習成果的評價不能只看筆試分數(shù)，由于該課程的特殊性，能綜合運用各種技術制作出一個漂亮的網(wǎng)頁，具有團隊合作精神，能對別人制作的網(wǎng)頁作出自己客觀的有建設性的評析遠比具體的分數(shù)來得重要。把期末筆試的成績降到40%，課程設計期末作品的分值提高到30%，同時，競賽成績納入考核范圍。這種評價體系促使學生往應用型、創(chuàng)新型方向發(fā)展，而不是死記硬背的讀書，而且學生的學習成果得到教師和周圍同學的肯定，同時在參與企業(yè)項目中收獲經驗和成果也是學生能持續(xù)主動學習最強大的內在驅動力。

6結語

基于該門課的特點，文章制定了以突出應用能力的培養(yǎng)，提高學生的職業(yè)適應能力的方針，在課程體系結構，教學方法、實驗實訓、考核方式等多方面進行進行了深入的研究和探索。并在實際教學中使用，取得了不錯的成果。實踐證明，任務式教學方法，第二學習課堂的開辟極大地激發(fā)了學生的學習熱情，教學效果顯著改善，教師的學科水平也得到了提高，促進了該門課程的規(guī)范化和系統(tǒng)化，符合應用型人才培養(yǎng)的目標。

[參考文獻]

[1]趙翠榮.應用型民辦本科院?！熬W(wǎng)頁設計與制作”課程教學改革研究[J].佳木斯教育學院學報，2014（8）：163.

[2]趙玲玲，朱美潔，李招弟.應用型本科專業(yè)網(wǎng)頁設計與制作課程教學改革研究[J].北京城市學院學報，2013（2）：52-55.

[3]黃超.試論《網(wǎng)頁效果圖制作及欣賞》課程教學內容改革及考試方案[J].職業(yè)技術，2010（4）：41.

第7篇：網(wǎng)頁設計與制作范文

伴隨著信息網(wǎng)絡技術的發(fā)展，人類已經進入信息時代。人們的各項工作都離不開網(wǎng)絡。企業(yè)網(wǎng)是展示企業(yè)形象的重要窗口，是傳播企業(yè)文化、企業(yè)信息、輔助業(yè)務辦公、服務生產經營的重要手段。本文介紹了企業(yè)網(wǎng)的搭建過程和幾個重要網(wǎng)頁部件的功能。

關鍵詞：

靜態(tài)網(wǎng)頁；Sharepoint2010；Web部件

1.靜態(tài)網(wǎng)頁概述

所謂的網(wǎng)頁就是在瀏覽器上看到的一幅幅畫面，又稱web頁，實際上它是一個文件，存放在和internet相連的某個服務器上。而靜態(tài)網(wǎng)頁指的是網(wǎng)頁內容固定不變，當瀏覽者通過互聯(lián)網(wǎng)的和channelfoot.html文件內。網(wǎng)頁的頁頭和頁腳就制作好了。在網(wǎng)頁中部添加需要的取靜態(tài)頁面（帶宏替換）Web部件和新聞列表Web部件，配置部件屬性，指定路徑到對應的html文件。頁面保存并，這樣一個網(wǎng)頁就搭建好了。

3.常用部件簡單說明

(1)取靜態(tài)頁面（帶宏替換）Web部件。取靜態(tài)頁面（帶宏替換）Web部件可將靜態(tài)文件中的代碼整合到頁面指定位置，用于制作靜態(tài)內容。用SharePointDesigner2010打開站點，選擇左側菜單中所有文件，點擊_EX_STATICPAGES_，在文檔庫區(qū)域中右鍵新HTML，修改文件名為英文字符即可。右鍵靜態(tài)文件，選擇打開，將靜態(tài)代碼添加進去，保存關閉即可。添加的靜態(tài)代碼為HTML代碼片段，原則上不允許向其中添加<html><head><body>等網(wǎng)頁結構標簽或聲明語句。代碼片段中僅填寫結構代碼，建議將樣式、圖片等資源放置在站點PageAssets的對應文件或文件夾中，如Styles中的page.css，Images文件夾等。進入頁面編輯狀態(tài)，在指定Web部件區(qū)域添加。如下圖：如果引用其他站點中的靜態(tài)文件，點擊文本框右側的藍色區(qū)域，彈出文本編輯器，在其中添加引用靜態(tài)文件的絕對或相對地址。保存部件配置，保存頁面，即可看到靜態(tài)內容替換效果。(2)新聞列表Web部件。新聞列表Web部件實現(xiàn)動態(tài)讀取指定新聞頻道內的新聞并以列表形式在頁面中展示。添加新聞列表WEB部件方法同內容編輯器WEB部件。點開“新聞列表”右側下拉箭頭，選擇編輯web部件。新聞列表Web部件包括內容設置、顯示設置、篩選和排序、圖片新聞顯示設置等7類屬性。設置好相應的屬性，就可以顯示對應的新聞欄目了。(3)IP過濾Web部件。我們可以采用兩種方式控制用戶對網(wǎng)站中某項內容的訪問：權限管理或訪問IP限制。權限管理的控制最為準確，因為網(wǎng)站使用用戶的賬號來辨別其是否有權限打開受限內容。但在面對“我希望本單位所有的員工都有權訪問這個頁面”這樣的需求描述時，用給帳號授權的方式去控制訪問就變得有些困難，所以我們把它改造為“我希望在本單位內可以上網(wǎng)的電腦都有權訪問這個頁面”，這個時候用IP地址進行辨別就派上了用場。IP過濾Web部件通過對客戶端的IP地址進行辨別，判斷用戶是否打開這個頁面，更加適用于一種面向“結構”的訪問約束。所謂面向的“結構”，如一個部門、一個單位、眾多組織，或如上面所提到的，一個邊界十分清晰的空間。我們所要準備的東西只是拿到“結構”內的IP地址分配情況，開始配置。IP過濾Web部件只能在內網(wǎng)中使用，只能拖拽到Web部件頁中。進入頁面編輯狀態(tài)，在指定Web部件區(qū)域添加。布局中勾選“隱藏”。自定義屬性中的參數(shù)“允許的IP范圍”填寫可訪問頁面的IP段，IP段一定要有頭有尾，中間用“-”連接，IP段和IP段之間用分號隔開，最后一個IP段后不再使用分號。這樣就設定了兩個IP段可以訪問，其它地址的電腦無法訪問網(wǎng)頁。

4.結束語

全球性的網(wǎng)絡化、信息化進程正改變著人們的工作方式。Internet技術的應用為人們帶來了極大的方便。網(wǎng)絡辦公已經深入到了企業(yè)的各個角落。現(xiàn)在的企業(yè)網(wǎng)功能豐富，為人們的工作提供了便利。

【參考文獻】

[1]唐永明.淺議網(wǎng)頁設計與制作.科技信息,2009年第20期.

[2]詹青龍,郭永燦.網(wǎng)頁設計與制作,清華大學出版社,2010年.

第8篇：網(wǎng)頁設計與制作范文

1.1教學內容陳舊，難以引起學生的興趣

很多教材都是先介紹理論然后配以實踐，按部就班，雖然可以滿足教學的基本需要，但是選取的實例內容陳舊，難以激發(fā)學生的熱情，學生提不起學習的興趣。另外，計算機軟件更新迅速，往往學的是一個版本，市場上流行的又是另一個版本，跟不上市場發(fā)展的節(jié)奏。

1.2學生缺乏團隊合作意識

現(xiàn)在大多數(shù)學生都是獨生子女，習慣以個體為中心，合作和分享意識差。實踐課雖然已分組，但是遇到問題不溝通，不討論，整個小組中經常只有一兩名同學切實的完成任務，其余同學觀望或不配合，分工協(xié)作能力較差。

1.3考核方式單一

對于《網(wǎng)頁設計與制作》這類實踐性強的課程，以往的卷面或小作業(yè)的方式顯然達不到考核的目標要求。發(fā)掘并創(chuàng)新多樣式的考核方式，著重考核學生的實踐動手能力和創(chuàng)新能力才能滿足社會的需求。

2.以賽促學教學改革

2.1改革教學方法，采用項目教學法

項目教學法是以現(xiàn)實中的項目為主線，教師對項目進行選擇和修改，以貼近學生生活為佳，并在多媒體教室演示項目中的部分實例。然后將學生分成若干小組，以小組為單位圍繞項目探討合作學習。最后以小組共同完成項目的實際情況來評價學生是否達到課程教學目標的一種教學方式。教師選取項目的依據(jù)主要是課程教學大綱，項目內容需涵蓋課程的基本知識點，難度最好由淺入深，符合學生學習的認知規(guī)律。這樣才能調動學生解決問題的積極性，否則學生會產生畏難情緒。實際教學過程中將幾個典型的大型項目貫穿整個教學，如旅游網(wǎng)站、購物網(wǎng)站等。然后將大項目分解為若干個子項目，降低學習的難度，讓小組成員采用分工合作的方式完成整個項目。此方法不僅能夠培養(yǎng)學生的實踐能力、協(xié)調能力和創(chuàng)新能力，還能開拓他們的思維，提高他們的自信心和成就感，是一種更適合高職教育的先進的教學模式。

2.2以賽促學的具體實施步驟

2.2.1激發(fā)學生學習興趣

興趣可以催動學生去創(chuàng)作，教師的職責就是盡可能以各種方式激發(fā)學生的興趣，比如將往屆學生的優(yōu)秀作品保留下來，第一節(jié)課給學生展示，讓他們覺得同等條件下通過認真學習也可以自己動手制作出優(yōu)秀的網(wǎng)頁?；蛘咚鸭瘒鴥韧鈨?yōu)秀的網(wǎng)站給學生欣賞，讓他們感受到視覺的沖擊，萌發(fā)創(chuàng)作的動力。

2.2.2廣泛宣傳

以海報的形式或者發(fā)動開設《網(wǎng)頁設計與制作》課程所在班級的輔導員或者教師在教學過程中向每位學生傳達專業(yè)競賽的作用及意義。現(xiàn)在學院對專業(yè)競賽獲獎者都有學分的獎勵制度，同學們都愿意參與這類競賽。并且讓學生自己選擇喜歡的獎品和獎狀，滿足他們的需求，有了目標后，學生的參與度明顯提高了。

2.2.3　制定賽制

分為個人賽或者團體賽，可根據(jù)學生人數(shù)以及課程知識掌握程度進行劃分。此次采用的是團體賽，4－5名學生為一組，選出小組長。競賽分為初賽和決賽。初賽按照各班總人數(shù)的10％產生，然后進入決賽，決賽選出一、二、三等獎以及優(yōu)秀獎，最后進行表彰。

2.2.4多樣性的評委考核制度

初賽采用學生當評委，評委人數(shù)按照班級總人數(shù)的20％推薦，需為該課程平時學習成績優(yōu)異者。另選出1名主持人及2名記分員。整個過程全由學生自主實行，任課教師全程監(jiān)控，充分發(fā)揮學生的主動性，讓他們完全融入到比賽的所有環(huán)節(jié)。決賽采用專業(yè)教師當評委，并組織所有參賽學生到現(xiàn)場觀摩。進入決賽的各小組逐一展示并介紹自己的作品，尤其是特色之處，可以與大家分享制作經驗。在場學生也可針對作品提問，由展示者解答。評委教師根據(jù)評分標準以及展示情況現(xiàn)場打分，產生各獎項并集中點評，肯定優(yōu)秀作品，同時也對學生提出更高要求和期望。

2.2.5發(fā)新聞稿

比賽結束后，及時在校園網(wǎng)上公開發(fā)表新聞，重點提及獲獎學生姓名及所在班級，這樣不僅可以讓獲獎學生擁有足夠的成就感和榮譽感，同時也激勵其他同學向獲獎者們學習，從而形成良好的學習氛圍。

3.以賽促學的意義

3.1提高學習興趣，改善學習習慣

將傳統(tǒng)的、被動的學習轉為主動學習，學生思想上有了較大的轉變。一方面，有了競賽作為目標，學生學習的動力得到了明顯的提高；另一方面，通過互相展示，讓他們感覺學習不再僅僅只是聽從老師，孤單的學習，還可以同學之間相互討論，共同探討進步，提高了學生的創(chuàng)新思維能力和協(xié)作能力。

3.2推動教學改革

實現(xiàn)往常以教師為中心向以學生為中心的轉變，教師的角色由全面講授轉變?yōu)榻虒W的組織者和引導者。填鴨式的教學早已不能適應市場需求，需要教師們不斷進行教改，更新教學理念、教學內容和教學方法，才能滿足人才培養(yǎng)的需要。

3.3豐富校園文化內涵

計算機及相關專業(yè)的學生從配備電腦后，業(yè)余時間大多都在打游戲、網(wǎng)絡聊天等等，以至于荒廢學業(yè)。而競賽可以讓他們燃起學習的興趣，主動利用課余時間制作網(wǎng)頁，有的學生甚至連續(xù)幾天或幾個星期完成作品，徹底的從電腦游戲娛樂中解放出來。

3.4對教師提出更高的要求

項目教學法的實施需要教師有實際的項目經歷，這就促使教師利用假期去企業(yè)或公司鍛煉，參與現(xiàn)實項目完整流程的實踐過程，提高自身專業(yè)水平能力，跟市場接軌。另外，競賽的策劃、組織和實施都由教師全程設計和監(jiān)控，對教師的教學管理、組織能力也提出了更高的要求。

4結語

第9篇：網(wǎng)頁設計與制作范文

關鍵詞：網(wǎng)頁設計與制作；教學平臺；FileZilla；配置文件；批量創(chuàng)建用戶

中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2013）09-2135-04

網(wǎng)頁設計與制作是高等學校計算機基礎教育的主干課程之一，是覆蓋面較廣的一門實踐性非常強的計算機基礎課程。學生在課程中學習從網(wǎng)頁的制作到完整網(wǎng)站的建立的系統(tǒng)的內容。教學過程中的重點一般放在網(wǎng)頁的制作這一階段，忽略了網(wǎng)站、網(wǎng)站展示的后一階段的過程，使得學生缺乏對創(chuàng)建網(wǎng)站的全面了解。我們通過FTP服務和Web服務的結合，建立了網(wǎng)頁設計與制作教學平臺，彌補了網(wǎng)站和網(wǎng)站展示環(huán)節(jié)的空缺，使得學生可以獲得創(chuàng)建網(wǎng)站的完整體驗。同時，在這一過程中，通過開發(fā)相應的擴展程序，簡化了為大量學生創(chuàng)建教學環(huán)境的工作，使得教學工作能夠順利展開，在實際教學中取得了良好的效果。

1 網(wǎng)頁設計與制作教學平臺的框架

網(wǎng)頁設計與制作教學平臺通過提供一個真實的網(wǎng)站和展示的空間，使得學生能夠體會完整的網(wǎng)站的過程，從而獲得與實際接軌的實踐能力。我們使用FileZilla服務器作為學生上傳網(wǎng)站作品的FTP服務器。在FileZilla服務器上可以創(chuàng)建用戶，并可以給用戶分配主目錄，設置訪問權限。但是FileZilla本身不支持批量用戶的創(chuàng)建。我們在FileZilla的基礎上，分析了FileZilla的配置文件的格式以及各參數(shù)的語義，開發(fā)了批量生成FTP用戶的擴展程序。它能夠依據(jù)學生的學號，快速地在FileZilla中創(chuàng)建用戶，并為每個用戶在服務器上自動生成對應的根目錄。我們還開發(fā)了自動生成學生網(wǎng)站作品展示界面的前端頁面生成器程序，從而使得學生能夠完整的體驗網(wǎng)站的過程。

網(wǎng)頁設計與制作教學平臺的框架如圖 1所示。

其中各部分的功能如下：

FileZilla FTP服務器：負責接受用戶以FTP方式上傳的網(wǎng)站內容。

Apache Web 服務器：負責把用戶上傳的網(wǎng)站內容以WWW的形式向外。

存儲：負責存儲用戶上傳的網(wǎng)站內容。FTP服務器和Web服務器共享相同的網(wǎng)站內容空間。

FileZilla擴展：負責批量地創(chuàng)建FTP用戶

前端頁面生成器：負責根據(jù)學生信息自動創(chuàng)建學生作品的展示頁面。

2 FTP服務器平臺的建立

2.1 FileZilla的配置信息

FileZilla服務器使用“FileZilla Server.xml”作為它的配置文件，其中記錄了FileZilla的監(jiān)聽端口以及FileZilla的用戶信息等內容。一個FileZilla用戶的配置信息大致如下：

其中各行配置的含義如下：

1：用戶user01的配置信息起始處

2：用戶的密碼

3：用戶所屬的組。同一組用戶擁有組的相同的配置，從而減少配置的工作量。

4-6：限制來自某些IP地址的用戶不能訪問服務器。

7：用戶的主目錄，即用戶登錄后進入的目錄。

8：用戶讀文件的權限。如果值為1，則擁有讀文件的權限。

9：用戶寫文件的權限。如果值為1，則擁有寫文件的權限。

10：用戶刪除文件的權限。如果值為1，則擁有刪除文件的權限。

11：用戶追加文件的權限。如果值為1，則擁有追加文件的權限。

12：用戶創(chuàng)建文件夾的權限。如果值為1，則擁有創(chuàng)建文件夾的權限。

13：用戶刪除文件夾的權限。如果值為1，則擁有刪除文件夾的權限。

14：用戶列出文件夾的權限。如果值為1，則擁有列出文件夾的權限。

16：用戶user01的配置信息結束處

通過對FileZilla配置信息的解讀，為自動建立配置信息文件奠定了基礎。

2.2 FileZilla擴展的開發(fā)

我們使用開發(fā)了FileZilla批量用戶生成擴展工具。通過循環(huán)讀取學生的學號，使用這一信息作為學生FileZilla服務器上的用戶名。根據(jù)2.1節(jié)的配置信息的含義，自動為每個用戶生成相應的配置信息。工具的使用界面如圖2所示。

當點擊“生成配置信息”后，通過如下的代碼批量地生成所有用戶的配置信息。

2.3 用戶主目錄的自動創(chuàng)建

根據(jù)學生的學號，我們開發(fā)了在服務器上自動創(chuàng)建學生在FileZilla服務器上的根目錄的功能。

通過循環(huán)讀取學生的學號，使用“puter.FileSystem”對象在服務器上創(chuàng)建以學生的學號為文件夾名稱的學生在FileZilla服務器上的根目錄。

2.4 配置信息的生效

關于所有學生的配置信息生成后，通過先把“FileZilla服務”停止，然后把自動生成的配置文件“FileZilla Server.xml”拷貝到FileZilla服務軟件所在的文件夾，并重新啟動“FileZilla服務”，批量創(chuàng)建的用戶即可生效。

3 Web服務器平臺的建立

當學生通過FTP客戶端使用自己的用戶名和密碼登錄FileZilla服務器并上傳網(wǎng)站作品后，需要通過Web服務把各個學生上傳的網(wǎng)站作品展示出來。我們把學生的主目錄映射到Web服務器Apache的虛擬目錄，并開發(fā)了自動生成展示界面的前端頁面生成器程序。其中，為學生的每次上傳的作品生成對應的通過Web服務器的鏈接。

4 結束語

網(wǎng)頁設計與制作是一門注重實踐的課程。該文借助FTP服務平臺和Web服務平臺以及相應的輔助擴展程序的開發(fā)，建立了面向網(wǎng)頁設計與制作的教學平臺，彌補了通常教學環(huán)境中由于不具備實際的網(wǎng)站環(huán)境從而無法為學生提供完整的網(wǎng)站建設過程講解的缺陷，使得學生能夠獲得與實際接軌的完整的網(wǎng)頁設計制作的經驗。

參考文獻：

[1] Bradley J C，Millspaugh A C.Visual 程序設計[M].李旭，譯.北京：清華大學出版社，2008.

[2] Randolph N.Visual Studio 2010高級編程[M].任鴻，譯.北京：清華大學出版社，2012.

[3] Powers L，Snell M.Visual Studio技術大全[M].劉彥博，譯.北京：人民郵電出版社，2009.

[4] FileZilla project[EB/OL].http：//.