本站小編為你精心整理了5篇《網頁設計教學》的範文，但願對你的工作學習帶來幫助，希望你能喜歡！當然你還可以在本站搜索到更多與《網頁設計教學》相關的範文。
本課的教學目標是掌握使用FrontPage製作網頁的基本方法；重點是掌握在網頁中插入文字和圖片的方法；難點在於插入表格規劃網頁的結構。
課堂以自主探究的模式展開，同學們在以往的學習中已掌握了在Word中插入表格、圖片等方法，在FrontPage中他們很順利地完成了教材呈現的目標。基本掌握了單張網頁的製作方法。
接下來就是突破難點的訓練。問題集中到如何插入一個佈局表格來實現規劃好的結構。而教材上完全沒有提示學生探究FrontPage “表格”與Word “表格” 功能的異同。少數同學開始試着插入適合自己網頁結構的框架表格，而大部分的同學則完全沒有考慮結構問題，做起直接的搬移，將FrontPage當成Word來用。直到出現無法將圖片，文字放置到設想位置時，才意識到教材P20中“FrontPage通常用表格來安排網頁中各種內容（文章、圖形等）的版面位置。”這問話的含義是否明確。急着尋求解決的辦法。我便讓哪些意識到要先插入適當結構框架表的學生來説説他們的想法。並及時出示與學生思維一致的演示片，將探究FrontPage “表格”功能的提示呈現給他們。同時利用極域教室的功能，向全體同學展示同伴的探究結果，讓學生不同的思緒方式及智慧產生碰撞，相互啟示，順利突破教學難點。
看到同學們找到解決問題的方法後，抑制不住的興奮與喜悦，也讓我產生了如下的思考：這節課，反映出大多數學生的自主學習能力較弱，而這與學生的學習體驗是分不開的。自我98年從事教育工作，觀摩學習的課，幾乎整節課直到最後練習才會有要求學生打開課本的時候。有的甚至根本一節課不需要學生打開課本。所有知識都在老師的板書或演示文稿中。這或許是大班教學為確保進度和質量的無奈吧。多年來，我一直在思考課本對於學生的作用何在。書籍是人類智慧的結晶，如果學生沒能學會自己從書籍中獲取知識的方法，訓練出舉一反三的能力，對於他們的終身學習應該不能不説是缺失吧。
教師的指導是灌輸或誘導，也應該成為教師備課設計時需仔細考量的要點。稍有欠缺，就會陷入灌輸的泥沼。一定要對學生情況進行充分的分析，預計到課堂將會出現的情景，找準切入點，呈現適當的提示和點撥，讓他們體驗到只有積極自主探究和吸納同伴智慧才能成就自己智力開發和知識積累。成為一名會學習的學生。
今天上午，我在高二（1）班上了一節公開課，上課的內容是《體驗網站規劃與設計》。整個教學過程以師生訪問分析網站為主線，採取分組討論、小組活動進行。教學中以任務驅動、自主學習，交流學習以及引領展示的模式，將規劃過程分解為幾個任務，根據所學知識，完成對網站規劃選題、域名、欄目及藝術風格的規劃與設計進行學習，並將各小組任務完成的情況以學案—《網站規劃與設計方案》的形式呈現出來。通過展示學生設計方案，對學生成果給予評價與肯定，激發學生進一步學習的興趣，培養學生主動思考、積極參加團結協作。
成功之處，本節課教學環節完整，對三維目標把握較好，同時認真的對學情進行了分析。本節課，對學高二火箭班的學生，我注重了學生髮散性思維、語言表達能力、邏輯推理思維的培養，同時引導學生學會鑑賞、學生聆聽、學會尊重，學生在較短的時間內能夠很好的完成教學各環節的實踐，最終形成了完成的方案，且能很好的陳述。
不足之處，本節課，整個教學過程都是需要網絡支撐，由於網絡突然出現問題，而心中又想達到理想的課堂，希望給學生一個完整的教學過程，導致課堂的暫時中斷，而此後壓縮了學生討論和展示成果的一些時間，後面的教學時間和節奏略顯蒼促，課堂小節也不是很到位。
經驗總結：在教學過程中，我也考慮到網絡和電的問題，但是心向往對課堂存理想化狀態，實際上不然，不想發現的事終究發生了，以此，不管是哪種級別的公開課，都要着兩種備案才可，以免出現課堂教學事故而讓自己陷入囧境。
本課主要是讓學生在Frontpage中使用頁面框架來製作一個網頁。利用Frontpage製作網頁，這部分內容關於操作技能方面對於七年級的學生來説難度並不算大，在學習過word的基礎上，大部分學生能夠利用知識遷移比較快的掌握製作網頁的一般方法。
課一開始，我就讓學生了解使用頁面框架製作網頁的優點，從而激發學生學習的興趣。在前面經過Frontpage幾節課的學習後，大部分學生已經掌握了用表格製作網站的一般步驟，但是對於框架網頁學生了解的不多，如果單純的講解框架網頁概念的話，學生難以理解，因此通過對學生經常瀏覽的網站的介紹，讓學生對框架網頁產生一個比較感性的認識，有通過我的操作，讓學生感受到框架網頁較普通網頁的優勢。於是我引導學生根據內容選擇合適的框架頁面，由於所選的內容是“中國四大名著”和“歐洲四大名著”，選擇“垂直拆分”的框架網頁來得更合適。
由於時間關係，我在課前已經幫學生準備好了關於“中國四大名著”和“歐洲四大名著”的相關圖片和資料。學生在選擇好合適的框架頁面後就可以開始製作了。製作一個完整的網頁，內容是比較多的，因此學生在進行網頁製作時，可以按老師提供的WORD提示來進行製作。當然學生也可以自行選擇製作的方法，讓學生可以發揮自己的想象，製作出個性化的網頁。因為本節課內容的知識點比較多，製作網頁的過程中要用到插入滾動字幕，製作超鏈接等內容，所以根據這一實際情況，我提供了一些小提示來供學生參考，這種形式的幫助達到了很好的教學效果。同時採取小組合作的方式來完成任務，能顯著提高課堂的效率。
保存網頁是最重要的一個步驟，一部分學生保存後發現，有的內容都是無法顯示。因為框架網頁的保存和其他普通網頁的保存是不同的，所以我在一開始就讓學生感受這一不同點，起到了很好的預防作用，只有很少的學生保存時發生錯誤。在這個任務中，除了讓學生充分了解框架網頁保存的特殊性，也要讓學生知道，在新建框架網頁時的一般方法。
通過本課的學習，班上的學生基本上掌握了使用頁面框架製作網頁的一般方法。
“怎樣才能調動學生的積極性與興趣？”，“如何才能在輕鬆和有趣的教學環境中到達所設定的教學目標？”……，在每次上課前，我都在問自己。在信息技術教學中，我覺得最重要的一點，就是培養學生怎樣學“信息技術”的“習慣”！
“操作”是信息技術教學的核心，“創新”是信息技術教學的目標，“協作”是信息技術教學的要求，“探究”是信息技術教學的方法。我緊緊圍繞這四個方面去組織教學內容，培養學生各種良好的學習習慣，達到教學目的。
通過認真學習上課的內容，找出重點，難點以及學生難記，易忘，易錯的步驟和操作，然後，以上面所提到的`“四點”來設計一系列的教學任務，把本節課所要傳授的知識點，能力，思想，素質融入到這一個個小任務中去，爭取讓學生在完成這些有趣的任務的同時，學到了該學的東西。教學內容可以設計成下面五個小任務：
1：欣賞一些優秀的班級主頁。（師生一起評析，講解其中的一些技巧）
2：查找自己喜歡的網頁素材。（教師已在學生機準備好各種素材，讓學生自己尋找自己喜歡的素材，培養其“定位感”。）
3：班級主頁設計。（允許學生之間交流）
4：小組評價。（每小組推薦一名最好的作品，然後，全班一起評價。強調協作，團結，包容，肯定他人成績的精神）每個任務都強調培養學生學習信息技術的良好習慣，同時層層深入，直至達到目的。
首先，讓學生欣賞一些優秀的班級主頁，當那些精美，富有創意，圖、文、聲並茂的網頁呈現在學生面前時，他們都“哇”的一聲，學習興趣馬上激發出來，課堂氛圍也活躍起來了。這時，老師再順勢引導學生如何欣賞，他們各自有什麼特點，如果是你自己來設計，該怎樣做等等。接下來，就安排學生自己去查找喜歡的網頁素材，為下一任務做準備，同時培養學生的“探究”精神和“定位素材”的能力。而在“網頁設計”任務時，允許學生交流，相互幫助，老師對有困難的學生進行個別技術上的輔導，儘量讓學生髮揮自己的想象力去創造出富有個人特色，與眾不同的網頁來。最後一個任務也非常重要，老師事先給每位學生髮一張“網頁評價表”，讓他們對小組推薦出來的作品進行評價。引導他們形成正確的審美觀，以及肯定他人勞動成果的精神，提高他們的綜合素質。
網頁設計教學心得體會
通過一個學期的學習和課堂講授，要我體會到要做好一個網頁不容易，當然要把這門課程講好更不容易。首先，需要足夠的耐心去了解學生的學習情況；其次，老師要有深厚的功力，即在網頁製作領域要能深入市場需求把握市場動向以此來決定教學方向；最後，切合實際的講學，深入淺出的教學模式能讓學生更能把握知識，並能熟練運用。總而言之，要掌握網頁設計的基礎知識並且成為一名網頁設計師也是一個重大挑戰！
分析現在的網頁製作流程，基本上可以分為兩大模塊：前台美工和編寫網站後台。針對前台美工來説，更注重的是學生的設計理念，顏色的搭配，整體的規劃，以及增色的動畫效果，因此要求學生有一定的藝術欣賞能力和藝術創作意識，但是針對計算機操作來説，工具的運用相對簡單。因此我們在教學過程中，學生願意鑽研，也願意學習，但是在短短的一個多月的時間內學習軟件的運用況且不易，更如何談及藝術情操的陶冶！在學生的學習過程中也出現意猶未盡的現象，像是沒有學夠，學的不夠盡興，特備是對於動畫愛好者來説，僅僅入門對於他們來説還遠遠不夠。而針對另外一個模塊，更適合計算機專業的學生，也就是編
寫網站後台，但是相對來説知識稍微枯燥，且要求學生動腦思考，有一定的邏輯思維能力和進取精神。當然也有很多學生對這個很感興趣，熱愛編程，熱愛程序的學習，所以學習起來也得心應手，屢試不爽！
因此我個人認為，對於我們學生來説關鍵是要精於一門，精於一項，現實社會中也很缺乏所謂的專業精英。網站的製作通常都是細化分工，團隊合作，共同努力實現網站的創建，所以我也鼓勵學生能通於某項，深入學習，正所謂“深挖井，少挖坑”。
老師給與學生合理的引導，更要加強自身的素質修養，提高自己的知識水準。
在整個教學過程中，我自己也要檢討自己，針對網頁設計來説，我僅僅是帶領學生入門，沒有能夠讓學生的學習興趣和自身的潛力完全釋放出來。我從來都是相信我的學生是最聰明的學生，我也再三強調他們是我碰到的很聰明的一批學生，只要努力，勞動總是會有收穫的！但是在教學過程中，個人還缺少更高的藝術修養和藝術創造能力，但是我一直在追求藝術的完美，所以還要不斷的學習，不但實現個人的理想和愛好還要完成教學的需求；另外就是技術上還需要完善，也需要和有經驗的老師多交流，多溝通。我相信只有站在一定的高度去看整個項目的實現，會更通俗易懂也更有説服力，所以也不能説都是學生的原因，歸結起來還是要提高自己的知識水平和業務素質！
正所謂“巧婦難為無米之炊”，所以，提高個人知識水平和業務素質也迫在眉睫。教學過程中不滿足，不浮躁，努力進取，積極上進，多向有經驗的老師請教。
總而言之，在我們這門課中一共涉及的知識面也寬泛，就軟件來説大概就有四個，所以也加大了學生學習的難度。但這個學期結束後，訪問學生的體會，基本上一致説：知識太多，難以學習精通，雖然提起很大興趣，但是知識還有待深入。其實不僅僅是學生，對於老師來説何嘗又不是呢，所有要接觸的知識中，每一個軟件基本上都夠學習一個學期的，而我們要在短短的一個學期中接觸到這麼多知識也難怪學生反應知識多。整個學期像是在不斷學習新的軟件，一個軟件剛剛入門就又要再開始另外一個軟件的學習。學習強度大，雖然知識不是很難把握，但是知識零碎，需要反覆學習，反覆鞏固，一個學期下來，基礎知識基本上完，但根本沒有複習時間，也沒有時間要學生通過以前的知識來開發自己的網站。所以，我個人認為：這門課的學習還需要進一步加強並鞏固，能有一個綜合的運用，或者是通過一個網站的建設讓學生能夠體會到核心的東西。
針對全體學生來説，聰明程度相當，但學習興趣層次不同，大部分學生只願意聽後選擇性的接受，而沒有知識的創新利用，或者是沒有下去自學，鞏固知識，單一的只是聽和做。部分學習根據自己的作品提出一兩點問題，但是程度差的同學，上完課後根本就直接把書丟在一邊置之不理。綜合學生的學習態度問題，個人認為還需要加強考核制度，從嚴制學，寬進嚴出，嚴肅考風！
另外，針對這個學期的網頁製作課程，在學生的學習製作過程中我也有自己的一點意見和看法：
1.網頁製作要簡潔大方。網站在設計過程中以簡潔大方為主，配合合理的顏色搭配和主題內容的詮釋，給訪問者賞心悦目的感覺；而避免過多的動畫和幀的過多運用，以及不明確的導航，雜亂的顏色，沒有主題的胡編亂造。
2.網站風格要統一。所有的圖像、文字，包括像背景顏色、區分線、字體、標題、註腳什麼的，要統一風格，貫穿全站。這樣子讀者看起來舒服、順暢，也會對你的網站留下一個“很專業”的印象。知識運用中要大量配合合理的模板、CSS樣式的運用而避免在網頁中反覆的字體樣式重定義、顏色的胡亂運用，參差不齊給人雜亂的感覺。
3.網站佈局合理。避免一些“拿來主義”，一些學生為了設計方便，拿網上流行的模版做網頁，做出的網頁幾乎是千篇 一律，沒有特色，雖然完成了網頁的製作，但是畢竟不是出自個人之手，知識缺乏進一步鞏固，且讓瀏覽者產生厭倦。另外導航清晰化，能引領瀏覽者閲讀網頁，思路一定要清晰，避免交叉鏈接。
4.網站容量要小。雖然網頁更加美觀可以吸引瀏覽者，但是圖片，動畫容量大會影響瀏覽速度，所以一定要注意網絡容量問題。圖片儘量壓縮，多采用單一色，或者簡單的顏色；動畫要儘量簡潔實用，用最少的幀做出最漂亮實用的'動畫，給網頁增色。
5.網站實現嚴謹。動態網頁的製作在這裏主要是通過ASP來完成，首先數據庫的設計要合理，避免反覆修改，影響調用。代碼的寫入要嚴謹，比如考慮密碼的安全性，以及註冊用户寫入一些非法字符，或者是洪水般的多用户的點擊是否對服務器造成威脅等問題，儘量多方位全面的考慮問題，寫出更實用的網站。
以上是在教學過程中遇到的一些知識點或是具體運用中遇到的一些問題，當然也是學生的上機過程中經常存在的問題。
但是總體來説，通過整個學期網頁製作的學習，學生已經瞭解了網頁製作所需要的基本技術，也掌握了網頁製作的基本技能。但由於時間緊迫，知識點多，一些重點難點問題還需要勤加練習，比如：靜態網頁中的佈局和CSS的定義；動態網頁中對象的綜合運用等等。當然也存在着遺憾，不少學生反映，他們的學習愛好更多的是動畫的製作即Flash的學習，而我們只是籠統的講解，不能完全滿足學生的求知慾！當然針對網頁製作來説，還需要加強學生的配色觀念以及審美觀的培養，以及動態網頁的實現技術的把握，在很多方面還需要老師和學生們進一步配合，共同學習和實戰，以達到知識運用的一定高度！
蒙田範文網