- 相關推薦
網頁設計學習計劃
光陰的迅速，一眨眼就過去了，我們又將迎來新的喜悅、新的收獲，是時候開始寫計劃了。相信大家又在為寫計劃犯愁了？以下是小編幫大家整理的網頁設計學習計劃，歡迎閱讀，希望大家能夠喜歡。
學情分析
高一學生經過近一個學期的學習，已經具備了一定的信息獲取、加工、管理能力，同時了解了網絡技術的基礎理論，對精彩的網頁很感興趣，非常向往掌握網頁制作的技術，很想親自創作網頁作品來表達自己的想法進行有效交流。但他們會忽略電子作品制作的前期規劃，對于網頁設計的一般流程，以及如何確定適合的主題、如何在作品中體現主題，缺少必要的經驗，因此本節課有必要在規劃設計方面加以訓練。
教學目標
知識與技能目標：了解創作電子作品的一般流程，理解網頁規劃的重要性；能夠根據網站主題要求設計評價指標，對網站的質量與運行狀況進行評價。
過程與方法目標：通過賞析、評價網頁作品，了解網頁規劃的設計要素，提高審美意識；能根據任務需求，確定主題，進行科學規劃，初步掌握網頁規劃的方法。
情感態度與價值觀目標：通過小組合作，感受同學友誼，增強集體意識和協作意識；學會欣賞他人的勞動成果，提高藝術修養和審美情趣。
教學設計思路
通過賞析網頁，讓學生感受優秀網頁所具有的特征，了解網頁規劃的設計要素，形成網頁規劃設計的思路。通過往屆學生網頁作品投票和評分的過程，明確網頁規劃的注意事項，初步了解網頁評價量規，激發學生的創作興趣。最后，結合實際表達需求，小組協作，確定創作主題，進行創意設計，完成網頁規劃設計。
教學過程
1.創設情境，導入新課
師：因特網在全球的迅速普及和發展，為人類開啟了一方全新的文化空間。在網上我們可以瀏覽各種各樣的網頁，獲取無窮無盡的知識。因特網上的每一個網頁都從屬于某一網站，可以說，包含著各種信息的因特網就是由無數的網站組成的。只要擁有了一個屬于自己的網站，你就可以在茫茫的網絡世界中擁有一片屬于自己的天空。同學們想不想做一個屬于自己的網站呢？
生：想。
師：網站也是一個信息作品，請同學們思考前面學到的信息集成的一般過程。
生：確定作品主題—規劃設計作品—采集處理素材—制作加工作品—測試作品。
師：那么網站的制作流程是什么呢？
生：網站的規劃—素材的搜集、加工—網站的制作—網站的測試與—網站的評價。
師：由網站創作流程我們可以看出，網站創作、始于規劃，本節課我們學習網站的規劃與設計。要求以小組為單位制作一個網頁規劃設計表。
設計意圖：導課承上信息集成的一般過程，啟下引出網頁創作流程，揭示規劃的重要性，從而點題。
2.規劃開始，確定主題
這是一個承上啟下的教學環節。時間不長，但作用很大。首先提出問題。
師：同學們平時都喜歡去什么網站？
生：百度、新浪、人人、QQ、4399……
師：這些網站要表達的主要內容，也就是網站的主題是什么？
生：百度是全球最大的中文搜索引擎，新浪以全面而及時的新聞而著稱……
師：主題是信息作品的靈魂，由大家來制作網頁，你想表達什么主題呢？你對哪方面的主題感興趣？提示確定主題的原則：小而精，目標定位準確，積極、健康、向上，網頁名稱有創意，符合主題（幻燈片展示）。
設計意圖：明確主題的含義，了解主題的重要性，它是信息作品的靈魂，思考啟發網頁主題，為后面的制定規劃做鋪墊，提供選題參考。本環節主要采用談話法，談話法的運用，有利于建立民主平等的師生關系，而課堂上的民主氣氛是學生創造性思維得以激發的一個重要條件。
3.網頁欣賞，歸納網頁設計元素
師：我們來欣賞一個網頁，百年世博，落戶上海，城市讓生活更美好，同學們說說這個網站的主題是什么，并思考如何在網頁中體現這一主題。
教師引導學生從網頁設計要素中來體現主題，如內容、色彩、版面布局、導航設計、圖標設計、圖片等。
教師組織學生從以下幾個設計要素討論網站內容和風格，分析網頁框架和風格。
（1）欄目設置
師：確定好網站主題后，要把網站的內容按一定的方法進行分類，并設置專門的欄目（如圖1）。
網站欄目設計原則一是要緊扣主題，二是要突出重點。
（2）網站色彩
師：不同的顏色給人不同的感受，同學們看這幾個網站主要是什么色調，給人什么樣的視覺感受呢？
學生思考回答問題。
教師總結圖2所示的網站色彩與感覺之間的關系。
（3）網站LOGO
師：我們重點來看圖片3中網站的Logo，什么是網站的Logo呢？
生：網站的標識。
師：我們來欣賞圖片3中幾個網站的Logo，并思考他們所表達的含義。
學生思考，教師予以引導：百度的“熊掌”Logo的靈感來源于“獵人追尋熊爪印跡”的刺激，這與李先生的“分析搜索技術”非常相似，從而構成了百度的搜索概念。熊掌圖案也最終成為了百度公司的Logo；新浪的大眼睛寓意世界盡在你的眼中等。
設計意圖：采用了比較法、歸納法以及“基于問題的學習”等教學方法，讓學生學會欣賞網站，通過欣賞和思考問題，初步歸納網頁設計要素，并意識到：要根據主題，設計恰當的網頁風格和內容結構。
4.網頁評價，明確優秀網頁的標準
活動要求：快速瀏覽學科網頁上展示的上屆學生的網站作品，選出自己感興趣的網站進行投票。
活動過程：教師觀察學生評分過程，實時展示各網頁作品的投票人數柱狀圖，查看相應網頁的評分結果。
分析評價結果，總結網站評價標準。首先，分析學生對網頁評價的結果——引出網頁規劃設計應注意的問題：選題不能過大，網頁名稱有新意；內容欄目設置有條理，清晰；色彩搭配合理；版面布局規范，美觀；導航設計恰當。
設計意圖：讓學生深刻體驗優秀網頁的設計標準，學生在學科網上投票評價網頁，首先學生很感興趣，其次大大提高了教學效率，將評價的結果作為討論的依據總結出網站評價標準，環環相扣，從而輕松自然地突破難點（網站評價指標的討論和確立）。
5.課堂實踐，制定小組主題網頁的規劃
教師提出學習任務：以小組為單位完成網頁規劃設計表。而后，教師介紹學習資源，并提出組內按欄目和角色兩個維度分工的建議（如圖4、圖5）。
設計意圖：本環節主要采用了小組協作法和自主探究法，讓學生去規劃設計網頁，為學生創造力的發揮提供了平臺。學科網提供了大量的網站規劃和設計的指導資源，并采用“半成品加工”教學策略給學生一個網頁規劃設計表和案例，尊重學生的個體差異，讓學生有表可依快速進入了課堂實踐。同時在組間形成競爭，促進了組內團結。按欄目和角色二維分工，使學生的責任更加明確，課后能有針對性地收集資料和素材。
6.展示規劃，相互交流
請1～2組學生交流展示自己本小組的規劃設計。學生瀏覽并討論。
7.課堂小結
強調規劃的重要性，以及規劃的思路和方法。同時滲透我們學校的教育部部級課題《人生規劃意識》。你不規劃人生，就要被人生規劃，希望我們的人生經過規劃和設計后，可以成功和幸福。
教學反思
本節內容的基礎知識和基本技能主要是利用學習網站設置問題情境、提供學習資源，學生可以通過自主學習獲得，教師對部分重點難點進行講解和演示。而動手規劃部分要求學生主動地與同伴探討、合作，將知識與技能內在化、系統化，達到認知結構的有效調整和重構。合作學習在這一建構過程中起了關鍵的作用。因而本課主要采用了自主探究法、小組協作法，個別地方采用了比較法、歸納法，而教法主要采用了任務驅動法、基于問題的學習、討論法、講授法。應該說，整個教學過程比較流暢，基本上都按照教師的教學預想開展教學，學生在教學中能夠積極地思考和回答問題，能夠學會有效地規劃網站的方法，提升了規劃能力和審美能力。
點 評
這是一個在借鑒基礎上進行創新的優秀案例。說其優秀，是因為每一環節都體現出了設計者的精心、細心。
導入新課部分，由信息集成的一般過程引入，巧妙利用學生已學知識與技能進行遷移，即將信息集成中學習到的規劃設計遷移到網站制作中，有利于促進學生在制作作品（包括多媒體與網站制作）中形成規劃意識，這也是本次課的核心指向。
網站評價部分，引導學生根據網站分析的結果總結網站評價標準，實現了以評促學、以評導學的目的，在此過程中潛移默化地促進了學生對規劃中應注意問題的關注，從而避免了類似問題的出現，以提升規劃的效果。
網站規劃部分，學生的規劃不是空洞的存在，培養規劃能力也不是紙上談兵，因此教學中必須借助各種形式促使“虛”的規劃設計落到“實”處，該案例使用的是規劃表，也有案例采用了思維導圖等方式來實現規劃的具體化與可視化。
分組合作部分，作品制作課中學生工作量相對較大，因此分組合作是常見的方式。二維分工方式的采用，既保證所有學生都能經歷網站制作，在此過程中形成對網站制作的體驗與感悟，也較好關照了學生興趣愛好等方面的差異。
課堂小結部分，在本次課教學內容的基礎上，拓展延伸至人生規劃意識的培養。既與教學伊始的設計呼應，又有很大程度的提升。設計者強調的是與該校相關課題的聯系，其實，就作品（包括多媒體與網站制作）中的規劃部分教學而言，最后提升至人生規劃方是此部分的終極追求及應然境界。這一點，當為信息技術教師進行相關內容教學時所借鑒。
整體而言，該案例在設計上思路非常清晰，引領學生由理論認識到實踐探索再到理論提升，實現了認識上的螺旋上升，由欣賞分析到具體設計，符合學生認知發展的基本規律，能夠較好地達成教學目標。
【網頁設計學習計劃】相關文章：
網頁設計學習心得12-21
學習網頁設計的心得12-28
學習網頁設計的心得10篇01-02
網頁設計學習心得8篇03-15
網頁設計學習心得(4篇)04-27
網頁設計學習心得4篇04-22
學習網頁設計心得體會05-29
學習網頁設計的心得體會03-02
網頁設計學習心得體會05-14