網頁制作與設計
前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網頁制作與設計范文，相信會為您的寫作帶來幫助，發現更多的寫作思路和靈感。
網頁制作與設計范文第1篇
【關鍵詞】網站開發與網頁制作 網絡現狀分析 網絡設計未來發展規劃
網絡課程設計是針對當前網絡教學過程中，如何有效直觀的進展課程和培養學生實際操作能力的一種教學方式，它突出以學生為重點，強調理論實際相結合從而達到快速掌握和應用的目的。“網站開發與網頁制作”是運用編程語言，數據庫語言和網頁美工的一種集網頁鏈接、編輯、制作生成的所見即所得的網站編輯程序，它的誕生提高了宣傳和認知能力，加速了電子商務的發展，基于它的重要性和普遍性，激發了我們對網絡課程設計的濃厚興趣，使之精益求精，來確保我們的“網站開發與網頁制作”課程豐富多彩，運用自如。
1 “網站開發與網頁制作”網絡設計現狀分析
1.1 網站開發語言安全性
網站開發采用的語言有ASP、php、aspx、java等，實際開發制作中PHP+SQL的應用非常廣泛，這在網絡課程設計中也是綜合運用的重要課程，它能獨立實現網頁的自由切換，完成復合圖形的鏈接，調整網站的模式結構，它的動態因素還能起到吸引眼球，脫穎而出的效果；網站開發中PHP+SQL的綜合運用更是提高了網頁的利用空間，加速了后臺數據庫的建立，同時提高了網站開發的安全性和注重瀏覽者的綜合感受。
1.2 靜態網頁制作中Dreamweaver的應用
現階段，在網站開發與網頁制作課程中，Dreamweaver網頁靜態編輯器應用最為廣泛，它從最初的1.0版本升級到CS5，同時它的功能也從簡單的調節色階、飽和度、制作文字圖框上上升到獨立編輯和創建動漫圖片，三維立體調色，人物實體渲染等豐富強大的功能，這在網頁制作圖像編輯上發揮了立竿見影的作用，其次它帶有掃描和創作功能，使制作的圖片所見即所得；同時他還具有自由變換渲染實景的強大功能，可以還原復古地域風情、分辨明暗光景、豐富人物表情等，使我們的圖像新穎而富有特色。
1.3 收錄引擎對網站的友好度
搜索引擎屬于網站開發與網頁制作的后臺工作，它是支撐網頁正常運行的必要條件，也是網站鏈接顯示的重要組成部分，PHP、JAVA、ASP程序的編寫就好比人的大腦，它的關鍵度和完整度不言而喻。在制作處理完網頁，建立網站后往往要優化系統，有利于提高網站的點擊率和被百度收錄的幾率，這也是網絡課程設計的范疇，由于網頁腳本語言的改革使得SEO優化系統后豐富了網站的實用性，從而提高了網站開發與網頁制作的熱情和創新性。
2 “網站開發與網頁制作”設計發展規劃
2.1 多層次深發展滿足不同領域的需求
網絡課程是一種以學生為主體的網絡教育方式，它注重學生的實操能力和融會貫通能力，改變了老師口傳式的傳統教學模式，更好的活躍了學生氛圍。網絡課程設計可以根據學生接受能力的不同、所處領域的不同實行分類式教學模式，分層次輔導，有的放矢。例如，對研究和專業學生的教學，專業學生注重就業方向，我們設計的網絡課程就偏重于實用性，把日后經常用到的知識點納入教學中；對于研究傾向的學生偏重于后臺技術的開發，使它們在今后的研究中取得新的進展和突破，這樣做到有針對性的因材施教可以滿足不同領域學生的需求。網絡課程設計不受時間和地點的限制，可以重復式學習和互動，使學生更好的接受和完成學習任務。
2.2 整合資源優化知識結構，提高網絡課程設計效率
在網絡課程設計中，注重知識點的整合和知識結構的優化是關鍵的一個步驟。網頁制作不僅要求學生靈活掌握網站框架結構，而且在其藝術性上也提出了更高的要求，例如：在網頁制作中加入文字描述是我們常常遇到的問題，這時我們可以涉及如何加入文字并進行藝術設計，如何制作文字動態效果，并且兼顧抓取整段文字的關鍵詞，瀏覽備注信息和搜索引擎中出現的頻率等，這樣就構成了由點到面，循序漸進形成一系列連貫的知識點。再有網站開發過程中，網站鏈接瀏覽器的選擇也十分重要，它涉及到網站的權重問題和優先選擇問題，網站權重突出了網站的地位和導向，我們來換位思考一下，在搜索時習慣輸入什么知識點鏈接哪些網站，什么樣的域名優先錄取等都是我們需要考慮的，這也是我們網絡課程設計中資源優化的體現。
2.3 理論實際相結合，培養學生動手能力
在網站開發與網頁制作網絡課程設計中，首選要建立大量的圖庫資源和圖片資料，要求學生在日常生活中注意積累如各地人情，旅游風景，代表建筑物等一些列具有紀念價值的圖片，使得網頁制作過程中有豐富素材可用；其次課程設計中要多引進網站創新案例，利用多媒體播放一些特點鮮明的網站作品，使學生在潛意識中加深印象，在創新案例講解過程中融入教學重點和網絡設計難點，使學生享受成功案例的同時學到知識，長時間耳濡目染使學生形成一種創新網站設計構想的良性循環；最后要多培養學生善于總結和創新能力，注重學生的動手能力，在網絡課程設計中要留出足夠時間，反復實操。
2.4 將前臺簡單的網頁編輯延伸至后臺技術的開發及數據庫的整理
網站后臺制作是一項乏味而艱巨的任務，針對它的特殊性和復雜性，在網絡課程設計時，注重多媒體的使用，這樣可以使枯燥的編程程序直觀的表達，易于學生的接受；其次后臺數據庫的整理工作更是需要專業知識的鋪墊，需要多涉及實際數據的推算和項目數據庫整理工作，同時注重學生的綜合感受和自我評價能力，使它們能完全融入先進的課程設計中，從而達到理論實際結合的目的。
3 結束語
時代在發展，教育在改革，隨著計算機應用的普及，網絡教育占據主流力量，網站開發與網頁制作網絡課程設計會得到大力的推廣和應用，它不僅可以直觀形象的講解原理，因材施教，而且注重學生理論實踐相結合的動手能力，從而大大提高了學生的綜合素質和就業適應能力。
參考文獻
[1]韓陵宜.網頁制作課程教學及考核方式的研究與探索[J].計算機教學與教育信息，2008（03）.
[2]紀明明.淺談“項目教學法”在網頁制作與網站設計課程教學中的應用[J].中國新技術新產品，2010.
[3]盧新建.試談ASP動態網頁課程的教學探索[J].計算機應用教學研究，2010（10）.
作者簡介
史文斌（1986-），男，籍貫：江蘇蘇州，大學本科，現供職于蘇州大學計算機學院，研究方向為計算機技術。
網頁制作與設計范文第2篇
關鍵詞：網頁設計；教法；學法
中圖分類號：TP3-4文獻標識碼：A文章編號：1007-9599 (2012) 07-0000-02
在網絡技術迅速發展的今天，網頁設計與制作已成為當今社會上一種比較熱門的技術，也是“計算機應用技術、計算機網絡技術、國際貿易、國際商務專業”等專業學生的必修課，同時，也是相關專業學生的選修課[1]。
一、《網頁設計與制作》課程現狀與問題
對于以往的教學方式與內容，其相對落后的表現為：以簡單分析為主線，系統的概念化設計思想較弱；以文字教材與課堂講述的方式傳授知識為主導；過于重視軟件的操作，幾乎沒有創新設計的內容，忽視培養學生創造性思維；新理論、新技術相對偏少；與實際案例的聯系不密切、沒有反映現實技術的發展水平。
二、《網頁設計與制作》課程教學改革的對策
（一）教法的改革
“教師一張嘴、學生一支筆”的傳統“填鴨式”教學模式，是培養不出掌握熟練技能技巧面向市場的網頁制作人才的。為此，我們必須在教師的教法上改革傳統的教學模式。
1.注重培養學生的新思維
教學改革的關鍵是教師，要把如何培養具有創新能力的網頁制作人才放在第一位。有了創新意識，就能抓住創新機會，產生創新方法，啟動創新思維。通過改革，帶動和影響學生去創造、去想象、去獨立思考。培養學生的創新思維，可以改變學生依賴老師的習慣，也可以改變計算機教學傳統的填鴨式、灌輸式的教學方法。代之以自學指導法、嘗試教學法、提問驗證法等。教學方法創新，可使學生具有獲取新知識的能力，為他們在今后工作中不斷創新打下基礎。
2.使學生從課本中解放出來動手實踐
傳統教學方式學生取得知識的途徑主要是教師的課堂講授和教科書。筆者認為，教師應該讓學生從書本和課堂中適度解放出來，要求學生積極參加實踐，接觸實際問題，在經歷實踐的同時和解決問題中獲取知識。教師對每一門計算機課都給學生布置實踐課題，作業考核測試盡量在電腦上進行，實行“無紙化”，使理論和實踐教學有機地統一。
3.鼓勵并組織學生校外實習
為了讓學生能更好的適應社會需求，在充分發揮本校人力資源的基礎上，與一些IT公司聯合，鼓勵并組織一些學生去公司實習，讓學生有機會參與實際項目的開發和管理，提高實際應用水平。同時，也可以聘請公司專門從事網頁制作的人員來校授課，讓學生能及時了解學科前沿應用信息并掌提高新技術，盡力讓學生的認知內容始終與世界資訊保持一致。
（二）學法的改革
1.引導學生轉變思想
學生從高中升人高職，大部分學生已經習慣中學教師的教法。簡單的說就是，學生只會學習老師教的內容，不會太多想和學課外的一些知識點。但是，現在不同了，首先要從思想上給學生敲一下警鐘，讓他們知道，高校不同于中學，高校的學習和學法主要靠個人，網頁制作的知識無邊無際，需要學生自己去好好學習，自己去鉆研。因此，老師應該更多的提醒學生平時獨立思考問題、獨立看書、獨立去實踐，逐步轉變學生的慣性思維。
2.引導學生理論與實際相結合
我們注意引導學生從課本中解放出來，但是也不能完全的脫離課本。尤其是網頁制作科目的實踐性很強，所以一定要注意提醒學生不能忘掉課本的這個“本”，注意理論與實踐相結合，只有通過在實踐中來發現問題，同時又從課本中獲取知識，才能達到理論與實踐相結合，才能增長知識，才能取得更大的進步。
3.引導學生利用好網絡資源
隨著學校網絡環境的進一步改善，學生上網的機會也隨之增多。網絡資源為我們的教學提供了一個很好的學習資源，但需要教師的有效規范和引導。網上關于網頁制作的相關網站很多，有一些做網頁的相關技巧等著學生去學。通過學生對網絡資源的利用，既能大大的補充學生做網頁知識的全面性，又能很好的激發學生學習的積極性。
4.引導學生建立學習小組
在教學的過程中，我們可以將學生每4—6人來建立一個學習小組，小組成員之間相互協作，相互幫助，來共同解決問題。同時可以讓小組中尖子生充當小老師來指導其他成員，從而達到共同學習進步的效果。學習小組的建立，初步培養同學們合作交流的愿望，使他們能主動與他人合作，敢于提出與別人不同的見解，也勇于放棄或修正自己的錯誤觀點。通過學生的共同探索，可以培養同學之間相互合作、共同探索的團隊精神，也可以提高學習效率。
（三）成績考核方法的改革
網頁制作操作性很強，實踐內容多，而理論知識少，一個學生學得好不好，關鍵看學生的動手能力怎么樣。對學生成績的考核也是網頁制作教師長期探索的課題。
1.小的知識點，平時隨堂考查
在時間允許的情況下對每個學生要逐一檢查，使學生在平時就養成對小知識點的積累。久而久之，做一個網站的所有知識點就會慢慢的積累起來。
2.提前布置一些較大的工程（如個人主頁、網店設計之類）
如何使學生將一些小的知識點組合成為一個大的或綜合的網站才是做網頁最終目的。因此，開學初我們就可以布置個人主頁、網店設計的任務，要求學生做好準備，到期末后一起交上來。這樣既可以即學即用，也使得學生在平時把精力真正的投入到專業技能的訓練上。
3.上機操作
期末考試的成績不能僅僅就是上面的兩個方面的成績，還要讓學生能在規定的時間內來完成老師所規定的一個網站來，學生可以自由發揮，設計想出自己獨特風格的網頁，這樣對學生就會有一個很大促進作用，有助于學生獨創意識的發展。
三、五步教學法
《網頁設計與制作》課程特點是：具有很強的操作性，并且新技術不斷涌現，有明顯的時展特點，教學內容須同步更新；設計無定勢，故極富創意性、挑戰性，要求學生手腦并用。
基于以上特點，教學時可反復采用五步法訓練，即【分析】【歸納】【模仿】【創新】【進入資料庫】，逐漸提高學生層次。具體實施時采用宏觀講解與個別指導相結合的方法進行。
（一）創設情境，提出問題，討論分析
通過“創設情境，提出問題”可以激發學生的求知欲，而且還可以培養學生發現問題，探索問題的能力。
（二）操作演示，理論講授，模仿創新
本課程重視實際操作，培養學生的動手能力。在組織課堂教學時：首先，演示案例結果，給學生以直觀的感受，然后倒述代碼；其次，提出問題，讓學生模仿著翻三，歸納總結；最后，留出部分時間讓學生創新設計。
（三）資源開放，自主探索，評價作品
在網上隨時學習資源，鼓勵學生利用搜索引擎，自主學習，互評作品，總結得失，共同提高。
四、期望達到的教學效果
通過讓學生分組設計網店，掌握網絡店鋪營銷的基本操作方法、各種信息搜集與方式的使用、網絡問卷的制作與、網絡廣告推廣策劃、網絡營銷各種策略方案等核心知識和必備技能[2]。同時獲得相應的操作能力、學習能力、應用能力，強化學生的實踐能力，100％達到課程教學的要求。
學生在掌握基本知識、能力，培養素質的基礎上，能掌握課程中要求的職業技能和素質，能在真實或仿真的環境中經營網絡店鋪。由于本課程設計為項目導向、任務驅動的工作過程系統化課程，每個項目的第一步即為明確工作任務，全體課程組教師應充分尊重學生在教學過程的主體地位，把單向灌輸改為師生協同互動，從引導學生的思維方式入手，最終由學生自主完成電子商務操作流程，達到良好的教學效果，極大地調動學生的主動性，使學生的學習目的進一步明確，學習興趣明顯提高。
參考文獻：
網頁制作與設計范文第3篇
關鍵詞 網頁制作 技巧 解決方案
中圖分類號：TP393.092 文獻標識碼：A
1設計原則
1.1表格的定位功能
網頁制作中表格的運用很重要，它的作用除了表格本身具有的統計處理數據的功能之外，還可以對所制作的網頁頁面中的設計元素進行定位。網頁中的文本位置、圖像位置，可以通過表格來準確控制，而且還能消除諸多網頁元素之間的干擾，這樣設計出的網頁更加緊湊。
（1）網頁制作使用表格時，要避免這樣的設計行為：使用一張表格，然后將所有網頁設計都放在這個表格中。因為HTML在被瀏覽器解碼時是按照一定的次序進行的，瀏覽器解釋和顯示的順序都是自上而下的，但是如果有表格在網頁中，瀏覽器是將表格中所嵌套的全部內容都讀取出來之后，再顯示結果頁面。一般的網頁可能感受不到瀏覽器的這種工作順序，如果網頁中信息量大，瀏覽網頁的人瀏覽速度慢，瀏覽器這種工作順序就能表現出來。遇到這種網頁，瀏覽器在讀取了表格中全部內容之后，才為瀏覽者提供解釋結果，在這之前顯示的是空白。
（2）在進行網頁設計時，利用表格定好需要的位置，在頁面視圖下都是正常的，但是用瀏覽器瀏覽該網頁時就會出現部分設計對象位置混亂。這是由于表格寬度的設計出了問題，有兩種設置該寬度的方法，一種是利用百分比的方法，另一種是利用像素的方法，比如，利用百分比的方法，會有多種分辨率多種頁面設計結果出現，但是采用后者的方法，就不會出現這種問題。
1.2文件的命名
網頁制作的過程中，有時會出現如下這些問題：在設計時插入進去的圖片，預覽時顯示不出來、已經設計安排好的鏈接用不了等等情況。通過對問題的分析，發現問題出在了文件的命名上（用中文進行命名）。設計制作者為了在設計之后能夠便于自己查找調用，會在設計時對一些文件命以中文名，這就導致預覽時無法顯示圖片，只要將中文名換成英文就可以正常運行。為了解決記憶和查找文件的問題，可以用英文單詞或者漢語拼音有針對性的命名。
1.3圖像的無縫拼接
網頁中圖像的應用是很有必要的，圖像可以使網頁更加美觀。圖像的格式有許多，GIF、JPG、PNG這三種圖像格式在網頁設計和制作的時候比較常見。網頁的下載速度受圖像大小的影響很大，所以有必要在將圖片插入到網頁之前處理圖片，比如利用PhotoShop軟件，只要能夠保證圖像在網頁中顯示效果不受應影響即可。如果在設計網頁時，要用到大圖片，設計制作的時候可以用無縫拼接技術，該技術在圖像處理軟件中可以實現，先將要用到的大圖片處理成數個小圖片，將這些小圖片按照一定規則嵌套到網頁中，組成大圖片，拼出的大圖在現實效果上與完整的原圖基本上沒有差別，拼接痕跡也不會被察覺。在拼接小圖片的過程中，利用好表格，在表格的單元格中依次放置小圖片，再將表格的間距設為零，去掉表格邊框，設置好單元格的參數后，再手動微調，這樣拼接好的圖片就看不出拼接痕跡。這樣的操作過程可能略顯麻煩，但是卻能保證大圖顯示效果的前提下又不影響網頁下載速度。
1.4個人站點中導航按鈕的設計
設計制作網頁時，加入導航按鈕，可以利用Photoshop或者Flash進行制作。設計者只有具備很好的圖像、動畫處理軟件基礎，才能掌握住這種創新性的方法，自己根據想達到的效果設計導航按鈕，能夠設計的創意。
2制作技巧
網站的頁面中包含：作為網站門面的首頁、支撐起網站結構的框架頁面，網站的內容表達主體普通頁面、網站中的用來顯示廣告、鏈接和推送消息之類的彈出頁。
比如設計首頁時，有兩種形式的設計可以作為網站首頁，一種是形象展示型，這種方式的設計主要在布局和造型上，加了藝術化的處理，結合公司的形象與公司的服務理念，提供有相關性的圖像與文字，這樣設計出的畫面才有生機和活力，在這樣網頁中，給瀏覽者提供最直觀的公司形象，吸引瀏覽者的注意力。還有一種首頁設計形式是信息羅列型，這種形式主要用于大中型企業網站，有很多條目和分類。
保持一致的網頁設計風格。網站營銷的諸多影響因素中，網頁風格的一致性是不可忽視的重要方面。統一網站風格的方法有很多，網站結構就是其中一種，比如，網站布局、內容排版、圖標大小、圖片位置等等。在統一網頁風格時，需要設計者特別關注的是網站中具有代表性的典型元素要保持一致，比如網站背景logo 、公司名稱字體、網站中圖片格調等等。
色彩搭配。頁面的色彩搭配是與網站的主題分不開的，在色彩搭配上，一般來說，頁面的主體文字應盡量使用黑色與背景對比明顯，按鈕、邊框、背景等使用彩色。色彩的應用最好根據網站主題風格選定一種基調，再根據這個基調來搭配其它顏色。一般來講，綠色配以金黃、淡白，可以產生優雅、舒適的氣氛；藍色與白色混合，能給人柔順、淡雅、浪漫的感覺，紅色和黃色、金色搭配能渲染喜慶的氣氛而金色和咖啡色搭配則會給人帶來暖意。整個頁面在視覺上應是一個整體，以達到和諧、悅目的最佳視覺效果。
3結束語
網頁制作中有很多的技巧，只有在不斷的實踐中才會總結出更多更好的制作網頁的方法，在知道了一些技巧之后一定要付諸實踐，這樣才能更好地掌握，把別人的知識變成自己的知識。
網頁制作與設計范文第4篇
關鍵詞：高職；教學方法；能力培養
中圖分類號：G424 文獻標識碼：A 文章編號：1009-3044（2012）35-8529-02
《網頁設計與制作》是高職網絡專業根據網頁設計與制作、網站管理、網頁編輯的工作崗位能力要求所開設的課程，同時也是進行WEB應用系統開發的重要基礎。針對高職院校的特點，結合本行業的需求及課程特點，該文就該課程的內容如何選取，教學方法與能力培養等問題進行了一些分析和探討。
1 教學內容的安排
1.1 根據課程標準安排教學內容
課程標準是規定課程的性質、目標、內容框架，提出教學建議和評價建議的綱領性教學文件。在進行課程設計前，要先了解該課程的課程標準。
《網頁設計與制作》課程的總體目標是：基于行業企業真實工作過程設計課程教學活動方案。通過項目引入任務驅動式的教學方法，使學生在認知和實際操作上，對網頁有一個整體認識。使學生掌握網頁設計和制作的基本職業技能，能夠制作社會企事業單位的靜態網站，具備網站的策劃、設計和制作及維護的能力。倡導學生積極參與真實項目制作，實踐學真知，積累優秀作品，為就業打下必要基礎。培養學生具有誠實、守信，善于溝通和合作的團隊合作能力，為從事網絡媒體網頁制作工作奠定良好的基礎。
1.2 以行業需求為依據，就業為導向，與時俱進為原則。
通過對IT 行業的發展現狀與趨勢、人才需求狀況、企業調研等方面調查分析，可以將網頁設計分為網頁設計、網頁制作、網站編輯、網站管理 4大崗位群。其中網頁設計主要是網站開發前期界面的效果圖設計，網頁制作主要根據頁面效果圖利用網頁制作工具實現效果圖向網頁的映射，網站編輯主要負責網站內容的維護和管理為主的工作崗位，網站管理主要負責網站的日常維護、網站的改版等工作。
在教學中，可以根據這些職業崗位和不斷發展的IT技術對技能和知識的需求，選取課程教學內容，并從這些職業崗位中選擇一些真實項目作為實踐教學內容。
1.3 以激發學生學習熱情為目的設計教學內容
興趣是最好的老師，有了興趣才能使學習效率提高，因此在學習過程中，為保持學生的學習熱情，必須精心設計教學內容。
網頁設計所涉及的領域十分廣泛，生活之中無處不在。且本課程最終目的為制作一個成功的靜態網站，那么在教學過程中，設計案例、任務及最終項目時，應以當代大學生所感興趣的角度出發，或者給予其充分的自，讓他們為了圓滿完成自己的想法和創意而積極主動的去汲取新的知識，掌握技巧，提高動手能力。
2 教學模式探討
本課程的教學過程中，所采用的教學模式主要有“教學做一體化”，“任務驅動”和“項目教學”等。根據課程特點，使用“教學做一體化”讓學生打好知識基礎，使用“任務驅動”模式讓學生鞏固知識并掌握一定的技能，提高動手能力，并能以完成任務為目標培養自主學習及發現問題解決問題的能力。最后通過“項目教學”培養學生的職業能力。
2.1 “教學做一體化”教學模式
網頁設計與制作的主要知識點在于：html語言、css樣式、網頁制作軟件的操作。對于知識點的教學應該主要由教師講授來引導學生入門，再根據該課程實踐性強的特點，讓學生嘗試用動手操作的方式來理解和消化吸收知識點，再引導學生總結重點、難點、方法和技巧，以此打好基礎，為完成后續的任務而做好準備工作。
2.2 “任務驅動”與“工作項目”相結合
在企業中，完成一個網頁也可以是一個完整的工作過程。完成一個整體網站則需要多個工作過程。本課程的要求是完成整體網頁的設計與制作。其中網頁是由logo、banner、導航、文字、圖像、動畫、視頻等元素組合而成。各個元素的添加的方法與組合方法則是本課程所介紹的重點知識。
在網站建設行業中，不同的企業機構在設計網頁時，均有不同的需求。如有的企業因為信息量小功能少就需要設計簡潔型網頁，而有些則需要設計成大型的結構復雜的頁面，不管是復雜還是簡潔，都是相同的制作流程，不同的是簡潔型涉及知識點少。教學過程中，可以從簡潔型網頁入手，由淺入深設計工作項目，例如設計一個完成純文字頁面的工作項目，將些項目分解為幾個工作任務：認識網頁創建站點應用網頁元素“文字”對網頁布局完成頁面初期效果，通過完成各種工作任務直到整個項目，學生不僅掌握了相關的知識點，還可以以一名網站制作人員的身份，體會了制作頁面的工作過程。
在隨后的教學中，再融入新的知識點，設計稍為復雜的項目，循序漸近，如適當添加元素或者變換組合方式及網站優化等，通過完成不同的項目，體會不同工作崗位的需求：如作為網頁設計師對網頁進行布局、配色與裝飾等；作為網站管理人員從便于維護和修改的角度對網頁進行修改；或者作為網站seo對網站進行全方位的優化處理等。并在完成項目的同時，通過引導學生總結學習方法，引導其自主學習，舉一反三，以達到掌握知識，強化技能的目的。
2.3 以作品評價為考核方式
在學期即將結束之前，教師適合學生能力的工作項目，提出設計要求，學生以網站建設團隊的人員結構為依據，組成小組，并明確分工。以市場調研需求分析整體規劃確定方案收集素材協作完成推廣后期維護的行業實際工作過程，小組成員分別以項目經理、業務員、網站美工、網站編輯、網站設計與制作、網站優化維護人員等身份，以工作的形式完成最終項目的制作，讓學生在做中學，學中做，自主管理，使學習能力、溝通能力、崗位適應能力等各方面都得到提高。通過對項目完成的情況進行評價，項目考核成績*60% +平時成績*40%作為該門課程總成績。其中平時成績包括為出勤+ 紀律+ 團隊協作能力（互評成績），這種考核方式注重實踐操作和應用開發能力的培養，可以大大發揮學生的學習積極性和主動性。
3 注重學生能力的培養
從高職院校的特點出發，再結合本行業的需求，本課程以培養學生成為一名優秀的網頁制作人員為宗旨，除了讓學生熟練掌握網頁設計與制作中的各種操作技術具備開發維護小型網站的能力外，還要為學習計算機網絡技術專業后續課程的知識打下基礎。在教學中，應注意全方位的培養學生和各種能力。
首先，對于專業能力，學生除了掌握網站制作流程，網頁制作軟件的操作，使用軟件完成網頁的結構搭建、布局與美化外，還應該順應時代養成手寫代碼的習慣，這樣不僅使制作出來的網頁能符合web標準，同時還能為學習web應用系統開發打下基礎。
第二，在教學過程中，通過完成一個個項目，對學生的協調溝通能力、資料檢索能力、閱讀分析能力、語言表達能力、項目策劃能力、分析能力、創新能力均能進行很好的鍛煉。
第三，模擬工作環境的教學，對于學生端正工作態度，有責任心，具備團隊意識和協作能力都有很好的提高。
4 結束語
隨著經濟與網絡技術的發展，社會對高職類畢業生的要求越來越高，為適應市場需求，高職教師應在教學內容和教學方法、能力培養上應不斷的改革與創新，根據需要調節內容，通過“任務驅動+項目導向”促進學生盡快的掌握網頁設計與制作的相關技能，并在實施過程中全方位的培養學生的專業能力、學習能力、職業能力與社會能力，為大學生就業創業打好基礎。
參考文獻：
網頁制作與設計范文第5篇
關鍵詞：網頁設計與制作；實訓；拓展訓練；項目實戰
中圖分類號：TP393 文獻標識碼：A 文章編號：1674-7712 （2012） 16-0138-01
《網頁設計與制作》是一門實踐性、操作性和創新性很強的課程，它能很好地鍛煉學生的動手能力和團隊協作能力，并且還能緊貼市場，做到以典型工作過程為導向，進行實際項目的開發訓練，使學生應聘的時候不再只是有理論知識，而沒有任何實踐經驗。以此來真正做到理論、實踐并行，與企業的工作需求接軌，培養應用型的專業人才。
《網頁設計與制作》課程是我院多個專業的核心課程，如計算機應用技術、網絡技術以及廣告設計等專業都開設了此門課程，該課程對學生的操作練習有較高的要求，實訓的教學內容都是融入在課堂教學中，由于課程安排的比較分散，不能有效地集中訓練學生的動手操作能力以及策劃設計網頁的能力，學生在學完該課程之后，有的不能獨立地完成網站規劃和頁面設計，有的設計效果不能達到預想的功能和視覺效果。因此，實訓課程在《網頁設計與制作》教學中起著比較重要的作用。根據《網頁設計與制作》課程的這一特點以及我的個人教學經驗，下面對《網頁設計與制作》實訓教學談一下自己的意見和看法。
一、提高教師的專業技能
作為一名教師，他既是課堂的領路人，又是學生學習的輔導者，教師的專業水平直接影響著學生各方面能力的提高。職業教育傳授的不僅僅是理論知識，還要傳授學生操作技能，培養學生的動手能力。在高職的教學中《網頁設計與制作》的實訓課程主要就是培養學生的實踐動手能力，要求學生能夠通過所學知識做出優秀的作品，因此這門課程對學生的動手實踐能力要求是非常高的，這就要求教師首先要具有較強的實踐操作能力，只有教師具有了一定的項目實踐經驗，才能充分地指導學生完成優秀的網頁作品。因此，教師平時就要注重理論與實踐相結合，加強自己的企業實踐，在補充自身理論知識的同時，還要不斷提高自身的專業技能和實踐能力。
二、多種教學模式相結合，培養學生學習興趣
（一）通過優秀作品賞析，激發學生的學習興趣
在授課初始階段，準備一些精彩的網站案例，在課堂上演示。在展示優秀網站案例的同時，學習網頁制作技術之前首先讓學生欣賞優美網頁，教師分析網站的整體設計、網頁的結構布局以及顏色搭配，讓學生邊欣賞網站，邊聽教師講解，在美的熏陶中，讓學生能夠感覺到一個好的網站不僅僅有宣傳推廣的作用，它更是一件藝術品，完成它是需要傾注心血的。
每個教學單元中都去展示相應的網站案例，并且在網站案例展示的同時，引導學生去思考網站的美工、布局以及樣式等都是怎樣完成的，自己能否通過努力完成這樣優秀的作品。幾節課下來，就有不少學生躍躍欲試，從而有效地調動學生的積極性，激發學生的學習興趣。
（二）階段測試訓練
通過過程考核，提高學生學習的緊迫感，鞏固學生的階段性學習成果。
首先教師布置本次課的實訓任務，并分析其實訓要點；然后學生根據本次任務開始制作網頁，教師進行輔導；實訓完成后教師對實訓過程中出現的問題進行分析解決，并選幾位學生的網頁作品進行展示，其他學生對其進行點評。
（三）拓展訓練
可以通過課外興趣小組集體活動等形式，提高學生的人文素養。課余時間充分利用網絡資源進行課外拓展實踐，如果遇到疑難問題學生可以通過”E-mail”和“QQ留言”的方式與輔導教師取得聯系、化解難題。利用課外拓展實踐的方法對于能力強的學生可以進一步提高他們的操作技能；對于能力差的學生可以解決他們存在的問題。
（四）項目實戰訓練
將實際項目引入進教學，并對其進行任務分解。
例如讓學生制作各行業的門戶網站，首先教師以客戶的角色為學生布置項目，學生進行市場調研，撰寫需求分析報告；然后學生自己制定項目實施計劃，進行項目設計實施；教師再以客戶的角色驗收項目，進行評價；最后學生撰寫項目總結。以這樣一個過程讓學生在開發實際項目中提高職業能力，培養他們的工程意識。
三、增加實訓課程的課時，提高學生的動手能力
實訓課程主要是在強化理論知識的同時提高學生的操作技能，因此實訓課程必須是以學生操作為主，教師輔導為輔，在實訓過程中幫助學生解決遇到的問題。從網站的策劃、素材的搜集到網站頁面的設計布局、網頁的制作以及網站的測試與等等，學生都要自己獨立去完成，在整個實訓過程中學生會遇到不同程度的問題，教師可以在旁協助。學生就在這樣一個不斷遇到問題、解決問題的過程中提高自己的能力。實訓結束后有不少學生會感慨到實訓一個禮拜比上一個學期的課學到的知識要多很多。因此實訓不僅僅是學生制作網站的過程，更是學生自我學習，自我提高，自我評價的過程。
同時實訓的環境也是非常重要的，實訓課程基本都是在微機室完成的，在微機室里學生可以實現一人一機，并且每臺電腦都直接與互聯網相連，學生在實訓過程中，可以上網查找相關資料，搜集所需素材，解決實訓中遇到的問題，同時還可以直接通過教師、同學的幫助快速解決問題。
四、結束語
《網頁設計與制作》是一門專業性很強的課程，在教學過程中突破傳統理論教學和講解為主的模式，把課程中的理論內容，合理地穿插到實踐教學中，把原來枯燥、單調的講解通過實踐環節讓學生消化和掌握。通過實訓達到高職高專學生的培養目標。體現以學生為本，最大限度地調動學生自主學習的積極性，培養了學生的綜合能力，使學生掌握一門技巧，這樣對教師也是一種鍛煉和提高。
參考文獻：
[1]瞿江.淺談網頁制作實訓教學[J].電腦知識與技術，2011，26.
