網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)

1、Dreamweaver網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)小 組 十二組 教 師 周亞 指導(dǎo)老師 黃晗文、譚愛(ài)平、胡漢輝 職業(yè)高中計(jì)算機(jī)課程的主要任務(wù)是培養(yǎng)學(xué)生的信息素養(yǎng)，具體包括高效獲取信息的能力；熟練、批判性地評(píng)價(jià)信息的能力；有效地吸收、存儲(chǔ)、快速提取信息的能力；運(yùn)用多媒體形式表達(dá)信息、創(chuàng)造性使用信息的能力；并將以上一整套駕馭信息的能力轉(zhuǎn)化為自主、高效地學(xué)習(xí)與交流的能力。因此，計(jì)算機(jī)課程應(yīng)以信息處理為主線來(lái)開(kāi)展教學(xué)工作，而不該成為單純的計(jì)算機(jī)應(yīng)用軟件操作的簡(jiǎn)單示范與模仿。本人將以Dreamweaver網(wǎng)頁(yè)制作為例，談?wù)務(wù)麄€(gè)教學(xué)過(guò)程中對(duì)學(xué)生獲取、評(píng)價(jià)、表達(dá)和利用信息能力培養(yǎng)的一些設(shè)想與嘗試，希望能借此拋磚引玉，

2、促進(jìn)教學(xué)設(shè)計(jì)和實(shí)踐的進(jìn)一步深化和優(yōu)化。一、教材分析Dreamweaver網(wǎng)頁(yè)制作是我校學(xué)生的主修科目。在這之前，學(xué)生已經(jīng)學(xué)習(xí)了網(wǎng)絡(luò)應(yīng)用基礎(chǔ)，已初步掌握了因特網(wǎng)信息的瀏覽、檢索、下載及電子郵件的使用等基本操作技能。因此，學(xué)生已經(jīng)具備了獲取信息的能力，Dreamweaver網(wǎng)頁(yè)制作的教學(xué)則側(cè)重培養(yǎng)學(xué)生對(duì)信息的組織和表達(dá)能力，這對(duì)于加強(qiáng)學(xué)生的信息意識(shí)，提高信息處理能力有著重要作用；網(wǎng)頁(yè)設(shè)計(jì)給學(xué)生提供了展示個(gè)性、自主創(chuàng)新的舞臺(tái)；網(wǎng)頁(yè)評(píng)價(jià)使學(xué)生了解內(nèi)容編排的原則，頁(yè)面布局和色彩搭配的重要性，提高他們的藝術(shù)修養(yǎng)和審美情趣。教學(xué)過(guò)程中使用的網(wǎng)頁(yè)制作軟件是Dreamweaver8。由于Dreamweaver8

3、采用了圖形化的操作界面，并且可以根據(jù)用戶(hù)創(chuàng)建的網(wǎng)頁(yè)對(duì)象自動(dòng)生成HTML代碼，所以，在整個(gè)教學(xué)過(guò)程中，可以采用“任務(wù)驅(qū)動(dòng)”的教學(xué)模式；學(xué)生通過(guò)“小組協(xié)作”的學(xué)習(xí)方式，在教師的指導(dǎo)下自主學(xué)習(xí)新知識(shí)和掌握新技能。二、設(shè)計(jì)思想1、任務(wù)驅(qū)動(dòng)“任務(wù)驅(qū)動(dòng)”的教學(xué)原則是：學(xué)生的學(xué)習(xí)活動(dòng)與大的任務(wù)或問(wèn)題相結(jié)合，以探索問(wèn)題來(lái)引發(fā)和維持學(xué)習(xí)者的學(xué)習(xí)興趣和動(dòng)機(jī)；創(chuàng)建真實(shí)的教學(xué)環(huán)境，讓學(xué)生帶著真實(shí)的任務(wù)去學(xué)習(xí)，在整個(gè)過(guò)程中，學(xué)生擁有學(xué)習(xí)的主動(dòng)權(quán)，教師不斷引導(dǎo)和激勵(lì)學(xué)生前進(jìn)，從而使學(xué)生真正掌握所學(xué)的內(nèi)容，并通過(guò)此任務(wù)舉一反三，收到更好的學(xué)習(xí)效果。Dreamweaver網(wǎng)頁(yè)制作可以將創(chuàng)建一個(gè)“班級(jí)網(wǎng)頁(yè)”作為教學(xué)的主線，教師

4、通過(guò)創(chuàng)設(shè)情境，激發(fā)學(xué)生的創(chuàng)作欲望，把總?cè)蝿?wù)劃分到每個(gè)單元知識(shí)的學(xué)習(xí)中去，按照學(xué)生的制作進(jìn)程來(lái)布置和調(diào)整子任務(wù)，使學(xué)生在教師的引導(dǎo)下逐步達(dá)成教學(xué)目標(biāo)。由于整個(gè)任務(wù)是以學(xué)生的學(xué)習(xí)生活為題材，相關(guān)的信息來(lái)自學(xué)生生活的班集體，所以能夠激發(fā)學(xué)生的學(xué)習(xí)興趣和創(chuàng)作欲望，使他們的學(xué)習(xí)態(tài)度從“要我學(xué)”到“我要學(xué)”發(fā)生巨大轉(zhuǎn)變，從而順利地完成學(xué)習(xí)任務(wù)。2、小組協(xié)作協(xié)作學(xué)習(xí)是指學(xué)生以多人為單位分組協(xié)作學(xué)習(xí)，以培養(yǎng)協(xié)作精神和提高學(xué)習(xí)效率。在協(xié)作學(xué)習(xí)過(guò)程中，個(gè)人學(xué)習(xí)的成功與他人學(xué)習(xí)的成功是密不可分的，學(xué)習(xí)者之間保持融洽的關(guān)系和相互協(xié)作的態(tài)度，共享信息和資源，共同負(fù)擔(dān)學(xué)習(xí)責(zé)任，完成學(xué)習(xí)任務(wù)?！鞍嗉?jí)網(wǎng)頁(yè)”的制作是一個(gè)綜合的

5、、復(fù)雜的操作任務(wù)，并具有一定的開(kāi)放性，教師要緊緊圍繞這一特征，化繁為簡(jiǎn)，化整為零，促成學(xué)生在素材和制作思路上的互相交流和資源共享。因此，采取“小組協(xié)作”的學(xué)習(xí)方式是很適合此任務(wù)的完成，這樣，可以彌補(bǔ)小組成員在知識(shí)程度、學(xué)習(xí)能力和思維方式上的差異，使得他們能取長(zhǎng)補(bǔ)短、拓寬思路，最終做出既美觀又具個(gè)性的網(wǎng)頁(yè)來(lái)。三、教學(xué)目標(biāo)本課程的認(rèn)知、情感和技能目標(biāo)分析如下：1、認(rèn)知目標(biāo)（1）掌握信息獲取、收集、分類(lèi)、整理的方法。（2）掌握用Dreamweaver8制作網(wǎng)頁(yè)的操作方法和應(yīng)用技巧。2、情感目標(biāo)（1）培養(yǎng)集體主義精神。（2）培養(yǎng)樂(lè)于助人、協(xié)作創(chuàng)新的精神。（3）尊重和客觀評(píng)價(jià)他人勞動(dòng)成果，具有一定的審美

6、能力。3、技能目標(biāo)通過(guò)各單元知識(shí)的學(xué)習(xí)，可以獨(dú)立完成小型網(wǎng)站的設(shè)計(jì)和制作。四、教學(xué)過(guò)程本課程的教學(xué)共分11個(gè)單元，每單元教學(xué)安排如下：?jiǎn)卧獙W(xué)習(xí)任務(wù)教師行為學(xué)生行為第一單元了解DREAMWEAVER8的特性；熟悉DREAMWEAVER8的工作環(huán)境。提供網(wǎng)站實(shí)例；引導(dǎo)學(xué)生熟悉DREAMWEAVER8的操作環(huán)境。通過(guò)實(shí)例自主探索DREAMWEAVER8操作環(huán)境中各命令選項(xiàng)的用法。第二單元掌握站點(diǎn)構(gòu)建的基本方法。提出學(xué)習(xí)任務(wù)（“班級(jí)網(wǎng)頁(yè)”的制作）和學(xué)習(xí)原則（小組協(xié)作）；提供欄目劃分的建議。展開(kāi)討論并決定網(wǎng)站主題及欄目?jī)?nèi)容；通過(guò)“構(gòu)建站點(diǎn)”的方法初步構(gòu)思“班級(jí)主頁(yè)”的設(shè)計(jì)方案。第三單元掌握框架網(wǎng)頁(yè)創(chuàng)建的

7、基本方法。展示多個(gè)典型網(wǎng)站，引導(dǎo)學(xué)生分析網(wǎng)頁(yè)的布局和風(fēng)格。小組討論，確定采用何種框架結(jié)構(gòu)和樣式表；并確定網(wǎng)站的整體風(fēng)格，如色調(diào)，線型，文字類(lèi)型等等。第四單元掌握導(dǎo)航結(jié)構(gòu)的基本操作；學(xué)會(huì)添加導(dǎo)航欄。將“人性化”的設(shè)計(jì)理念滲透到學(xué)生的操作實(shí)踐中，方便訪問(wèn)者跟蹤、訪問(wèn)站點(diǎn)的網(wǎng)頁(yè)。弄清網(wǎng)站內(nèi)各欄目、各網(wǎng)頁(yè)之間的關(guān)系，通過(guò)“導(dǎo)航結(jié)構(gòu)”的設(shè)計(jì)方法體現(xiàn)出來(lái)。第五單元掌握網(wǎng)頁(yè)元素的基本操作，如文本、列表、水平線、圖片等等強(qiáng)調(diào)基本元素對(duì)于體現(xiàn)整個(gè)網(wǎng)頁(yè)效果的重要性，引發(fā)學(xué)生思考采用何種方式使得這些基本元素產(chǎn)生最佳效果。通過(guò)合作創(chuàng)建獨(dú)立的頁(yè)面，對(duì)文本、圖片等的使用提出各自的意見(jiàn)和建議，并達(dá)成共識(shí)。第六單元掌握使用表

8、格規(guī)劃頁(yè)面布局的方法。引導(dǎo)學(xué)生靈活運(yùn)用表格對(duì)網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容進(jìn)行布局。通過(guò)創(chuàng)建表格、編輯表格等方法創(chuàng)建界面友好、結(jié)構(gòu)合理的各欄目網(wǎng)頁(yè)。小組成員進(jìn)行一定的分工，側(cè)重完成某一欄目的設(shè)計(jì)制作。第七單元掌握網(wǎng)頁(yè)中超鏈接的創(chuàng)建和使用方法。指出應(yīng)當(dāng)根據(jù)需要采用不同的鏈接，使網(wǎng)站內(nèi)容間的切換變得更為方便、快捷。靈活運(yùn)用各種鏈接方法。在操作中存在的問(wèn)題和分歧，組內(nèi)成員共同出謀劃策，尋找解決問(wèn)題的方法。第八單元掌握網(wǎng)頁(yè)表單的制作方法。介紹表單網(wǎng)頁(yè)的作用和適用場(chǎng)合，將常用的一些表單的應(yīng)用通過(guò)實(shí)例介紹給學(xué)生，使他們對(duì)表單具有更為直觀的認(rèn)識(shí)。組內(nèi)成員商議設(shè)計(jì)表單的目的，表單字段的設(shè)計(jì)及操作上的分工，并對(duì)表單交互功能進(jìn)行深入嘗試。第九單元掌握美化WEB頁(yè)的基本方法。瀏覽因特網(wǎng)，讓學(xué)生分析網(wǎng)頁(yè)中可以借鑒的部分，對(duì)學(xué)生操作產(chǎn)生影響。進(jìn)一步探索學(xué)習(xí)動(dòng)態(tài)效果、WEB搜索、包含內(nèi)容等高級(jí)操作的使用方法，創(chuàng)建動(dòng)靜結(jié)合、交互性強(qiáng)的網(wǎng)頁(yè)。第十單元掌握構(gòu)建討論站點(diǎn)的基本方法。簡(jiǎn)述討論站點(diǎn)的作用和意義，指導(dǎo)學(xué)生構(gòu)建討論站點(diǎn)。構(gòu)建討