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