長(zhǎng)汀職業(yè)中專學(xué)校

教

案

科目：《電商網(wǎng)頁制作》

計(jì)算機(jī)組：張開秀

班級(jí)：15電商3、4班

項(xiàng)目一初始8和建立站點(diǎn)

章節(jié)項(xiàng)目一\1初設(shè)8課時(shí)；2課時(shí)

1.8的基本概況

2.8的功能和作用

講授主

3.8的學(xué)習(xí)方法

要內(nèi)容

4.8的工作界面

5.8工具欄和面板的使用方法

重點(diǎn)8的工作界面

難點(diǎn)8常用工具欄和面板的使用方法

要求掌握8的功能和作用、定義站點(diǎn)的基本過程、創(chuàng)建文件和保存文件的方法、

8窗口界面、浮動(dòng)面板組、【標(biāo)準(zhǔn)】工具欄、【文件】面板、【文檔】工具欄、【屬性】

要求掌握

面板、【插入】面板、工作區(qū)布局等知識(shí)點(diǎn)。

的知識(shí)點(diǎn)和

項(xiàng)目主要是讓學(xué)生對(duì)網(wǎng)頁制作軟件8有一個(gè)總體認(rèn)識(shí)，并掌握學(xué)習(xí)8的基本方

分析方法

法。在項(xiàng)目中，首先介紹8的發(fā)展歷程、功能和作用，同時(shí)欣賞一些優(yōu)秀網(wǎng)站，然后

介紹學(xué)習(xí)8的基本方法，最后介紹8的工作界面與其相關(guān)知識(shí)。

授課思路，

采用的教學(xué)1.從網(wǎng)頁案例欣賞入手，讓學(xué)生增強(qiáng)對(duì)網(wǎng)頁設(shè)計(jì)與制作這門課程的興趣，同時(shí)

方法和輔助增強(qiáng)創(chuàng)業(yè)的信心。

手段，板書2.以情景模擬的方式介紹8的功能和作用以與學(xué)習(xí)方法。

設(shè)計(jì)，重點(diǎn)3.以制作一個(gè)簡(jiǎn)單的網(wǎng)頁為例（悠悠我心的個(gè)人網(wǎng)站），讓學(xué)生認(rèn)識(shí)8的工作

如何突出，界面和工作過程。

難點(diǎn)如何解4.通過課件講授基本知識(shí)。

決，師生互5、讓學(xué)生自己動(dòng)手制作教學(xué)案例，來進(jìn)一步鞏固8的使用。

動(dòng)等

打開教師發(fā)布的悠悠我心個(gè)人網(wǎng)站，鞏固8的使用

作業(yè)布置

通過學(xué)習(xí)，大部分學(xué)生對(duì)網(wǎng)頁制作這門課產(chǎn)生了濃厚的興趣。

教學(xué)反思

章節(jié)項(xiàng)目一\2規(guī)劃和創(chuàng)建站點(diǎn)課時(shí)；2課時(shí)

1.創(chuàng)建站點(diǎn)的基本方法

講授主2.管理站點(diǎn)的基本方法

要內(nèi)容3.設(shè)置首選參數(shù)的方法

4.創(chuàng)建文件夾和文件的基本方法

重點(diǎn)導(dǎo)入和導(dǎo)出站點(diǎn)的基本方法

難點(diǎn)設(shè)置首選參數(shù)的方法

要求掌握網(wǎng)站制作流程、網(wǎng)頁布局的基大方式、定義站點(diǎn)、創(chuàng)建文件夾和文件、

設(shè)置首選參數(shù)等知識(shí)點(diǎn)。

項(xiàng)目主要是讓學(xué)生對(duì)使用8定義、創(chuàng)建和發(fā)布站點(diǎn)有一個(gè)總體認(rèn)識(shí)，并學(xué)會(huì)其

基本操作方法c在項(xiàng)目中，首先介紹做好一個(gè)網(wǎng)站必須經(jīng)歷的基本過程與網(wǎng)頁布局和

要求掌握

色彩搭配的基礎(chǔ)知識(shí)，然后介紹服務(wù)器環(huán)境的配置以與在8中定義和創(chuàng)建站點(diǎn)的基

的知識(shí)點(diǎn)和

本方法，最后使用X發(fā)々站點(diǎn)的方法。

分析方法

項(xiàng)目主要是讓學(xué)生對(duì)使用8定義、創(chuàng)建和發(fā)布站點(diǎn)有一個(gè)總體認(rèn)識(shí)，并學(xué)會(huì)其

基本操作方法。在項(xiàng)目中，首先介紹做好一個(gè)網(wǎng)站必須經(jīng)歷的基本過程與網(wǎng)頁布局

和色彩搭配的基礎(chǔ)知識(shí)，然后介紹服務(wù)器環(huán)境的配置以與在8中定義和創(chuàng)建站點(diǎn)的

基本方法，最后使用8發(fā)布站點(diǎn)的方法。

授課思路，

采用的教學(xué)

方法和輔助1.教師講解網(wǎng)站制作流程、網(wǎng)頁布局的基本方式、網(wǎng)頁色彩搭配的原理和技巧

手段，板書等基礎(chǔ)知識(shí)，并演示創(chuàng)建站點(diǎn)的基本過程。

設(shè)計(jì)，重點(diǎn)2.通過課件講授基本知識(shí)。

如何突出，3.讓學(xué)生自己動(dòng)手重新制作教學(xué)案例。

難點(diǎn)如何解4.通過實(shí)訓(xùn)讓學(xué)生進(jìn)一步熟悉所學(xué)知識(shí)。

決，師生互4,通過實(shí)訓(xùn)讓學(xué)生進(jìn)一步熟悉所學(xué)知識(shí)。

動(dòng)等

新建悠悠我心的站點(diǎn)，導(dǎo)出，發(fā)送給老師

作業(yè)布置

大部分學(xué)生都能很好的完成站點(diǎn)建設(shè)，對(duì)網(wǎng)蟲制作的基本知識(shí)有了進(jìn)一步的了解

教學(xué)反思

項(xiàng)目二制作網(wǎng)站首頁

任務(wù)描述：上一個(gè)項(xiàng)目中，創(chuàng)建了“幽幽我心的個(gè)人網(wǎng)站二本項(xiàng)目將在這個(gè)站點(diǎn)中進(jìn)行首

頁內(nèi)容的制作，學(xué)習(xí)如何在網(wǎng)頁中添加文本和圖像，使用設(shè)置文本、圖像和頁面的樣式。任

務(wù)完成后效果如圖所示：

本項(xiàng)具體的教學(xué)過程共分為以下五個(gè)方面的任務(wù)：

任務(wù)一添加首頁文本（4課時(shí)）

任務(wù)二編輯文本樣式（4課時(shí)）

任務(wù)三添加圖像（4課時(shí)）

任務(wù)四創(chuàng)建與應(yīng)用美化網(wǎng)頁（4課時(shí)?）

任務(wù)五使用代碼制作圖文網(wǎng)頁（4課時(shí)）

任務(wù)一添加首頁文本

一、提出任務(wù)

1.任務(wù)目標(biāo)

完成首頁文本內(nèi)容。

2.解決的問題

通過完成本任務(wù)學(xué)習(xí)修改網(wǎng)頁標(biāo)題，在網(wǎng)頁中添加文本，分段換行和段內(nèi)換行，輸入連續(xù)空

格，保存和預(yù)覽網(wǎng)頁等知識(shí)。

3.本任務(wù)所涉與原有知識(shí)要點(diǎn)

完成本任務(wù)所涉與原有知識(shí)要點(diǎn)有：使用站點(diǎn)管理功能創(chuàng)建站點(diǎn)，在文件面

板中創(chuàng)建和打開首頁文件。

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

1.知識(shí)目標(biāo)

（1）掌握修改網(wǎng)頁標(biāo)題，

⑵掌握輸入網(wǎng)頁文本內(nèi)容的方法。

（3）掌握網(wǎng)頁編輯中三種不同換行方式的區(qū)別。

（4）了解在文檔窗口中輸入連續(xù)空格的幾種方法。

⑸熟悉保存和預(yù)覽網(wǎng)頁的方法。

2.能力目標(biāo)

掌握添加和編輯網(wǎng)頁文本的基本操作，能夠根據(jù)具體需求添加網(wǎng)頁文本內(nèi)容；通過參加

科學(xué)探究活動(dòng)，具有初步添加和編輯網(wǎng)頁文本的能力，并加深對(duì)網(wǎng)頁文本重要性的理解。

3.情感目標(biāo)

通過分組完成任務(wù)，提高自主學(xué)習(xí)和協(xié)作學(xué)習(xí)的能力，培養(yǎng)團(tuán)隊(duì)精神。

三、教學(xué)分析與準(zhǔn)備

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

（1）修改網(wǎng)頁標(biāo)題。

（2）輸入網(wǎng)頁文本內(nèi)容的方法。

⑶在文檔中對(duì)文本分段換行和段內(nèi)換行，輸入連續(xù)空格。

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

（1）網(wǎng)頁編輯中三種不司換行方式的區(qū)別。

⑵在文檔窗口中輸入連續(xù)空格的幾種方法。

3.教學(xué)方法

任務(wù)驅(qū)動(dòng)學(xué)習(xí)和協(xié)作學(xué)習(xí)、探究學(xué)習(xí)相結(jié)合。

4.課時(shí)安排

4課時(shí)。

5.教學(xué)環(huán)境

多媒體網(wǎng)絡(luò)教室。

四、教學(xué)過程（組織課堂、復(fù)習(xí)知識(shí)、教師引領(lǐng)完成任務(wù)占1學(xué)時(shí)；舉一反

三占3學(xué)時(shí)。）

教學(xué)環(huán)節(jié)與手段教學(xué)內(nèi)容備注

組織課堂集中學(xué)生注意力，準(zhǔn)備上課。

復(fù)習(xí)知識(shí)指定學(xué)生上前操作，考察學(xué)生對(duì)新建站點(diǎn)、新通過學(xué)生動(dòng)手

建文件功能的掌握情況。操作，復(fù)習(xí)與本次任

1.新建站點(diǎn)“幽幽我心的個(gè)人網(wǎng)站”。務(wù)有關(guān)的知識(shí)。

2.新建首頁文件并打開。

任務(wù)流程在開始新的課程學(xué)習(xí)之前，先來了解一下，力求通過任務(wù)

導(dǎo)入任務(wù)網(wǎng)頁元素的構(gòu)成，為什么要在首頁中添加文本。導(dǎo)入，吸引學(xué)生學(xué)

通過瀏覽新浪、搜狐等著名網(wǎng)站的網(wǎng)頁，引導(dǎo)習(xí)欲望。

學(xué)生分析網(wǎng)頁的構(gòu)成元素，得出結(jié)論：網(wǎng)頁元素

歸納起來有文本、圖像、表格等，其中最常用的是引導(dǎo)學(xué)生分析

文本。因而，為首頁添加內(nèi)容，最重要的是為首頁歸納。

瀏覽規(guī)定站添加文本。

點(diǎn),教師引導(dǎo),學(xué)打開前面創(chuàng)建的首頁文件，展示給學(xué)生。顯

生討論、分析然，一個(gè)沒有任何內(nèi)容的網(wǎng)頁是亳無意義的，從

而導(dǎo)入要為首頁添加內(nèi)容。

為首頁添加文本，就需要掌握在網(wǎng)頁中編輯

文本的一些操作。明確任務(wù)。

提出任務(wù)：添加首頁文本

分析任務(wù)教師提ill任務(wù)

在第一單元中建立了首頁空白文件，本單要求，由學(xué)生進(jìn)行

元將對(duì)首頁修改標(biāo)題，添加準(zhǔn)備好的內(nèi)容并設(shè)置討論，教師歸納總

其格式。結(jié)。

鼓勵(lì)學(xué)生通過查書、查找?guī)椭业讲⒖偨Y(jié)出添

加網(wǎng)頁內(nèi)容的途徑以與設(shè)置網(wǎng)頁內(nèi)容格式的方法。

完成任務(wù)

1.修改網(wǎng)頁標(biāo)題并預(yù)覽

列舉各站點(diǎn)的首頁標(biāo)題。明確首頁的標(biāo)題是對(duì)

網(wǎng)站主旨的概括，起著畫龍點(diǎn)睛的作用。制作首

頁，首先就是要修改首頁標(biāo)題文本。

回顧打開首頁文件的方法。

在文檔工具欄中，將標(biāo)題修改為“幽幽我心的

個(gè)人網(wǎng)站”。學(xué)生觀察標(biāo)題

提醒學(xué)生注意：文檔窗口左上角網(wǎng)頁名稱處的修改后文檔窗口左

“*”代表文件已經(jīng)被修改過但并沒煤存，保存后上角網(wǎng)頁名稱的變

教師啟發(fā)學(xué)生，使“*”會(huì)消失?；?/p>

學(xué)生借助課本、幫預(yù)覽網(wǎng)頁

助等完成。2.輸入首頁文本內(nèi)容并劃分段落

⑴輸入首頁文本學(xué)生觀察預(yù)覽

將素材文本內(nèi)容復(fù)制粘貼到文檔窗口。通效果。

過比較使學(xué)生明確：

從普通文檔中復(fù)制過來的文本不保留格式內(nèi)

容，只保留段落結(jié)構(gòu)，并且在文本遇到文檔窗口

的邊界時(shí)會(huì)自動(dòng)換行。

⑵換行操作

a.“自我介紹”、“青春寄語”和“立志飛翔”

部分進(jìn)行段落劃分

b,“立志飛翔”部分進(jìn)行強(qiáng)制換行

總結(jié)，三種換行方式的特點(diǎn)與其實(shí)現(xiàn)方法。

結(jié)合進(jìn)行知⑶輸入連續(xù)空格學(xué)生對(duì)照觀察

識(shí)講解演示輸入連續(xù)空格的幾種方式。原文本文件與粘貼

完成“青春寄語”部分首行縮進(jìn)的操作。到文檔窗口后文本

最后，保存網(wǎng)頁。強(qiáng)調(diào)與時(shí)保存頁面是一個(gè)好格式的變化情況。

習(xí)慣，可以避免斷電或系統(tǒng)故障導(dǎo)致的數(shù)據(jù)丟失。

知識(shí)總結(jié)

通過完成本任務(wù)學(xué)習(xí)了修改網(wǎng)頁標(biāo)題，輸入

網(wǎng)頁文本內(nèi)容，分段換行和段內(nèi)換行，輸入連續(xù)

空格，保存和預(yù)覽網(wǎng)頁。

舉一反三

依據(jù)前面學(xué)習(xí)的知識(shí)與掌握的專業(yè)技能，學(xué)

生自己完成類似的任務(wù)，教師作為組織者和引導(dǎo)

者，著重啟發(fā)學(xué)生尋找完成任務(wù)的思路，養(yǎng)成檢

索與應(yīng)用“書籍”、“幫助”、“網(wǎng)絡(luò)”自學(xué)的好習(xí)慣。

任務(wù)目標(biāo)

1.使用瀏覽器瀏覽各種類型的頁面，分析各

個(gè)頁面中文本所起作用，并分析是否可以用其他

網(wǎng)頁元素代替。

啟發(fā)思路

在互連網(wǎng)上有各種類型的網(wǎng)站，如搜索引擎

類網(wǎng)站，商業(yè)類網(wǎng)站，個(gè)人網(wǎng)站等。設(shè)計(jì)各種類型

的頁面都可以從中借鑒。

分組完成任務(wù)

對(duì)學(xué)生進(jìn)行分組，每組選擇一個(gè)主題網(wǎng)站進(jìn)

行分析。

學(xué)生自評(píng)或互評(píng)

要求每組學(xué)生講出自己的分析結(jié)果，并自評(píng)。

教師點(diǎn)評(píng)總結(jié)

結(jié)論：文本在網(wǎng)頁制作中起著關(guān)鍵的作用，

通常不能用其他M貝兀素替代。

任務(wù)目標(biāo)

2.新建一個(gè)網(wǎng)頁將本單元素材“舉

一反三”文件夾中“2T”的文本內(nèi)容拷貝到頁面

中，使用插入空格的方法修改文本，使每一行文教師作為引導(dǎo)

本中的“”字樣達(dá)到對(duì)齊的效果。者和組織者，學(xué)生

啟發(fā)思路分組上機(jī)操作，完

新建網(wǎng)頁“2-1”，可以這樣完成：①借助頭成相應(yīng)任務(wù)并進(jìn)行

腦里的知識(shí)；②借助互聯(lián)網(wǎng)③借助幫助④同學(xué)討評(píng)價(jià)。

論。

分組完成任務(wù)

對(duì)學(xué)生分組，開始完成任務(wù)

學(xué)生自評(píng)互評(píng)

每組同學(xué)演示自己完成的任務(wù)，其他組給以

教師點(diǎn)評(píng)總結(jié)評(píng)價(jià)。

總結(jié)各組同學(xué)完成任務(wù)情況，對(duì)完成好的給

任務(wù)目標(biāo)以表揚(yáng)，沒有完成的引導(dǎo)其找出沒有完成的原因。

3.新建一個(gè)網(wǎng)頁“2-2”，輸入多行文字內(nèi)容

并進(jìn)行分段和強(qiáng)制換行，修改網(wǎng)頁標(biāo)題為“換行效

果預(yù)覽”，保存后預(yù)覽頁面，觀察在瀏覽器中標(biāo)題

在什么位置，瀏覽器窗口大小發(fā)生變化時(shí)，對(duì)三

啟發(fā)思路種換行方式的影響。

三種換行方式指的是自動(dòng)換行、分段和強(qiáng)制換

分組完成任務(wù)行，重點(diǎn)理解它們的區(qū)別。

學(xué)生自評(píng)互評(píng)對(duì)學(xué)生分組，開始完成任務(wù)

教師點(diǎn)評(píng)總結(jié)每組同學(xué)演示自己完成的任務(wù)，其他組給以

評(píng)價(jià)。

布置作業(yè)總結(jié)各組同學(xué)完成任務(wù)情況，對(duì)完成好的給

以表揚(yáng)，沒有完成的引導(dǎo)其找出沒有完成的原因。

“以根據(jù)每組任務(wù)完成情況結(jié)合自評(píng)與互評(píng)情況

給出每組的成績(jī)。

思考下列問題：

1.如何預(yù)覽和保存網(wǎng)頁？

2.如何對(duì)文檔窗11中的文本進(jìn)行段落的劃分

和強(qiáng)制換行操作？

3.如何實(shí)現(xiàn)插入欄兩種、顯示方式的轉(zhuǎn)換？

3.如何實(shí)現(xiàn)插入欄兩種顯示方式的轉(zhuǎn)換？

3.如何實(shí)現(xiàn)插入欄兩種顯不方式的轉(zhuǎn)換？

任務(wù)二編輯文本樣式

一、提出任務(wù)

1.任務(wù)目標(biāo)

完成首頁文本樣式設(shè)置，添加水平分隔線與列表。

2.解決的問題

本任務(wù)通過設(shè)置首頁文本樣式，學(xué)習(xí)文本樣式設(shè)置與應(yīng)用，修改文本樣式，添加水平分隔線

與列表知識(shí)。

3.本任務(wù)所涉與原有知識(shí)要點(diǎn)

完成本任務(wù)所涉與原有知識(shí)要點(diǎn)有：輸入文本內(nèi)容的方法，段內(nèi)換行與劃分

段落方法，輸入連續(xù)空格的方法。

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

1.知識(shí)目標(biāo)

⑴掌握文本樣式設(shè)置與應(yīng)用。

⑵掌握修改文本樣式，

⑶掌握重命名文本樣式。

（4）掌握添加水平分隔線與列表。

2.能力目標(biāo)

能夠根據(jù)具體需求進(jìn)行文本各種屬性與樣式的編輯與設(shè)置，并提高學(xué)生自主學(xué)習(xí)、協(xié)作

學(xué)習(xí)和知識(shí)遷移的能力。

3.情感目標(biāo)

通過教師引導(dǎo)學(xué)生主動(dòng)參與學(xué)習(xí)，使學(xué)生學(xué)會(huì)使用探求性學(xué)習(xí)方法獲取新知

識(shí)，激發(fā)學(xué)習(xí)本課程的興趣，增強(qiáng)學(xué)好本課程的信心。

三、教學(xué)分析與準(zhǔn)備

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

（1）文木樣式的設(shè)置、應(yīng)用與修改。

⑵添加水平分隔線與列表。

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

文本樣式的設(shè)置、應(yīng)用與修改。

3.教學(xué)方法

任務(wù)驅(qū)動(dòng)學(xué)習(xí)、協(xié)作學(xué)習(xí)和探究學(xué)習(xí)相結(jié)合

4.課時(shí)安排

4課時(shí)。

5.教學(xué)環(huán)境

多媒體網(wǎng)絡(luò)教室

四、教學(xué)過程（組織課堂、復(fù)習(xí)知識(shí)、教師引領(lǐng)完成任務(wù)占2學(xué)時(shí)；舉一反三占2學(xué)

時(shí)。）

教學(xué)環(huán)節(jié)與手段教學(xué)內(nèi)容備注

組織課堂集中學(xué)生注意力，準(zhǔn)備上課。

復(fù)習(xí)知識(shí)指定學(xué)生上前操作，考察對(duì)添加文本內(nèi)容與

劃分行與段落的掌握情況。通過指定學(xué)生

在指定站點(diǎn)內(nèi)新建一個(gè)網(wǎng)頁，將事先輸入的上前演示，復(fù)習(xí)與

兩首詩（沒做任何格式設(shè)置）復(fù)制過來，要求學(xué)本任務(wù)々關(guān)的知

生通過插入空格、分行與分段操作，使頁面外觀識(shí)。

美觀，最后，預(yù)覽網(wǎng)頁。

任務(wù)流程在開始新的課程學(xué)習(xí)之前，先來了解一下，

導(dǎo)入任務(wù)為什么要為網(wǎng)頁設(shè)置文本樣式與設(shè)置哪些文本樣力求通過任務(wù)

式。導(dǎo)入，吸引學(xué)生學(xué)

通過瀏覽網(wǎng)站，引導(dǎo)學(xué)生明白文本字體、字習(xí)興趣。

號(hào)、顏色、加粗、傾斜與對(duì)齊方式等文本樣

式的設(shè)置是必需的，則，如何完成文本樣式引入課題C

的設(shè)置與編輯呢？

提出任務(wù)：完成首頁文本樣式設(shè)置，為首頁

分析任務(wù)添加水平分隔線與列表。

演示本任務(wù)完成再以直接通過屬性面板設(shè)置指定文本的樣

效果，教師分式，也可以其他文本位置應(yīng)用該樣式，但樣式的

析。修改需要在樣式面板中進(jìn)行。

可以通過制作列表，添加水平線來編輯網(wǎng)頁

的外觀。

完成任務(wù)教師講解為

1.文本樣式設(shè)置與應(yīng)用主。

(1)為網(wǎng)頁中第一行文字“幽幽我心的個(gè)人大多數(shù)學(xué)生都

網(wǎng)站”設(shè)置文本樣式有編輯格式的經(jīng)

回憶文本格式設(shè)置的設(shè)置步驟：首先選中相驗(yàn)，引導(dǎo)學(xué)生將格

應(yīng)文本；接著通過格式工具欄進(jìn)行設(shè)置。式設(shè)置中的經(jīng)驗(yàn)遷

網(wǎng)頁制作也類似，首先要選中相應(yīng)文本，接移過來，加深學(xué)習(xí)

若通過文本屬性面板完成設(shè)置。的印象V

演示設(shè)置過程，強(qiáng)調(diào)：文本屬性設(shè)置一氣呵

成的重要性以與反復(fù)選中修改屬性的弊端。

笥介文本屬性面板各部分與其功能，講解為

“字體”列表項(xiàng)添加字體的方法。

為網(wǎng)頁中第二段標(biāo)題文字“自我介紹”設(shè)置

文本樣式。

⑵為標(biāo)題文字“青春寄語”、“立志飛翔”，應(yīng)

汨樣式(為“自我介紹”設(shè)置的樣式)

2.樣式重命名

引導(dǎo)學(xué)生觀察并總結(jié)出樣式默認(rèn)命名形式

為。一個(gè)網(wǎng)頁中可能會(huì)定義許多樣式，而這些樣

式不一定全是文本類型的，為了方便使用樣式,

最好對(duì)樣式進(jìn)行重命名，使名稱能表示樣式含

義。

演示為“幽幽我心的個(gè)人網(wǎng)站”中的文本樣

式重命名的方法，并按照課本P37頁表格要求,

設(shè)置“青春寄語”與“立志飛翔”中的文本樣式

并重命名。

3.修改文本樣式

提出如何修改文本樣式讓學(xué)生志考，學(xué)生們

可能有說通過屬性面板修改樣式的，教師可以演

示通過屬性面板不能修改樣式。

演示修改2樣式：

單擊“樣式”列表旁的按鈕，汀開“樣式”

面板，對(duì)樣式“2”進(jìn)行編輯，在面板當(dāng)中修改顏

色值為“6600”。讓學(xué)生觀察應(yīng)用了“2”樣式的

文本顏色是否會(huì)發(fā)生相應(yīng)的變化。

4.插入列表與水平線

選中“自我介紹”部分的文本內(nèi)容，選擇“屬

性”面板中的“項(xiàng)目列表”，為選中文本插入項(xiàng)

目列表。

將光標(biāo)插入到“青春寄語”標(biāo)題之前，將“插

入”欄切換到“”類別，選擇其中的“水平線”

知識(shí)總結(jié)按鈕：在“自我介紹”內(nèi)容和“青春寄語”內(nèi)容

之間插入一條水平線，起到分隔的作用。

教師啟發(fā)思

通過完成本任務(wù)學(xué)習(xí)了文本樣式設(shè)置與應(yīng)路，學(xué)生自己動(dòng)手

舉一反三用，修改文本樣式，添加水平分隔線與列表知完成。

識(shí)，設(shè)置文本樣式時(shí)最好一氣呵成,

依據(jù)前面學(xué)習(xí)的知識(shí)與掌握的專業(yè)技能，引導(dǎo)學(xué)

生完成類似的任務(wù)，教師作為組織者和引導(dǎo)者，

任務(wù)目標(biāo)著重啟發(fā)學(xué)生尋找完成任務(wù)的思路，養(yǎng)成利用

“書籍”、“幫助”、“網(wǎng)絡(luò)”等自學(xué)的好習(xí)慣。

將本單元素材“舉一反三”文件夾中的網(wǎng)頁

啟發(fā)思路“2-3”拷貝到D:\目錄下，給頁面中的每一段文

字設(shè)置一種不同的文本樣式。

要設(shè)置各部分文字樣式首先做什么，接下來通過提醒學(xué)生使用

分組完成任務(wù)什么面板進(jìn)行設(shè)置；要做到標(biāo)題醒目，各段樣式幫助功能找到答

不同但風(fēng)格要一致。案。

學(xué)生自評(píng)或互評(píng)杷不同層次的學(xué)生分在一組中，鼓勵(lì)同學(xué)積

極討論完成任務(wù)。

教師點(diǎn)評(píng)總結(jié)組織不同組的同學(xué)互相評(píng)論對(duì)方完成任務(wù)的

優(yōu)缺點(diǎn)。

教師對(duì)每組同學(xué)完成任務(wù)情況進(jìn)行總結(jié)，對(duì)

完成任務(wù)的表揚(yáng)，對(duì)沒有完成任務(wù)的鼓勵(lì)，并幫

力置作業(yè)助他們分析沒有完成的原因?？梢愿鶕?jù)每組任務(wù)

完成情況結(jié)合自評(píng)與互評(píng)情況給出每組的成績(jī)。

1.新建一個(gè)網(wǎng)頁“2-4”，插入5條水平線，

使用屬性面板進(jìn)行不同的寬、高、對(duì)齊與陰影屬

性設(shè)置，預(yù)覽頁面并比較不同屬性的設(shè)置效果。

2.新建“班級(jí)榮譽(yù)”頁面,文件名為“2-5”,

列舉班級(jí)成員所獲獎(jiǎng)勵(lì)，設(shè)置為編號(hào)列表，修改

文本樣式，用不同的文本大小、顏色區(qū)分獎(jiǎng)勵(lì)的

等級(jí)，保存并預(yù)覽頁而C嘗試先設(shè)文本樣式后設(shè)

編號(hào)列表有何區(qū)別。（要求各組課卜搜集班級(jí)成員

獲獎(jiǎng)情況，并制定一個(gè)設(shè)置方案）

2.新建“班級(jí)榮譽(yù)”頁面，文件名為“2-5”，

列舉班級(jí)成員所獲獎(jiǎng)勵(lì)，設(shè)置為編號(hào)列表，修改

文本樣式，用不同的文本大小、顏色區(qū)分獎(jiǎng)勵(lì)的

等級(jí)，保存并預(yù)覽頁面。嘗試先設(shè)文本樣式后設(shè)

編號(hào)列表有何區(qū)別。（要求各組課下搜集班級(jí)成員

獲獎(jiǎng)情況，并制定一個(gè)設(shè)置方案）

任務(wù)三添加圖像

一、提出任務(wù)

1.任務(wù)目標(biāo)

為首頁添加圖像內(nèi)容。

2.解決的問題

本任務(wù)通過為首頁添加圖像內(nèi)容，學(xué)習(xí)在網(wǎng)頁中插入圖像和編輯圖像的方法。

3.本任務(wù)所涉與原有知識(shí)要點(diǎn)

完成本任務(wù)所涉與原有知識(shí)要點(diǎn)有：在網(wǎng)頁中輸入文本內(nèi)容。

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

1.知識(shí)目標(biāo)

（1）掌握使用插入欄插入圖像。

⑵掌握使用菜單欄插入圖像。

（3）掌握使用組合鍵插入圖像。

⑷掌握使用文件面板插入圖像。

⑸掌握編輯圖像的方法。

2.能力目標(biāo)

能夠根據(jù)具體情況在指定位置靈活高效地插入圖像并進(jìn)行必要的編輯。

3.情感目標(biāo)

通過教師引導(dǎo)學(xué)生主動(dòng)參與學(xué)習(xí)，使學(xué)生學(xué)會(huì)使用探求性學(xué)習(xí)方法獲取新知

識(shí)，激發(fā)學(xué)習(xí)本課程的興趣，增強(qiáng)學(xué)好本課程的信心。

三、教學(xué)分析與準(zhǔn)備

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

⑴插入圖像的各種方法。

⑵圖像的編皆操作。

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

圖像編輯的方法。

3.教學(xué)方法

任務(wù)驅(qū)動(dòng)學(xué)習(xí)、協(xié)作學(xué)習(xí)和探究學(xué)習(xí)相結(jié)合。

4.課時(shí)安排

4課時(shí)。

5.教學(xué)環(huán)境

多媒體網(wǎng)絡(luò)教室

四、教學(xué)過程（組織課堂、復(fù)習(xí)知識(shí)、教師引領(lǐng)完成任務(wù)占2學(xué)時(shí)；舉一反三占2學(xué)

時(shí)。）

教學(xué)環(huán)節(jié)與手段教學(xué)內(nèi)容備注

組織課堂集中學(xué)生注意力，準(zhǔn)備上課。

復(fù)習(xí)知識(shí)通過提問考察學(xué)生對(duì)設(shè)置文本樣式與插入水

平線的掌握情況。

1.如何設(shè)置文本樣式？兔習(xí)時(shí)教師按

2.如何重命名文本樣式以與在樣式面板中修照學(xué)生回答演示操

改文本樣式？作，指出其中的問

3.如何插入水平線？題。

通過聯(lián)想學(xué)校宣傳欄、報(bào)紙、兒童書籍以與課

任務(wù)流程本等內(nèi)容，總結(jié)出其中都有圖像；引導(dǎo)學(xué)生懂得通

導(dǎo)入任務(wù)過插入圖像可以使內(nèi)容生動(dòng)直觀，具體形象。進(jìn)一

步打開兩個(gè)網(wǎng)頁，一個(gè)是全文本的，一個(gè)是圖文

并茂的，讓學(xué)生通過比較這兩個(gè)網(wǎng)頁明確哪一個(gè)力求通過任務(wù)

更適用并說明原因，引出要使首頁內(nèi)容生動(dòng)形象，導(dǎo)入，吸引學(xué)生學(xué)

圖像的添加和編輯就必不可少了。習(xí)欲望。

提出任務(wù)：為首頁添加圖像內(nèi)容。

圖像是網(wǎng)頁中經(jīng)常使用的元素，圖像的插入

分析任務(wù)方法比較簡(jiǎn)單，但需要區(qū)分圖像的格式，并不是引入課題。

所有的圖像都能在網(wǎng)頁中正常顯示。插入圖像后需

要熟悉其屬性面板的設(shè)置。

1.網(wǎng)頁中圖像文件的格式與其特點(diǎn)

完成任務(wù)教師提出下列問題讓學(xué)生分組查找答案：

通常在網(wǎng)頁中使用什么格式的圖像文件，它

們的特點(diǎn)是什么？教師提出問題，并

在問學(xué)回答上述問題基礎(chǔ)上，教師總結(jié)并講提示可以通過網(wǎng)絡(luò)

解在M頁中通常使用和格式圖像文件搜索與查幫助找到

與其這三種格式圖像文件的特點(diǎn)。答案。

2.準(zhǔn)備素材：將本單元素材文件夾中的“”

結(jié)合文件夾下的全部圖像素材復(fù)制到D:\\文件夾下。

3.使用文件面板插入圖像知識(shí)講解。

拖曳文件面板中的“”到“自我介紹”標(biāo)題

進(jìn)行講解前，插入圖像選中所插入的圖像，在屬性面

板中設(shè)置對(duì)齊方式為“右對(duì)齊

預(yù)覽貝向效果。

通過復(fù)習(xí)中插入圖像的方法，總結(jié)出另外三種插

入圖像的方法。

A.使用菜單欄插入圖像

定位插入點(diǎn)到“立志飛翔”文字前，選擇菜單

欄“插入”菜單中的“圖像”選項(xiàng)，插入圖像師生一起回顧，

文件并設(shè)置對(duì)齊方式為“左對(duì)齊”。探索發(fā)現(xiàn)插入圖像

B.使用插入欄常用類別中的按鈕插入圖像的三種方法。

定位插入點(diǎn)到“立志飛翔”的第三段文字前，

選擇“插入”欄“常用”類別中的按鈕，插入

圖像文件并設(shè)置對(duì)齊方式為“右對(duì)齊”。根據(jù)中插入圖

C.使用組合鍵插入圖像像的經(jīng)驗(yàn)讓學(xué)生嘗

定位插入點(diǎn)到“立志飛翔”的第五段文字前，試進(jìn)行，嘗試失敗

使用組合鍵，插入圖像文件并設(shè)置對(duì)齊方式為的可以查找“幫助”

“左末齊或通過網(wǎng)絡(luò)獲得答

4.介紹圖像屬性面板案。

完成圖像的編輯。

知識(shí)總結(jié)概括本課插入圖像的四種方式。

1.將本單元素材文件夾中的“1”插入到一個(gè)

舉一反三新建頁面“2-7”中,裁剪后寬度為200像素，高度

任務(wù)目標(biāo)為100像素，并設(shè)置邊框?qū)挾葹?,完成后預(yù)覽頁

面。

插入后選中該圖像并通過屬性面板完成。

啟發(fā)思路把不同層次的學(xué)生分在一組中，鼓勵(lì)同學(xué)積

極研究探索完成任務(wù)。

分組完成任務(wù)教師啟發(fā)思路，

組織不同組的同學(xué)互相評(píng)論對(duì)方完成任務(wù)的學(xué)生自己動(dòng)手完成。

優(yōu)缺點(diǎn)。

學(xué)生自評(píng)或互評(píng)

教師對(duì)每組同學(xué)完成任務(wù)情況進(jìn)行總結(jié)，對(duì)

完成任務(wù)的表揚(yáng)，對(duì)沒有完成任務(wù)的鼓勵(lì)，并幫

教師點(diǎn)評(píng)總結(jié)助他們分析沒有完成的原因。

2.新建網(wǎng)頁“2-8”，插入本單元素材文件夾

中的“2”，嘗試使用8的圖像編輯功能修改圖像

的亮度并進(jìn)行銳化設(shè)置。

任務(wù)目標(biāo)

插入后選中該圖像并通過屬性面板完成。

啟發(fā)思路把不同層次的學(xué)生分在一組中，鼓勵(lì)同學(xué)積

極討論完成任務(wù)的方法

分組完成任務(wù)組織不同組的同學(xué)互相評(píng)論對(duì)方完成任務(wù)的

優(yōu)缺點(diǎn)。

學(xué)生自評(píng)或互評(píng)

教師對(duì)每組同學(xué)完成任務(wù)情況進(jìn)行總結(jié)，對(duì)

教師點(diǎn)評(píng)總結(jié)完成任務(wù)的表揚(yáng)，對(duì)沒有完成任務(wù)的鼓勵(lì)，并幫

助他們分析沒有完成的原因?？梢愿鶕?jù)每組任務(wù)完

布置作業(yè)成情況結(jié)合自評(píng)與互評(píng)情況給出每組的成績(jī)。

1.通過網(wǎng)絡(luò)下載3張圖片，文件類型分別為

使用不同的方法插入到一個(gè)新建頁

面“2-6”中。

1.通過網(wǎng)絡(luò)下載3張圖片，文件類型分別為

使用不同的方法插入到一個(gè)新建頁

面“2-6”中。

1.通過網(wǎng)絡(luò)下載3張圖片，文件類型分別為

使用不同的方法插入到一個(gè)新建頁

面“2-6”中。

任務(wù)四創(chuàng)建與應(yīng)用美化網(wǎng)頁

一、提出任務(wù)

1.任務(wù)目標(biāo)

使用美化網(wǎng)頁。

2.解決的問題

本任務(wù)通過為對(duì)首頁進(jìn)行美化，學(xué)習(xí)應(yīng)用樣式。

3.本任務(wù)所涉與原有知識(shí)要點(diǎn)

完成本任務(wù)所涉與原有知識(shí)要點(diǎn)有：在網(wǎng)頁中輸入文本內(nèi)容、插入圖像與水

平線。

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

1.知識(shí)目標(biāo)

（D了解樣式的作用與特點(diǎn)。

⑵掌握使用設(shè)置文本樣式。

⑶掌握使用設(shè)置背景樣式。

⑷掌握使用設(shè)置列表樣式。

⑸掌握使用設(shè)置水平線樣式。

2.能力目標(biāo)

能夠使用樣式面板進(jìn)行樣式的設(shè)置，區(qū)分使用“類”樣式與“標(biāo)簽”樣式。通過幫助或

搜索引擎等杳詢學(xué)習(xí)過程中出現(xiàn)的的概念和定義，掌握獲得相關(guān)信息的方法。

3.情感目標(biāo)

正確看待自己，合理評(píng)價(jià)他人。

三、教學(xué)分析與準(zhǔn)備

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

⑴樣式的設(shè)置。

（2）“類”樣式與“標(biāo)簽”樣式的區(qū)別。

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

“類”樣式與“標(biāo)簽”樣式的區(qū)別。

3.教學(xué)方法

提出任務(wù)并帶領(lǐng)學(xué)生進(jìn)行分析，通過分析形成解決同題的思路，通過提醒化解解決問題

過程中遇到的問題，通過舉一反三拓展對(duì)知識(shí)點(diǎn)的認(rèn)識(shí)與理解。

4.課時(shí)安排

4課時(shí)。

5.教學(xué)環(huán)境

多媒體網(wǎng)絡(luò)教室。

四、教學(xué)過程（組織課堂、復(fù)習(xí)知識(shí)、教師引領(lǐng)完成任務(wù)占2學(xué)時(shí)；舉一反三占2學(xué)

時(shí)。）

教學(xué)環(huán)節(jié)與手段教學(xué)內(nèi)容備注

組織課堂集中學(xué)生注意力，準(zhǔn)備上課。

復(fù)習(xí)知識(shí)通過提問復(fù)習(xí)上節(jié)課所學(xué)內(nèi)容，并了解學(xué)生復(fù)習(xí)時(shí)教師按

對(duì)上個(gè)課知識(shí)點(diǎn)的掌握情況。照學(xué)生回答演示操

1.網(wǎng)頁中文本樣式是如何設(shè)置的？作，指出其中的問

2.其他網(wǎng)頁元素的樣式是如何設(shè)置的？是否題。

也可以使用‘'屬性"面板來完成？

任務(wù)流程在之前的任務(wù)中使用屬性面板來設(shè)置并應(yīng)用

導(dǎo)入任務(wù)文本樣式，可以簡(jiǎn)化文本屬性的設(shè)置過程。其特點(diǎn)力求通過任務(wù)

主要表現(xiàn)為：樣式可以一次設(shè)置多次應(yīng)用，可以導(dǎo)入，吸引學(xué)生學(xué)

同步修改已應(yīng)用的樣式。即豐富了文本的外觀、美習(xí)欲望。

化了頁面同時(shí)也使文本屬性的修改變得簡(jiǎn)單快捷。

思考：是否可以用同樣方法設(shè)置其它網(wǎng)頁元

素的樣式？學(xué)生分組討論

提出任務(wù)：使用美化網(wǎng)頁。并嘗試操作。

分析任務(wù)使用屬性面板設(shè)置文本樣式是應(yīng)用的一種特

例，其他網(wǎng)頁元素可以使用屬性面板應(yīng)用已定義

好的樣式，但不能通過屬性面板完成樣式的定義，

本任務(wù)將學(xué)習(xí)樣式定義的一般方法。

完成任務(wù)1.創(chuàng)建與應(yīng)用文本樣式。

使用面板創(chuàng)建文本樣式“3”，并將新樣式應(yīng)學(xué)生分組討論

用到“青春寄語”部分的標(biāo)題文本上。討論這種方實(shí)現(xiàn)方法，并比較

法與之前學(xué)習(xí)的設(shè)置方法右什么不同。與之前所使用方法

知識(shí)講解：的不同。

（1）樣式的三種類型

在使用“樣式”面板定義新的樣式的時(shí)候，在

彈出的對(duì)話框中要進(jìn)行樣式類型的選擇，其中包

含了“類”、“標(biāo)簽”和“高級(jí)”三種類型，三種類

型分別具有如下特點(diǎn)。

“類”樣式：“類”樣式是最為靈活的一種類

型的樣式，它可以任意定義名稱并且應(yīng)用到網(wǎng)頁

中的各種對(duì)象上。但是這種類型的樣式在定義之后

需要選擇對(duì)象并應(yīng)用后才會(huì)生效。

“標(biāo)簽”樣式：“標(biāo)簽”樣式的定義是建立在

語言基礎(chǔ)上的，可以針對(duì)網(wǎng)頁中的各種標(biāo)簽進(jìn)行

定義，所以用這種類型的樣式定義的名稱僅限于

固定的標(biāo)簽名稱，并且在樣式定義后，直接被應(yīng)

用到頁面中相應(yīng)的標(biāo)簽對(duì)象中。

“高級(jí)”樣式：這種樣式僅用于定義超級(jí)鏈接

的4種狀態(tài)，所以可定義的樣式名稱也只有相應(yīng)

的4種，分別是：“"用于定義超級(jí)鏈接初始狀態(tài)；

用于定義已經(jīng)訪問過的超級(jí)鏈接狀態(tài)；””用

于定義鼠標(biāo)經(jīng)過超級(jí)鏈接對(duì)象時(shí)的狀態(tài)；用于

定義超級(jí)鏈接的活動(dòng)狀態(tài)。

⑵樣式可定義參數(shù)。

“類型”選項(xiàng)：用于定義常規(guī)的文本屬性，包

括“字體”、“大小”、“顏色”等選項(xiàng)。

“背景”選項(xiàng)：用于定義背景屬性，可設(shè)置“背

景顏色”、“背景圖像"、背景圖像的“水平位置”

等選項(xiàng)。

“區(qū)塊”選項(xiàng)：用于定義文本的間距與對(duì)齊方

式等屬性。

“方框”選項(xiàng)：用于定義表格、框架等對(duì)象的

屬性。

“邊框”選項(xiàng)：用于定義各種對(duì)象的邊框?qū)傩裕?/p>

表格、框架、水平線的邊框樣式都可乂使用這一選

項(xiàng)進(jìn)行定義。

“列表”選項(xiàng)：用于定義文本列表的屬性.

“定位”選項(xiàng)：用于定義層對(duì)象的屬性。

“擴(kuò)展”選項(xiàng)：用于定義光標(biāo)、圖像等內(nèi)容的

視覺效果的擴(kuò)展屬性。

2.創(chuàng)建與應(yīng)用頁面背景樣式。

文本樣式的設(shè)置使用的是三種樣式中的第一

種類型，即“類”樣式。其特點(diǎn)為：樣式的定義與

應(yīng)用過程是分離的，所有定義好的“類”樣式都需

要選擇相應(yīng)對(duì)象進(jìn)行應(yīng)用。

觀察以下操作，比較“標(biāo)簽”樣式與“類”樣

式的區(qū)別。

單擊“樣式”面板上的“新建規(guī)則”按鈕，彈

出“新建規(guī)則”對(duì)話框，在當(dāng)前文檔中新建一個(gè)命

名為的“標(biāo)簽”樣式。

完成相應(yīng)設(shè)置并瀏覽網(wǎng)頁。

思考并討論：“類”樣式與“標(biāo)簽”樣式的區(qū)

別。

3.完成其他樣式的設(shè)置

（1）定義“標(biāo)簽”樣式

（2）定義“類”樣式并應(yīng)用到頁面中的水

平線上。

思考：作為“類”樣式的“"是否只能應(yīng)用于

水平線？如果將一張圖片應(yīng)用了該樣式，會(huì)有什

么結(jié)果，為什么？

知識(shí)總結(jié)

通過本任務(wù)學(xué)習(xí)了樣式設(shè)置方法與“類”樣式

與“標(biāo)簽”樣式的區(qū)別。