發布時間：2023-10-16 16:02:02
序言：寫作是分享個人見解和探索未知領域的橋梁，我們為您精選了8篇的網頁的設計與制作樣本，期待這些樣本能夠為您提供豐富的參考和啟發，請盡情閱讀。
關鍵詞:網頁制作 課程改革 項目教學 個性化教學
一、互聯網行業的潛在需求
在互聯網時代,新興行業層出不窮,例如新媒體、電子商務等新型傳播方式和商業交易模式,為經濟發展注入了新的動力。而不少傳統行業也逐漸淘汰落后產能,引進各種新型電子智能技術和設備,紛紛建設電子信息網絡平臺與管理系統,以實現高效便捷的管理,并且極大地提高了生產效率。
(一)網頁設計與制作課程的發展現狀
在以往的教學過程中,教師往往只是從課本知識入手,著重傳授相關概念和理論,而對于軟件的操作,采取“為教而教”的方式,對學生的培養重在使用,而非實用。如此教學的結果是,學生雖然掌握了基本的軟件操作方法,卻只是停留在“知其然而不知其所以然”的階段,一旦面臨企業或者用工單位指派的實際任務,就會陷入一籌莫展的境地。究其原因,仍然是老師的作用沒有充分發揮,沒有培養學生良好的設計和規劃意識,致使學生沒有建立起完整的作品概念,更不用說創新意識和能力的培養。因此,應當明確的是,課程內容的教授應是“設計”與“技術”并重,甚至將設計理念提到更加重要的位置,讓學生真正意識到開發與設計的重要性,培養獨立設計與制作的能力,達到作品所應有的功能和視覺效果。
(二)網頁設計與制作課程的培養目標
新課程教學目標中明確規定,我們應該確立以學生為主體的意識,明確以培養學生的實際動手能力和操作技能為教學目標。這樣才能保證教學的目的和意義的實現。
網頁設計與制作課程的教學就是面向實際應用,解決實際問題的實踐活動,在教學過程中,老師和學生都應該具備目標意識和創新意識,在軟件和網絡知識的運用過程中,在實際問題的解決和網頁的設計操作中,提高學生的網頁設計技能和綜合素質。倡導運用不同方式和靈活運用各種工具、尋求最佳途徑的輕松活潑的教學,讓學生參與到教學活動中來,提高學生解決實際問題的能力,培養學生的創新能力、服務意識和團隊合作精神。
三、新形勢下課程改革的新思路
互聯網行業是近年來發展最為迅速的行業,也是自身更迭和淘汰速度最快的行業。順應知識爆炸時代的需求,互聯網行業的特點就是新鮮、快速和海量信息,而作為互聯網依托之一的網頁自然也要跟隨時代潮流而變。作為新時代的技能型行業,網頁設計與制作要求將最新的知識和科技融匯進來,才能保證不被淘汰。
(一)項目開發教學
1.協調好理論課與實踐課的關系
任何學科的教授都是理論與實踐相統一的整體,任何一方都不可偏廢。但是對于注重實際能力的設計與制作課程,可以將理論的傳授更加實用化。
2.案例教學或項目式教學
以案例或項目開發為教學載體,既生動活潑,同時在潛意識中培養了學生解決問題的意識和能力。
(二)打造學生的展示平臺
利用學校的資源優勢,為學生打造一個成果展示平臺,促進學生間的互動和交流。利用每堂課的任務教學或者教學實例,引導學生開動腦筋,去尋求最優解決方案,并且滿足他們展示與交流的愿望,建立一個開放活躍的學術氛圍。
四、結論
綜上所述,網頁的設計與制作本身就是生動而充滿樂趣的課程,教學的目的就是要讓學生真正在實踐中運用相關的軟件和技術知識,并且在運用和實踐的過程中鍛煉思維,提高解決實際問題的能力,從而順利走上就業崗位,成為實用型的技術人才。
參考文獻:
[1]楊森,劉瀟瀟.網頁設計與制作課程教學改革的研究與探索[J].辦公自動化雜志.2010.(03).
[2]磨曙明.網頁設計與制作課程中項目教學法的運用[J].新課程.2010.(05).
[3]敖冰峰,喬陽.“項目教學法”在網頁設計與制作中的應用[J].科技創新導報.2010.(17).
[4]蔣紅,包松穎.高職網頁設計與制作課程的教學思考[J].寧波教育學院學報.2010.(06).
在實際的教學中，主要從以下幾個方面來進行。
1.選擇適合的項目。項目的確定不是隨便進行的。第一，所選擇的項目要能夠將大部分的知識點都包含在內，還有能夠與較多的知識點相結合；第二，項目的難易程度的確定，要根據學生的實際水平來確定；第三，所選擇的項目要能夠被大多數的學生接受并且喜愛。因此，項目的選擇是第一步，也是比較關鍵的一步。
2.項目的設計。對網頁設計與制作專業的學生來說，他們主要的學習內容就是將網頁進行美化以及實現網頁的功能，要能夠掌握基本的Html語言，要會使用Dreamweaver、Photoshop以及Flash等軟件來進行美觀并且實用的網頁的設計。網站的建設可作為一個整體的項目，之下可以分出一些子項目。可以以“在線留言板”來作為課題。它包含了HTML、CSS以及VBScript這三個方面的內容，與學生的學習能力比較適宜，此外，它也是比較通用的，在很多的網站上都是不可或缺的，有應用價值。首先將學生分成小組，每一個組都要有一個組長，組長來進行項目任務的分配，每一個組員都要有專門的職責，并且要定期的進行會議的召開，來報告各自的工作進度。如果有哪一個人遇到了困難，小組之間要共同的解決。
3.項目信息的收集。在這個階段，要使學生對項目進行熟悉。在教師將項目確定好之后每一個學生都要根據項目的要求以及自身的情況，來對相關的信息進行收集整理以及分析，然后確定工作的計劃。
4.確定方案。學生經過分組討論之后，要確定最佳的方案。將個人工作與小組工作相互結合，每個人要事先做好計劃，小組間來進行討論，小組的每一個成員都要提出自己的意見和看法，最終來確定最好的方案。在此過程中，教師要進行指導。
5.項目實施。計劃方案確定之后，小組內的每一個學生都要按照計劃方案來進行計劃的實施。項目組長來將任務劃分給每一個同學，每一個同學都負責不同的部分，并且要獨立的完成任務。
6.教師檢查項目。在項目完成之后，學生要對項目的結果進行檢查，然后再由老師進行質量的檢查。并且將其完成的作品進行公開的展示，讓學生來找出優點以及缺點。要讓學生進行自評以及互評。這樣，可以使學生鍛煉他們的責任心，提升他們的質量意識，并且可以學習評估的方法。教師不但要對內容檢查，還要檢查其實際的功能效果。
【關鍵詞】網頁設計與制作 教學理念 教學策略 考核方法
【中圖分類號】G71 【文獻標識碼】A 【文章編號】2095-3089（2014）08-0228-01
隨著信息技術的迅速發展，網絡在人們的生活中扮演著越來越重要的角色，使人們的生活方式發生了翻天覆地的變化，上網已成為一種潮流。因此，網絡成為信息革命的主導力量，它能承載巨大的信息量，是世界最大的資源寶庫，由于網絡可以實現資源共享，人們越來越習慣在互聯網上搜索信息。而Dreamweaver網頁設計與制作是現代計算機網絡技術中最受歡迎的技術之一，自然而然《Dreamweaver網頁設計與制作》課程也倍受學生的青睞。該課程具有自身的特點，它對學生的操作能力和實踐能力要求比較高，主要是要求學生能夠熟練掌握Dreamweaver制作簡單的靜態網頁。通過使用Dreamweaver軟件掌握基礎網頁設計與制作的基本方法，綜合所學知識能夠建立基本的靜態網站，成為社會所需人才。因此，本文根據社會的需求，就如何使學生更好地掌握Dreamweaver網頁設計與制作進行探析。
1.改變教學理念，激發學生的學習積極性
根據社會發展的要求對本課程的教學內容進行了一定地調整。課程教學內容的調整必定涉及到教學理念的改變。由于調整后的課程教學內容主要由當今實用的、流行的新技術幾個部分組成，如Html和fireworks的使用，而這幾個部分的內容具有較強的實用性、操作性。因此，教師講授時應該抓住Dreamweaver這條主線，將課程內容融會貫通，整理思路，便于學生接受和掌握。
在講授理論知識的時候學生會覺得Html語言很乏味，這種操作性強的內容如果不進行及時的實踐操作，掌握起來很困難，一旦能讓學生看到自己親手操作后的效果就會有一種成就感，這樣就能激發學生的積極性，強化所學內容，增強自己的動手操作能力。
眾所皆知，興趣是最好的老師。如果學生有濃厚的學習興趣就會積極主動地學習，集中注意力，注重每一步操作的細節。因此，在教學的過程中，教師要激發學生的積極性，培養學習興趣。如第一章介紹網頁制作的基本內容和相關操作步驟時，教師就要結合具體的實例進行具體講解，介紹有代表性網站的整體布局、網站風格等網站的相關內容。由此學生就能觸類旁通，根據自己的想法制作和設計出意想中的網站風格，從而產生制作個人網站的欲望。這份欲望給了學生巨大的動力，也是學生學好網頁制作的前提條件。
2.改進教學方法，提高學生的動手能力
《網頁設計與制作》課程要求學生具有較強的動手實踐能力[2]。不僅要求學生能夠熟練使用Dreamweaver進行基本的網頁制作，還要求學生能夠根據所學知識解決具體問題，能夠靈活運用到實際操作中。
《網頁設計與制作》課程的教學要循序漸進，首先學習網頁設計與制作的基礎知識，然后要學習如何美化網頁、使用各種工具進行操作，最后綜合所學知識制作一個簡單的網站，使所學知識能夠融會貫通，靈活運用，這樣就可以有效提高學生的整體性思維能力，增強學生的動手能力。
3.改革考核方法
考核是任何課程進行測試的一種方法，Dreamweaver網頁設計與制作課程也不例外。改革考核方法一方面可以幫助教師改進教學方法，激發學生學習的積極性[3]。以前一些操作性和實踐性較強的課程也習慣用筆試的方法進行考核，考核的內容都是一些理論知識，根本不能反映學生對所學課程的具體情況，這與該課程的要求相悖[4]。因此，在“網頁設計與制作”課程中，要采用多種考核方式，把學生的成績分為三部分，分別為平時考查成績、綜合作業、期末考試。
考查成績主要是根據學生在上實踐課時的表現來評定，此部分成績占30%；綜合成績則以學生在規定的實時間內完成的設計方案來考查學生的動手實踐能力，教師根據學生的設計方案評定學生的綜合成績，評價學生的專業技能，這部分成績占30%；最后是期末上機考試的成績，考試形式為開卷式，只對最終網頁的制作效果提出要求。這樣學生就能根據自己的想法設計出不同風格的、有自己個性的網站，提高學生的整體思維性能力，最終的考核質量作為學生的考試成績，占總成績的40%。
總之，改革Dreamweaver網頁設計與制作課程的考核方法，有利于激發學生的學習積極性，培養學生的學習興趣，提高學生的整體思維性能力，進一步提高學生的動手能力和實際操作能力，從而提高教學質量和水平。
4.結語
經過上述分析得出，在Dreamweaver網頁設計與制作的教學過程中，不僅要改變教學理念，激發學生學習的積極性，還要改進教學方法，提高學生的動手能力。除此之外，考核方法的改革也是必要的，以此來提高教學質量和水平。
參考文獻：
[1]黃學群.《網頁設計與制作》課程的教學探討[J].今日南國，2011，12（08）：105-106.
[2]陳風芹. Dreamweaver網頁設計與制作教學探討[J].教學園地，2012，25（12）：255-255.
【關鍵詞】網頁設計與制作；校企合作；崗位
1.調研目的
掌握行業發展動態，從理論發展、行業應用、等方面掌握第一手資料。
掌握行業新技術應用的情況，各種新技術的特點和發展前景。
掌握新技術應用帶來的工作流程、崗位設置和崗位職責的變化。
掌握最新的行業職業標準。
掌握新技術應用對學生專業技能提出的新要求。
掌握行業對學生綜合職業素質的要求。
了解行業內企業的基層組織形式、工作環境和企業文化。
2.調研對象
從兩方面選擇調研對象：一方面是北京地區與《網頁設計與制作》課程相關崗位的成功企業；另一方面對58同城、趕集網、智聯招聘、前程無憂四家招聘網站上與《網頁設計與制作》課程相關的崗位進行網上調研。
3.調研方法
我們走訪了北京地區做的比較成功的企業，同時我到北京優騰科技有限公司實習半年，北京優騰科技有限公司運營的望京網——都市生活新媒體社區服務網站，在北京市乃至全國都是優秀的社區網站，實習期間調研了該企業所需的崗位，及各個崗位的工作流程環節以及相關工作崗位的能力要求，了解最新行業動態和標準。
具體調研工作步驟如下：
1）與企業高管交流。了解行業目前的市場狀況和發展趨勢；了解行業的新動態、新技術以及未來的走勢。
2）與部門經理交流。了解具體崗位的工作內容以及對學生的要求；了解所調研企業的部門和崗位設置、工作內容、技能和能力要求，并對調研結果進行客觀地分析、對比和評價，為課程建設提供依據，深化理論與實踐的結合。
3）與人力資源的主管溝通。了解從企業招聘的角度了解企業對學生的要求，教師與學生到企業實習的問題，企業兼職教師的聘請等方面的事宜。
4）與專業人員溝通。從員工的角度出發，了解做好自己的工作需要掌握哪些技能和知識。
5）與畢業生交流。通過座談會的形式，了解學生在工作中遇到的問題和行業對學生綜合職業素質的要求。
6）相關行業網站。從相關行業網站上搜集信息和資料，以便掌握最新行業動態和標準，了解相關政策法規等。
通過58同城、趕集網、智聯招聘、前程無憂四家招聘網站對北京地區的人才招聘信息收集兩萬多份，將技能要求相似的崗位進行合并，從中篩選出與《網頁設計與制作》課程相關的職業崗位200個，對這200個崗位進行分析。
4.調研結果
（1）與《網頁設計與制作》課程相關的崗位
無論是走訪企業，還是網上調查得出了一致的崗位有：網頁設計與制作、網頁美工、網站管理、網頁編輯。
（2）崗位分布分析（見表1）
（3）相關職業崗位的知識要求（見表2）
（4）相關職業崗位使用軟件的要求（見表3）
5.存在的主要問題
通過調研，發現我們實施《網頁設計與制作》課程過程中存在著問題，主要有以下三方面：
我們采用的項目教學法，沒有能真正體現企業的工作過程和工作環節的項目進行教學，所以需要對教學項目進行優化。
【關鍵詞】任務驅動法；教學方法；網頁制作
1.課程教學現狀
網頁設計與制作作為高職院校計算機技術專業的專業必修課，是一門知識性和實踐性很強的課程。要求學生熟悉網頁的基本理論知識和掌握網站設計與制作全過程。熟悉網頁設計與制作的基本方法和常用技巧，能夠熟練地使用網頁制作軟件Dreamweaver cs3制作出具有一定專業水平的綜合型交互網站。高職教育的目標是培養技能型的應用人才，因此需要高職教師的教學要重點培養學生的操作技能，在教學設計中激發學生的學習興趣，通過任務讓學生明確本課程的知識目標和技能要求。
由于本課程涉及的知識點比較龐雜，技術技巧也比較多，學生要理解和掌握這些理論和技能，需要學生有主動學習的意識，在學習中要善于思考勤于實踐，最終達到具有一定的應用能力。然而在教學實踐中，教師使用傳統的教學方法，以灌輸式的方式逐一介紹軟件的界面和菜單工具等，學生在練習中，往往會束手無策，雖然清楚軟件的各種工具，但無法進行應用。沒有操作的思路和方向。結果抑制了學生的積極性和創造性，從而降低了學習效果。概括起來有以下幾個方面：（1）教學內容缺乏實踐性、應用性不強，脫離了技術發展的步伐。（2）對教學對象特點分析不夠，沒有考慮學生的實際情況，忽視了學生的主體作用和職業素質要求。（3）教學方法過于陳舊，不適應現代高職教育的教學特點，對學生的積極性和創造性培養不夠，職業特點不夠明顯。因此如何在教學中，激發學生的興趣，讓學生在“做”中“學”，在“做”中“會”。而把任務驅動法引入教學中是課程教學改革的有益方向。
2.任務驅動教學法
任務驅動教學法，是一種基于建構主義學習理論為基礎的教學法。要求在教學過程中，教師巧妙的設計任務，把教學內容蘊含在任務之中，學生在具體的任務中，提出問題，并經過思考和教師的點撥，自己解決問題，從而完成任務。以培養學生的分析問題，解決問題的能力，激發了學生的積極性，掌握了技能，獲取了能力。任務驅動教學法在應用中要注意幾個原則：（1）任務要吸引學生。任務要貼近學生生活中關注的興趣點，把實際問題設計成教學任務，從而激發學生的學習熱情。學生通過學以致用，解決問題會產生一種成就感。比如讓學生制作樂器、體育用品、明星達人等的圖片展示的網站。或者制作一個招聘網站，具有注冊、提交、崗位瀏覽、會員登錄等功能。（2）任務設計要有知識的連貫性。學生在任務中能用學過的知識技能，分析問題并提出新問題。比如在制作相冊的網站中，學生已經掌握了圖片鏈接的知識，引導學生分析問題，進而提出如何布局網頁，把圖片嵌入到網頁中，方便瀏覽。任務的設計要使得知識點前后呼應有連貫性，即鞏固了已學過的知識，有學會了新知識。從而形成一個系統的知識建構。（3）任務設計要有層次感。由于學生的基礎和掌握知識水平能力的差異，任務的難度要有一定的彈性。在任務要求中，既要滿足教學目標的要求，又要注意提供知識的探索空間。保證大部分學生要完成指定的簡單任務，又要讓學有余力的學生可以有更多的收獲，有效發揮學生的創造性和解決問題的能力。從而讓不同層次的學生都有所收獲，并體驗到學習成功的喜悅，增強了學習的信心。
3.任務驅動法教學應用
任務驅動法教學模式要求，教師在備課中，把所要教授的知識點巧妙設計到任務中。然后在課堂教學中，教師要創設情境，引出任務，呈現整體任務。教師把目標要講述清楚，讓學生明確任務要求。在接受任務后，要引導學生要分析問題，分解任務，并制定詳細的任務完成計劃，通過自己的思考和教師的幫助來解決問題，從而完成任務。教師對任務進行展示，學生交流，最后給出評價和改進措施。在整個教學過程中，要以學生為主體，教師為主導，在師生的積極互動中完成教學目標。整個流程可分為創建情境引出任務、提出問題分析任務、教師引導完成任務和展示交流評價任務四個階段。
以制作個人相冊網站為例，具體教學流程如下：（1）提出任務。課上教師引出任務。比如任務是制作一個相冊網站，基本功能有可以點擊瀏覽具體信息（如拍攝時間地點人物等介紹）、支持分頁瀏覽。擴展功能要求用戶注冊成功后，可上傳圖片，可瀏覽相冊，單擊每張圖片可查看照片基本信息。（2）分析任務。首先對功能分析，用戶注冊成功可登陸網站。此功能需要什么方法實現？提示學生可以通過使用asp語言，編寫代碼實現判斷用戶是否可以登錄。上傳圖片的功能如何實現，提示學生需要后臺建立數據庫，后臺選擇圖片單擊命令可實現把圖片上傳到指定文件夾。數據庫是存放圖片信息的載體，如何設計數據表？在分析任務過程就引出了新內容，其中基本要求是可瀏覽的相冊，這個功能可以講授在Dreamweaver中的相冊生成功能。任務計劃可以先準備素材，在建立網站，設計主頁，然后演示Dreamweaver中的相冊生成操作。對于能力較好的學生可鼓勵學生通過ASP與Dreamweaver結合制作具有動態功能的相冊，實現注冊，上傳圖片和瀏覽相冊的網站。教師可講授ASP實現用戶注冊的代碼，access數據庫如何建立數據表，如何實現上傳等擴展內容。（3）完成任務。教師要幫助學生分解任務，把大任務分解成一個個子任務，要有合理性和可執行性。比如此網站可分解為建立站點任務、注冊登錄模塊任務，設計數據表任務、圖片上傳模塊任務、主頁制作任務、瀏覽模塊任務等。學生在獨立完成任務過程中，教師要適時給與幫助，監控整個過程的進展，給與需而生必要的點撥。學生在實驗過程中，會提出別的方法和問題，教師要給與指導。任務的設計是有彈性的，所以完成標準也是有差異的，教師需要在教學過程結束前對任務擴展和細化，使得所有同學都能有所收獲。（4）評價任務。當任務完成后，教師要展開對學習成果的展示、交流、討論、分析和點評。及時反饋學生在學習中的問題，了解學生掌握情況，進一步激發學生學習動力和完善其知識的建構。學生在交流展示中，獲得了成就感和自信感，教師的點評對學生強化知識理解有重要作用。對于評價可從多方面進行，學生自評、互評和教師評價結合，對于實踐性很強的課程，不妨采用學生的作品評價為主，讓小組互相打分，評出等級，作業的質量也反映了學生的利用知識處理問題的能力。
4.結束語
任務驅動法是當今高職教學中普遍采用的方法，但對于實施落實情況仍需要科學對待。沒有萬能的方法，只有最適用的方法，即使同一門課程，也是有的內容適合采用，有的并不適合。任務驅動法不可忽略基礎知識和理論知識的學習，所以在實際應用中要靈活多樣，真正做到理論實踐相結合，科學使用任務驅動法，培養具有創新性的應用型人才。
參考文獻：
[1]孫文新，杜玉紅.任務驅動法在信息技術課程中任務的設計[J].深河職業技術學院學報，2008，7（2）.
[2]丁肖忠，倡導.以“任務驅動”組織信息技術科教學[J].中國信息技術教育，2010（6）.
【關鍵詞】 三環雙向 網頁設計與制作 教學改革
【中圖分類號】 G434 【文獻標識碼】 A 【文章編號】 1006-5962（2012）08（b）-0184-02
1 引言
網頁設計與制作是一門綜合性很強課程，涉及文字排版、圖形圖像處理、動畫制作等多方面內容，它不僅對技術有較高要求，也是藝術的體現，因此要求學生具備一定的創新精神和綜合實踐能力。傳統的網頁課程教學，重知識、輕能力，重技術、輕藝術，忽略情感教育，學生處于一種被動接受知識的情境下，勢必導致學習興趣下降，創新精神受壓抑，綜合實踐能力得不到明顯提高。本文提出了一種三環雙向的教學模式，并將這一教學模式運用于網頁設計與制作課程中，使該課程的技術和藝術在教學中能很好結合。
2 三環雙向教學模式的理論依據與功能目標
2.1 三環雙向教學模式的理論依據
羅杰斯（C.R.Rgers）的人本主義學習理論中，學習的基本觀點可以概括為以下兩點：個人具有學習的潛能；意義學習是學習的本質[1]。這種意義既理解和記憶的過程，又包含價值、情緒的色彩。布魯納認為只有有結構、有系統的存儲知識，才有助于提取知識，有助于增進學習中的遷移，激發學習動機或學習興趣。而培養能力就是要提高知識與知識之間的聯系的能力、生成的能力。為了提高能力，應積極主動地、有意識地增加知識之間的聯系，讓知識之間的聯系多樣化、深入化、全面化，并主動在知識聯系的交叉點上生成新的知識。
2.2 三環雙向教學模式的功能目標
該模式的功能目標是指運用三環雙向教學模式所能產生的實際教學效能及其標準。以學生可直接觀察的行為和其身心變化為依據，它具體反映了模式設計者對按該模式進行教學能在學生身心上造成何種變化的一種期望或要求，在一門課程完成之后，學生的專業知識、專業能力、專業情意全面提升，有較強的團隊協作能力、綜合實踐能力和創新精神，實現知識、能力、素質目標的三位一體。
3 三環雙向教學模式涵義
三環雙向教學模式中的“三環”指情感態度、知識、能力，“雙向”指這三者之間的相互關系和作用影響。情感態度是指興趣、動機、自信、意志和合作精神等影響學習過程和學習效果的相關因素。知識，是人改造自然過程中所獲得的認識和經驗的積淀，分顯性和隱性，前者具有可整理、編輯和傳播的特點；后者只能通過內心感悟的過程中來認識。在學習過程中，記憶是對知識材料的輸入和重組，使其與其他知識材料建立聯系，形成主體的思想、方法和精神內容的創造性活動。一個人不能再現所學知識，便無法建構知識應用、操作能力。能力，指主體可勝任某種操作的本領，設計操作活動所須具備的主觀條件和實施方式。能力雖為知識的前提，但獲得知識并不自動等于擁有能力，因為知識只有外化為可產生某種效率效度的操作力，才被視為能力。三環雙向教學模式如（圖1）所示。
（圖1）中情感態度是獲取知識和培養能力的動力，反之又將升華情感。掌握知識是發展能力的基礎，學生對知識理解掌握得越深刻，越有利于能力的發展。能力發展是掌握知識的重要前提，掌握知識快慢、難易、鞏固的程度依賴于能力，沒有一定的認知能力（如感知能力、記憶能力、思維能力等）就不能掌握知識。傳授知識與培養能力是對立統一的，它們相互聯系，相輔相成，兩者都是教學的基本任務，都很重要；應是同時進行的，不能有先后之分。
4 三環雙向教學模式在網頁設計與制作課程中的運用
在網頁設計和制作的課程教學中，應努力去處理好知識、能力與情感態度三者的關系，找準一個平衡點，既關注知識的傳授，同時在這過程中又培養學生的能力和發展學生良好的情感和態度。
4.1 網頁設計與制作課程教學模式
網頁設計和制作課程是技術和藝術的結合，在學習該課程前，學生一般都已具備一定的文字排版、圖形圖像處理、動畫制作等多方面能力，并且也瀏覽了為數不少的網頁。情感是人對客觀事物是否符合自己需要的態度的體驗，事實表明，情感因素是影響教學質量的一個重要的因素。首先引導學生欣賞網頁，包括網頁的版式、色彩、文字、圖形以及多媒體等網頁特有視覺元素的鑒賞，使學生能夠更好更有效的接受信息并產生對美的網頁的愉悅心情。積極豐富的情感能調動學生的積極性和主動性，在此基礎上，教師可根據學生的知識結構和認識水平對網頁設計和制作課程教學內容進行的加工，使所傳授的內容同學生原有的認知結構建立實質性的聯系，激發學生積極主動的從自己原有的知識結構中提取有聯系的舊知識來作為掌握新知識的基礎。在教學過程中注意學科理論與實踐的結合，掌握知識與培養能力的結合。通過教師的啟發與總結，使學生實現科學知識和道德情感的內化，在設計和開發網頁過程中陶冶情操。根據圖1三環雙向教學模式，對網頁設計與制作課程教學模式具體情況描述如下（見圖2）：
4.2 教學案例運用
現以網頁的色彩為例，描述三環雙向教學模式具體運用。
（表1）通常學生已具備一定的色彩知識和審美能力，基于此讓他們描述對色彩的喜好。在教學中，通過對多項網頁作品的欣賞和點評，引導學生進行網頁色彩搭配設計，并且對一個網頁搭配出多種風格的色彩組合，然后利用代碼書寫應用于網頁制作中，一個網頁的多種色彩搭配設計有利于提高學生的設計、創新等綜合能力。作品設計完成，讓學生對彼此作品色彩傳達的心理作用描繪出作品表達的觀念。這一案例的三環雙向教學模式運用，實現了藝術和技術的結合，首先利用學生的審美等藝術素養調動他們的積極性，對作品進行藝術設計，接著以技術實現藝術設計作品，最后由完成的作品提升藝術素養陶冶情操。
5 結束語
網頁設計的出現本身就是跨學科的結果，這種特性在未來的發展中會表現得更加明顯，單純的學習技術或者藝術，都無法滿足網頁設計開發。我們嘗試采用三環雙向教學模式進行教學，將技術和藝術很好結合在一起，學生的創新精神和綜合實踐能力都得到明顯提高。
參考文獻
[1] 向海英.羅杰斯人本主義學習論及對當前我國教育改革的啟示[J].山東教育科研，2000：69-71.
[2] 朱峰.布魯納“發現學習論”對我國教育改革的啟示[J].重慶科技學院學報（社會科學版），2008（6）：188-189.
[3] 李亦菲，朱小蔓.新課程三維目標整合的KAPO模型[J].天津師范大學學報（基礎教育版），2010（1）：1-10.
關鍵詞： 《網頁設計與制作》 教學有效性 專業技能 提高
21世紀是網絡、信息的時代，隨著網絡發展的日新月異，互聯網給人們的生活帶來了一系列根本性的變化。網絡的迅速發展和普及也同時醞釀出一個全新的設計領域――網頁設計。在目前的各種院校的計算機相關專業中，網頁的制作與設計成了一個必須要掌握的專業技能。但事實上，很多計算機專業中職畢業生的計算機水平還只是停留在很低的層面上，再加上用人單位對計算機從業人員的要求越來越高，使他們很難能滿足市場競爭的需要。造成這一結果的其中之一的因素就是我們現行的教學方式方法過于陳舊，提不起學生學習的興趣，甚至是讓學生產生厭學心理。作為一名工作在教學第一線的老師，我們有責任去思考如何提高教學的有效性。在此我根據自己這幾年的教學實踐，談談如何提高《網頁設計與制作》教學的有效性。
一、確立正確合理的教學目標
網頁制作這門課程對學生來說是個比較陌生而好奇的項目，他們都希望自己能通過這次課程的學習來獲得一個新的技能，制作出漂亮的網頁來。一直以來，我們對于《網頁設計與制作》這門課程制定的教學目標都是：讓學生熟練掌握網頁制作技能和技巧，也就是能夠跟著老師一步一步走下去。這樣學完之后，我們從考核結果來看是不差。但是我們卻忽略掉了一個很重要的能力，就是設計能力，網頁除了制作能力之外，更應該重視的是設計能力。很多學生在學完課程之后，如果老師布置一任務，要求自己找資料，獨立完成一個網頁，這時候往往無從下手。所以新學期我制定的課程目標是：了解熟悉網站的開發流程，能夠根據任務的不同來設計網頁，學會網頁制作的技巧，利用網頁制作工具制作出自己設計的網頁。
二、學習網頁制作工具及美化工具并重
在工具軟件的選擇上，我們的原則是選擇最流行的，因為流行的軟件一般用戶多、功能強、有生命力。網頁制作一般需要網頁制作軟件、圖像處理軟件和網頁動畫制作軟件的配合使用。
用于網頁制作的最為常用的專業級的軟件是FrontPage和Dreamweaver。這兩個工具軟件都提供了圖形化的設計界面，FrontPage重視網頁的開發效率、易學易用的引導過程，適合于網頁設計的初學者；而Dreamweaver主攻的是網頁高級設計市場，適合專業的制作人員使用。鑒于Dreamweaver在網站管理和網頁編輯方面的卓越表現，我們采用它作為課程用軟件。
三、教學過程中設計好實例
在本課程的學習中，任務驅動法是比較適合的。學生在完成一個一個的實例過程中，會獲得成就感、滿足感，也就有了繼續學習的興趣。選擇和設計教學實例的目的是為了使學生掌握網頁設計的理論知識，提高學生設計和制作網頁的實踐能力。網頁實例的設計除了具有明確的目標外，還應遵循由淺入深、循序漸進的原則，同時考慮分散知識點中的重點與難點、知識的前后序關系等。一個教學實例的難度對教學效果影響也比較大，在實例設計過程中，我們要注重網頁設計基礎知識與基本技能的訓練，應避免重點與難點過于集中而導致的學生興趣下降和產生畏難情緒。比較妥當的實例難度是大部分學生能做出來，但又存在一點點疑問。同時實例的設計應盡量結合網頁設計的實際應用，這樣可使實例既有新鮮感、可操作性又具有趣味性。
因此，我們在選擇和設計教學實例時應注意：（1）實例必須具有教學性：通過直觀的網頁實例可以形象生動地展示學習的目標，能使學生的明確所學知識的實用價值，從而提高學生學習的興趣和積極性，這也是運用實例教學的主要目的。教師要根據教學內容及目標要求來確定每個網頁實例，因此選擇實例應緊扣教材和教學大綱，使其具有教學性，能為教學目標服務，更要符合教學的需要。（2）實例必須具有典型性：所選擇的實例要能充分地考慮理論知識點和操作技能等學習目標，應遵循由簡到繁，由易到難，循序漸進的原則。所選擇和設計的網頁教學實例要能突出重點，突破難點，真正起到幫助學生理解如何制作和設計網頁的作用。（3）實例還必須具有針對性：選擇和設計的教學實例應針對學生的實際興趣和接受能力來選擇。這樣學生就會學得興致盎然，輕松愉快，教師的點撥也易明易懂，事半功倍。
四、注重HTML語言教學
無論什么類型的網頁，其基本結構都是HTML標記，所以認識、了解HTML標記的含義是非常重要的。認識HTML代碼，在一些必須要修改HTML代碼的情況下（如添加網頁特效的Javascript代碼、添加背景音樂時）就不會感到無從下手，也為動態網頁的學習奠定基礎。而往往教師認為學生對于計算機語言的學習不感興趣，也沒有一定的基礎，所以對這一部分常常忽略掉，這其實是做網頁中的大忌。本學期，在網頁制作的講解過程中，我將HTML語言帶入到教學過程中，先教會學生如何來看懂HTML語言，然后讓學生再根據原有的HTML依葫蘆畫瓢地自己編寫HTML語言，最后達到能夠自己編寫簡單的HTML語言的目的。
五、加強團隊協作
在給學生實踐操作過程中，教師可以使用學生獨立完成任務與團隊完成任務相結合的方法。對于一些比較簡單的任務，我們可以要求每一位學生獨立完成。而對于一些較大的任務，則采用學生互相幫助的方法。由學生自主選擇為主，加上老師的一定的調劑，最終由2到3名學生組成一個小團隊，教會他們分工組織的方法，讓他們自己去設計網頁，鼓勵學生到網絡上搜索素材或自行設計素材，最終完成各個頁面。以前我在教學中，很少去開機房的網絡，主要擔心學生在網絡上聊天、打游戲。但是本學期我在機房中將網絡開下來之后，發現打游戲、聊天的情況甚少，主要是因為學生有事情可做了，他們團隊之間會互相監督、互相幫助，而且不同的團隊之間也會有比較、有競爭。這樣可以大大提高學生學習的效率。學生在學習到技能的同時，也學會了怎樣來與人交流、溝通。
六、設計合理的評價手段
傳統的考試方式很難真正進行有效的考核。因此，我們進行了考核方法的改革，首先采用常規的筆試、上機操作，考核學生掌握基本知識、基本技能的情況，還采取口試，考核學生對整個項目開發的思路及開發方法，同時考查學生口頭表達能力、與人溝通能力。最主要的考核是以項目最后實現的效果及每個人完成工作量的情況、完成工作的質量及效率進行評分，由項目小組與教師共同打分。采取的形式有學生相互評價，小組評價，通過學生在小組中的表現，完成任務的情況，在小組中的表現進行評價。我要求學生在交流評價的基礎上對自己獲得的材料和做出的作品進行檢驗，驗證自己的觀點。通過對比師生評價結果，找出造成結果差異的原因，讓學生反思他們在探究實踐中所運用的解決問題的策略。
通過這次教學實踐和反思后，我感覺教學方式不能完全照搬以前傳統的教學模式，在新時期下可以利用更為豐富的教學資源――網絡來進行教學。在以大力培養中職學生動手能力的前提下，大膽對傳統教學方式進行改革是可行的。世上沒有最完美的教學法，只有不斷完善的教學法；沒有一成不變的教學策略，只有不斷改進以切合學生學習實際的教學策略。多對自己的教學過程進行自我反省，以就業為導向，旨在解決問題，能夠使教師成為動腦筋的教師。通過自我反省，我們能增進對課堂，教學問題的認識，從而改進教學方式，提高教學效率。
參考文獻：
［1］張閣林.網頁制作技能教程.北京：電子工業出版社，2007.
【關鍵詞】 工作過程系統化；《網頁設計與制作》；課程開發
【中圖分類號】G642.421 【文獻標識碼】A 【文章編號】2095-3089（2013）17-00-01
基于工作過程系統化的課程開發強調對工作過程行知識和經驗性知識的學習，培養高素質技能型人才的要求，職業教育課程開發的起點是職業分析，基于工作過程的課程對現代職業活動與工作過程相關的典型工作任務進行整體化的分析和描述[1][2]。
基于工作過程系統化的課程開發有以下步驟：
第一步：本地區及周邊地區人才市場調研；
第二步：職業分析；
第三步：提煉本課程所設計的職業行動領域；
第四步：按照工作過程系統化對課程知識體系進行解構和重構；
第五步：精心設計教學內容和教學過程；
第六步：精心學習情境設計。
總結起來就是：工作任務分析行動領域歸納學習領域轉換學習情境設計[3]。
一、工作任務分析、行動領域歸納
《網頁設計與制作》相關的職業崗位有網頁設計師和網頁制作師。我們課程團隊對珠江三角洲的一些企業走訪調研，對已在相關崗位就業的畢業生進行回訪。調研的范圍主要涉及以下幾方面：（1）工作具體的流程；（2）工作中常用的技術；（3）負責設計與制作的網站類型；（4）你認為學校的教育對你現在工作的影響等。對收集的調研資料，我們課程團隊總結出網頁設計師的主要工作任務：（1）負責網站項目的整體版式、風格設計（2）根據網站策劃對網站整體框架的設計；（3）網頁的具體設計制作；（4）協助網頁制作師完成網頁的制作。網頁制作師的主要工作任務：根據網站說明書和網站設計圖完成網頁的制作。
二、學習領域
網頁設計師這個崗位涉及到美工方面，我們網絡系統管理專業相關的課程只有photoshop和《網頁設計與制作》，美工方面的知識只能是學生根據自己的興趣愛好自己補充，但是沒有美工專業基礎，還是有很多計算機專業的人從事這個職業。根據調研結果我們確定《網頁設計與制作》的主要教學任務是讓學生掌握網站設計開發的流程與方法，掌握DreamWeaver開發工具設計網站和制作網頁，培養學生設計網站和制作網頁的能力。
三、學習情境設計
根據行動領域的歸納和學習領域的轉換，我們選擇了個人主頁、班級網站、商業企業網站、旅游網站、商業購物網站作為課程的教學項目，總結為三個學習情境：小型網站網頁設計與制作、中型網站網頁設計與制作和大型網站網頁設計與制作。具體的學習情境設計如下表1：
其中拓展項目可根據校企合作的情況和學生興趣小組進行補充和更改，每個學期每個班可以不一樣。
參考文獻
[1]姜大源，職業教育學研究新論[M]，北京：教育科學出版社，2007。