網頁設計與制作精選(九篇)
前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網頁設計與制作主題范文，僅供參考，歡迎閱讀并收藏。
第1篇：網頁設計與制作范文
1.1用戶登錄與注冊
首先,在系統功能設計中一般使用B/S結構,也就是瀏覽器/服務器結構,在網絡環境下,將各種功能模塊組合起來。用戶登錄和注冊是網站功能中最為基本的一個模塊,按照一定的分類標準設置用戶權限,如管理員權限、注冊用戶權限和匿名登錄用戶權限,不同權限的用戶可以訪問不同的內容。用戶登錄的身份驗證采用用戶名和密碼的形式,為了方便管理,用戶名可以統一設置,如將學生的學號設置為用戶名,密碼由用戶自行更改。管理員權限主要是由網站的管理人員使用,對網站信息進行刪除、編輯和更改,并且對登錄用戶的身份、數量進行管理。注冊用戶可以瀏覽、下載網站中的絕大多數資源內容,而匿名用戶只能瀏覽網站的基本公式信息。
1.2網站信息公布
網站信息公布是校園網站的一個重要功能,可以用來公示重大校園動態、課程信息、學生信息變動等等,所公布的信息來源于相關的校園管理部門,如教學部門、宣傳部門、學生管理部門等等。同時,一些與學生密切相關的信息,在公布中可以設置提醒功能,例如當學生登錄網站后,以私信或者自動彈出窗口的形式提示學生應當注意的信息。或者在學生個人信息管理模塊中,設置專門的應當注意信息模塊,提醒學生應當注意的一些變動信息,特別是課程信息、個人信息變動、教務信息等等。
1.3資源共享資源共享
主要是為學生提供一個良好的學習環境,提供學生自學資源支持,在網頁設計與制作類專題學習網站構建中,主要的教學資源有文字資源、圖片資源、視頻資源等等。同時,在資源共享中,為了提高學習資源的利用效率,利用站內搜索技術構建資源查詢平臺,便于用戶搜索所需資源。將各種學習資源進行分類,可以按照資源屬性,如文檔類資源、圖片類資源、視頻類資源等等,或者按照教學內容進行分類。站內資源還可以為學生提供一些優秀的設計方案成果,將這些成果的網頁設計與制作方案。資源共享功能模塊設計需要針對網站功能特點和用戶使用情況進行相應的資源優化,例如針對不同學習基礎的用戶提供不同層次的學習資源等等。
1.4站外資源鏈接
在網頁設計與制作類專題學習網站功設計中,站外資源是一個重要的學習資源補充途徑,用戶在使用站內資源時,也需要進行相關的站外資源拓展,當前使用較為廣泛的方式便是站外資源鏈接。站外資源鏈接也分為外部鏈接和內部鏈接兩種,外部鏈接同用戶直接通過外網鏈接外站的訪問權限一樣,都為匿名瀏覽模式。而在一些提供資源下載的外部網站鏈接時,可以通過內部鏈接的方式為用戶提供注冊用戶訪問權限,例如訪問一些文獻資料數據庫。通過購買這些數據庫的訪問權限,使得用戶可以通過內部鏈接搜索和下載相關的文獻資料。在站外資源連接時,應當對不同的外站資源情況進行調查和分類,按照一定的類別,例如文獻資料類網站、網頁設計成果類網站、相關軟件下載類網站等等。
2基于PHP和MySQL技術網頁設計與制作類專題學習網站的實現
2.1數據庫管理實現
基于MySQL技術的數據庫管理功能實現,應當針對網站數據的儲存和使用特點,應當確保數據庫的正確性、融合性、有效性等等,優化數據庫檢索技術,提高數據檢索效率,數據庫結構設計的合理性會直接關系到網站構建的整體質量。在數據庫中將各種不同類型的數據資源按照一定的類別進行分類處理和儲存,同時將各種文檔信息添加日期、作者、預覽內容等信息,主要的數據操作功能有編輯、錄入、存儲、刪除、復制等等。再有,應當保證數據庫的完整性和適時性,及時進行數據更新,數據存儲要嚴格遵守相應的規定,定期進行數據備份,一般數據庫的管理權限為網站管理人員。
2.2信息管理功能
實現信息管理功能主要是實現網站基本的信息公布、信息刪除和修改、重大信息警示等等,同時還包括用戶個人信息的錄入、修改等等。信息管理權限由兩部分組成,分別是網站管理人員的信息管理功能權限和訪問者的信息管理功能權限。信息管理人員所主要管理的信息為網站公布信息和一些動態資源信息,而訪問者所使用的信息管理功能為個人信息管理和個人資源信息管理。例如訪問者在利用網站資源進行學習時,需要更改個人資源數據庫,不定時的刪除資源和添加新資源,構建成個人知識管理系統。而網站管理人員,在使用信息管理功能時,也應當針對不同信息的特點,在相應的信息公示板塊進行信息公布。
2.3資源共享功能
實現資源共享功能主要包括兩部分,分別是站內資源共享和站外資源共享,站內資源包括管理人員錄入的校園資源數據庫和師生上傳的相關資源等等,站外資源則主要是針對相應的教學內容,選擇的一些專題網站。在資源共享功能實現中,應當提高資源使用效率,借助站內搜索技術和互聯網搜索引擎技術,為學生提供完善的資源環境。同時,資源共享本身也是一個持續性的過程,管理人員應當長時期的進行資源引進和更新。
3結語
第2篇：網頁設計與制作范文
本文著重分析了《網頁設計與制作》課程教學存在的問題，探索了《網頁設計與制作》課程教學改革的策略，以提高《網頁設計與制作》教學質量。
關鍵詞：
網頁設計與制作；課程；教學改革；策略
隨著互聯網的發展，互聯網已經被廣泛運用到人們的工作和生活之中，其中企業網站對企業的宣傳與發展有著重要作用，網頁設計與制作成為企業建設網站的重要技術支撐。因此，各企業積極引入高素質網頁設計與制作人才的，強化企業網站建設。而高校作為為企業培養人才的基本場所，十分重視《網頁設計與制作》課程教學的開展，并在新課改背景下積極探索《網頁設計與制作》教學改革的科學方法。但是，由于受傳高校教育模式的影響，《網頁設計與制作》課程教學在學習地位、實踐教學、師生溝通等方面都存在著一些問題需要高校改進。研究《網頁設計與制作》課程教學改革不僅能夠提高教學質量，培養高素質網絡設計與制作人才，而且對企業發展和互聯網發展有著深刻意義。
1《網頁設計與制作》課程教學存在的問題
1.1學生學習被動
長期以來，我國高校《網頁設計與制作》教學多采用理論與實踐課程交替的教學方式，教師為學生講解基本的《網頁設計與制作》理論知識，并為學生進行實踐操作師范，讓后讓學生根據課堂筆記或一級進行模仿操作。在這種教學模式下，學生的網頁設計與制作處于被動的地位，學生的積極性不高。具體來說，有些學生不愿意聽教師的理論知識講解，有些學生不愿意完成老師的網頁設計與制作作業，在課堂上出現睡覺、玩手機甚至是曠課現象，學生的專業基礎知識不扎實，無法將專業理論知識與網頁設計與制作實踐相結合。
1.2學生動手能力較差
在教師進行示范的時候，部分學生認為教師致使拖動鼠標，具體操作內容沒有難度，不愿意認真觀察教師的示范，而到實踐鍛煉的時候，很多學生對具體的操作步驟不屑一顧，認為網頁設計與制作操作過于簡答。但是當學生真正上手進行網絡設計與制作會發現自己對操作步驟和操作技巧不了解，無法進行網頁設計與制作。另外，還有些學生的自我意識較強，不愿意按照教師的講解進行網頁設計與制作，而是一味按照自己的經驗和想法設計制作網頁，導致網頁設計與制作的專業性和科學性不強。
1.3缺乏溝通
首先，在《網頁設計與制作》教學中，教師與學生之間缺乏溝通與互動。一方面，教師缺乏對學生的了解，無法掌握學生的學習現狀、學習興趣和學習需求，《網頁設計與制作》教學只是按照教學大綱和教材開展，缺乏對學生學習需求的重視。并且，很多教師在課堂講解的過程中一味追求講授的知識量，沒有涉及師生互動環節，導致學生的課堂參與程度較低。另一方面，學生習慣了傳統的教師權威的師生關系，很多學生在《網頁設計與制作》課程學習的過程中不敢與教師溝通交流，也不敢向教師提問，害怕教師批評和嘲諷；其次，在《網頁設計與制作》教學中，學生之間缺乏溝通與互動，很多學生都是獨自為戰，自行設計并制作網絡，但是，個人的知識和智慧是有限的，個人設計與制作網頁受到知識水平和專業技能的限制較大。
2《網頁設計與制作》課程教學改革的策略
2.1重新定位課程教學標準
首先，高校《網頁設計與制作》教學應積極重視企業的用人標準，在《網頁設計與制作》教學中重點培養學生的職業素養、團隊精神、審美能力、美術功底、計算機技能等基礎能力和素質；其次《網頁設計與制作》教學應加強重視課程教育目標，根據新課改的課程教學要求強調學生創新思維和動手操作能力的培養，使學生具備網頁正當年規劃與構建能力、網頁圖形設計能力、動畫設計和制作能力等。
2.2優化教學內容
《網頁設計與制作》課程教學應根據教學大綱和企業的用人要求科學設計教學內容，將教學內容氛圍Web基礎知識、Fireworks、Flash、Dreamweaver這四個模塊。具體來說，Web基礎知識模塊主要包括網絡常用名、網頁瀏覽器、網頁設計原則等基礎知識。Fireworks主要包括基礎知識、基本操作技能和高級應用。Flash主要包括基礎知識、基本動畫制作技巧和高級技術等內容。Dreamweaver主要包括基礎知識、網頁定位技術、動態網頁設計、網頁站點管理、數據庫連接技術等知識。
2.3更新教學模式
高校《網頁設計與制作》課堂教學應積極更新教學模式，采用班級授課制、網絡教學、個別化教學等模式開展課堂教學。并且，教師應積極運用高校的多媒體設備，讓每個學生在課堂上擁有一臺計算機，并使用多媒體技術向學生全面展示教學內容，指導學生的網頁設計與制作，加強學生的動手練習。另外，高校《網頁設計與制作》教學應積極利用網絡中的教學資源，將網絡中的教學資源引入到教學活動中，以視頻、圖片等形式向學生展示網頁設計與制作技巧，提高《網頁設計與制作》教學的吸引力。
引用：
[1]《網頁制作》課程實踐教學模式的探索與設計[J].薛輝.電腦與電信. 2016(Z1)
第3篇：網頁設計與制作范文
本文著重分析了《網頁設計與制作》課程教學存在的問題，探索了《網頁設計與制作》課程教學改革的策略，以提高《網頁設計與制作》教學質量。
關鍵詞：
網頁設計與制作；課程；教學改革；策略
隨著互聯網的發展，互聯網已經被廣泛運用到人們的工作和生活之中，其中企業網站對企業的宣傳與發展有著重要作用，網頁設計與制作成為企業建設網站的重要技術支撐。因此，各企業積極引入高素質網頁設計與制作人才的，強化企業網站建設。而高校作為為企業培養人才的基本場所，十分重視《網頁設計與制作》課程教學的開展，并在新課改背景下積極探索《網頁設計與制作》教學改革的科學方法。但是，由于受傳高校教育模式的影響，《網頁設計與制作》課程教學在學習地位、實踐教學、師生溝通等方面都存在著一些問題需要高校改進。研究《網頁設計與制作》課程教學改革不僅能夠提高教學質量，培養高素質網絡設計與制作人才，而且對企業發展和互聯網發展有著深刻意義。
1《網頁設計與制作》課程教學存在的問題
1.1學生學習被動
長期以來，我國高校《網頁設計與制作》教學多采用理論與實踐課程交替的教學方式，教師為學生講解基本的《網頁設計與制作》理論知識，并為學生進行實踐操作師范，讓后讓學生根據課堂筆記或一級進行模仿操作。在這種教學模式下，學生的網頁設計與制作處于被動的地位，學生的積極性不高。具體來說，有些學生不愿意聽教師的理論知識講解，有些學生不愿意完成老師的網頁設計與制作作業，在課堂上出現睡覺、玩手機甚至是曠課現象，學生的專業基礎知識不扎實，無法將專業理論知識與網頁設計與制作實踐相結合。
1.2學生動手能力較差
在教師進行示范的時候，部分學生認為教師致使拖動鼠標，具體操作內容沒有難度，不愿意認真觀察教師的示范，而到實踐鍛煉的時候，很多學生對具體的操作步驟不屑一顧，認為網頁設計與制作操作過于簡答。但是當學生真正上手進行網絡設計與制作會發現自己對操作步驟和操作技巧不了解，無法進行網頁設計與制作。另外，還有些學生的自我意識較強，不愿意按照教師的講解進行網頁設計與制作，而是一味按照自己的經驗和想法設計制作網頁，導致網頁設計與制作的專業性和科學性不強。
1.3缺乏溝通
首先，在《網頁設計與制作》教學中，教師與學生之間缺乏溝通與互動。一方面，教師缺乏對學生的了解，無法掌握學生的學習現狀、學習興趣和學習需求，《網頁設計與制作》教學只是按照教學大綱和教材開展，缺乏對學生學習需求的重視。并且，很多教師在課堂講解的過程中一味追求講授的知識量，沒有涉及師生互動環節，導致學生的課堂參與程度較低。另一方面，學生習慣了傳統的教師權威的師生關系，很多學生在《網頁設計與制作》課程學習的過程中不敢與教師溝通交流，也不敢向教師提問，害怕教師批評和嘲諷；其次，在《網頁設計與制作》教學中，學生之間缺乏溝通與互動，很多學生都是獨自為戰，自行設計并制作網絡，但是，個人的知識和智慧是有限的，個人設計與制作網頁受到知識水平和專業技能的限制較大。
2《網頁設計與制作》課程教學改革的策略
2.1重新定位課程教學標準
首先，高校《網頁設計與制作》教學應積極重視企業的用人標準，在《網頁設計與制作》教學中重點培養學生的職業素養、團隊精神、審美能力、美術功底、計算機技能等基礎能力和素質；其次《網頁設計與制作》教學應加強重視課程教育目標，根據新課改的課程教學要求強調學生創新思維和動手操作能力的培養，使學生具備網頁正當年規劃與構建能力、網頁圖形設計能力、動畫設計和制作能力等。
2.2優化教學內容
《網頁設計與制作》課程教學應根據教學大綱和企業的用人要求科學設計教學內容，將教學內容氛圍Web基礎知識、Fireworks、Flash、Dreamweaver這四個模塊。具體來說，Web基礎知識模塊主要包括網絡常用名、網頁瀏覽器、網頁設計原則等基礎知識。Fireworks主要包括基礎知識、基本操作技能和高級應用。Flash主要包括基礎知識、基本動畫制作技巧和高級技術等內容。Dreamweaver主要包括基礎知識、網頁定位技術、動態網頁設計、網頁站點管理、數據庫連接技術等知識。
2.3更新教學模式
高校《網頁設計與制作》課堂教學應積極更新教學模式，采用班級授課制、網絡教學、個別化教學等模式開展課堂教學。并且，教師應積極運用高校的多媒體設備，讓每個學生在課堂上擁有一臺計算機，并使用多媒體技術向學生全面展示教學內容，指導學生的網頁設計與制作，加強學生的動手練習。另外，高校《網頁設計與制作》教學應積極利用網絡中的教學資源，將網絡中的教學資源引入到教學活動中，以視頻、圖片等形式向學生展示網頁設計與制作技巧，提高《網頁設計與制作》教學的吸引力。
引用：
[1]《網頁制作》課程實踐教學模式的探索與設計[J].薛輝.電腦與電信. 2016(Z1)
第4篇：網頁設計與制作范文
【關鍵詞】網頁設計;網頁教學;課程探索
一、對該門課程的簡單論述
“網頁制作與設計課程”的先修課程《計算機文化基礎》，后續課程是《ASP、NET程序設計》。因此，它是一門承上啟下的課程。學習的過程是循序漸進的，前期打下良好的基礎可以為后期的學習鋪磚引路，而且它是一門重要的專業課程，目的在于培養今后從事小學信息技術教學和學校信息化教育教學的管理者和維護者，從事網站建設相關的工作。它要求學生了解網站和網頁的本質，理解網站建設基本工作流程并熟練掌握網頁制作工具軟件的使用，例如Dreamweaver軟件、HTML和CSS等技術。學習該門課程知識面是必須的，但是還要求學習者有能力和綜合素質，所謂的能力大致指能夠合理規劃主題網站以及進行團隊合作完成任務等，并且要求學生具有分析問題和解決問題的素質。
二、對該門課程教學思路的轉變
1.理論與實踐相結合擴展素質。眾所周知，計算機是一門動手能力要去較高的學科，過去的課堂要求老師手把手教學帶動學生，而且教師上課大部分講的都是理論知識，內容顯得過于空乏，扼殺了學生的學習興趣。但是隨著互聯網及計算機技術的普及，大部分高校目前都可以維持“一人一機”的局面，在教學過程中，不應是教師一個人的舞臺，教師因鼓勵學生放心大膽的去創新，大刀闊斧的實施自己的想法，例如在“網頁設計”的實踐課中要求建設自己的專屬網站，不同的同學他們的想法肯定是不同的。這時教師因當向同學提供幫助，詢問他們的想法，給予援手完成他們的設計。也可讓學生們成立興趣小組，通常以2人或者3人為一組進行課程實踐，這樣不僅有助于培養他們的動手能力，更有利于養成互幫互助的好習慣。2.培養學生養成終身學習的好習慣。“網頁設計與制作”是一門生活中的學科，處于信息時代的浪潮之中，信息不斷的交替，學習范圍日新月異。尤其是計算機學科，與生活息息相關，網上購物、上網沖浪、瀏覽文件，都離不開互聯網的功勞。當前的大型公司，如淘寶、京東、蘇寧等，也都推出了自己的網上平臺。學生的眼光應當放長遠些，學習這門學科，應當了解該學科的就業形勢，清楚的了解到自己以后可以干什么，從事哪一行業。教師也應當在學習過程中給學生講一些自己對該門課程發展前景的看法，給學生提出一些建議，學生在了解到自己的目標后，應當會更加奮發努力地向著未來的方向前進。互聯網時代，只有養成終身學習的好習慣，不斷擴充自己對于“網頁設計與制作”課程的理解及知識，才能免于被時代淘汰。
三、教學方式的改進
1.多媒體教學傳遞信息時代。“網頁設計與制作”作為新時代的新興學科，不應該只利用傳統的書本教學方式，而應該利用多媒體技術提供最新的“網頁設計”信息來給學生觀看，并且多媒體教學利用它獨特的放映式方法能讓學生清楚的看到網頁制作的過程，很好與這門課程嵌合。遠程教育的發達也使學生的學習不必拘泥于課堂，只需要一部手機或者一臺電腦，學生便可自主學習。2.學生考核方式仍需改進。該門課程的考核方式有多項內容組成，由平時成績(15%左右)、作品(35%左右)、期末筆試(35%左右)、上機操作測試(15%左右)等項目組成，其中綜合實訓內容主題網站的建設是重要的評價項目。作為一門實踐性學科，上機操作測試的分數應該向上提升一些，教師也可以推出一些加分項目，例如舉辦幾次“網頁設計創新大賽”，對于獲獎的優勝者給予加分鼓勵，更能提升學生的積極性。3.校企合作辦學創“共贏”。在校學生在學校學的內容畢竟有限，“網頁設計與制作”課程的規劃要求證明了他的實用性，如果學習不能為工作所用，就難以適應以后社會對該門課程人才的需求。建議學校找相關企業合作，給學生提供學習機會，把去企業參加實訓也視為一項重要的考核內容。對于平時課堂學習表現優異者，提供去知名網絡企業學習交流的機會。讓學生自己通過對這門課程的理解，面向真正的社會，能提高他的交往與合作能力、溝通過能力、創新實踐能力，走向真正成才之路。
四、總結
“網頁設計與制作”這門課是信息時代化的產物，與現實生活脫節必然導致的教育的失敗。提高教學質量，必須改善教育結構、教學方法與思路。想學生所想、思學生所思，從這門課的教育意義出發，要培養高素質的人才，就必須得提供一個有利于學生成長的平臺。提高高效的學習方法和鞏固實訓在該門學科的地位，必然給“網頁設計與制作”課程教育帶來一個更大的舞臺。
參考文獻：
[1]歐陽煒昊,吳振峰,羅卓君.基于工作過程導向的“網頁設計與制作”課程教學改革研究[J].計算機教育,2010(4).
[2]向劍平.計算機基礎課程體系的研究和探索[J].遵義師范學院學報,2008(1).
第5篇：網頁設計與制作范文
筆者總結幾年的課堂教學經驗，得出幾點傳統教學的不足：第一，課程理論教學方面，因為學生均為非計算機專業學生，沒有相關的項目實戰背景，在學習理論時普遍感覺概念抽象，難以理解。學生不是在實際需求的驅動下去學習理解相關概念，而是為了掌握概念而學習概念，由于理解層面的欠缺，雖然“掌握”了概念本身，但是很難學以致用。另外，理論學習的過程枯燥乏味，加之學生無法體會理論的用處，從而使得其學習處于被動狀態。第二，課程實驗教學方面，由于學生被枯燥的理論學習搞得身心疲憊，加之理解不全面、缺乏興趣、沒有實驗的目標和方向，更沒有意識到網頁設計與制作學習過程中上機實驗的重要性，因此上機實驗效率較差，實驗沒有主動性，沒有合理規劃。而實驗內容也因為缺乏新意，缺乏刺激學生的興趣點的舉措，失去了提高學生學習能力的輔助作用。第三，傳統的教學模式下一般都是第一環節介紹網站基礎知識，第二環節講解Photoshop、Flash、Dreamweaver等軟件，第三環節再講解綜合案例，將上述各軟件綜合組織起來制作完整的網站系統。這種方式在前三個環節中都是孤立地介紹本部分內容，學生學習起來沒有明確的目標性，對于未來自己在制作網頁過程中到底需要掌握哪些操作技巧沒有頭緒，也就是說學生在學習絕大部分時間里，沒有明確的目標，沒有直觀的感受，這對于學生的學習主動性和興趣的培養是非常不利的。
2從“宏觀”到“微觀”的教學新模式的實施
在教師引導下，學生自主選擇能力所及的專題，采用從“宏觀”到“微觀”的方法去逐步完成自己的網站系統。在這種教學模式中，充分發揮主動性和創造性，通過查閱資料、調查來獲取素材，對素材進行分析、討論、加工處理并最終得到符合自己要求的素材，以備使用。在這種教學模式中，更為重要的是教學次序的精心安排，重塑網站開發的“原生態”流程。通過該教學模式的教學，學生可以從宏觀上了解網站制作的全過程，目的性明確，努力的目標也是明確，提高其分析問題、解決問題的能力，在實踐中充分體驗學習、創造和獲取成功的愉悅，進一步促進他們更加積極主動地學習知識、探究問題、深入思考和追求真理的信心。對于大學教育而言，積極研究開發研究型課程，并在教學實踐中鼓勵運用研究型學習的方法，是培養研究型人才的可行途徑之一。
2.1網站開發的“原生態”流程
即需求分析、欄目規劃、繪制草圖、收集制作圖像類素材、設計首頁平面圖、首頁平面設計圖切片、制作靜態頁面、充實首頁頁面內容，制作二級頁面模板、利用模板制作各個二級頁面、充實二級頁面內容、測試網站。讓非計算機專業學生以計算機專業學生的思維模式去開發網站系統，以網站開發的“原生態”流程去學習開發網站無疑是一項扭轉以往學生學習被動性的有效舉措，讓學生在學習的每個環節中都有目的性、方向性，不是被動地接受，而是積極主動地學習所需知識點和操作技能，從“宏觀”到“微觀”地逐步提高制作自己網站系統所需的理論知識和操作技能。
2.2前導式案例式教學
案例教學法已成為一種較為成功的教學方法。傳統的案例式教學一般是先講述基本概念、原理，再給出有關的典型事例加深理解，從而一目了然地幫助學習者建立相關的圖式。研究型教學模式提倡在學習理論之前給學生充分的思考空間，只有真正經過研究的問題，學生在學習過程中才能掌握好，記得牢。將往屆學生的成功案例展示給學生，讓學生接觸到實實在在的東西，從而對要制作的網站系統有總體上的把握，讓學生觀察各級頁面組成，適時提出問題，例如如何將各級頁面有機地組成網站系統，網頁布局如何實現等。當然往屆學生的案例可能會有一些缺陷，但是較之設計完整、功能完善的大型網站，這些小網站更能引起學生的學習興趣，激發他們的學習熱情。通過演示案例，簡單介紹網站系統制作流程，使用相關軟件的功能，讓學生有個總體上的把握，為后續分模塊詳細介紹案例打好基礎。通過第一次課中的案例引出為什么要學習《網頁設計與制作》這門課，學習了這門課能干什么事情，并且把案例中的知識重點分散到各個章節中去，讓學生了解《網頁設計與制作》各章節的連貫性，能夠全局把握本書的內容，做到有目的地主動地學習。
3結束語
第6篇：網頁設計與制作范文
關鍵詞：網頁設計與制作；應用人才；課程改革；課程優化
1課程的現狀與存在的問題
“網頁設計與制作”課程是計算機類專業的應用型課程，這門課程相對于其他課程來說，無論是在教學內容還是教學方法上都有其特殊之處。它集知識和技能于一體，具有很強的實踐操作性。它能教學生做出內容豐富多彩的網頁，從而得到學生的喜愛，激發學生的學習興趣；但又因為涉及的知識面廣、軟件技術更新快，又會讓學生感到迷茫。目前該課程主要存在以下幾個方面的問題:一是教學內容陳舊。網頁制作技術發展很快，而大部分的教材還在講授網頁三劍客，學生所學的知識跟公司的實際應用有脫軌，不利培養應用型人才的實用性；其次，教師的主導性與學生的主體性之間的矛盾。傳統的以教師為主體的教學，都是以學生被動地聽課記筆記為主，缺乏探究思考與實踐的機會，不能充分發揮學生學習的主動性，不利于應用型人才的創新能力的培養；第三，單一的評價方式與素質培養目標之間的矛盾，以筆試為主的傳統考核方式，形式過于單一，不能客觀地衡量學生的綜合水平，不利于應用型人才的綜合素質的培養。應用型人才培養的定位為基礎理論扎實夠用，實踐創新能力強，綜合素質高的高級應用型技術人才。最終的目標是學生畢業后能適應工作崗位，具有解決實際工作問題的能力，因此如何讓學生掌握實用的網頁制作的知識和技能，需要在理論教學、實踐教學、課程設計、考核方式等多方面進行創新，這是文章要研究的主要問題。
2網頁設計與制作課程體系的優化
以培養應用型人才為指導思想，使學生在校所學與實際應用銜接，對課程的教學內容進行增減整合，整個課程分為5個部分，一共72學時。以HTML語言為基礎，以DeamWeaver為工具，突出css和javascript為教學重點。在這里，大幅削減了dw的教學內容，只把它當作一個編寫html和css代碼的可視化開發工具來使用，具體學時安排如表1所示。
3改進教學方法，采用多種模式進行教學
3.1使用屏幕錄像軟件對講課內容進行錄制，讓學生課后回顧學習
該課程是一門操作性很強的課程，一般在多媒體教室或機房授課，老師先講解演示，學生進行驗證練習。操作性的東西很難完全記住，因此建議采用屏幕錄像軟件，對老師的授課進行全程錄制，學生在課后的練習中根據老師所講進行操作，很方便對知識進行了驗證，并完全掌握。
3.2把實用技術作為重點
理論知識以夠用為原則，加大實踐教學。要求把課程內容基礎性和先進性關系處理得當。在授課過程，不要面面俱到，重點放在關鍵技術的講解上。在整個的課程安排上，每一系列完整的知識點后都設有專項的實踐題目，每個模塊設有綜合應用的實踐題目，課程結束后，還要安排一周的課程設計。通過這種分層次的綜合性項目的訓練，讓學生能熟練掌握網頁設計與制作的相關知識及操作。
3.3采用任務驅動法進行教學
基于該課程忽悠技術性和實踐性相結合的特點，適合采用任務驅動法進行教學，任務驅動教學法就是讓學生在一個典型的任務驅動下展開教學活動，從網頁設計實際工作過程出發，教師通過精心設計一個綜合案例，盡量將所有章節的知識點涵蓋進去，在教學過程中不斷地運用“新任務”來引導學生學習，并按照上面所述的模塊化教學內容，層層深入學習，教師邊實際操作邊講解涉及的新知識，以前學過的舊知識也在這一過程中得以鞏固。任務驅動法不同于簡單的案例教學，它是采用項目化教學方式，即教師不是圍繞知識點去設計每個單獨的案例，而是針對整個課程設計一個貫穿項目，這個貫穿項目由若干模塊組成，并能夠覆蓋課程的所有理論知識。
3.4以學生為主導，激發學生學習的積極性，從被動學習變成主動學習
網頁前端的技術發展很快，專業技術人員要具備知識的自我更新能力，培養興趣，學會學習，學會解決問題，比單獨的傳授知識更重要。在整個教學過程中，要以激發學生學習興趣為目標，變被動學習為主動學習。可以采用的方法有：案例的趣味性，老師授課語言的幽默性，作品展示的成果性，項目合作的團結性，網絡資源的自主學習等，都可以很大程度上提高了學生的學習積極性和學習興趣。把“要我學”變成“我要學”，從而使學生成為教與學的主體。
4開辟第二課堂，加強實踐教學
在應用型人才培養中，特別注重實踐教學環節。該課程的實踐教學占很大的比重，除常規的上機實踐、期末的課程設計等實踐教學活動外，還開辟了第二課堂。主要有成立各類興趣小組、創新工作室；由老師引入企業項目，學生自我選擇加入，由專業老師及企業導師指導，在這里學生可以分模塊完成項目任務，互相交流學習經驗、相互解答問題，協和合作完成項目。另外人們每年都組織學生參加省大學生網頁設計大賽乃至全國大學生網頁設計大賽，通過競賽，提高學生綜合運用知識的能力。在應用型人才培養教學計劃的修訂中，明確指出，競賽、創新活動等獲獎可以抵免學分，學校也加大了這方面的獎勵力度。因此開辟第二課堂，形成一種以競賽促進教學，教學服務于競賽的局面，對培養學生的創新能力，提高學生的學習的積極性和主動性有很好的促進作用。
5綜合全面地評價學生
對學生的學習成果的評價不能只看筆試分數，由于該課程的特殊性，能綜合運用各種技術制作出一個漂亮的網頁，具有團隊合作精神，能對別人制作的網頁作出自己客觀的有建設性的評析遠比具體的分數來得重要。把期末筆試的成績降到40%，課程設計期末作品的分值提高到30%，同時，競賽成績納入考核范圍。這種評價體系促使學生往應用型、創新型方向發展，而不是死記硬背的讀書，而且學生的學習成果得到教師和周圍同學的肯定，同時在參與企業項目中收獲經驗和成果也是學生能持續主動學習最強大的內在驅動力。
6結語
基于該門課的特點，文章制定了以突出應用能力的培養，提高學生的職業適應能力的方針，在課程體系結構，教學方法、實驗實訓、考核方式等多方面進行進行了深入的研究和探索。并在實際教學中使用，取得了不錯的成果。實踐證明，任務式教學方法，第二學習課堂的開辟極大地激發了學生的學習熱情，教學效果顯著改善，教師的學科水平也得到了提高，促進了該門課程的規范化和系統化，符合應用型人才培養的目標。
[參考文獻]
[1]趙翠榮.應用型民辦本科院校“網頁設計與制作”課程教學改革研究[J].佳木斯教育學院學報，2014（8）：163.
[2]趙玲玲，朱美潔，李招弟.應用型本科專業網頁設計與制作課程教學改革研究[J].北京城市學院學報，2013（2）：52-55.
[3]黃超.試論《網頁效果圖制作及欣賞》課程教學內容改革及考試方案[J].職業技術，2010（4）：41.
第7篇：網頁設計與制作范文
伴隨著信息網絡技術的發展，人類已經進入信息時代。人們的各項工作都離不開網絡。企業網是展示企業形象的重要窗口，是傳播企業文化、企業信息、輔助業務辦公、服務生產經營的重要手段。本文介紹了企業網的搭建過程和幾個重要網頁部件的功能。
關鍵詞：
靜態網頁；Sharepoint2010；Web部件
1.靜態網頁概述
所謂的網頁就是在瀏覽器上看到的一幅幅畫面，又稱web頁，實際上它是一個文件，存放在和internet相連的某個服務器上。而靜態網頁指的是網頁內容固定不變，當瀏覽者通過互聯網的和channelfoot.html文件內。網頁的頁頭和頁腳就制作好了。在網頁中部添加需要的取靜態頁面（帶宏替換）Web部件和新聞列表Web部件，配置部件屬性，指定路徑到對應的html文件。頁面保存并，這樣一個網頁就搭建好了。
3.常用部件簡單說明
(1)取靜態頁面（帶宏替換）Web部件。取靜態頁面（帶宏替換）Web部件可將靜態文件中的代碼整合到頁面指定位置，用于制作靜態內容。用SharePointDesigner2010打開站點，選擇左側菜單中所有文件，點擊_EX_STATICPAGES_，在文檔庫區域中右鍵新HTML，修改文件名為英文字符即可。右鍵靜態文件，選擇打開，將靜態代碼添加進去，保存關閉即可。添加的靜態代碼為HTML代碼片段，原則上不允許向其中添加<html><head><body>等網頁結構標簽或聲明語句。代碼片段中僅填寫結構代碼，建議將樣式、圖片等資源放置在站點PageAssets的對應文件或文件夾中，如Styles中的page.css，Images文件夾等。進入頁面編輯狀態，在指定Web部件區域添加。如下圖：如果引用其他站點中的靜態文件，點擊文本框右側的藍色區域，彈出文本編輯器，在其中添加引用靜態文件的絕對或相對地址。保存部件配置，保存頁面，即可看到靜態內容替換效果。(2)新聞列表Web部件。新聞列表Web部件實現動態讀取指定新聞頻道內的新聞并以列表形式在頁面中展示。添加新聞列表WEB部件方法同內容編輯器WEB部件。點開“新聞列表”右側下拉箭頭，選擇編輯web部件。新聞列表Web部件包括內容設置、顯示設置、篩選和排序、圖片新聞顯示設置等7類屬性。設置好相應的屬性，就可以顯示對應的新聞欄目了。(3)IP過濾Web部件。我們可以采用兩種方式控制用戶對網站中某項內容的訪問：權限管理或訪問IP限制。權限管理的控制最為準確，因為網站使用用戶的賬號來辨別其是否有權限打開受限內容。但在面對“我希望本單位所有的員工都有權訪問這個頁面”這樣的需求描述時，用給帳號授權的方式去控制訪問就變得有些困難，所以我們把它改造為“我希望在本單位內可以上網的電腦都有權訪問這個頁面”，這個時候用IP地址進行辨別就派上了用場。IP過濾Web部件通過對客戶端的IP地址進行辨別，判斷用戶是否打開這個頁面，更加適用于一種面向“結構”的訪問約束。所謂面向的“結構”，如一個部門、一個單位、眾多組織，或如上面所提到的，一個邊界十分清晰的空間。我們所要準備的東西只是拿到“結構”內的IP地址分配情況，開始配置。IP過濾Web部件只能在內網中使用，只能拖拽到Web部件頁中。進入頁面編輯狀態，在指定Web部件區域添加。布局中勾選“隱藏”。自定義屬性中的參數“允許的IP范圍”填寫可訪問頁面的IP段，IP段一定要有頭有尾，中間用“-”連接，IP段和IP段之間用分號隔開，最后一個IP段后不再使用分號。這樣就設定了兩個IP段可以訪問，其它地址的電腦無法訪問網頁。
4.結束語
全球性的網絡化、信息化進程正改變著人們的工作方式。Internet技術的應用為人們帶來了極大的方便。網絡辦公已經深入到了企業的各個角落。現在的企業網功能豐富，為人們的工作提供了便利。
【參考文獻】
[1]唐永明.淺議網頁設計與制作.科技信息,2009年第20期.
[2]詹青龍,郭永燦.網頁設計與制作,清華大學出版社,2010年.
第8篇：網頁設計與制作范文
1.1教學內容陳舊，難以引起學生的興趣
很多教材都是先介紹理論然后配以實踐，按部就班，雖然可以滿足教學的基本需要，但是選取的實例內容陳舊，難以激發學生的熱情，學生提不起學習的興趣。另外，計算機軟件更新迅速，往往學的是一個版本，市場上流行的又是另一個版本，跟不上市場發展的節奏。
1.2學生缺乏團隊合作意識
現在大多數學生都是獨生子女，習慣以個體為中心，合作和分享意識差。實踐課雖然已分組，但是遇到問題不溝通，不討論，整個小組中經常只有一兩名同學切實的完成任務，其余同學觀望或不配合，分工協作能力較差。
1.3考核方式單一
對于《網頁設計與制作》這類實踐性強的課程，以往的卷面或小作業的方式顯然達不到考核的目標要求。發掘并創新多樣式的考核方式，著重考核學生的實踐動手能力和創新能力才能滿足社會的需求。
2.以賽促學教學改革
2.1改革教學方法，采用項目教學法
項目教學法是以現實中的項目為主線，教師對項目進行選擇和修改，以貼近學生生活為佳，并在多媒體教室演示項目中的部分實例。然后將學生分成若干小組，以小組為單位圍繞項目探討合作學習。最后以小組共同完成項目的實際情況來評價學生是否達到課程教學目標的一種教學方式。教師選取項目的依據主要是課程教學大綱，項目內容需涵蓋課程的基本知識點，難度最好由淺入深，符合學生學習的認知規律。這樣才能調動學生解決問題的積極性，否則學生會產生畏難情緒。實際教學過程中將幾個典型的大型項目貫穿整個教學，如旅游網站、購物網站等。然后將大項目分解為若干個子項目，降低學習的難度，讓小組成員采用分工合作的方式完成整個項目。此方法不僅能夠培養學生的實踐能力、協調能力和創新能力，還能開拓他們的思維，提高他們的自信心和成就感，是一種更適合高職教育的先進的教學模式。
2.2以賽促學的具體實施步驟
2.2.1激發學生學習興趣
興趣可以催動學生去創作，教師的職責就是盡可能以各種方式激發學生的興趣，比如將往屆學生的優秀作品保留下來，第一節課給學生展示，讓他們覺得同等條件下通過認真學習也可以自己動手制作出優秀的網頁。或者搜集國內外優秀的網站給學生欣賞，讓他們感受到視覺的沖擊，萌發創作的動力。
2.2.2廣泛宣傳
以海報的形式或者發動開設《網頁設計與制作》課程所在班級的輔導員或者教師在教學過程中向每位學生傳達專業競賽的作用及意義。現在學院對專業競賽獲獎者都有學分的獎勵制度，同學們都愿意參與這類競賽。并且讓學生自己選擇喜歡的獎品和獎狀，滿足他們的需求，有了目標后，學生的參與度明顯提高了。
2.2.3 制定賽制
分為個人賽或者團體賽，可根據學生人數以及課程知識掌握程度進行劃分。此次采用的是團體賽，4－5名學生為一組，選出小組長。競賽分為初賽和決賽。初賽按照各班總人數的10％產生，然后進入決賽，決賽選出一、二、三等獎以及優秀獎，最后進行表彰。
2.2.4多樣性的評委考核制度
初賽采用學生當評委，評委人數按照班級總人數的20％推薦，需為該課程平時學習成績優異者。另選出1名主持人及2名記分員。整個過程全由學生自主實行，任課教師全程監控，充分發揮學生的主動性，讓他們完全融入到比賽的所有環節。決賽采用專業教師當評委，并組織所有參賽學生到現場觀摩。進入決賽的各小組逐一展示并介紹自己的作品，尤其是特色之處，可以與大家分享制作經驗。在場學生也可針對作品提問，由展示者解答。評委教師根據評分標準以及展示情況現場打分，產生各獎項并集中點評，肯定優秀作品，同時也對學生提出更高要求和期望。
2.2.5發新聞稿
比賽結束后，及時在校園網上公開發表新聞，重點提及獲獎學生姓名及所在班級，這樣不僅可以讓獲獎學生擁有足夠的成就感和榮譽感，同時也激勵其他同學向獲獎者們學習，從而形成良好的學習氛圍。
3.以賽促學的意義
3.1提高學習興趣，改善學習習慣
將傳統的、被動的學習轉為主動學習，學生思想上有了較大的轉變。一方面，有了競賽作為目標，學生學習的動力得到了明顯的提高；另一方面，通過互相展示，讓他們感覺學習不再僅僅只是聽從老師，孤單的學習，還可以同學之間相互討論，共同探討進步，提高了學生的創新思維能力和協作能力。
3.2推動教學改革
實現往常以教師為中心向以學生為中心的轉變，教師的角色由全面講授轉變為教學的組織者和引導者。填鴨式的教學早已不能適應市場需求，需要教師們不斷進行教改，更新教學理念、教學內容和教學方法，才能滿足人才培養的需要。
3.3豐富校園文化內涵
計算機及相關專業的學生從配備電腦后，業余時間大多都在打游戲、網絡聊天等等，以至于荒廢學業。而競賽可以讓他們燃起學習的興趣，主動利用課余時間制作網頁，有的學生甚至連續幾天或幾個星期完成作品，徹底的從電腦游戲娛樂中解放出來。
3.4對教師提出更高的要求
項目教學法的實施需要教師有實際的項目經歷，這就促使教師利用假期去企業或公司鍛煉，參與現實項目完整流程的實踐過程，提高自身專業水平能力，跟市場接軌。另外，競賽的策劃、組織和實施都由教師全程設計和監控，對教師的教學管理、組織能力也提出了更高的要求。
4結語
第9篇：網頁設計與制作范文
關鍵詞：網頁設計與制作；教學平臺；FileZilla；配置文件；批量創建用戶
中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2013）09-2135-04
網頁設計與制作是高等學校計算機基礎教育的主干課程之一，是覆蓋面較廣的一門實踐性非常強的計算機基礎課程。學生在課程中學習從網頁的制作到完整網站的建立的系統的內容。教學過程中的重點一般放在網頁的制作這一階段，忽略了網站、網站展示的后一階段的過程，使得學生缺乏對創建網站的全面了解。我們通過FTP服務和Web服務的結合，建立了網頁設計與制作教學平臺，彌補了網站和網站展示環節的空缺，使得學生可以獲得創建網站的完整體驗。同時，在這一過程中，通過開發相應的擴展程序，簡化了為大量學生創建教學環境的工作，使得教學工作能夠順利展開，在實際教學中取得了良好的效果。
1 網頁設計與制作教學平臺的框架
網頁設計與制作教學平臺通過提供一個真實的網站和展示的空間，使得學生能夠體會完整的網站的過程，從而獲得與實際接軌的實踐能力。我們使用FileZilla服務器作為學生上傳網站作品的FTP服務器。在FileZilla服務器上可以創建用戶，并可以給用戶分配主目錄，設置訪問權限。但是FileZilla本身不支持批量用戶的創建。我們在FileZilla的基礎上，分析了FileZilla的配置文件的格式以及各參數的語義，開發了批量生成FTP用戶的擴展程序。它能夠依據學生的學號，快速地在FileZilla中創建用戶，并為每個用戶在服務器上自動生成對應的根目錄。我們還開發了自動生成學生網站作品展示界面的前端頁面生成器程序，從而使得學生能夠完整的體驗網站的過程。
網頁設計與制作教學平臺的框架如圖 1所示。
其中各部分的功能如下：
FileZilla FTP服務器：負責接受用戶以FTP方式上傳的網站內容。
Apache Web 服務器：負責把用戶上傳的網站內容以WWW的形式向外。
存儲：負責存儲用戶上傳的網站內容。FTP服務器和Web服務器共享相同的網站內容空間。
FileZilla擴展：負責批量地創建FTP用戶
前端頁面生成器：負責根據學生信息自動創建學生作品的展示頁面。
2 FTP服務器平臺的建立
2.1 FileZilla的配置信息
FileZilla服務器使用“FileZilla Server.xml”作為它的配置文件，其中記錄了FileZilla的監聽端口以及FileZilla的用戶信息等內容。一個FileZilla用戶的配置信息大致如下：
其中各行配置的含義如下：
1：用戶user01的配置信息起始處
2：用戶的密碼
3：用戶所屬的組。同一組用戶擁有組的相同的配置，從而減少配置的工作量。
4-6：限制來自某些IP地址的用戶不能訪問服務器。
7：用戶的主目錄，即用戶登錄后進入的目錄。
8：用戶讀文件的權限。如果值為1，則擁有讀文件的權限。
9：用戶寫文件的權限。如果值為1，則擁有寫文件的權限。
10：用戶刪除文件的權限。如果值為1，則擁有刪除文件的權限。
11：用戶追加文件的權限。如果值為1，則擁有追加文件的權限。
12：用戶創建文件夾的權限。如果值為1，則擁有創建文件夾的權限。
13：用戶刪除文件夾的權限。如果值為1，則擁有刪除文件夾的權限。
14：用戶列出文件夾的權限。如果值為1，則擁有列出文件夾的權限。
16：用戶user01的配置信息結束處
通過對FileZilla配置信息的解讀，為自動建立配置信息文件奠定了基礎。
2.2 FileZilla擴展的開發
我們使用開發了FileZilla批量用戶生成擴展工具。通過循環讀取學生的學號，使用這一信息作為學生FileZilla服務器上的用戶名。根據2.1節的配置信息的含義，自動為每個用戶生成相應的配置信息。工具的使用界面如圖2所示。
當點擊“生成配置信息”后，通過如下的代碼批量地生成所有用戶的配置信息。
2.3 用戶主目錄的自動創建
根據學生的學號，我們開發了在服務器上自動創建學生在FileZilla服務器上的根目錄的功能。
通過循環讀取學生的學號，使用“puter.FileSystem”對象在服務器上創建以學生的學號為文件夾名稱的學生在FileZilla服務器上的根目錄。
2.4 配置信息的生效
關于所有學生的配置信息生成后，通過先把“FileZilla服務”停止，然后把自動生成的配置文件“FileZilla Server.xml”拷貝到FileZilla服務軟件所在的文件夾，并重新啟動“FileZilla服務”，批量創建的用戶即可生效。
3 Web服務器平臺的建立
當學生通過FTP客戶端使用自己的用戶名和密碼登錄FileZilla服務器并上傳網站作品后，需要通過Web服務把各個學生上傳的網站作品展示出來。我們把學生的主目錄映射到Web服務器Apache的虛擬目錄，并開發了自動生成展示界面的前端頁面生成器程序。其中，為學生的每次上傳的作品生成對應的通過Web服務器的鏈接。
4 結束語
網頁設計與制作是一門注重實踐的課程。該文借助FTP服務平臺和Web服務平臺以及相應的輔助擴展程序的開發，建立了面向網頁設計與制作的教學平臺，彌補了通常教學環境中由于不具備實際的網站環境從而無法為學生提供完整的網站建設過程講解的缺陷，使得學生能夠獲得與實際接軌的完整的網頁設計制作的經驗。
參考文獻：
[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：//.
