第一篇：如何實(shí)施《網(wǎng)頁設(shè)計(jì)》教學(xué)課堂

如何實(shí)施《網(wǎng)頁設(shè)計(jì)》教學(xué)課堂

袁志軍

新疆烏魯木齊 新疆職業(yè)大學(xué)

830011

摘要：新的時(shí)代，新的教育理念，教育也提出新的改革，尤其是高職教育, 以培養(yǎng)技術(shù)應(yīng)用能力為主線,設(shè)計(jì)學(xué)生的知識(shí)、能力、素質(zhì)結(jié)構(gòu)和培養(yǎng)方案, 對(duì)我們教師的工作提出了更高的要求，那么我們應(yīng)該怎樣來合理安排我們計(jì)算機(jī)類的教學(xué)設(shè)計(jì)任務(wù)呢？筆者根據(jù)自己授課的實(shí)際經(jīng)驗(yàn)寫出自己在教學(xué)任務(wù)安排當(dāng)中的實(shí)際感受，以供大家相互探討。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)

教學(xué)項(xiàng)目

教學(xué)課堂

How to Implement the“ Webpage Design” Teaching Class

Vocational University

Yuan Zhijun(Xinjiang Vocational University, Urumqi, Xinjiang 830011, China)Abstract: With the advance of new era and new education idea, the new education reform is proposed, especially the higher vocational education, which is based on the cultivation of application ability, designing for students' knowledge, ability, quality structure and training programs, raises higher requirements for our teachers.How should we arrange our computer teaching designing tasks? According to the author's own teaching experience, here I want to share my own teaching arrangements in the real sense with you.Key words: Webpage design, teaching project, teaching

在教學(xué)任務(wù)設(shè)計(jì)設(shè)計(jì)中由于每個(gè)教師的思想、氣質(zhì)、知識(shí)結(jié)構(gòu)、教學(xué)能力和審美情趣不同，針對(duì)不同的教材和學(xué)生的實(shí)際，在從事教學(xué)活動(dòng)時(shí)，在方法上每位老師都有自己的選擇和側(cè)重的角度，都要采取自己得心應(yīng)手的方式方法，創(chuàng)造出自己的授課路子和風(fēng)格。不同的教學(xué)特色和授課風(fēng)格可以并行，不應(yīng)嵌在一個(gè)框子里，其實(shí)只要是效果好，質(zhì)量高，學(xué)生愛學(xué)的就是好方法。

這學(xué)期我上的《網(wǎng)頁設(shè)計(jì)》課程102課時(shí)，網(wǎng)頁設(shè)計(jì)主要涉及到的軟件有:Dreamweaver、Flash、Firework、Photoshop加ASP動(dòng)態(tài)網(wǎng)站基礎(chǔ)開發(fā)及后臺(tái)管理等，也是學(xué)生比較熱衷的一門課程，互聯(lián)網(wǎng)已經(jīng)成為人們獲取知識(shí)、網(wǎng)上購物、傳遞信息、相互交流、和共享資源的重要途徑，而網(wǎng)站作為人們與客戶通過網(wǎng)絡(luò)相互交互溝通已成為了最主要的橋梁，更成為網(wǎng)絡(luò)應(yīng)用的一大熱點(diǎn)。隨著網(wǎng)站相關(guān)技術(shù)的不斷發(fā)展，越來越多的人開始接觸網(wǎng)頁設(shè)計(jì)和網(wǎng)站開發(fā)工作，網(wǎng)頁設(shè)計(jì)師正成為互聯(lián)網(wǎng)應(yīng)用領(lǐng)域不可或缺的職位之一，這也大大激發(fā)了學(xué)生對(duì)這門課的學(xué)習(xí)興趣。但是學(xué)生作為一個(gè)新手，對(duì)網(wǎng)頁設(shè)計(jì)知之甚少，而現(xiàn)代社會(huì)工作節(jié)奏快、時(shí)間緊，怎樣才能在有限的時(shí)間內(nèi)快速掌握網(wǎng)頁設(shè)計(jì)的基本技能且印象深刻、既實(shí)用并能快速上手呢？我們?nèi)绾瓮ㄟ^大量實(shí)例項(xiàng)目演練,扎實(shí)理論與軟件基礎(chǔ),注重學(xué)員實(shí)踐能力培養(yǎng) ,提高就業(yè)保障呢？下面簡要結(jié)合本課程的教學(xué)方法來與大家一起探討。

一、課前準(zhǔn)備 我們備課中不僅要備學(xué)生而且備教材備教法，根據(jù)教材內(nèi)容及學(xué)生的實(shí)際，設(shè)計(jì)課的類型，擬定采用哪一種教學(xué)方法，并對(duì)教學(xué)過程的程序及時(shí)間安排都作詳細(xì)的記錄，認(rèn)真寫好電子教案。每一課都做到“有備而來”，每堂課都在課前做好充分的準(zhǔn)備，針對(duì)《網(wǎng)頁設(shè)計(jì)》這門課我采用的是項(xiàng)目分組與實(shí)例應(yīng)用結(jié)合的方法來上課，上第一堂課之前先調(diào)研學(xué)生在其它課程中的學(xué)習(xí)狀態(tài)、學(xué)習(xí)能力、學(xué)習(xí)態(tài)度以及用功程度等考察學(xué)生的綜合能力。然后根據(jù)能力大小將學(xué)生搭配分組，以好的帶差的，以強(qiáng)的帶弱的。通過學(xué)生之間的相互輔助增加同學(xué)之間的友情，同時(shí)也可以增強(qiáng)小組之間的競爭能力，另外也讓同學(xué)們在學(xué)習(xí)的同時(shí)也認(rèn)識(shí)到團(tuán)隊(duì)合作精神的重要性。

二、第一堂課 老師確定自己的教學(xué)思路并與學(xué)生一起調(diào)研網(wǎng)頁設(shè)計(jì)項(xiàng)目和確定有網(wǎng)頁設(shè)計(jì)開發(fā)要求的部門單位，調(diào)研項(xiàng)目的大綱由老師來負(fù)責(zé)準(zhǔn)備，然后即可安排學(xué)生中速打較快和文筆較好的同學(xué)一起來寫一封關(guān)于網(wǎng)頁設(shè)計(jì)應(yīng)用需求的調(diào)研通知，通過學(xué)生自己的理解來表達(dá)他們與用戶溝通的技巧，并且也鍛煉了同學(xué)們的協(xié)調(diào)能力。同時(shí)要求小組通過報(bào)名或推選的方式確定小組項(xiàng)目負(fù)責(zé)人（小組長），小組一起探討選擇比較適合自己特點(diǎn)、能力、也是自己強(qiáng)項(xiàng)的工作任務(wù)，小組長負(fù)責(zé)帶領(lǐng)小組根據(jù)項(xiàng)目特點(diǎn)制定過程表格的具體要求。例如：需要提出的問題、采用哪種表格方式來記錄需求、需要具有怎樣相應(yīng)的實(shí)施條件、項(xiàng)目實(shí)施的進(jìn)度規(guī)劃等。教師將事先分配好的小組名單和調(diào)研通知公布在校園網(wǎng)上，并且發(fā)出書面通知希望能夠得到相關(guān)部門單位的協(xié)助與配合，老師在中間起協(xié)調(diào)溝通作用。

三、課堂教學(xué) 我們的教學(xué)任務(wù)是讓學(xué)生在‘教與學(xué)“當(dāng)中學(xué)習(xí)掌握更多的實(shí)際操作技能，這就要求我們結(jié)合實(shí)例來教受學(xué)習(xí)任務(wù)，教會(huì)學(xué)生在已有的案例基礎(chǔ)上開發(fā)利用，以提高開發(fā)速度和拓展更多的學(xué)習(xí)思路。要對(duì)多年來的教學(xué)技巧和經(jīng)驗(yàn)進(jìn)行總結(jié)，教會(huì)學(xué)生通過使用一些簡單的圖形處理軟件、抓圖軟件、和FLASH制作軟件工具來制作網(wǎng)頁，可大大提高學(xué)生網(wǎng)頁的制作速度，簡化制作步驟。以不致于把更多的精力都放在學(xué)習(xí)Flash、Firework、Photoshop中，造成本末倒置，因?yàn)橹谱骶W(wǎng)站繁雜而失去對(duì)學(xué)習(xí)《網(wǎng)頁設(shè)計(jì)》學(xué)習(xí)的興趣。教會(huì)學(xué)生們準(zhǔn)備網(wǎng)業(yè)設(shè)計(jì)的素材、網(wǎng)頁構(gòu)架、布局、顏色搭配、ASP、數(shù)據(jù)庫、網(wǎng)站總體規(guī)劃等最終達(dá)到動(dòng)態(tài)網(wǎng)站設(shè)計(jì)能力。

四、課后調(diào)研 讓學(xué)生在課后到相應(yīng)的部門調(diào)研需求，調(diào)研需求的方法是先找部門的基層工作人員落實(shí)需求，因?yàn)榛鶎庸ぷ髡吒私夤ぷ鞯男再|(zhì)、方法、步驟和需求，對(duì)具體的操作要求也更有發(fā)言權(quán)。這樣既鍛煉了學(xué)生的溝通能力，同時(shí)也增加了師生之間的感情交流。通過取得的調(diào)研需求小組討論進(jìn)行詳細(xì)的需求分析，通過邊學(xué)邊做邊分析使學(xué)生懂得分析與取舍，將難度非常大的且無法實(shí)現(xiàn)的功能去除或改用其它模式來處理。在學(xué)習(xí)過程中不斷通過查閱圖書、網(wǎng)絡(luò)來查詢解決問題，再由老師和學(xué)生小組一起討論，將問題做到最好最滿意的解決方式，鍛煉同學(xué)們分析問題和解決問題的能力，通過不斷的摸索和討論形成整體框架。

五、項(xiàng)目實(shí)施與評(píng)估

學(xué)生確定各自在小組中的分工以及小組成員合作的形式，然后按照已確立的步驟和程序工作。結(jié)合項(xiàng)目任務(wù)開始邊學(xué)習(xí)課程內(nèi)容邊實(shí)踐項(xiàng)目開發(fā)、學(xué)習(xí)新知識(shí)、解決新問題。在制作的同時(shí)要強(qiáng)調(diào)學(xué)生要養(yǎng)成良好的記錄信息并保存信息的習(xí)慣，以便為自己也為后期修改人員可以讀懂你的程序而做好準(zhǔn)備。先由學(xué)生對(duì)自己的項(xiàng)目結(jié)果進(jìn)行自我評(píng)估，再由教師進(jìn)行檢查評(píng)分。師生共同討論，評(píng)判項(xiàng)目工作中出現(xiàn)的問題，學(xué)生解決問題的方法以及學(xué)習(xí)行動(dòng)的特征。通過對(duì)比師生評(píng)價(jià)結(jié)果，找出造成結(jié)果差異的原因。當(dāng)學(xué)生掌握網(wǎng)頁設(shè)計(jì)規(guī)劃的整體制作步驟時(shí)再將做好的網(wǎng)站模塊展示給相關(guān)部門領(lǐng)導(dǎo)審核，再度提出需求進(jìn)行修改創(chuàng)新，當(dāng)部門單位試用效果基本滿意時(shí)，再通過各個(gè)部門的網(wǎng)站框架將數(shù)據(jù)整合，分析、調(diào)試，制作出適合于本校的動(dòng)態(tài)網(wǎng)站應(yīng)用系統(tǒng)，將整個(gè)系統(tǒng)安裝在學(xué)校的服務(wù)器上進(jìn)行應(yīng)用。

六、歸檔和項(xiàng)目應(yīng)用 項(xiàng)目工作結(jié)果應(yīng)該歸檔保存，即進(jìn)行項(xiàng)目文檔的收集、整理和保存工作。以供下一屆學(xué)生能夠在此項(xiàng)目的基礎(chǔ)上做更完善的二次開發(fā)，同時(shí)也是該學(xué)生團(tuán)隊(duì)此門課程重要的考核依據(jù)。開發(fā)的項(xiàng)目應(yīng)用也可投入到學(xué)校的實(shí)際應(yīng)用當(dāng)中去，減少部門單位人員繁雜的手工業(yè)務(wù)流程和紙張資源，在應(yīng)用的基礎(chǔ)上可根據(jù)應(yīng)用效果的好壞可適度提出給予小組成員申請(qǐng)資助獎(jiǎng)勵(lì)，激發(fā)學(xué)生積極向上的學(xué)習(xí)精神，提高學(xué)生的成就感。通過這種模式的教學(xué)不但可以提高學(xué)生的學(xué)習(xí)興趣，還可以鍛煉學(xué)生的綜合素質(zhì)。同時(shí)也為單位不必購買昂貴的應(yīng)用軟件而投入大量的資金解決了問題。

七、教學(xué)模式的延伸 隨著社會(huì)的發(fā)展，目前教學(xué)手段不斷出新花樣，各高校都廣泛采取視頻教學(xué)的方式來教學(xué)，一是可以吸引學(xué)生的興趣，二是可以活躍教學(xué)氣氛，三、便于學(xué)生課后學(xué)習(xí)和復(fù)習(xí)，四、可以通過網(wǎng)絡(luò)的方式讓更多的學(xué)生參與到課堂教學(xué)當(dāng)中，同時(shí)在社會(huì)實(shí)踐學(xué)習(xí)過程中視頻教學(xué)更能清晰的表達(dá)出教學(xué)內(nèi)容和目的，對(duì)于參照物尤其是操作過程更能夠清晰的表達(dá)給學(xué)生。所以通過一種簡單實(shí)用的方法來建設(shè)一套能夠網(wǎng)絡(luò)實(shí)時(shí)直播的或存儲(chǔ)后及時(shí)上傳的網(wǎng)絡(luò)教學(xué)錄像設(shè)備，對(duì)于我們項(xiàng)目案例教學(xué)法來說是非常必要的。該設(shè)備要具備方便搭建可靈活性和可靠性，能夠適應(yīng)各種復(fù)雜環(huán)境場所下錄制的可能。當(dāng)然我們搭建的主要核心設(shè)備應(yīng)該是一臺(tái)高清網(wǎng)絡(luò)攝像機(jī)，其次是我們的監(jiān)視畫面和語音錄音存儲(chǔ)設(shè)備及相應(yīng)的網(wǎng)絡(luò)上傳和發(fā)布軟件，具體的搭建要看投入的資金、設(shè)備、環(huán)境來決定。

通過此課程的分析歸納如下：計(jì)算機(jī)專業(yè)教學(xué)中，教師可從實(shí)際出發(fā)，精選出一些典型項(xiàng)目，說明其要求和要達(dá)到的效果后，為每個(gè)項(xiàng)目聘項(xiàng)目經(jīng)理（小組長）一名，由學(xué)生自由報(bào)名，或通過應(yīng)聘競選方式選拔出，再由項(xiàng)目經(jīng)理去為其他同學(xué)分工，一起進(jìn)行籌備，直到完成項(xiàng)目后交教師審核，教師在其中起指導(dǎo)作用，學(xué)生起主導(dǎo)作用，這樣學(xué)生由被動(dòng)變?yōu)橹鲃?dòng)，可增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性和團(tuán)隊(duì)精神。高職教育的課程要求我們應(yīng)把課程應(yīng)用到項(xiàng)目中去，所以結(jié)合實(shí)際的開發(fā)工作需求，首先要讓學(xué)生明白他們的工作任務(wù)，讓學(xué)生懂得課程體系在項(xiàng)目中的地位和作用，使學(xué)生了解從項(xiàng)目需求到最終的驗(yàn)收結(jié)束、資料歸檔整理等所需要經(jīng)歷哪些過程，做好哪些工作準(zhǔn)備，需要怎樣的溝通技巧、通過哪些工具來完成最后老師交給的項(xiàng)目。而不是把學(xué)生培養(yǎng)成只會(huì)解釋問題的“理論高手”，而是要培養(yǎng)學(xué)生具有解決實(shí)際問題的“智慧高手”，解決“怎么干”，“干什么”的問題。在教學(xué)中，教師與學(xué)生承擔(dān)著更多的教與學(xué)的責(zé)任，要求有更多的投入和參與。

參考文獻(xiàn)

王文惠．高校網(wǎng)絡(luò)課程開發(fā)中的教學(xué)設(shè)計(jì)研究[J]．昌吉學(xué)院學(xué)報(bào)，2006，4：66～69 周國燭 韓志偉．高等職業(yè)教育課程教學(xué)設(shè)計(jì)與案例．中國輕工業(yè)出版社．2009,7月

袁志軍

1972年

男

副教授

工學(xué)學(xué)士

主要研究方向：計(jì)算機(jī)

第二篇：淺談網(wǎng)頁設(shè)計(jì)課程教學(xué)

淺談網(wǎng)頁設(shè)計(jì)課程教學(xué)

摘要：網(wǎng)頁設(shè)計(jì)課程是計(jì)算機(jī)和藝術(shù)的交叉學(xué)科課程，應(yīng)注重將技術(shù)和藝術(shù)相結(jié)合起來進(jìn)行教學(xué)。本文針對(duì)“網(wǎng)頁設(shè)計(jì) ”課程的特點(diǎn)，結(jié)合實(shí)踐應(yīng)用，闡述在教學(xué)方面的一些體會(huì)。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)，教學(xué)方法

Abstract: website design course is a cross computer science and artistry course, it is need to combine teaching methods of these subjects.this paper is to base on the feature of “website design” course and practice , to give some opinion about teaching.Key words : website design, a teaching method

一、引言

《網(wǎng)頁設(shè)計(jì)》課程是職業(yè)院校計(jì)算機(jī)類專業(yè)及電子商務(wù)專業(yè)的一門專業(yè)課程，也是一門實(shí)踐性很強(qiáng)的職業(yè)技術(shù)課程。由于《網(wǎng)頁設(shè)計(jì)》課程實(shí)踐性和更新性很強(qiáng)，該課程如果采用傳統(tǒng)的教學(xué)方式，那結(jié)果是不理想的。在這里結(jié)合自身的實(shí)際經(jīng)驗(yàn)，談?wù)劸W(wǎng)頁設(shè)計(jì)課程的教學(xué)。

二、教學(xué)策略

1．課程特點(diǎn)

網(wǎng)頁設(shè)計(jì)課程是計(jì)算機(jī)和藝術(shù)的交叉學(xué)科課程。在教學(xué)過程中，除了要求學(xué)生掌握基本的技術(shù)外，也必須對(duì)藝術(shù)設(shè)計(jì)有一定的了解。網(wǎng)頁設(shè)計(jì)應(yīng)注重技術(shù)和藝術(shù)的統(tǒng)一性。在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，應(yīng)考慮網(wǎng)站的總體結(jié)構(gòu)，風(fēng)格定位，色彩的應(yīng)用，版式的設(shè)計(jì)等方面的因素，力求形式與內(nèi)容的統(tǒng)一，讓網(wǎng)頁的顯示達(dá)到快捷，美觀的視覺效果。

2．教學(xué)方案

要設(shè)計(jì)一個(gè)好的網(wǎng)頁作品，首要的因素不是創(chuàng)新，而是“用戶體驗(yàn)”，第一步應(yīng)該站在用戶的角度去考慮設(shè)計(jì)方案，所有的形象風(fēng)格都必須服從主題，服務(wù)用戶。這就對(duì)網(wǎng)頁的整體形象有了較高的要求，整體形象包括版式設(shè)計(jì)，色彩的應(yīng)用，logo設(shè)計(jì)，素材設(shè)計(jì)，廣告設(shè)計(jì)，web圖像設(shè)計(jì)及優(yōu)化，交互方式等等。在教學(xué)時(shí)，我們可以結(jié)合實(shí)際，要求學(xué)生從版式布局設(shè)計(jì)和網(wǎng)頁元素的處理及色彩搭配三方面著手，歸納如下：

（1）版式設(shè)計(jì)

網(wǎng)頁的美感來源于網(wǎng)頁的版式設(shè)計(jì)，它突出了網(wǎng)頁設(shè)計(jì)的藝術(shù)性和個(gè)性，屬于網(wǎng)頁的藝術(shù)設(shè)計(jì)，好的版式設(shè)計(jì)會(huì)使得網(wǎng)頁顯得更具有美感和創(chuàng)意。網(wǎng)頁的版式設(shè)計(jì)是基于內(nèi)容的，應(yīng)該從實(shí)用性和藝術(shù)性考慮。網(wǎng)頁內(nèi)容一定要主次分明，中心突出；導(dǎo)航要清晰；可以圖文并茂，是網(wǎng)頁顯得生動(dòng)和活躍。除此以外，網(wǎng)頁的版式設(shè)計(jì)要符合統(tǒng)一、分割的原則。統(tǒng)一即指整個(gè)網(wǎng)站版式風(fēng)格的統(tǒng)一性、整體性；分割即指要科學(xué)的劃分整個(gè)頁面。

網(wǎng)頁的版式設(shè)計(jì)主要是表格、層等技術(shù)的應(yīng)用。表格是一種最簡單的布局手法，它可以將圖像和文字做最恰當(dāng)?shù)木幣牛_(dá)到清晰易懂的效果。層（div）的布局，是現(xiàn)在正當(dāng)流行的排版手法，它主要應(yīng)用相對(duì)位置等的關(guān)系進(jìn)行準(zhǔn)確定位，再加上層疊樣式表的輔助，突出了它對(duì)網(wǎng)頁的設(shè)計(jì)具有可擴(kuò)展的優(yōu)勢。

文字是網(wǎng)頁內(nèi)容的主要載體，所以文字的視覺效果在版式設(shè)計(jì)中也起著關(guān)鍵的作用。文字的設(shè)置可以分為字體、大小、顏色、行距等，通過這些屬性設(shè)置，使文字排列得整體和美觀。但要注意的是中文字體和英文等其他字體的設(shè)置，是有一定區(qū)別的。英文的字體有很多的選擇，但中文的正文字，總的來說，就兩種：宋體和黑體。在傳統(tǒng)的版式設(shè)計(jì)中，大家都還是傾向于英文的排版，從視覺上來看，英文字體更有韻律性，因?yàn)槊總€(gè)字母本身高矮不一致；但是中文字體相對(duì)來說，就顯得單調(diào)和獨(dú)立些，所以在設(shè)計(jì)時(shí)，這兩種文字要作不同的處理。另外，也不要選擇一些非常特殊的字體，除非用戶的瀏覽器認(rèn)識(shí)這些特殊字體，否則將會(huì)出現(xiàn)亂碼。如果遇到非要使用特殊字體的情況，可將文字轉(zhuǎn)換成圖片再將其應(yīng)用。對(duì)于字號(hào)而言，單位應(yīng)采用em，而不是px，這點(diǎn)在使用層疊樣式表（css）時(shí)尤為重要，還要注意的是em和px是有差別的，所以在使用的時(shí)候也要對(duì)上號(hào)，否則也達(dá)不到預(yù)先的視覺效果。文字一行的字?jǐn)?shù)最好不超過50字，首頁的標(biāo)題在10-20字為佳；行距一般使用的是20-22像素的行距，這樣使得整個(gè)的文字內(nèi)容部分不會(huì)顯得太緊湊或者太松散。文字的整體排列一般有四種基本形式：兩端對(duì)齊、居中對(duì)齊、左對(duì)齊或右對(duì)齊、圖文環(huán)繞排列。在整個(gè)網(wǎng)頁版式設(shè)計(jì)中，標(biāo)題文字的設(shè)計(jì)原則應(yīng)該是“醒目而不夸張”。

導(dǎo)航欄的設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中也很重要，它對(duì)整個(gè)網(wǎng)站內(nèi)容有提綱和導(dǎo)航的作用，在設(shè)計(jì)的時(shí)候，要注意首先導(dǎo)航欄的風(fēng)格也要和整個(gè)網(wǎng)頁風(fēng)格保持統(tǒng)一，另外最好采用文字，因?yàn)榫W(wǎng)絡(luò)的速度可能會(huì)影響圖片的正常下載；不過現(xiàn)在flash按鈕的導(dǎo)航欄已經(jīng)成為時(shí)尚，它可以實(shí)現(xiàn)豐富的動(dòng)感效果。

（2）網(wǎng)頁元素的處理

網(wǎng)頁元素包括logo、按鈕、圖片、動(dòng)畫、聲音、banner等。在網(wǎng)頁中包含這些對(duì)象時(shí)要注意的有：首先是logo的設(shè)計(jì)，logo代表了整個(gè)網(wǎng)站或者企業(yè)的文化，一個(gè)有特色、具有視覺沖擊力的logo，可以直接影響瀏覽者對(duì)網(wǎng)站的判斷，給瀏覽者留下記憶深刻的印象。其次，要確保網(wǎng)頁上的每一個(gè)元素都有存在的必要性，不要使用冗余的技術(shù)和內(nèi)容；再次，要保持形式和內(nèi)容的統(tǒng)一；最后，要盡量的使網(wǎng)頁具有快捷性。對(duì)于網(wǎng)頁的特效技術(shù)，最好采用javascript或css技術(shù)來實(shí)現(xiàn)。

（3）色彩的處理

并非所有的顏色都能應(yīng)用于網(wǎng)頁，網(wǎng)頁中的顏色會(huì)受到硬件、瀏覽器等的影響，即使網(wǎng)頁中使用了非常合理、非常漂亮的配色方案，每一位用戶所看到的效果也不一定相同。所以，最好使用使用網(wǎng)頁安全色來避免和解決這種問題。網(wǎng)頁安全色是指在不同的硬件環(huán)境和軟件環(huán)境下都能在瀏覽器上正常顯示的顏色，并且現(xiàn)顯示的效果都一樣，不會(huì)出現(xiàn)失真的現(xiàn)象。在頁面設(shè)計(jì)中，整個(gè)網(wǎng)頁的色彩種類最好不要超過3種，一種或者兩種主體色，其他為輔助色。顏色種類太多，會(huì)讓人覺得很雜亂。另外，文字內(nèi)容和網(wǎng)頁的背景顏色的對(duì)比要做到突出，比如：背景為深色，則文字的顏色可以選取淺色調(diào)；背景為淺色時(shí)，文字顏色就應(yīng)該深些；這種深淺的變化在色彩學(xué)中稱為“明度變化“。比如有些主頁，背景色和文字顏色都采用的是深色，由于色彩的明度較近，所以瀏覽者來瀏覽閱讀的時(shí)候，會(huì)感覺吃力，從而影響閱讀；但是色彩的明度變化也不能太大，明度變化大會(huì)導(dǎo)致亮度的反差強(qiáng)，讓人覺得很刺眼，同樣會(huì)影響整個(gè)網(wǎng)頁的視覺效果。在進(jìn)行顏色搭配時(shí)，還要注意的是：第一，采用的顏色應(yīng)具有聯(lián)想性，不同的色彩會(huì)產(chǎn)生不同的聯(lián)想，所以色彩的選取也要和網(wǎng)頁的內(nèi)涵有關(guān)。第二，色彩的合理性。根據(jù)網(wǎng)頁的主題的不同，選取相應(yīng)的色彩，比如紅色，可以體現(xiàn)出網(wǎng)站的熱情和喜慶；藍(lán)色可體現(xiàn)出科技的氣息等。第三，色彩要有鮮明性，這個(gè)才能給瀏覽者深刻的印象，并有耳目一新的感覺。

（4）網(wǎng)頁賞析

在教學(xué)過程中對(duì)學(xué)生的引導(dǎo)是非常重要的，設(shè)計(jì)網(wǎng)頁得多看多學(xué)，網(wǎng)頁設(shè)計(jì)的技術(shù)和風(fēng)格在日新月異地變化，所以在提高學(xué)生設(shè)計(jì)技術(shù)的同時(shí)，還要多培養(yǎng)學(xué)生的審美能力，知道怎么設(shè)計(jì)才是一個(gè)好的網(wǎng)頁。創(chuàng)建網(wǎng)頁是一個(gè)不斷學(xué)習(xí)的過程，在看一個(gè)網(wǎng)站的時(shí)候，找到這個(gè)網(wǎng)站的優(yōu)點(diǎn)缺點(diǎn)，注意哪些是可以借鑒的，哪些是需要避免的，在看的同時(shí)，可以看些成熟的網(wǎng)站，也可以看些成長中的作品，在同期的比較中，也有助于自身的提高。另外，鼓勵(lì)學(xué)生看源文件，了解某些效果是如果實(shí)現(xiàn)的，在效仿的同時(shí)進(jìn)行改進(jìn)和創(chuàng)新。

（5）考核方式

網(wǎng)頁設(shè)計(jì)課程的考核應(yīng)該打破傳統(tǒng)的考試方式，建議采用機(jī)考的方式，學(xué)生通過一學(xué)期的學(xué)習(xí)，應(yīng)能自行設(shè)計(jì)各種網(wǎng)頁，熟練掌握其基本制作方法和技巧，在規(guī)定的時(shí)間內(nèi)設(shè)計(jì)網(wǎng) 頁。這也是一種對(duì)提高學(xué)生動(dòng)能能力的一種鞭策方法。

三、結(jié)束語

在網(wǎng)頁設(shè)計(jì)課程教學(xué)中，應(yīng)當(dāng)充分認(rèn)識(shí)到網(wǎng)頁設(shè)計(jì)課程的特點(diǎn)，結(jié)合實(shí)際，采取相應(yīng)的教學(xué)措施和方法完成教學(xué)任務(wù)，以達(dá)到良好的教學(xué)效果。對(duì)于信息科技迅猛的發(fā)展今天，必須摒棄陳舊的教學(xué)理念，及時(shí)提高自身的專業(yè)水平，完善自身的教學(xué)理念，尋找更好的教學(xué)方法，激發(fā)學(xué)生的學(xué)習(xí)興趣，培養(yǎng)學(xué)生追求新知的能力和動(dòng)手實(shí)踐的能力，從而達(dá)到學(xué)以致用的效果。

參考資料： 田博文，《Dreamweaver8基礎(chǔ)培訓(xùn)教程》，人民郵電出版社，2007年2月

孫素華，<< Dreamweaverms2004完美網(wǎng)頁設(shè)計(jì)>>，中國青年出版社，2005年10月

第三篇：網(wǎng)頁設(shè)計(jì)教學(xué)總結(jié)

網(wǎng)頁設(shè)計(jì)教學(xué)總結(jié)

這個(gè)學(xué)期我擔(dān)任了10網(wǎng)絡(luò)(1)(2)班和10商務(wù)班的的網(wǎng)頁設(shè)計(jì)這門課程。在前面半個(gè)學(xué)期的教學(xué)中，我做到了認(rèn)真制定計(jì)劃，注重教學(xué)理論，認(rèn)真?zhèn)湔n和教學(xué)，努力上好每一節(jié)課，并和其它優(yōu)秀老師交流，從中吸取教學(xué)經(jīng)驗(yàn)，取長補(bǔ)短，提高自己的教學(xué)水平。按照課程要求進(jìn)行施教，讓學(xué)生掌握好網(wǎng)頁設(shè)計(jì)知識(shí)。還注意以德為本，結(jié)合網(wǎng)站實(shí)例進(jìn)行層層善誘，多方面、多角度去培養(yǎng)學(xué)生的實(shí)踐能力、提升其操作技能。

下面從以下幾個(gè)方面來談?wù)勎疫@個(gè)半個(gè)學(xué)期的教學(xué)總結(jié)： 教學(xué)進(jìn)度

按照教學(xué)進(jìn)度，我們已經(jīng)完成了課程的全部內(nèi)容的學(xué)習(xí)。教學(xué)進(jìn)度基本上按照原計(jì)劃已經(jīng)完成了。教學(xué)方法

教學(xué)中我從以下幾方面進(jìn)行努力：

一、課前準(zhǔn)備。熟悉教材。解教材的結(jié)構(gòu)，重點(diǎn)與難點(diǎn)，掌握知識(shí)的邏輯，能運(yùn)用自如，知道應(yīng)補(bǔ)充哪些資料，采用哪個(gè)實(shí)例作為網(wǎng)頁教學(xué)實(shí)例；解學(xué)生的知識(shí)結(jié)構(gòu)，解他興趣、需要和習(xí)慣，知道他學(xué)習(xí)新知識(shí)可能會(huì)有哪些困難，采取相應(yīng)的預(yù)防措施；結(jié)合學(xué)生情況采取何種教學(xué)方法，解決如何把教材上的知識(shí)系統(tǒng)地傳授給學(xué)生，包括如何組織教材、如何安排每節(jié)課、如何講解實(shí)例。設(shè)計(jì)一些實(shí)際中的商業(yè)網(wǎng)站案例。

二、課堂情況。網(wǎng)頁設(shè)計(jì)課上。課堂上引起學(xué)生的興趣，激發(fā)學(xué)生的創(chuàng)作興趣。網(wǎng)頁設(shè)計(jì)課里包含有一些圖片設(shè)計(jì)和動(dòng)畫設(shè)計(jì)，這些需要有豐富的想象力才能制作出優(yōu)秀的作品，課堂上，也盡力培養(yǎng)學(xué)生的想象力，引導(dǎo)學(xué)生想象。課堂上，始終以學(xué)生為學(xué)習(xí)主體，把學(xué)習(xí)的主動(dòng)權(quán)交給學(xué)生，挖掘?qū)W生潛在能力，讓學(xué)生自主學(xué)習(xí)，提高學(xué)生學(xué)習(xí)的獨(dú)立性。記得在有節(jié)課，把一個(gè)網(wǎng)站拿來講解，讓學(xué)生先看，看了后讓學(xué)生在草稿紙上畫出自己的設(shè)計(jì)草圖。最后我再來以不同的方式講解該網(wǎng)站制作的方式，給學(xué)生從多角度進(jìn)行分析。有時(shí)也讓學(xué)生在教師機(jī)上當(dāng)場操作，讓學(xué)生的智慧、能力得到體驗(yàn)，使學(xué)生成了學(xué)習(xí)的主人，使學(xué)習(xí)成了需求，讓他覺得學(xué)習(xí)中有發(fā)現(xiàn)、有樂趣、有收獲。課堂上關(guān)注全體學(xué)生，注意信息反饋，調(diào)動(dòng)學(xué)生的注意，使其保持相對(duì)安靜，同時(shí)，激發(fā)學(xué)生的情感，使他產(chǎn)生愉悅的心境，創(chuàng)造良好的課堂氣氛，課堂語言簡潔明了努力克服重復(fù)的毛病，課堂提問面向全體學(xué)生，努力引發(fā)學(xué)生學(xué)網(wǎng)頁課的興趣。還要做好課后輔導(dǎo)工作。認(rèn)真批改學(xué)生的作業(yè)。

三、課后工作。要提高教學(xué)質(zhì)量?？偨Y(jié)學(xué)生本次作業(yè)中的不足，解哪些知識(shí)學(xué)生還沒有理解并在下一節(jié)課時(shí)進(jìn)行補(bǔ)充說明。鼓勵(lì)優(yōu)秀學(xué)生，激發(fā)其它學(xué)生。課后多和學(xué)生交流，解其學(xué)習(xí)情況，以便改善教學(xué)。存在問題:

一、教學(xué)中的相互合作有待提高。

二、網(wǎng)絡(luò)教學(xué)資源還不是特別豐富，不能很好滿足教學(xué)需求。今后將進(jìn)一步加強(qiáng)網(wǎng)絡(luò)資源建設(shè)，并提高資源利用率。

總結(jié)整個(gè)2007年上半年的教學(xué)工作，收獲是豐富的，不管從知識(shí)，還是教學(xué)管理，還是教學(xué)經(jīng)驗(yàn)上都是豐富的。給了我成長的道路上寶貴的一筆。雖然有很多時(shí)候都是在一種緊張，忙碌的狀態(tài)下走過，但我知道，走過了這一段，人生就會(huì)是另一個(gè)起點(diǎn)，有另一個(gè)更大的目標(biāo)等著我去前進(jìn)。

屈明 2011-12-28

第四篇：網(wǎng)頁制作教學(xué)設(shè)計(jì)

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

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

教學(xué)目標(biāo)：

1、知識(shí)與技能

（1）了解超級(jí)鏈接的含義及鏈接源和鏈接目標(biāo)的含義，掌握同一站點(diǎn)內(nèi)以及不同站點(diǎn)間網(wǎng)頁超級(jí)鏈接的創(chuàng)建方法。

（2）掌握網(wǎng)頁內(nèi)書簽的作用及創(chuàng)建書簽鏈接方法，掌握交互式按鈕、框架網(wǎng)頁內(nèi)超級(jí)鏈接的設(shè)置方法。

（3）理解熱區(qū)鏈接的含義及創(chuàng)建方法。

2、過程與方法

（1）通過創(chuàng)建網(wǎng)頁超級(jí)鏈接的操作，使學(xué)生了解網(wǎng)頁中創(chuàng)建超級(jí)鏈接的基本方法，破除對(duì)網(wǎng)頁鏈接的神秘感。

（2）通過對(duì)不同對(duì)象設(shè)置超級(jí)鏈接的操作，使學(xué)生總結(jié)出操作的規(guī)律，培養(yǎng)學(xué)生自主學(xué)習(xí)與操作的能力。

（3）通過網(wǎng)頁不同的超級(jí)鏈接方法，拓展學(xué)生思維，創(chuàng)建多種形式的網(wǎng)頁鏈接。

3、情感態(tài)度與價(jià)值觀

（1）通過鏈接我國主要自然保護(hù)區(qū)網(wǎng)頁，激發(fā)學(xué)生熱愛祖國、熱愛自然、熱愛生命的激情。

（2）完成超級(jí)鏈接，使學(xué)生感受成功的喜悅和快樂。

教學(xué)重、難點(diǎn)：

1、教學(xué)重點(diǎn)：

（1）超級(jí)鏈接的含義及鏈接源和鏈接目標(biāo)的含義。

（2）超鏈接的制作方法——給文字、圖片制作超鏈接，制作書簽鏈接，給交互式按鈕制作超鏈接，框架頁面內(nèi)的超鏈接，圖片區(qū)域制作超鏈接等。

2、教學(xué)難點(diǎn)

（1）書簽鏈接中名稱及對(duì)應(yīng)鏈接位置的設(shè)定。

（2）在框架頁面中制作超鏈接時(shí)，目標(biāo)對(duì)象所選擇的顯示窗口形式。

教學(xué)方法與教學(xué)手段：

任務(wù)驅(qū)動(dòng)法、討論探究法、講解與演示法、類比知識(shí)遷移法。

教學(xué)準(zhǔn)備：

“動(dòng)物——人類的朋友”站點(diǎn)，包括未鏈接的網(wǎng)頁，如歡迎頁、表格頁、框架頁，表單頁等。

教學(xué)過程：

1、引入

展示兩個(gè)主頁，一個(gè)已經(jīng)創(chuàng)建了鏈接，一個(gè)沒有創(chuàng)建鏈接，讓學(xué)生進(jìn)行比較并找出區(qū)別，引出本課課題——超級(jí)鏈接。

提出：我們在先前的學(xué)習(xí)中，哪個(gè)軟件中的相關(guān)操作與它類似？什么是超級(jí)鏈接？找一個(gè)例子，分析鏈接源和鏈接目標(biāo)分別是什么？

學(xué)生展開交流，通過對(duì)比找出不同點(diǎn)，并積極思考，回答老師的問題。

設(shè)計(jì)意圖：通過對(duì)比操作、交流，再輔以知識(shí)遷移，明確本節(jié)課教學(xué)內(nèi)容。

2、新授

（1）站內(nèi)超級(jí)鏈接

引導(dǎo)學(xué)生回顧PowerPoint中超鏈接的制作方法（教師提示：右擊鏈接源，利用快捷菜單制作超鏈接），輔以教材中的內(nèi)容，讓學(xué)生自行探究并完成以下操作：

任務(wù)1同一站點(diǎn)內(nèi)不同頁面之間的鏈接

○1制作首頁（歡迎頁）到表格頁的超鏈接。

○2給表格頁內(nèi)交互式按鈕設(shè)置超級(jí)鏈接，鏈接到相關(guān)頁面。

○3給框架頁內(nèi)交互式按鈕設(shè)置超級(jí)鏈接，鏈接到相關(guān)頁面。

教師巡視，及時(shí)指導(dǎo)，安排學(xué)生示范操作并講解如何制作超鏈接。

交互式按鈕的超鏈接制作要求在框架網(wǎng)頁中演示操作。老師可以提問學(xué)生：演示者操作的對(duì)嗎？有沒有問題？

引導(dǎo)學(xué)生發(fā)現(xiàn)問題：超鏈接制作完成后需要檢驗(yàn)（保存后預(yù)覽）。

教師講解，突破難點(diǎn)，再交由學(xué)生操作。

以上是同一站點(diǎn)內(nèi)不同網(wǎng)頁之間的鏈接，有時(shí)一個(gè)頁面中內(nèi)容過多，需要不斷拖動(dòng)滾動(dòng)條實(shí)現(xiàn)閱讀，能否實(shí)現(xiàn)快速跳轉(zhuǎn)呢？

任務(wù)2同一站點(diǎn)內(nèi)同一頁面內(nèi)的跳轉(zhuǎn)（鏈接）：在“動(dòng)物趣聞”頁面內(nèi)制作書簽鏈接。

教師講解：由生活中的書簽引入，介紹“書簽鏈接”的概念，然后再演示如何操作。

提示：書簽鏈接的雙向性問題（返回）。

學(xué)生認(rèn)真聽講后模仿制作，教師巡視進(jìn)行指導(dǎo)并反饋學(xué)生的完成情況。

（2）站間超級(jí)鏈接

僅憑我們課堂上制作的這些頁面還不足以詳細(xì)介紹我們的主題，此時(shí)我們還可以借助超鏈接，鏈接到因特網(wǎng)上的其他網(wǎng)站，以豐富我們的內(nèi)容。

任務(wù)3借助熱區(qū)鏈接，為“友情鏈接”頁面制作超鏈接，鏈接我國一些自然保護(hù)區(qū)網(wǎng)站。

有了以上基礎(chǔ)，可安排學(xué)生自學(xué)教材中有關(guān)熱區(qū)鏈接的相關(guān)內(nèi)容，學(xué)生探究操作后教師再安排學(xué)生進(jìn)行演示，輔助以提問的形式檢驗(yàn)學(xué)生的自學(xué)情況。

3、總結(jié)與評(píng)價(jià)

開展同學(xué)間的互助，檢驗(yàn)其鏈接完成情況，推薦優(yōu)秀同學(xué)做展示。引導(dǎo)學(xué)生分類總結(jié)本節(jié)課的知識(shí)點(diǎn)。

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

教學(xué)目標(biāo)：

1、讓學(xué)生掌握在網(wǎng)頁中插入表格的方法以及表格的修改

2、學(xué)會(huì)利用表格來規(guī)劃網(wǎng)頁

3、培養(yǎng)學(xué)生創(chuàng)新的能力以及動(dòng)手操作的能力

教學(xué)重、難點(diǎn)：

利用表格來規(guī)劃網(wǎng)頁，從中培養(yǎng)學(xué)生的創(chuàng)新能力

教學(xué)過程：

一、情境導(dǎo)入

同學(xué)們你們善于觀察嗎？老師先考考你們，我們一起來看一組圖片，你們看看在那里看過呢？學(xué)校緩臺(tái)的窗臺(tái)上。你們的觀察能力真的很強(qiáng)啊，對(duì)，這些都是我們學(xué)校美術(shù)的特色作口，盤畫。其實(shí)，我們做過很多作品：有手工作品，語文課中的作文、書法等都是作品，這節(jié)課我們以繪畫作口品為例，做一個(gè)學(xué)習(xí)園地網(wǎng)頁，把我們的作品展示到自己的班級(jí)網(wǎng)站中，以便我們更好的努力學(xué)習(xí)?，F(xiàn)在我們就一起來制作吧！

二、新知探究

首先我們來打開上節(jié)課的班級(jí)網(wǎng)站，在這個(gè)網(wǎng)站中新建一個(gè)網(wǎng)頁，并保存成“學(xué)習(xí)園地”。

教師講解：如何制作學(xué)習(xí)園地網(wǎng)頁。

1、制作網(wǎng)頁的標(biāo)題：輸入文字，并設(shè)置文字的格式。

2、插入表格：單擊“表格”中的“插入表格”并對(duì)表格屬性進(jìn)行設(shè)置。如：行、列的操作，對(duì)齊方式等。同時(shí)講解什么是行，什么是列，以及單元格的概念。

3、修改表格：調(diào)整表格行高和列寬。

4、在學(xué)生學(xué)會(huì)插入表格的基礎(chǔ)上，來設(shè)計(jì)網(wǎng)頁，展示作品。并講解在單元格中可以插入圖片、文字。那我們就一起快快去做吧！插入圖片，并在圖片的上面或下面進(jìn)行圖片的注釋。

5、進(jìn)一步設(shè)置單元格的背景，來美化網(wǎng)頁。

6、設(shè)置超鏈接：通過導(dǎo)航欄目，設(shè)置文字超鏈接。選中文字，點(diǎn)擊右鍵選擇超鏈接在列表中選擇你要鏈接的網(wǎng)頁，單擊“確定”按鈕。

7、學(xué)生在教師的講解后，學(xué)生自己動(dòng)手操作制作網(wǎng)頁。教師進(jìn)行指導(dǎo)。（伴隨音樂）

三、作品評(píng)價(jià)

1、生評(píng)：從網(wǎng)頁設(shè)計(jì)上，美觀程度上，知識(shí)落實(shí)上重點(diǎn)評(píng)價(jià)。

2、師評(píng)：對(duì)學(xué)生作品進(jìn)行評(píng)價(jià)，并對(duì)其它學(xué)生的評(píng)價(jià)加以更完整的解釋。

四、總結(jié)

我們這節(jié)課主要是利用了表格來設(shè)計(jì)網(wǎng)頁，以使來美化我們的網(wǎng)頁，通過繪畫作品的展示，學(xué)習(xí)更多的知識(shí)。

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

一、課程基本信息

課程編號(hào)：

中文名稱：網(wǎng)頁設(shè)計(jì)與制作

英文名稱：Web Design and Production課程類別：選修課適用專業(yè)：所有專業(yè)

開課學(xué)期：20xx—20xx第2學(xué)期總學(xué)時(shí)：24學(xué)時(shí)總學(xué)分：1課程簡介：

本課程突出網(wǎng)頁設(shè)計(jì)與制作的現(xiàn)代特點(diǎn)，從Internet的基礎(chǔ)知識(shí)入手，重點(diǎn)介紹HTML超文本標(biāo)記語言，以及所見即所得的網(wǎng)頁設(shè)計(jì)制作工具Dreamweaver的基本操作流程。從靜態(tài)頁面到動(dòng)態(tài)頁面由淺入深的介紹網(wǎng)頁設(shè)計(jì)與制作全過程。采用案例分析和親自實(shí)踐的方式突出、突破課程的重點(diǎn)和難點(diǎn)。并指導(dǎo)每一名選課的同學(xué)為自己建一個(gè)博客網(wǎng)站，以此提高同學(xué)對(duì)網(wǎng)頁設(shè)計(jì)與制作的興趣和愛好。參考書：

1、網(wǎng)頁設(shè)計(jì)與制作教程，熊前興閔聯(lián)營，科學(xué)出版社；

2、網(wǎng)站與網(wǎng)頁設(shè)計(jì)，張貴明，清華大學(xué)出版社；

3、網(wǎng)頁美術(shù)設(shè)計(jì)原理及實(shí)戰(zhàn)策略，王曉峰焦燕，清華大學(xué)出版社；

4、網(wǎng)站建設(shè)典型案例，張梟，清華大學(xué)出版社；

二、課程教學(xué)目標(biāo)：

網(wǎng)頁和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機(jī)構(gòu)通過網(wǎng)站來宣傳推介自己的技術(shù)和產(chǎn)品，個(gè)人發(fā)布主頁展示自己的風(fēng)采，人們從不同類型的網(wǎng)站來獲取需要的信息。因此，設(shè)計(jì)與制作網(wǎng)頁已經(jīng)成為計(jì)算機(jī)應(yīng)用技術(shù)的一個(gè)重要方面。本課程的主要教學(xué)目的是使學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作的基礎(chǔ)知識(shí)，能運(yùn)用網(wǎng)頁工具設(shè)計(jì)和制作常用網(wǎng)頁。

三、理論教學(xué)內(nèi)容與要求

第一章、網(wǎng)頁的基礎(chǔ)知識(shí)（1學(xué)時(shí)）

（1）Internet基礎(chǔ)知識(shí)

（2）www簡介

（3）網(wǎng)頁制作的技術(shù)和工具介紹

第二章、超文本編輯語言HTML（8學(xué)時(shí)）

（1）HTML文件的基本結(jié)構(gòu)

（2）文字和段落標(biāo)記

（3）列表標(biāo)記

（4）圖片標(biāo)記

（5）表格標(biāo)記

（6）超鏈接標(biāo)記

（7）表單標(biāo)記

（8）框架標(biāo)記

第三章、JavaScript語言（4學(xué)時(shí)）

（1）JavaScript語言簡介

（2）JavaScript編程基礎(chǔ)

（3）基于對(duì)象的JavaScript語言

（4）JavaScript程序?qū)嵗?/p>

第四章、層疊樣式表CSS（1學(xué)時(shí)）

（1）CSS概述

（2）CSS屬性

第五章、可視化網(wǎng)頁設(shè)計(jì)工具

（1）網(wǎng)頁的基本操作

（2）圖像、表格與超鏈接

（3）表單與框架

（4）添加網(wǎng)頁元素

（5）發(fā)布站點(diǎn)

第六章、動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)語言ASP（4學(xué)時(shí)）

（1）ASP簡介

（2）VBScript腳本基礎(chǔ)

（3）ASP的內(nèi)置對(duì)象

（4）實(shí)用文件

第七章、利用AD0訪問數(shù)據(jù)庫（1學(xué)時(shí)）

（1）數(shù)據(jù)庫的連接

（2）數(shù)據(jù)庫的檢索

（3）數(shù)據(jù)庫的操作

總結(jié)復(fù)習(xí)（1學(xué)時(shí)）

四、實(shí)驗(yàn)教學(xué)內(nèi)容與要求

五、作業(yè)

六、考核方式

期末考核每個(gè)同學(xué)為自己設(shè)計(jì)制作一個(gè)博客網(wǎng)站。

七、成績評(píng)定

1、自制網(wǎng)站（80%）

2、平時(shí)考勤、作業(yè)（20%）平時(shí)成績分配：

平時(shí)考勤5次，每次2分，共占10%作業(yè)5次，每次2分，共占10%

八、執(zhí)行大綱時(shí)應(yīng)注意的問題

根據(jù)學(xué)生對(duì)課程內(nèi)容的掌握和理解程度會(huì)對(duì)進(jìn)度做適當(dāng)?shù)恼{(diào)整。

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

一、學(xué)習(xí)內(nèi)容分析

《H5快速制作網(wǎng)頁》是蘇教版《初中信息技術(shù)》8年級(jí)第3章《主題網(wǎng)站設(shè)計(jì)與制作》第2節(jié)《制作網(wǎng)頁》中第1課時(shí)的內(nèi)容。H5是指第5代HTML標(biāo)記語言，其搭建的站點(diǎn)可方便地應(yīng)用于PC、Android、iOS等多種平臺(tái)，它為互聯(lián)網(wǎng)內(nèi)容的呈現(xiàn)提供了一種全新的框架和平臺(tái)，包括免插件的音視頻、圖像、動(dòng)畫、本地存儲(chǔ)以及更多酷炫的功能。通俗地說，H5是一種創(chuàng)建網(wǎng)頁的方式，用H5創(chuàng)建的網(wǎng)頁以文字、圖片、動(dòng)畫、聲音等相結(jié)合的富媒體出現(xiàn)，頁面圖文并茂、生動(dòng)活潑、傳達(dá)方便、易于推廣。

二、學(xué)習(xí)者分析

本節(jié)課的學(xué)習(xí)對(duì)象是八年級(jí)的學(xué)生，處于這一年齡段的學(xué)生，思維活躍，具備一定的理解能力和較強(qiáng)的自學(xué)能力。通過前面的學(xué)習(xí)，學(xué)生已熟練使用WPS、Photoshop等軟件，也掌握了規(guī)劃設(shè)計(jì)主題網(wǎng)站的方法。本節(jié)課以iH5軟件工具為平臺(tái)，學(xué)習(xí)用H5快速制作網(wǎng)頁。然而學(xué)生從未接觸過iH5，對(duì)于陌生軟件的學(xué)習(xí)，有些畏難情緒，覺得無從下手。但是在日常生活中，他們經(jīng)常能接觸到各種各樣的手機(jī)H5網(wǎng)頁，如企業(yè)宣傳、個(gè)人簡歷、邀請(qǐng)函、紀(jì)念冊等，這些H5網(wǎng)頁給大家?guī)砹巳碌捏w驗(yàn)，技術(shù)本身帶來的新奇感讓學(xué)生心生向往。

三、學(xué)習(xí)目標(biāo)

知識(shí)與技能：能列舉H5網(wǎng)頁的特點(diǎn)；掌握在iH5軟件中添加和編輯文字、圖片、動(dòng)畫等元素的方法以及設(shè)置對(duì)象屬性的方法，理解舞臺(tái)、頁面、對(duì)象之間的層級(jí)關(guān)系。

過程與方法：通過制作校園文化藝術(shù)節(jié)邀請(qǐng)函，經(jīng)歷制作H5網(wǎng)頁的基本過程。

情感態(tài)度及價(jià)值觀：感悟網(wǎng)頁制作并非難事，軟件使用有共通之處。

四、教學(xué)過程

（一）創(chuàng)設(shè)情境，初認(rèn)H5

以藝載德、以藝促智，一年一度的校園文化藝術(shù)節(jié)又開始了，同學(xué)們踴躍報(bào)名，比拼才藝。八年級(jí)將舉行以“多彩校園，閃亮你我”為主題的匯報(bào)演出，充分展示八年級(jí)同學(xué)的青春活力和精神面貌。

思考：本次演出將要邀請(qǐng)家長參加，你會(huì)選擇什么樣的方式來做出邀請(qǐng)呢？（口頭傳達(dá)、短信、紙質(zhì)邀請(qǐng)函等）

活動(dòng)1：體驗(yàn)“校園文化藝術(shù)節(jié)邀請(qǐng)函H5”，初認(rèn)H5。

（1）二人一組，一位同學(xué)在手機(jī)瀏覽器中打開；另一位同學(xué)在電腦瀏覽器中打開（網(wǎng)址：xxxxxx）。瀏覽后回答以下問題：

不同平臺(tái)的瀏覽效果是否一致？為什么？

這支H5中具有哪些媒體元素？

用戶能參與其中嗎？

你會(huì)用什么方式推廣這支H5？

小結(jié)：

（1）H5具有跨平臺(tái)、支持多媒體、可交互、易推廣等優(yōu)勢。以上特點(diǎn)使得H5可能成為我們發(fā)出邀請(qǐng)的首選。

（2）“校園文化藝術(shù)節(jié)邀請(qǐng)函H5”為何如此吸引人？觀看視頻，思考到底什么是H5？

小結(jié)：H5是指第5代HTML標(biāo)記語言，也指用H5語言制作的一切數(shù)字產(chǎn)品。通俗地說，H5是一種創(chuàng)建網(wǎng)頁的方式。用H5創(chuàng)建的網(wǎng)頁圖文并茂、生動(dòng)活潑、傳達(dá)方便、易于推廣。

設(shè)計(jì)意圖：與H5相關(guān)的概念性知識(shí)抽象、枯燥難懂，如果采用講授法，學(xué)生并不容易理解。因此本節(jié)課創(chuàng)設(shè)了學(xué)生現(xiàn)實(shí)生活中的情境，以制作校園文化藝術(shù)節(jié)邀請(qǐng)函H5為主題，設(shè)計(jì)了4個(gè)問題，每個(gè)問題目標(biāo)指向明確，容易引起學(xué)生的共鳴，激發(fā)學(xué)生的思考并得出結(jié)論。通過微視頻用通俗易懂的語言幫助學(xué)生進(jìn)一步認(rèn)識(shí)H5，內(nèi)化知識(shí)。

（二）根據(jù)需求，規(guī)劃H5

凡事預(yù)則立，不預(yù)則廢，要制作匯報(bào)演出邀請(qǐng)函，首先對(duì)每個(gè)頁面的內(nèi)容、素材等進(jìn)行一個(gè)簡單規(guī)劃。

活動(dòng)2：根據(jù)需求，選擇素材，規(guī)劃邀請(qǐng)函。

設(shè)計(jì)意圖：學(xué)生已經(jīng)學(xué)習(xí)過網(wǎng)站的規(guī)劃，所以容易理解規(guī)劃的重要性。教師通過搭建“規(guī)劃表”這個(gè)支架，引導(dǎo)學(xué)生根據(jù)制作校園文化藝術(shù)節(jié)邀請(qǐng)函的需求，對(duì)所要制作的邀請(qǐng)函進(jìn)行初步的規(guī)劃，幫助學(xué)生理清楚每個(gè)頁面的內(nèi)容和所需添加的元素。

（三）知識(shí)遷移，制作H5

能夠用于開發(fā)H5網(wǎng)頁的工具很多，今天以iH5軟件工具為平臺(tái)，學(xué)習(xí)使用H5快速制作網(wǎng)頁。

活動(dòng)3：找“共性”，探“個(gè)性”，認(rèn)識(shí)iH5軟件。

（1）使用課前申請(qǐng)的賬號(hào)，登錄網(wǎng)址：，進(jìn)入在線編輯平臺(tái)。

（2）對(duì)比Photoshop界面，認(rèn)識(shí)iH5界面，找出相同之處和不同之處。

小結(jié)：相同之處：_______________________（菜單欄、工具面板、編輯區(qū)）

不同之處：_______________________（對(duì)象樹面板）

（3）比較PS中的圖層面板和iH5中的對(duì)象樹面板，思考對(duì)象樹面板的作用。

小結(jié)：對(duì)象樹面板可以用來管理舞臺(tái)中的對(duì)象，對(duì)象樹中的層級(jí)關(guān)系為：舞臺(tái)→頁面→文本、圖片等素材，每個(gè)頁面中的對(duì)象上層覆蓋下層。

活動(dòng)4：利用iH5軟件，制作邀請(qǐng)函H5。

（1）觀看操作指導(dǎo)微視頻，自主探究頁面的制作，完成以下問題：

設(shè)置背景：選中頁面1，在屬性面板中找到_____________選項(xiàng)，添加背景圖片。

添加文字：選中頁面1，在工具面板中選擇_____________選項(xiàng)。

添加圖片：選中頁面1，在工具面板中選擇_____________選項(xiàng)。

小結(jié)：添加文字、圖片的一般步驟：選擇位置—添加對(duì)象。

（2）展示學(xué)生作品，師生共同分析存在的問題，尋求解決方式。

問題1：首頁、內(nèi)容頁都播放同一素材。

原因分析：素材全部都添加在了舞臺(tái)之中，其層級(jí)關(guān)系在內(nèi)容頁和首頁的上一級(jí)。

問題2：內(nèi)容頁沒有顯示內(nèi)容。

原因分析：素材全部都添加在了首頁之中，而不是對(duì)應(yīng)的內(nèi)容頁中。

設(shè)計(jì)意圖：遷移是人類認(rèn)知的一個(gè)普遍特征，因?yàn)樾碌膶W(xué)習(xí)總是建立在原有學(xué)習(xí)基礎(chǔ)之上。學(xué)生原有的知識(shí)是Photoshop軟件使用，將Photoshop和iH5進(jìn)行對(duì)比，引導(dǎo)學(xué)生發(fā)現(xiàn)界面組成的“共性”與“個(gè)性“，讓學(xué)生初步認(rèn)識(shí)對(duì)象樹面板，學(xué)會(huì)利用對(duì)象樹面板來管理素材。在制作H5時(shí)采用局部“翻轉(zhuǎn)課堂”的形式，通過高效、簡短的微視頻和幾個(gè)思考題，引導(dǎo)學(xué)生思考探究；在學(xué)生遇到問題和困難時(shí)，師生共同分析問題，解決問題。給學(xué)生“瑞士奶酪式”知識(shí)建構(gòu)時(shí)間，使學(xué)生從規(guī)律的獲得到知識(shí)的應(yīng)用有一個(gè)過渡和漸進(jìn)的過程。

（四）自主探究，美化H5

活動(dòng)5：美化完善邀請(qǐng)函H5。

（1）邀請(qǐng)函中的標(biāo)題、內(nèi)容文字等選用什么樣的字體、字號(hào)合適？如何設(shè)置？

（2）如何改變圖片大小，修改圖片的亮度、對(duì)比度等？

（3）如何設(shè)置元素的動(dòng)態(tài)效果，使得網(wǎng)頁更生動(dòng)？

小結(jié)：

（1）選中文字或圖片——屬性面板——修改設(shè)置?！把?qǐng)函”等標(biāo)題文字字號(hào)一般選用大些，宜用飽滿的字體，以達(dá)到醒目的作用；內(nèi)容用于提供具體信息，文字字號(hào)可以小些。

（2）圖片選用要符合主題，色彩和諧。字體顏色與背景要有一定的對(duì)比度。（3）選擇要添加動(dòng)態(tài)效果的對(duì)象——選擇動(dòng)效命令。注意：設(shè)置合理、適度的動(dòng)態(tài)效果，可以給觀賞者帶來較好的視覺體驗(yàn)。

設(shè)計(jì)意圖：對(duì)邀請(qǐng)函的美化可分成兩個(gè)部分：一是對(duì)邀請(qǐng)函中的文字、圖片進(jìn)行美化，二是合理設(shè)置動(dòng)態(tài)效果。單從技術(shù)角度來講，這些操作是比較簡單的，只要學(xué)會(huì)設(shè)置屬性面板即可。但是邀請(qǐng)函的美化不是天馬行空，隨心所欲，還需要一定的藝術(shù)欣賞能力。因此首先讓學(xué)生帶著問題思考如何設(shè)置文字、圖片？設(shè)置動(dòng)效時(shí)需要注意的問題？得出一定的結(jié)論后，讓學(xué)生帶著構(gòu)思去美化邀請(qǐng)函，以減少學(xué)生操作的盲目性。

（五）作品展示，共析H5

活動(dòng)6：發(fā)布和評(píng)價(jià)作品。

（1）對(duì)于制作好的作品，將其發(fā)布到網(wǎng)上，這樣其他人就可以通過電腦和手機(jī)訪問你的作品。請(qǐng)保存當(dāng)前的網(wǎng)頁并發(fā)布到網(wǎng)上。

（2）同桌之間用發(fā)布的網(wǎng)址或二維碼相互訪問對(duì)方的作品。

（3）根據(jù)評(píng)價(jià)表對(duì)同桌的作品進(jìn)行評(píng)價(jià)。

（4）根據(jù)同伴及老師意見進(jìn)一步修改作品。

設(shè)計(jì)意圖：學(xué)生在制作完成邀請(qǐng)函后，進(jìn)行保存，發(fā)布就可以瀏覽到自己的成品，極大地提高了學(xué)生的學(xué)習(xí)興趣。將學(xué)生的作品進(jìn)行展示，師生共同賞析作品，根據(jù)評(píng)價(jià)表進(jìn)行點(diǎn)評(píng)，給出建議，然后進(jìn)一步完善作品。

（六）知識(shí)梳理，展望H5

展示思維導(dǎo)圖，梳理本節(jié)課內(nèi)容：

總結(jié)利用iH5制作網(wǎng)頁的基本過程：

觀看視頻，結(jié)束本課：隨著信息技術(shù)的高速發(fā)展，H5可謂是無處不在。H5可以是各種宣傳網(wǎng)頁、在線游戲，甚至戶外大屏中的互動(dòng)也是H5。在未來5-內(nèi)，H5或?qū)?huì)成為移動(dòng)互聯(lián)網(wǎng)領(lǐng)域的主宰者。

設(shè)計(jì)意圖：借助思維導(dǎo)圖，將關(guān)鍵知識(shí)點(diǎn)結(jié)構(gòu)化，清晰形象地呈現(xiàn)出各知識(shí)點(diǎn)的脈絡(luò)關(guān)系，有助于學(xué)生從整體上把握知識(shí)，完成知識(shí)的建構(gòu)。最后觀看H5應(yīng)用視頻，了解H5的日常應(yīng)用，對(duì)未來展望，進(jìn)行情感升華。

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

1、教學(xué)目標(biāo)知識(shí)與技能：靈活運(yùn)用添加超鏈接和在網(wǎng)頁中插入表格方法，根據(jù)網(wǎng)頁內(nèi)容進(jìn)行頁面布局，完善網(wǎng)頁,掌握網(wǎng)頁布局的技能和技巧。

過程與方法：培養(yǎng)學(xué)生加工信息和應(yīng)用信息的能力及培養(yǎng)學(xué)生思維能力，規(guī)劃能力、創(chuàng)新能力、及合作能力。

情感與態(tài)度：使學(xué)生感受中國源遠(yuǎn)流長的歷史文明，并通過網(wǎng)頁傳遞給世界；幫助學(xué)生樹立良好的信息道德意識(shí)；讓學(xué)生享受成就感，樹立自信心。

2、學(xué)生分析初中二年級(jí)學(xué)生感知能力較強(qiáng),理解能力和抽象思維較弱;學(xué)生基本學(xué)會(huì)使用在網(wǎng)頁中插入表格的方法，但分析信息、處理信息和應(yīng)用信息能力較弱;對(duì)教學(xué)內(nèi)容的了解程度較強(qiáng)。

3、內(nèi)容分析

教學(xué)重點(diǎn)：利用表格對(duì)網(wǎng)頁頁面進(jìn)行布局。

教學(xué)難點(diǎn)：怎樣合理、美觀地設(shè)計(jì)網(wǎng)頁頁面布局。

此部分教學(xué)內(nèi)容在整個(gè)網(wǎng)頁設(shè)計(jì)知識(shí)體系中處于綜合處理信息的重要部分。

4、教學(xué)策略設(shè)計(jì)

（1）．教學(xué)方法設(shè)計(jì)

我根據(jù)教學(xué)主題及其教學(xué)目標(biāo)確定的教學(xué)指導(dǎo)思想是以學(xué)生為主體，以學(xué)生自己的親身體驗(yàn)展開探究式小組合作學(xué)習(xí)。本節(jié)課采用研究體驗(yàn)式教學(xué)法,建構(gòu)主義模式下的任務(wù)驅(qū)動(dòng)式教學(xué)法組織教學(xué)。首先設(shè)計(jì)“總?cè)蝿?wù)”，再細(xì)分成若干“小任務(wù)”，實(shí)現(xiàn)教學(xué)目標(biāo)。

（2）．教-學(xué)流程和教-學(xué)活動(dòng)的設(shè)計(jì)思路

整個(gè)教學(xué)活動(dòng)，尤其是學(xué)習(xí)活動(dòng)，我采用探究式學(xué)習(xí)法，又稱研究性學(xué)習(xí)，我強(qiáng)調(diào)的是學(xué)生在教師指導(dǎo)下，根據(jù)各自的興趣、愛好和條件，再結(jié)合與自己有相同或相近的興趣、愛好的同學(xué)組成合作伙伴，共同選擇西安不同的旅游景點(diǎn)，確定研究課題，借助“表格布局”功能規(guī)劃七天的旅游行程，獨(dú)立自主結(jié)合小組合作開展研究，進(jìn)行合理的網(wǎng)頁布局設(shè)計(jì)，達(dá)到從中培養(yǎng)創(chuàng)新精神和創(chuàng)造能力及審美能力的一種學(xué)習(xí)方式，實(shí)現(xiàn)“雙贏”。建構(gòu)主義學(xué)習(xí)理論認(rèn)為，學(xué)習(xí)過程不是學(xué)習(xí)者被動(dòng)地接受知識(shí)，而是積極地建構(gòu)知識(shí)的過程，把學(xué)過的網(wǎng)頁設(shè)計(jì)知識(shí)綜合應(yīng)用起來，由于建構(gòu)主義學(xué)習(xí)活動(dòng)是以學(xué)習(xí)者為中心，而且是真實(shí)的，并且以完成特定的任務(wù)為動(dòng)力，因而學(xué)習(xí)者就更具有興趣和動(dòng)機(jī)，能夠鼓勵(lì)學(xué)習(xí)者進(jìn)行批判型思維，能夠更易于提供個(gè)體的學(xué)習(xí)風(fēng)格，展現(xiàn)自己的獨(dú)特思維，不受現(xiàn)有網(wǎng)頁模式的拘束?；跇?gòu)建主義的探究性學(xué)習(xí)模式，我的設(shè)想是整個(gè)教學(xué)過程是動(dòng)態(tài)的，學(xué)生是學(xué)習(xí)的主體，教師是學(xué)生學(xué)習(xí)環(huán)境的創(chuàng)設(shè)者、學(xué)習(xí)動(dòng)力的激發(fā)者、學(xué)習(xí)過程的指引者和學(xué)生學(xué)習(xí)的協(xié)作者。

（3）．應(yīng)用信息技術(shù)的依據(jù)或考慮

信息技術(shù)在本次教-學(xué)活動(dòng)有不可替代的功能。利用信息技術(shù)中計(jì)算機(jī)技術(shù)進(jìn)行網(wǎng)頁設(shè)計(jì)，實(shí)現(xiàn)教學(xué)目標(biāo)，完成讓世界各地的人實(shí)現(xiàn)“網(wǎng)上游古都”。在教學(xué)中計(jì)劃通過探究式教學(xué)方式，小組合作學(xué)習(xí)方式和“任務(wù)驅(qū)動(dòng)式”教學(xué)策略，自主設(shè)計(jì)網(wǎng)頁，發(fā)布網(wǎng)頁，運(yùn)用網(wǎng)絡(luò)使信息技術(shù)的這些潛在優(yōu)勢發(fā)揮作用并真正促進(jìn)學(xué)生能夠結(jié)合實(shí)際應(yīng)用，通過自主實(shí)踐，完成“網(wǎng)上游古都”任務(wù)，并同時(shí)完成了學(xué)習(xí)任務(wù)，進(jìn)一步建構(gòu)了自己的知識(shí)體系，并實(shí)時(shí)地享受到巨大的成就感。

（三）、教與學(xué)的過程

1．教與學(xué)的過程

活動(dòng)內(nèi)容

教師活動(dòng)

學(xué)生活動(dòng)

設(shè)計(jì)意圖

創(chuàng)設(shè)情境

激發(fā)興趣

［創(chuàng)設(shè)情境］

“要想了解中國上下五千年文明歷史，請(qǐng)到西安來！”近幾年，越來越多的外地游客涌向西安?！笆稽S金周”即將來臨，大家想不想用網(wǎng)頁形式向外地游客介紹宣傳西安，讓更多的人來西安，領(lǐng)略其古老的魅力！我們上節(jié)課把利用搜索引擎找到的有關(guān)西安的歷史文物古跡的文字信息和圖片信息整理制作成有關(guān)不同景點(diǎn)的網(wǎng)頁，但信息是否顯得很零散？怎樣把景點(diǎn)信息整合規(guī)劃，讓人們先在網(wǎng)上一飽眼福，輕松網(wǎng)上游古都？

設(shè)計(jì)一個(gè)含有指向各旅游景點(diǎn)網(wǎng)頁的超鏈接的主頁。

提供信息活條件，激發(fā)起學(xué)生的興趣。

［導(dǎo)語］

我們可在主頁中制作一個(gè)西安旅游景點(diǎn)導(dǎo)航欄，但怎樣合理規(guī)劃各旅游景點(diǎn)，并且使頁面布局美觀，整潔，分類清晰？

利用“表格”。

為細(xì)化任務(wù)埋下伏筆;并且激發(fā)學(xué)生的認(rèn)知沖突。

［出示課題］

今天我們就圍繞“西安七日游”，在主頁中利用表格規(guī)劃設(shè)計(jì)旅游行程，本節(jié)課的課題是《“黃金周”—規(guī)劃網(wǎng)上西安七日游》

學(xué)生明確本節(jié)課課題，初步了解任務(wù)。

出示課題，介紹總?cè)蝿?wù)。

［分組方法］

根據(jù)對(duì)各旅游景點(diǎn)的興趣及當(dāng)初搜索信息的分工情況及本節(jié)課任務(wù)分工，四人一小組。

學(xué)生進(jìn)行分組

為細(xì)化任務(wù)做準(zhǔn)備

出示任務(wù)

明確分工

［出示總?cè)蝿?wù)］

每個(gè)組圍繞主題，利用表格規(guī)劃設(shè)計(jì)旅游行程，并建立好超鏈接，利用主頁展示出來。

學(xué)生明確任務(wù)

明確總?cè)蝿?wù)

［作品形式及分工參考］

形式：創(chuàng)建并完善主頁，并展示整個(gè)網(wǎng)站。

分工參考：

內(nèi)容版式規(guī)劃

整理七個(gè)旅游景點(diǎn)網(wǎng)頁

超鏈接的建立與維護(hù)

作品演示解說

學(xué)生明確匯報(bào)形式，分工參考。

使學(xué)生明確各自任務(wù)后，通過研究，探討，操作，通過電腦媒體來完成任務(wù)。

活動(dòng)內(nèi)容

教師活動(dòng)

學(xué)生活動(dòng)

設(shè)計(jì)意圖

出示任務(wù)

明確分工

[角色分工]

學(xué)生自由分組后,共同研究選組長，組長進(jìn)行給組員分配任務(wù)。

學(xué)生共同研究選組長,并協(xié)調(diào)分配好任務(wù).

鍛煉學(xué)生自主協(xié)調(diào)分工能力。

［出示作品評(píng)價(jià)標(biāo)準(zhǔn)］

教師出示作品評(píng)價(jià)標(biāo)準(zhǔn)：

作品內(nèi)容：設(shè)計(jì)含有七個(gè)鏈接網(wǎng)頁的主頁，資料豐富，內(nèi)容準(zhǔn)確。

技術(shù)表現(xiàn)：頁面布局設(shè)計(jì)合理，顏色搭配和諧，主題突出，作品演示運(yùn)行正常，操作熟練。

創(chuàng)新特色：作品布局規(guī)劃有獨(dú)特之處，有新意。

提示學(xué)生有三條幫助熱線：

1、組長2、鄰座學(xué)習(xí)伙伴3、教師4、自學(xué)課件

學(xué)生明確要求。

培養(yǎng)學(xué)生的創(chuàng)新能力，規(guī)劃能力，思維能力和合作能力。

學(xué)生研究探索合作交流創(chuàng)作作品

［創(chuàng)作作品］

播放舒緩音樂，為學(xué)生營造自由和諧氣氛。

（提示學(xué)生利用網(wǎng)上鄰居把各組員的作品組合在一起，共同完成此任務(wù)。）

學(xué)生根據(jù)角色分工，按小組形式開始完善網(wǎng)站。

學(xué)生體會(huì)了超鏈接的作用，練習(xí)了超鏈接的使用，理解了表格強(qiáng)大的頁面布局功能；培養(yǎng)學(xué)生處理信息和應(yīng)用信息的能力；通過學(xué)生間交流合作，老師及時(shí)點(diǎn)撥與指導(dǎo)，培養(yǎng)學(xué)生發(fā)現(xiàn)問題和解決問題的能力。

［展示作品］

下面請(qǐng)各組派代表，到教師機(jī)前展示以下你們的旅游行程。其他同學(xué)觀察后，可提意見或建議。

由小組代表展示組內(nèi)作品，并詳細(xì)說明旅游景點(diǎn)規(guī)劃的呈現(xiàn)形式，內(nèi)容選擇及整體構(gòu)思。

鍛煉學(xué)生口語表達(dá)能力和分析說明問題能力。

合作成功展示作品成果匯報(bào)交流探討

［交流探討］

教師引導(dǎo)學(xué)生探討頁面布局的方法和技巧；談看完作品后，對(duì)其改進(jìn)意見；進(jìn)行組間互評(píng)和組內(nèi)自評(píng)。

評(píng)出“最受歡迎獎(jiǎng)”（即如果此網(wǎng)站上傳到網(wǎng)上，點(diǎn)擊率最高），“最具創(chuàng)意獎(jiǎng)”“最佳布局獎(jiǎng)”作品。

學(xué)生間相互交流探討。

培養(yǎng)學(xué)生合作交流能力。

［教師點(diǎn)評(píng)及檢測］

教師從頁面布局，整體規(guī)劃合理性，創(chuàng)意等幾方面進(jìn)行點(diǎn)評(píng)。

學(xué)生思考，怎樣完善作品。

教師鼓勵(lì)學(xué)生發(fā)展創(chuàng)新思維，頁面布局規(guī)劃能力，邏輯思維能力及合作能力。

教師或其他同學(xué)提問頁面布局的方法。

學(xué)生代表演示

及時(shí)檢測學(xué)生對(duì)表格的掌握情況。

你受到的最大啟示和收到的最大收獲？成功經(jīng)驗(yàn)和失敗教訓(xùn)？

學(xué)生回答

鞏固知識(shí)，培養(yǎng)情感

[完成旅游規(guī)劃，培養(yǎng)情感]

同學(xué)們已熟練掌握表格的使用方法，并且加工和應(yīng)用信息的能力增強(qiáng)。

悠久的歷史積淀和豐富的人文資源，使西安居中國六大古都之首，是世界四大文明古都之一，著名的旅游中心城市。希望你們熱愛中國博大精深的歷史，感受西安古老的魅力！

學(xué)生感悟。

全課總結(jié)，培養(yǎng)道德情感。

全課總結(jié)知識(shí)延伸

［達(dá)到目標(biāo)，知識(shí)延伸］

網(wǎng)站制作好了，怎樣讓世界各地的人都看到你們的網(wǎng)站呢？

想當(dāng)我們的故鄉(xiāng)—大慶的小導(dǎo)游嗎？趕快制作一個(gè)“鐵人故鄉(xiāng)—大慶”的網(wǎng)站吧！

學(xué)生思考。

學(xué)生課后實(shí)踐。

為激發(fā)下一節(jié)課內(nèi)容（上傳主頁）的興趣奠定基礎(chǔ)。

讓學(xué)生可把本課內(nèi)容應(yīng)用到實(shí)際生活中去。

培養(yǎng)學(xué)生自發(fā)探究能力。

2．關(guān)鍵環(huán)節(jié)提煉

利用信息技術(shù)創(chuàng)設(shè)情境，播放一段自拍的錄像，內(nèi)容大體是：一位外國友人，想要來中國四大古都之一“西安”旅游，但想要自助游，想借助因特網(wǎng)，先在網(wǎng)上了解一下西安，并參考一下旅游行程。通過此錄像激發(fā)學(xué)生興趣并利用信息技術(shù)呈現(xiàn)問題，使學(xué)生產(chǎn)生認(rèn)知沖突，培養(yǎng)學(xué)生發(fā)現(xiàn)問題、分析問題、解決問題的能力。我通過學(xué)生利用信息技術(shù)完成此項(xiàng)任務(wù)，促進(jìn)學(xué)生對(duì)基礎(chǔ)知識(shí)、基本技能的學(xué)習(xí)。我利用信息技術(shù)，尤其是網(wǎng)絡(luò)提供的有關(guān)“西安”豐富的旅游景點(diǎn)介紹資源，幫助和拓展學(xué)生的學(xué)習(xí)。讓學(xué)生借助信息技術(shù)手段開展探索、總結(jié)并進(jìn)行創(chuàng)作。我利用信息技術(shù)展示學(xué)生自評(píng)，學(xué)生互評(píng)，教師評(píng)價(jià)的評(píng)價(jià)表，為學(xué)生的學(xué)習(xí)提供評(píng)價(jià)、反饋和矯正。我利用網(wǎng)頁自學(xué)課件和網(wǎng)絡(luò)教室教學(xué)廣播系統(tǒng)支持師生間、生生間的交流對(duì)話。

3.教學(xué)反思

本節(jié)課主題明確、集中，讓學(xué)生分成小組，合作探究學(xué)習(xí)，給出特定的總?cè)蝿?wù)，有利于學(xué)習(xí)效果評(píng)判的可比較性，也便于學(xué)生之間的廣泛交流和良性競爭。通過利用信息技術(shù)規(guī)劃規(guī)劃網(wǎng)上西安七日游，對(duì)西安七個(gè)主要景點(diǎn)的介紹，讓世界了解西安，每個(gè)學(xué)生在共同完成“網(wǎng)上游古都”網(wǎng)站作品后，讓每個(gè)學(xué)生都有完成任務(wù)和宣傳中國源遠(yuǎn)流長的文明歷史的成就感，并感到自豪。

本節(jié)課，在小組合作學(xué)習(xí)過程中，學(xué)生之間互學(xué)互教，彼此交流探討，經(jīng)歷了提出問題、分析問題和解決問題過程，每個(gè)學(xué)生都承擔(dān)一定學(xué)習(xí)任務(wù)，防止濫竽充數(shù)，促進(jìn)了學(xué)生的參與程度、認(rèn)知深度，高質(zhì)量地實(shí)現(xiàn)了課程的目標(biāo)，增強(qiáng)學(xué)生的責(zé)任感。但個(gè)別學(xué)生沒有認(rèn)識(shí)到合作學(xué)習(xí)的重要意義，自主探究能力較弱，容易喪失信心。

教學(xué)實(shí)際實(shí)施過程，有學(xué)生提出：我對(duì)中國的少數(shù)民族文化感興趣，能否制作一個(gè)宣傳中國五十六個(gè)少數(shù)民族文化的特色網(wǎng)站？于是我了解到學(xué)生對(duì)中國的不同文化感興趣，可在課外活動(dòng)小組完成此任務(wù)或作為課外自主探究性學(xué)習(xí)課題來探究。

本節(jié)課讓學(xué)生掌握了“表格”的妙用，還提高了加工信息和應(yīng)用信息的能力，而且使學(xué)生感悟到了中國上下五千年的博大精深，對(duì)祖國更加熱愛。

（四）、教學(xué)評(píng)析：

在新課程標(biāo)準(zhǔn)的理念中，明確提出要關(guān)注全體學(xué)生，建設(shè)有特色的信息技術(shù)課程。在教材因篇幅的限制，提供給學(xué)生感知的背景材料極其有限，“信息”且都處于“靜止、儲(chǔ)存”狀態(tài)，不利于學(xué)生的感知和抽象概括。因此，允許教師在不改變教材內(nèi)容、體系、結(jié)構(gòu)的前提下，經(jīng)教學(xué)法的加工，營造引入新課的“情境問題”的氛圍。學(xué)生在積極的參與、體驗(yàn)、研究并在已有知識(shí)經(jīng)驗(yàn)的支持下，自主能動(dòng)地探索，實(shí)現(xiàn)知識(shí)的再創(chuàng)造。

教學(xué)活動(dòng)在面向全體的同時(shí)更注重學(xué)生情感的`交流協(xié)作意識(shí)與因材施教。更注重學(xué)生個(gè)性培養(yǎng)和創(chuàng)新智能的開發(fā)。

學(xué)生自主性學(xué)習(xí)，需要有一個(gè)適應(yīng)的過程，開始階段，布置任務(wù)要明確具體。

學(xué)生之間的交流和幫助比較少，自主學(xué)習(xí)的能力還要不斷提高等。

附：學(xué)生學(xué)習(xí)過程及典型成果

另附：小組成員分工表

第________組組長________作品題目______________

小組成員

主要負(fù)責(zé)工作

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

一、教學(xué)目標(biāo)：

1、知識(shí)與技能：

（1）、了解框架結(jié)構(gòu)網(wǎng)頁的概念及在網(wǎng)頁中的作用，了解它與表格網(wǎng)頁的區(qū)別。

（2）、掌握框架結(jié)構(gòu)網(wǎng)頁的建立、框架結(jié)構(gòu)的拆分、框架的刪除等。

（3）、掌握框架中頁面設(shè)置及保存的方法，如設(shè)置初始網(wǎng)頁按鈕、新建網(wǎng)頁按鈕等。

2、過程與方法：

（1）、能夠區(qū)分框架結(jié)構(gòu)屬性設(shè)置與網(wǎng)頁屬性設(shè)置的不同點(diǎn)。

（2）、通過框架結(jié)構(gòu)網(wǎng)頁設(shè)計(jì)，使學(xué)生對(duì)網(wǎng)頁的整體結(jié)構(gòu)有更進(jìn)一步的認(rèn)識(shí)。

3、情感態(tài)度與價(jià)值觀：

（1）、能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁結(jié)合使用，在創(chuàng)作中體驗(yàn)樂趣。

（2）、培養(yǎng)學(xué)生網(wǎng)頁設(shè)計(jì)的審美意識(shí)、創(chuàng)新意識(shí)。

二、教學(xué)重點(diǎn)難點(diǎn)：

1、教學(xué)重點(diǎn)：

（1）、框架網(wǎng)頁的作用和功能，框架的建立與屬性設(shè)置。

（2）、框架中各個(gè)頁面之間的關(guān)聯(lián)，每個(gè)框中頁面的設(shè)置方法。

（3）、框架網(wǎng)頁的保存方法。

2、教學(xué)難點(diǎn)：

（1）、框架結(jié)構(gòu)網(wǎng)頁中框架屬性與頁面屬性的設(shè)置方法。

（2）、理解框架結(jié)構(gòu)的多頁面存儲(chǔ)方法及各頁面之間的關(guān)聯(lián)。

三、教學(xué)過程：

1、創(chuàng)設(shè)情境、導(dǎo)入新課

（1）、教師展示一組表格制作的網(wǎng)頁，引導(dǎo)學(xué)生找出它們的共同特點(diǎn)。并提問如何快捷地制作這種網(wǎng)頁（學(xué)生回答：使用復(fù)制、粘貼快捷地制作）。

（2）、教師又提問：有沒有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？從而導(dǎo)入新課——框架網(wǎng)頁的制作。

設(shè)計(jì)意圖：通過對(duì)比、比較，引導(dǎo)學(xué)生思考，激發(fā)學(xué)生學(xué)習(xí)的樂趣。

2、任務(wù)驅(qū)動(dòng)、自主學(xué)習(xí)

（1）、教師展示一個(gè)框架網(wǎng)頁，引導(dǎo)學(xué)生理解框架網(wǎng)頁的概念。

（2）、出示任務(wù)一：框架網(wǎng)頁的新建與保存。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書本第227頁的實(shí)踐學(xué)習(xí)。

（3）、教師講解框架結(jié)構(gòu)中的每個(gè)框都是一個(gè)獨(dú)立的選項(xiàng)文件，即網(wǎng)頁文件，因此當(dāng)框架確定之后，需要為每個(gè)框分別指定其網(wǎng)頁文件的來源，可以通過每個(gè)框中的“新建網(wǎng)頁”按鈕和“設(shè)置初始網(wǎng)頁”按鈕進(jìn)行選擇。

（4）、學(xué)生理解框架網(wǎng)頁的概念，通過閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁的操作，初步了解“新建網(wǎng)頁”和“設(shè)置初始網(wǎng)頁”兩個(gè)按鈕的不同，并認(rèn)真聆聽教師的講解，注意觀察，按要求模仿操作。

（5）、出示任務(wù)二：相關(guān)頁面的制作與設(shè)置。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書本第228、229頁的實(shí)踐學(xué)習(xí)。

（6）、學(xué)生制作相關(guān)頁面，同時(shí)也是對(duì)前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。教師反饋學(xué)生的操作情況，開展評(píng)比活動(dòng)，對(duì)表現(xiàn)好的學(xué)生給與表揚(yáng)。

（7）、出示任務(wù)三：框架網(wǎng)頁屬性的設(shè)置。學(xué)生自主探究學(xué)習(xí)，有問題可向教師尋求幫助。教師基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行拓展學(xué)習(xí)。

（8）、教師請(qǐng)學(xué)生示范操作，并說明自己設(shè)置的方法和原因。同時(shí)鼓勵(lì)做的比較好的學(xué)生。

設(shè)計(jì)意圖：培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，對(duì)于課堂教學(xué)難點(diǎn)，學(xué)生在教師的講解后模仿操作，有效突破難點(diǎn)。

3、展示作品、課堂小結(jié)

（1）、教師給出一些常見的框架結(jié)構(gòu)應(yīng)用界面，如Web郵箱頁面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，并讓學(xué)生分組，推進(jìn)一些優(yōu)秀作品在全班展示。

（2）、教師點(diǎn)評(píng)，并鼓勵(lì)完成作品比較好的學(xué)生。

設(shè)計(jì)意圖：拓展學(xué)生的視野，使學(xué)生了解框架的應(yīng)用方法。展示優(yōu)秀作品鼓勵(lì)學(xué)生，激發(fā)學(xué)生的創(chuàng)作欲望。

四、教學(xué)反思：

1、本節(jié)課是在學(xué)習(xí)完簡單網(wǎng)頁、表格布局網(wǎng)頁、交互式網(wǎng)頁的基礎(chǔ)上，進(jìn)一步頁的設(shè)計(jì)方法。由于學(xué)生已經(jīng)具備了一定的網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)與技能，所以教師可以根據(jù)學(xué)生的實(shí)際情況，采用更靈活

的教學(xué)方法。教師可以簡單介紹框架結(jié)構(gòu)網(wǎng)頁的功能及框架的建立與編輯方法，以及框架屬性設(shè)置與網(wǎng)頁屬性設(shè)置的方法與區(qū)別。然后由學(xué)生根據(jù)教師提供的學(xué)案及演示動(dòng)畫，完成框架網(wǎng)頁設(shè)計(jì)任務(wù)。

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

教學(xué)目標(biāo)：

1、知識(shí)與技能：

（1）理解框架的概念及用途。

（2）掌握框架網(wǎng)頁的新建、制作、編輯與保存，了解框架的拆分方法。

（3）初步掌握將框架結(jié)構(gòu)與表格布局結(jié)合使用來制作網(wǎng)頁。

2、過程與方法：

（1）通過對(duì)表格網(wǎng)頁的分析，體驗(yàn)新知識(shí)（框架結(jié)構(gòu)網(wǎng)頁）的優(yōu)點(diǎn)，從而促進(jìn)其學(xué)習(xí)新知識(shí)。

（2）理解框架的概念與組成，學(xué)會(huì)分析網(wǎng)站的結(jié)構(gòu)。

3、情感態(tài)度與價(jià)值觀：

（1）通過以“人與動(dòng)物”為主題的框架結(jié)構(gòu)網(wǎng)頁制作活動(dòng)，了解更多有關(guān)人與動(dòng)物和諧相處的知識(shí)，通過故事趣聞，增強(qiáng)學(xué)生關(guān)注動(dòng)物的興趣和意識(shí)。

（2）能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁結(jié)合使用，在創(chuàng)作中體驗(yàn)樂趣。

教學(xué)重、難點(diǎn)：

1、重點(diǎn)：框架的概念、用途， 創(chuàng)建、編輯與保存框架網(wǎng)頁的方法。

2、難點(diǎn)：框架的拆分。

教學(xué)方法：

對(duì)比教學(xué)法、探究學(xué)習(xí)法、模仿學(xué)習(xí)法。

教學(xué)準(zhǔn)備：

整理、歸類相關(guān)素材，并按要求擺放。

教學(xué)過程：

1、引入

老師展示一組利用表格制作的網(wǎng)頁，要求學(xué)生仔細(xì)觀察，找出它們的一個(gè)共同特點(diǎn)（學(xué)生答：網(wǎng)頁上方和左側(cè)內(nèi)容都是相同的，僅右下部分內(nèi)容不一樣），并提問如何快捷地制作這種網(wǎng)頁？（學(xué)生答：使用復(fù)制粘貼快捷地制作）

盡管復(fù)制、粘貼能為我們節(jié)省時(shí)間，但有沒有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？今天我們要學(xué)習(xí)的內(nèi)容——框架網(wǎng)頁制作，就能給我們帶來更多便捷。（讓學(xué)生明確框架網(wǎng)頁使用的場合）

2、新授

（1）框架網(wǎng)頁概念

由以上例子入手，再展示一個(gè)框架網(wǎng)頁，教師引導(dǎo)學(xué)生理解框架網(wǎng)頁的概念

（2）框架網(wǎng)頁的新建與保存

教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試進(jìn)行探究操作。

任務(wù)1 創(chuàng)建“橫幅和目錄”結(jié)構(gòu)的框架網(wǎng)頁，新建top和left頁面，并學(xué)會(huì)保存。

框架結(jié)構(gòu)中的每個(gè)框都是一個(gè)獨(dú)立的選項(xiàng)文件，即網(wǎng)頁文件，因此當(dāng)框架確定之后，需要為每個(gè)框分別指定其網(wǎng)頁文件的來源，可以通過每個(gè)框中的“新建網(wǎng)頁”按鈕和“設(shè)置初始網(wǎng)頁”按鈕進(jìn)行選擇。在top和left頁面中，單擊“保存”按鈕，隨即開始保存。

此處為教學(xué)難點(diǎn)，可先由框架的概念入手，再針對(duì)保存頁面中的藍(lán)色部分，教師進(jìn)行講解，教會(huì)學(xué)生注意觀察。

學(xué)生要理解框架網(wǎng)頁的概念，通過閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁的操作，初步了解“新建網(wǎng)頁”和“設(shè)置初始網(wǎng)頁”兩個(gè)按鈕的不同，并認(rèn)真聆聽教師的講解，注意觀察，按要求模仿操作。

設(shè)計(jì)意圖：培養(yǎng)學(xué)生自主

學(xué)習(xí)能力，課堂教學(xué)難點(diǎn)在教師的講解后模仿操作，有效突破難點(diǎn)。

（3）相關(guān)頁面的制作與設(shè)置

框架網(wǎng)頁中相關(guān)頁面的制作，需要結(jié)合表格來布局，插入文字、圖片和交互式按鈕。

任務(wù)2 top和left頁面的制作。

要求：

○1top頁面內(nèi)插入1行2列的表格，左邊單元格插入logo圖片，右邊單元格插入banner圖片。

○2 left頁面內(nèi)插入5行1列的表格，在每個(gè)單元格內(nèi)依次插入交互式按鈕（共4個(gè)），交互式按鈕文字為展示介紹的相關(guān)內(nèi)容概括，在第5個(gè)單元格內(nèi)插入一個(gè)郵箱指示的圖片。

○3調(diào)整表格邊框的粗細(xì)。

○4為main區(qū)域設(shè)置初始頁面。（該網(wǎng)頁由教師提供現(xiàn)成的）

學(xué)生制作相關(guān)頁面，同時(shí)也是對(duì)前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。老師反饋學(xué)生的操作情況，開展比一比、評(píng)一評(píng)活動(dòng)，對(duì)表現(xiàn)好的學(xué)生給予表揚(yáng)。

（4）框架網(wǎng)頁屬性的設(shè)置

創(chuàng)建好框架網(wǎng)頁后，可以根據(jù)實(shí)際需要改變框架的屬性。

任務(wù)3 調(diào)整框架的大小、設(shè)置框架的邊框、設(shè)置框架窗口中的滾動(dòng)條等。

提高任務(wù)：框架的拆分。

學(xué)生自主探究學(xué)習(xí)，可向老師尋求幫助。完成設(shè)置后請(qǐng)同學(xué)示范操作，并說明自己設(shè)置的方法和原因。操作基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行擴(kuò)展學(xué)習(xí)。

3、總結(jié)與評(píng)價(jià)

老師可以給出一些常見的框架結(jié)構(gòu)應(yīng)用界面，如Web郵箱頁面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，梳理課堂知識(shí)，并讓學(xué)生分組，推薦一些優(yōu)秀作品進(jìn)行全班展示。

設(shè)計(jì)意圖：開拓學(xué)生的視野，使學(xué)生了解框架的應(yīng)用，教會(huì)學(xué)生要善于總結(jié)，要學(xué)會(huì)學(xué)習(xí)的方法。

第五篇：第8課 美化網(wǎng)頁教學(xué)設(shè)計(jì)(課堂語言)

《第8課

美化網(wǎng)頁》教學(xué)設(shè)計(jì)

營前中心小學(xué)

吳麗琴

【教學(xué)內(nèi)容分析】

這節(jié)課是閩教版《信息技術(shù)》小學(xué)五年級(jí)下冊第8課的內(nèi)容，是在前一節(jié)課學(xué)生學(xué)會(huì)創(chuàng)建站點(diǎn)和制作簡單的文字網(wǎng)頁基礎(chǔ)上，學(xué)習(xí)在網(wǎng)頁中添加圖片、編輯加工圖片、設(shè)置網(wǎng)頁背景，從而完成對(duì)網(wǎng)頁的修飾、美化任務(wù)，使網(wǎng)站有與眾不同的風(fēng)格，提高自身藝術(shù)修養(yǎng)?！窘虒W(xué)對(duì)象分析】

從五年級(jí)學(xué)生的認(rèn)知特點(diǎn)來看，他們愛問好動(dòng)、求知欲強(qiáng)、想象力豐富，對(duì)實(shí)際操作活動(dòng)有著濃厚的興趣，對(duì)直觀事物感知較強(qiáng)，正處在形象思維向抽象思維逐步過渡的階段。因此，在學(xué)習(xí)過程中，應(yīng)鼓勵(lì)學(xué)生自己觀察，親自動(dòng)手操作，進(jìn)行學(xué)生討論和交流，師生共同歸納總結(jié)，體驗(yàn)學(xué)習(xí)。

在講此課之前，學(xué)生已經(jīng)學(xué)過如何制作一個(gè)簡單的網(wǎng)頁，并且添加圖片的技能學(xué)生已經(jīng)在Word文字處理軟件中學(xué)習(xí)過。這為學(xué)生美化網(wǎng)頁作好了充分準(zhǔn)備。【教學(xué)目標(biāo)】

1、知識(shí)與能力

（1）了解網(wǎng)站的整體風(fēng)格。

（2）掌握在網(wǎng)頁中添加圖片、編輯加工圖片的方法。（3）會(huì)設(shè)置網(wǎng)頁背景。

2、過程與方法 通過學(xué)生自主學(xué)習(xí)過程中，掌握美化網(wǎng)頁的方法。

3、情感目標(biāo)

（1）通過師生協(xié)作和學(xué)生相互配合，培養(yǎng)學(xué)生合作團(tuán)結(jié)的精神。（2）培養(yǎng)學(xué)生熱愛美的情感，激發(fā)學(xué)生表現(xiàn)美的欲望，使學(xué)生的審美能力得到提高?！窘虒W(xué)重、難點(diǎn)】 1.教學(xué)重點(diǎn)

插入圖片、設(shè)置圖片屬性、編輯圖片、設(shè)置網(wǎng)頁背景。2.教學(xué)難點(diǎn)

網(wǎng)站的整體風(fēng)格、設(shè)置圖片屬性、編輯圖片 【教學(xué)準(zhǔn)備】 多媒體設(shè)備、課件、【教學(xué)過程】

一、導(dǎo)課

1、師：今天老師接到學(xué)校的一個(gè)重要通知，幫助學(xué)校招聘小小編輯員（課件出示通知內(nèi)容），參與校園網(wǎng)站的建設(shè)，同學(xué)們想不想去試一試呢？同學(xué)們真是熱情高漲，但是要成為小小編輯員可不是一件簡單的事，必須通過重重的挑戰(zhàn)，你們準(zhǔn)備好了嗎？那就讓我們馬上進(jìn)入基礎(chǔ)小測驗(yàn)，看看大家是否具有火眼金睛，能夠“慧眼識(shí)美”。

2、師：請(qǐng)同學(xué)們認(rèn)真觀看以下幾張網(wǎng)頁，以同桌為小組進(jìn)行討論，優(yōu)秀的網(wǎng)頁具備哪些條件呢？

課件出示三坊七巷、土樓等網(wǎng)站實(shí)例，教師參與討論并提示學(xué)生可以從網(wǎng)頁的色彩、主題、布局等入手。（30秒）

3、指答，教師引導(dǎo)。

師：通過同學(xué)們的回答，我們可以總結(jié)出一個(gè)優(yōu)秀的網(wǎng)頁需要有，色彩合理，主題鮮明，版面協(xié)調(diào)，圖文并茂… …

4、師：通過上節(jié)課的學(xué)習(xí)，同學(xué)們還記得編輯網(wǎng)頁需要用到什么軟件嗎？請(qǐng)同學(xué)們跟著老師一起來回顧一下如何打開Frontpage。

教師操作，學(xué)生口述。

5、師：老師這里有一張網(wǎng)頁，根據(jù)優(yōu)秀網(wǎng)頁具有的條件，你有什么想法呢？

展示 “洞江小學(xué)學(xué)校簡介”的網(wǎng)頁，指答。

6、師引入課題：是的，今天就讓我們一起來《美化網(wǎng)頁》。馬上迎接我們成為小小編輯員的第一個(gè)挑戰(zhàn)——為網(wǎng)頁插入圖片，讓網(wǎng)頁圖文并茂。

二、新課

挑戰(zhàn)一：“梳妝打扮” ——給網(wǎng)頁添加圖片，讓網(wǎng)頁圖文并茂。

1、師：還記得我們曾經(jīng)學(xué)過哪些軟件也有插入圖片嗎？軟件的操作總是想通的，在Frontpage中插入圖片的方式與word非常相似。

指答，同時(shí)通過課件截圖引導(dǎo)學(xué)生復(fù)習(xí)Word插入圖片的方法。

2、師：請(qǐng)同學(xué)們打開學(xué)習(xí)包里的這張網(wǎng)頁，為網(wǎng)頁梳妝打扮，插入學(xué)習(xí)包挑戰(zhàn)一里的圖片，可以參考課本P44—45頁或者挑戰(zhàn)一里的錦囊1?？纯茨膫€(gè)小組的同學(xué)們完成得最快。（3分鐘）

師巡視指導(dǎo)。

3、師：請(qǐng)已經(jīng)完成的同學(xué)舉手示意老師，看來第*小組的同學(xué)完成得最快呀！現(xiàn)在老師想邀請(qǐng)同學(xué)們指導(dǎo)老師完成這個(gè)挑戰(zhàn)。

教師做快速演示，并且總結(jié)操作注意點(diǎn)——光標(biāo)的位置。挑戰(zhàn)二：“修剪邊幅”——對(duì)添加的圖片進(jìn)行編輯，協(xié)調(diào)版面結(jié)構(gòu)。

4、師：現(xiàn)在圖片插入好了，但是這畫面協(xié)調(diào)美觀嗎？我們需要修剪邊幅——對(duì)圖片進(jìn)行調(diào)整，總是有更大的挑戰(zhàn)等待著我們，請(qǐng)同學(xué)們參考課本P45—47或者挑戰(zhàn)二里的錦囊2，設(shè)置圖片的屬性，對(duì)圖片進(jìn)行編輯。（5分鐘）

同學(xué)之間可相互討論，師巡視指導(dǎo)。邀請(qǐng)學(xué)生上臺(tái)演示設(shè)置圖片屬性，師轉(zhuǎn)述。

5、師：已經(jīng)有小伙們?yōu)槲覀冄菔具^了，相信同學(xué)們對(duì)這個(gè)操作有更加清晰的認(rèn)識(shí)，請(qǐng)還未完成的同學(xué)繼續(xù)完成，已經(jīng)完成的同學(xué)可以嘗試?yán)^續(xù)美化網(wǎng)頁。（5分鐘）

師巡視指導(dǎo)，展示學(xué)生作品。

6、師：看看這位同學(xué)的作品，大家有發(fā)現(xiàn)圖片新的變化嗎？那么這位同學(xué)是如何達(dá)到這樣的效果呢？老師邀請(qǐng)這位同學(xué)上臺(tái)為我們演示。

學(xué)生演示，師轉(zhuǎn)述。

挑戰(zhàn)三：“穿花衣”——給網(wǎng)頁添加背景圖片。

7、師：再來看看這位同學(xué)的作品，又有什么新的變化呢？這位同學(xué)真棒，這是老師還沒有布置的終極目標(biāo)，看來終極目標(biāo)也沒有難住他。那有沒有難住你呢？請(qǐng)同學(xué)們給網(wǎng)頁穿上花衣裳，添加背景圖片，可以參看挑戰(zhàn)三里的錦囊3，完成挑戰(zhàn)三。（5分鐘）

學(xué)生演示，師轉(zhuǎn)述。

三、小結(jié)

1、師：同學(xué)們不斷突破重重的挑戰(zhàn)，老師發(fā)現(xiàn)好多合格的小小編輯員，但是你覺得誰是今天最優(yōu)秀的小小編輯員呢？老師想邀請(qǐng)這幾位同學(xué)加入編輯員的隊(duì)伍，你們愿意嗎？

2、師：通過這節(jié)課的學(xué)習(xí)，你有什么收獲？（指答）

3、師小結(jié)：老師希望同學(xué)們能夠善于打開思維，豐富想法，養(yǎng)成自主學(xué)習(xí)的習(xí)慣，勇于動(dòng)手實(shí)踐操作。

板書：

8、美化網(wǎng)頁

1、插入圖片（先定位光標(biāo)）

2、設(shè)置圖片屬性、編輯圖片

3、設(shè)置網(wǎng)頁背景