學(xué)期授課進(jìn)度計(jì)劃表

周次授課內(nèi)容課時(shí)備注

1.2周新生軍訓(xùn)

31.1網(wǎng)站基礎(chǔ)知識(shí)2

1.2網(wǎng)站建設(shè)概述2

實(shí)訓(xùn)I新建一個(gè)網(wǎng)貞2上機(jī)

42.1添加和編輯義本2

實(shí)訓(xùn)1網(wǎng)站素材處理2上機(jī)

實(shí)訓(xùn)制作簡(jiǎn)單網(wǎng)固2上機(jī)

5

6

7國(guó)慶放假6機(jī)動(dòng)補(bǔ)周一課

82.2添加和編輯圖像6

2.3創(chuàng)建超級(jí)鏈接2

實(shí)訓(xùn)1圖像處理和創(chuàng)建超級(jí)鏈接2上機(jī)

9實(shí)訓(xùn)1跳轉(zhuǎn)菜單2上機(jī)

2.4使用表格布局頁(yè)面2

實(shí)訓(xùn)I表格布局實(shí)例分析2上機(jī)

102.5使用框架布局貞面2

運(yùn)動(dòng)會(huì)充周三到周五

運(yùn)動(dòng)會(huì)

11實(shí)訓(xùn)I框架布局實(shí)例分析2上機(jī)

3.3添加動(dòng)畫2

添加音頻和視頻2

12實(shí)訓(xùn)DIV與表格的轉(zhuǎn)換2上機(jī)

4.3晃動(dòng)的圖片2

實(shí)訓(xùn)I交換圖像2上機(jī)

13實(shí)訓(xùn)I拼圖游戲2上機(jī)

4.4修改屬性特效及動(dòng)態(tài)菜單制作2

實(shí)訓(xùn)I效果行為應(yīng)用2上機(jī)

14實(shí)訓(xùn)圖片展播實(shí)例2上機(jī)

5.1認(rèn)識(shí)和編輯CSS2

實(shí)訓(xùn)I美化頁(yè)面2上機(jī)

15實(shí)訓(xùn)I應(yīng)用CSS到網(wǎng)貞中2上機(jī)

5.2類型、背景和區(qū)塊樣式2

實(shí)訓(xùn)I方框、邊框和導(dǎo)航欄2上機(jī)

16實(shí)訓(xùn)I超鏈接樣式及設(shè)置技巧2上機(jī)

學(xué)期授課進(jìn)度計(jì)劃表

6.1DIV布局貞面2

6.2認(rèn)識(shí)Spry2

17實(shí)訓(xùn)I調(diào)整樣式2上機(jī)

6.3選擇服務(wù)器和使用虛擬機(jī)2

6.4申請(qǐng)域名2

18實(shí)訓(xùn)I網(wǎng)站發(fā)布2上機(jī)

7.1個(gè)人主頁(yè)制作2

7.2策劃構(gòu)思及設(shè)計(jì)流程2

19實(shí)訓(xùn)I貞面布局2上機(jī)

7.3制作頁(yè)面頭部2

7.4制作中間表格內(nèi)容2

20元旦放假2機(jī)動(dòng)

2充周一課

2

212

2

2

22復(fù)習(xí)考試6

教研組

意見

課題1.1網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)教學(xué)課時(shí)2課時(shí)

知識(shí)目標(biāo)能了解網(wǎng)頁(yè)制作軟件的特點(diǎn)

教學(xué)目標(biāo)能力目標(biāo)能掌握網(wǎng)頁(yè)制作的基木概念

提高學(xué)生團(tuán)結(jié)合作精神，提高學(xué)生競(jìng)爭(zhēng)意識(shí)

情感目標(biāo)

教學(xué)重點(diǎn)網(wǎng)頁(yè)的組成

網(wǎng)頁(yè)的分類，網(wǎng)址與域名的區(qū)分

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

1.教學(xué)場(chǎng)所：多媒體教室

2.教學(xué)設(shè)備：安裝有Dreamweavercs5軟件的計(jì)算機(jī)

教學(xué)資源

3.教學(xué)資料：輔助課件.多媒體教學(xué)軟件

3.教學(xué)資料：輔助課件.多媒體教學(xué)軟件

教法講解法、任務(wù)驅(qū)動(dòng)教學(xué)法學(xué)法小組討論法

教學(xué)過程課前準(zhǔn)備導(dǎo)入新課講授新課動(dòng)手實(shí)踐課堂小結(jié)作業(yè)布置

時(shí)間分配510501555

教學(xué)過程

過程安排教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

1.教師自我介紹；1.自我介紹1.班長(zhǎng)統(tǒng)計(jì)座使師生盡快互

2.點(diǎn)名；2.按照花名冊(cè)點(diǎn)次表相認(rèn)識(shí)，并促

3.課程介紹名2.學(xué)生自我介使學(xué)生答題了

4.課堂要求3.課程介紹紹解我們的課

課前準(zhǔn)備

4、課堂要求4.統(tǒng)計(jì)學(xué)情3.反應(yīng)學(xué)情程.

5.提出期望與要4.推薦課代

求表。

本次課是本學(xué)期第一次上課，簡(jiǎn)單以提問的方式了學(xué)生之間相互提問跟就業(yè)和

介紹本課程：解學(xué)生對(duì)網(wǎng)頁(yè)設(shè)討論，加深對(duì)薪資有關(guān)的問

導(dǎo)入新課1.網(wǎng)頁(yè)設(shè)計(jì)相關(guān)級(jí)別及其薪資待遇計(jì)的認(rèn)知網(wǎng)頁(yè)設(shè)計(jì)的認(rèn)題，抓住學(xué)生

2.網(wǎng)頁(yè)設(shè)計(jì)的就業(yè)方向及其公司類識(shí)注意力。

型

2、網(wǎng)頁(yè)設(shè)計(jì)的就業(yè)方向及其公司類

型

一、網(wǎng)頁(yè)設(shè)計(jì)介紹簡(jiǎn)單介紹網(wǎng)頁(yè)知吸收新知識(shí)并講述基礎(chǔ)知

識(shí)思考生活中常識(shí)，為后面學(xué)

1.網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信見網(wǎng)頁(yè)設(shè)計(jì)知習(xí)打下基礎(chǔ)

息（包拈產(chǎn)品和服務(wù)）的一種方式，識(shí)

是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和

信息平臺(tái)，離開網(wǎng)站去談電子商務(wù)

是不可能的。

2、企業(yè)的網(wǎng)站被稱為“網(wǎng)絡(luò)商標(biāo)”，

也是企業(yè)無形奏產(chǎn)的組成部分，而

網(wǎng)站是Internet上宣傳和反映企業(yè)

形象和文化的重要窗口。

二、網(wǎng)頁(yè)設(shè)計(jì)的要點(diǎn)提問：網(wǎng)頁(yè)設(shè)計(jì)分組討論，并加強(qiáng)學(xué)生之間

要點(diǎn)并將學(xué)生分派出代表來總交流溝通能

1.明確建站目標(biāo)和需求。組進(jìn)行討論結(jié)力，加深學(xué)生

任務(wù)一2.網(wǎng)站主題鮮明。對(duì)網(wǎng)頁(yè)設(shè)計(jì)要

講授新課點(diǎn)理解

3.網(wǎng)站版式設(shè)計(jì)。

4.色彩在網(wǎng)站設(shè)計(jì)中的作用。

5.網(wǎng)站設(shè)計(jì)形式與內(nèi)容統(tǒng)一。

三、網(wǎng)站設(shè)計(jì)級(jí)別講述網(wǎng)站設(shè)計(jì)級(jí)引導(dǎo)學(xué)生了解

別，引導(dǎo)學(xué)生對(duì)思考自己的定這個(gè)行業(yè)

1.新手入行這個(gè)行業(yè)向往，位

2.跳槽階段并鼓勵(lì)學(xué)生向大

師階段努力

3.穩(wěn)定階段

4.大師階段

四、網(wǎng)頁(yè)設(shè)計(jì)公司類型簡(jiǎn)單介紹學(xué)生將引導(dǎo)學(xué)生了解

1.門戶游戲類來從事本行業(yè)的了解本行業(yè)的本行業(yè)從事范

范圍現(xiàn)狀圍

2.企業(yè)部門類

3.網(wǎng)站建設(shè)類

4.互動(dòng)設(shè)計(jì)類

五、網(wǎng)頁(yè)三劍客

介紹網(wǎng)頁(yè)制作需提前引導(dǎo)學(xué)生

Dreamv/eaver:要的軟件認(rèn)識(shí)軟件基本認(rèn)識(shí)

可視化頁(yè)面設(shè)計(jì)、網(wǎng)站管理組成dreamweaver

cs5為后面軟

1、Fireworks件學(xué)習(xí)打下基

頁(yè)面圖象設(shè)計(jì)工具礎(chǔ)

2、Flash

動(dòng)畫制作

六、網(wǎng)頁(yè)基礎(chǔ)知識(shí)給學(xué)生灌輸網(wǎng)頁(yè)這些知識(shí)都是

1.網(wǎng)頁(yè)與網(wǎng)站的區(qū)別設(shè)計(jì)的基本知識(shí)做筆記，識(shí)記學(xué)網(wǎng)頁(yè)設(shè)計(jì)最

教師講述的知基本的基礎(chǔ)知

(1)網(wǎng)頁(yè)是WWW系統(tǒng)中信息的基本識(shí)識(shí)，學(xué)生基礎(chǔ)

單位，簡(jiǎn)單來說，就是后綴名為做筆記，識(shí)記教知識(shí)薄弱，必

師講述的知識(shí)須了解這些才

htm的文件c能學(xué)習(xí)后面的

(2)網(wǎng)站是指存放在網(wǎng)絡(luò)服務(wù)器上內(nèi)容

這些知識(shí)都是

的完整信息的集合體。學(xué)網(wǎng)頁(yè)設(shè)計(jì)最

2.網(wǎng)頁(yè)的組成基本的基礎(chǔ)知

識(shí)，學(xué)生基礎(chǔ)

(1)文字：最直接、通用、容易的知識(shí)薄弱，必

溝通方式須了解這些才

能學(xué)習(xí)后面的

(2)圖片：網(wǎng)頁(yè)的一大特點(diǎn)——圖內(nèi)容

文并茂

(3)動(dòng)畫：1995年，Sun公司開發(fā)

了Java語言，用戶可以創(chuàng)建能調(diào)用

圖片和聲音的多媒體應(yīng)用小程序

(4)超鏈接：要通過一種方式把各

獨(dú)立的網(wǎng)頁(yè)整和在一起，使之構(gòu)成

一有機(jī)整體，而這種鏈接頁(yè)面的功

能叫超鏈接。

(5)特殊組件：圖片與動(dòng)畫可算是

最常見的特殊組件。

3.主頁(yè)Homepage

引導(dǎo)訪問者瀏覽網(wǎng)站。

indexxmain、default

4.網(wǎng)頁(yè)空間

在1nternet上申請(qǐng)的一個(gè)存儲(chǔ)空

間，用以存放網(wǎng)頁(yè)。

5.網(wǎng)址和域名

網(wǎng)址：IP地址

域名：與IP地址相對(duì)應(yīng)，唯一性，

善于識(shí)別

取右邊：國(guó)豕（中國(guó)cn）

其次：機(jī)構(gòu)（商業(yè)機(jī)構(gòu)com）

再次：子網(wǎng)名稱

最左邊：服務(wù)器類別（web服務(wù)器一

-WWW）

6.網(wǎng)頁(yè)的分類

靜態(tài)頁(yè)面與動(dòng)態(tài)頁(yè)面

7、認(rèn)識(shí)網(wǎng)站

門戶網(wǎng)站：sina

個(gè)人網(wǎng)站：明星

專業(yè)網(wǎng)站：醫(yī)療

職能網(wǎng)站：政府

職能網(wǎng)站：政府

根據(jù)網(wǎng)頁(yè)設(shè)訐要點(diǎn)，以小組為單巡回指導(dǎo)，給予小組討論，相加深學(xué)生對(duì)網(wǎng)

學(xué)生幫助互溝通頁(yè)設(shè)計(jì)要點(diǎn)學(xué)

任務(wù)二位確定一個(gè)網(wǎng)站主題，小組討論習(xí)

動(dòng)手實(shí)踐需要的步驟以及素材

1、按照課堂分組課后進(jìn)行討論

課后作業(yè)2、每組確定一個(gè)網(wǎng)站主題方向。

3、每組設(shè)計(jì)一個(gè)網(wǎng)站調(diào)查問卷。

一、網(wǎng)頁(yè)設(shè)上師就業(yè)方向

課堂小結(jié)二、網(wǎng)站設(shè)干流程

三、常見網(wǎng)站

本次課是網(wǎng)頁(yè)設(shè)計(jì)第一次上課，主要講述一些網(wǎng)頁(yè)基礎(chǔ)知識(shí)，學(xué)生基礎(chǔ)知識(shí)薄弱，需要

教學(xué)反思加強(qiáng)，整體來說計(jì)算機(jī)班基礎(chǔ)知識(shí)要好于電子商務(wù)班

一、網(wǎng)頁(yè)設(shè)計(jì)介紹

二、網(wǎng)頁(yè)設(shè)計(jì)的要點(diǎn)

三、網(wǎng)站設(shè)計(jì)級(jí)別

板書

四、網(wǎng)頁(yè)設(shè)計(jì)公司類型

五、網(wǎng)頁(yè)二劍客

六'網(wǎng)頁(yè)基礎(chǔ)印識(shí)

課題1.2網(wǎng)站建設(shè)概述教學(xué)課時(shí)2課時(shí)

了解做網(wǎng)站的準(zhǔn)備工作，掌握站點(diǎn)的建立。

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

1.能了解網(wǎng)站開發(fā)的基本流程。

教學(xué)目標(biāo)能力目標(biāo)2.能掌握網(wǎng)站開發(fā)的基本原則。

3.能學(xué)會(huì)站點(diǎn)的建立與管理。

提高學(xué)生團(tuán)結(jié)合作精神，增強(qiáng)小組合作能力

情感目標(biāo)

教學(xué)重點(diǎn)站點(diǎn)的建立

教學(xué)難點(diǎn)如何規(guī)劃好一個(gè)網(wǎng)站

1.教學(xué)場(chǎng)所：多媒體教室

2.教學(xué)設(shè)備：安裝有Dreamweavercs5軟件的計(jì)算機(jī)

教學(xué)資源

3.教學(xué)資料：精助課件、多媒體教學(xué)軟件

3.教學(xué)資料：輔助課件、多媒體教學(xué)軟件

教法講解法、任務(wù)驅(qū)動(dòng)教學(xué)法學(xué)法小組討論法

教學(xué)過程

過程安排教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

1.搜集了解網(wǎng)站開發(fā)的基本流程。配合學(xué)生搜索資網(wǎng)上搜索教師培養(yǎng)學(xué)生自主

2.網(wǎng)站設(shè)計(jì)、制作過程中的一些原料及解答疑問提出問題，了學(xué)習(xí)能力

課前準(zhǔn)備則、注意事項(xiàng)。解網(wǎng)站設(shè)計(jì)事

2、網(wǎng)站設(shè)計(jì)、制作過程中的一些原項(xiàng)

則、注意事項(xiàng)。

網(wǎng)站設(shè)計(jì)大致流程是哪些？每組聽取學(xué)生的觀點(diǎn)闡述觀點(diǎn)，組鍛煉學(xué)生的語

導(dǎo)入新課派出一個(gè)代表闡述本組課前搜集的并給予一定的知員之間相互討言表達(dá)能力和

(5min)資料道論分析能力

任務(wù)一一、網(wǎng)站設(shè)計(jì)流程

講授新課

(35min)架構(gòu)內(nèi)容信息

搜集整理資料

規(guī)劃網(wǎng)站結(jié)構(gòu)

r

網(wǎng)頁(yè)制作

整合網(wǎng)站

效果測(cè)試

r

網(wǎng)站上傳

網(wǎng)站推廣

更新維護(hù)

二、網(wǎng)站開發(fā)原則1.確定網(wǎng)站主題小組討論，相加深學(xué)生對(duì)網(wǎng)

的建議互溝通頁(yè)設(shè)計(jì)要點(diǎn)學(xué)

1、確定主題2.給網(wǎng)站取名習(xí)

討論?網(wǎng)站是靠什么嬴利的？3.提示決定網(wǎng)站

的性質(zhì)

任務(wù)二2.規(guī)劃站點(diǎn)結(jié)構(gòu)3、提示決定網(wǎng)站

分組討論(1)結(jié)構(gòu)設(shè)計(jì)的性質(zhì)

(40min)

(2)目錄結(jié)構(gòu)設(shè)計(jì)

(3)形象設(shè)計(jì)

(4)主頁(yè)設(shè)計(jì)

(5)其他頁(yè)面設(shè)計(jì)

(6)企業(yè)站點(diǎn)設(shè)計(jì)

(7)為站點(diǎn)設(shè)計(jì)目標(biāo)對(duì)象

訪問率

三、網(wǎng)頁(yè)版面布局設(shè)計(jì)

1.版面布局的原則

(1)主次分明、中心突出

(2)大小搭配、相互呼應(yīng)

(3)圖文并茂、相得益彰

(4)動(dòng)靜適度、平衡對(duì)稱

2.頁(yè)面布局的類型

(1)“國(guó)”字型

(2)框架型

(3)標(biāo)題正文型

(4)封面型

(5)綜合型

四、規(guī)劃站點(diǎn)

1.建立站點(diǎn)目錄

2.站點(diǎn)規(guī)劃

規(guī)劃站點(diǎn)結(jié)構(gòu)是利用不同的文

件夾將不同的網(wǎng)頁(yè)內(nèi)容分門別類的

保存。

3.創(chuàng)建導(dǎo)航草圖

五、搜集素材

1.搜集并制作素材

無論是文字素材還是圖片、動(dòng)畫素

材，都應(yīng)注意其來源是否注明版權(quán)

所有。

網(wǎng)站素材要為網(wǎng)站主題服務(wù)。

2.整理素材

原始素材、編輯處理好的素材

3.命名規(guī)范

六、創(chuàng)建站點(diǎn)

1.不使用服務(wù)器技術(shù)

2.本地編輯

3.不連接到遠(yuǎn)程服務(wù)器

七、管理站點(diǎn)

(1)編輯現(xiàn)有站點(diǎn)

(2)刪除已有站點(diǎn)

根據(jù)這次課的內(nèi)容、注意事項(xiàng)，構(gòu)思一個(gè)明確的網(wǎng)站主題，并將站點(diǎn)結(jié)構(gòu)的規(guī)劃用文件夾

課后作業(yè)

表ZF出來

(5min)

一、網(wǎng)站沒計(jì)確定主題

課堂小結(jié)二、網(wǎng)站沒計(jì)流程

(5min)

三、站點(diǎn)管理

本次主要講述站點(diǎn)的建立和管理，課程較簡(jiǎn)單，學(xué)生掌握較好

教學(xué)反思

一、網(wǎng)站設(shè)計(jì)流程

二、網(wǎng)站開發(fā)原則

三、網(wǎng)頁(yè)版面布局設(shè)計(jì)

板書四、規(guī)劃站點(diǎn)

五、搜集素材

六、創(chuàng)建站點(diǎn)

七、管理站點(diǎn)

實(shí)訓(xùn)課題新建一個(gè)網(wǎng)頁(yè)實(shí)訓(xùn)課時(shí)2課時(shí)

1、熟悉Dreamweavercs4界面

實(shí)訓(xùn)目標(biāo)

2、制作簡(jiǎn)單網(wǎng)頁(yè)

1、學(xué)會(huì)在網(wǎng)頁(yè)中輸入文字、插入圖片等

實(shí)訓(xùn)重點(diǎn)

2、掌握簡(jiǎn)單代碼的編寫

實(shí)訓(xùn)難點(diǎn)代碼的編寫

實(shí)訓(xùn)方法上機(jī)實(shí)訓(xùn)

實(shí)訓(xùn)準(zhǔn)備教案、素材、案例、教材、計(jì)算機(jī)機(jī)房

1.對(duì)照實(shí)習(xí)報(bào)告的要求，完成上機(jī)任務(wù)；

2.任務(wù)完成后及時(shí)要求教師考評(píng)；

實(shí)訓(xùn)要求

完善實(shí)習(xí)報(bào)告，填寫實(shí)訓(xùn)總結(jié)；

遵守實(shí)訓(xùn)紀(jì)律.不游戲.不睡覺,不高聲談?wù)揅

遵守實(shí)訓(xùn)紀(jì)律，不游戲，不睡覺，不高聲談?wù)摗?/p>

實(shí)訓(xùn)過程

為容操作要求及步驟

1、雙擊打開軟件一一新建HTML網(wǎng)頁(yè)——網(wǎng)頁(yè)名字為nesO1——輸入以下文字然后保存

釋永信被舉報(bào)后自嘲：說不定明年我不是方丈啦

少林寺的發(fā)展不僅面臨著輿論的眾多質(zhì)疑,也摻雜著現(xiàn)實(shí)的利益之爭(zhēng).很

多人懷疑，少林寺承的利益糾葛.力是這場(chǎng)舉報(bào)風(fēng)波的內(nèi)在動(dòng)力.

天還未充.

9月3日,大雄寶殿之上,香火氟氯.佛音裊裊.一場(chǎng)為紀(jì)念世界反法西斯

任務(wù)一

戰(zhàn)爭(zhēng)勝利70周年的祈福法會(huì)在少林寺中舉行.法會(huì)的主持人正是身陷舉報(bào)風(fēng)暴

新建網(wǎng)頁(yè)1

中的釋永信.

這位方丈今年50歲.發(fā)展的身材與大眾對(duì)離僧的固有印象相去甚遠(yuǎn),也是

他r受詬病的“黑點(diǎn)”之一?但仔細(xì)看.他曰光屋利.一口澗南腔,卻又自信

滿滿。外界連日來對(duì)他質(zhì)疑不斷.但他堅(jiān)持“出家人是非以不辨為絹脫“。但

這不代表他內(nèi)心毫無波瀾,在和臺(tái)灣畫家蔡志忠私下聊天時(shí).釋永信甚至半開

林地抱怨：“這（活動(dòng)）明年不知道還能不能搞？說不定到時(shí)我都不是方丈啦！”

2、文字要求：標(biāo)題宋體二號(hào)藍(lán)色正文：五號(hào)宋體加粗

2.文字要求：標(biāo)題宋體二號(hào)藍(lán)色正文：五號(hào)宋體加粗

2、文字要求：標(biāo)題宋體二號(hào)藍(lán)色正文：五號(hào)宋體加粗

任務(wù)二制作如下網(wǎng)頁(yè)素材見文件夾網(wǎng)頁(yè)命名文字為index保存在文件夾中上交給老師

新建網(wǎng)頁(yè)2

顰光臨我的足球網(wǎng)

L-i.

慢了JWM足J*的的?畤？演急擊下面的，品長(zhǎng)吧?W

tM3Mx

足M新聞

an*f

IWBlo.

與1W裝4

建脩”(1)(陽毋函9印

■■減豫

操作步驟：新建HTML網(wǎng)頁(yè)一輸入文字一將標(biāo)題設(shè)置為36號(hào)，藍(lán)色，宋體——插入兩

根紅色的水平線一插入時(shí)間一插入商標(biāo)一插入背景圖片一保存

操作步驟：新建HTML網(wǎng)頁(yè)——輸入文字一將標(biāo)題設(shè)置為36號(hào)，藍(lán)色，宋體——插入兩

根紅色的水平線一插入時(shí)間一插入商標(biāo)一插入背景圖片一保存

操作步驟：新建HTML網(wǎng)頁(yè)——輸入文字——將標(biāo)題設(shè)置為36號(hào)，藍(lán)色，宋體——插入兩

根紅色的水平線一插入時(shí)間一插入商標(biāo)一插入背景圖片一保存

完善報(bào)告填寫實(shí)訓(xùn)總結(jié)，井上交實(shí)習(xí)報(bào)告。

自主練習(xí)剩余時(shí)間，可進(jìn)行自主練習(xí)，內(nèi)容不限，但不可違反上機(jī)紀(jì)律

實(shí)訓(xùn)總結(jié)本次課是學(xué)生第一次上機(jī)，制作一個(gè)較簡(jiǎn)單的網(wǎng)頁(yè)，學(xué)生存在對(duì)DW界面不熟，操作不熟

練等缺點(diǎn)，需加強(qiáng)操作

課題2.1編輯和添加文本教學(xué)課時(shí)2課時(shí)

1、掌握輸入和編輯文本

2、學(xué)會(huì)插入文本，掌握設(shè)置文本格式的方法

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

2.學(xué)會(huì)插入文本，掌握設(shè)置文本格式的方法

2、學(xué)會(huì)插入文本，掌握設(shè)置文本格式的方法

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

掌握網(wǎng)頁(yè)中三種常見列表的創(chuàng)建，及其各自的特點(diǎn)

能力目標(biāo)

情感目標(biāo)提高學(xué)生自主學(xué)習(xí)和團(tuán)隊(duì)競(jìng)爭(zhēng)意識(shí)

教學(xué)重點(diǎn)插入和編輯文本

教學(xué)難點(diǎn)創(chuàng)建列表

1.教學(xué)場(chǎng)所多媒體教室

2.教學(xué)設(shè)備安裝有Dreamweavercs5軟件的計(jì)算機(jī)

教學(xué)資源

3.教學(xué)資料輔助課件.多媒體教學(xué)軟件

3.教學(xué)資料輔助課件.多媒體教學(xué)軟件

教法講解法、任務(wù)驅(qū)動(dòng)教學(xué)法學(xué)法小組討論法

教學(xué)過程

過程安排教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

提問：在DW中輸入文本和在Word中將學(xué)生分組,并討論并思考以討論的形式

輸入文本有何區(qū)別？提出問題，引導(dǎo)提高學(xué)生之間

導(dǎo)入新課

學(xué)生小組之間討的交流溝通

(5min)

論并總結(jié)

一、插入文本演示并強(qiáng)調(diào)重點(diǎn)認(rèn)真聽講并記文本插入是基

1、插入普通文本下重點(diǎn)礎(chǔ)知識(shí)，為下

2、插入不換行空格面任務(wù)二打下

3、插入水干線基礎(chǔ)

任務(wù)一

4、插入日期和特殊字符

插入文本

二、編輯文本

(20min)

1.基本樣式設(shè)置

2.設(shè)置段落格式

3.創(chuàng)建列表

3、創(chuàng)建列表

完成以下網(wǎng)頁(yè)實(shí)例：1、引導(dǎo)學(xué)生討論小組討論本實(shí)例即是對(duì)

該網(wǎng)頁(yè)由哪幾任務(wù)一的鞏

部分組成固，也為下一

第B第；器U耀白工:‘靜工

2、引導(dǎo)學(xué)生小組次課打下基礎(chǔ)

型書^【ay'

組內(nèi)分工，完

江為嘯*冰谷挺二交鈴疝:V2購(gòu)飛卻出

成小模塊

im1

3、引導(dǎo)學(xué)生小組

組內(nèi)分工，完

任務(wù)二帆S額跚用8成小模塊

/儂，穌月噬？她敢呼懶；班！

(55min)

粗陽型曳W._____

融正聘簟爾迅凝目

K.^?象4，C*7?Xpcv)”?T.王一2?ftf*gp,r；上i^”人

懈二衽斕闞2

S二耳干氣1ff-**s**^-^xa?^S15^*rcj|

受幅崛戈姆闊街二

*5*即工小￡,??也迤氣

g肄疾既

作業(yè)布置1、找一篇文章輸入至頁(yè)面中，然后利用所學(xué)知識(shí)，對(duì)其進(jìn)行格式編排

(5min)2、

一、插入文本

課堂小結(jié)

(5min)二、編輯文本

一、插入文本

5、插入普通文本

6、插入不換行空格

7、插入水平線

8、插入日期和特殊字符

板書二、編輯文本

1.基本樣式設(shè)置

2.設(shè)置段落格式

3.創(chuàng)建列表

三、實(shí)例操作

本次課是一個(gè)基礎(chǔ)知識(shí)內(nèi)容，文本是一個(gè)網(wǎng)頁(yè)必不可少的內(nèi)容.對(duì)網(wǎng)頁(yè)設(shè)計(jì)至關(guān)重要.

教學(xué)反思學(xué)生必須牢牢掌握文本的各個(gè)要點(diǎn)。目前來說學(xué)習(xí)興趣較好。

實(shí)訓(xùn)課題網(wǎng)站素材處理實(shí)訓(xùn)課時(shí)2課時(shí)

1、掌握創(chuàng)建不地站點(diǎn)和遠(yuǎn)程站點(diǎn)

實(shí)訓(xùn)目標(biāo)

2、學(xué)會(huì)修改站點(diǎn)和多站點(diǎn)的管理

實(shí)訓(xùn)重點(diǎn)站點(diǎn)的管理

實(shí)訓(xùn)難點(diǎn)站點(diǎn)的管理

實(shí)訓(xùn)方法上機(jī)實(shí)訓(xùn)

實(shí)訓(xùn)準(zhǔn)備教案、素材、案例、教材、計(jì)算機(jī)機(jī)房

1、對(duì)照實(shí)習(xí)報(bào)告的要求，完成上機(jī)任務(wù)；

2、任務(wù)完成后及時(shí)要求教師考評(píng)；

實(shí)訓(xùn)要求完善實(shí)習(xí)報(bào)告，填寫實(shí)訓(xùn)總結(jié)；

4、遵守實(shí)訓(xùn)紀(jì)律，不游戲，不睡覺，不高聲談?wù)摗?/p>

4.遵守實(shí)訓(xùn)紀(jì)律，不游戲，不睡覺，不高聲談?wù)摗?/p>

4、遵守實(shí)訓(xùn)紀(jì)律，不游戲，不睡覺，不高聲談?wù)摗?/p>

實(shí)訓(xùn)過程

均容操作要求及步驟

1.熟悉DW界面

2、在D盤根目錄創(chuàng)建一個(gè)站點(diǎn)名稱為《我的足球網(wǎng)》，本地站點(diǎn)文件夾為jcww,如下

圖所示

3dIFEFFHEfRN<OifT.Or..rrvwo.vwr

V'<??M?-t???；.?J?Jr'.J?t-

任務(wù)一W.想以師MC|?IBl1*1A.wo??1m*KMMtrr^lVuiV5X(^.

?45%11■

創(chuàng)建站點(diǎn)BCcr」，“RMA0b**4b"*

*M>LKCwr?*.,M0

1f1flUg一11

利用教師所給素材，制作簡(jiǎn)單網(wǎng)頁(yè)《我的偶像》，素材見文件夾

任務(wù)二

設(shè)置默認(rèn)圖像

文件夾

完善報(bào)告填寫實(shí)訓(xùn)總結(jié)，并上交實(shí)習(xí)報(bào)告。

自主練習(xí)剩余時(shí)間，可進(jìn)行自主練習(xí)，內(nèi)容不限，但不可違反上機(jī)紀(jì)律

實(shí)訓(xùn)總結(jié)本次上機(jī)主要是讓學(xué)生掌握站點(diǎn)的建立及輸入文本和編輯文本等，學(xué)生操作較好，大部

分能完成任務(wù)。

實(shí)訓(xùn)課題制作簡(jiǎn)單網(wǎng)頁(yè)實(shí)訓(xùn)課時(shí)2課時(shí)

1、掌握新建網(wǎng)頁(yè)、編輯文字、處理圖像

實(shí)訓(xùn)目標(biāo)2、新建站點(diǎn)

3、插入水平線、空格、自動(dòng)更新時(shí)間

實(shí)訓(xùn)重點(diǎn)制作簡(jiǎn)單網(wǎng)頁(yè)流程

實(shí)訓(xùn)難點(diǎn)綜合運(yùn)用HTML工具

實(shí)訓(xùn)方法上機(jī)實(shí)訓(xùn)

實(shí)訓(xùn)準(zhǔn)備教案、素材、案例、教材、計(jì)算機(jī)機(jī)房

3、對(duì)照實(shí)習(xí)報(bào)告的要求，完成上機(jī)任務(wù)；

4、任務(wù)完成后及時(shí)要求教師考評(píng)；

實(shí)訓(xùn)要求完善實(shí)習(xí)報(bào)告，填寫實(shí)訓(xùn)總結(jié)；

4、遵守實(shí)訓(xùn)紀(jì)律，不游戲，不睡覺，不高聲談?wù)摗?/p>

4.遵守實(shí)訓(xùn)紀(jì)律，不游戲，不睡覺，不高聲談?wù)摗?/p>

4、遵守實(shí)訓(xùn)紀(jì)律，不游戲，不睡覺，不高聲談?wù)摗?/p>

實(shí)訓(xùn)過程

為容操作要求及步課

1、熟悉DW菜單欄常用界面

任務(wù)一

完成以下簡(jiǎn)單網(wǎng)站，素材見素材庫(kù)

足球偶像網(wǎng)頁(yè)

世界杯，球迷狂炊節(jié)/

_____________________你和我的一網(wǎng)玲

主頁(yè)明星照片足球新聞

的蜜

時(shí)間是很奇妙的東西，當(dāng)我們板著指頭數(shù)著日子，她卻以年為單位匆匆從我們的身邊溜走，

一晃之間，本世紀(jì)第一個(gè)十年就要過去。十二年前的法蘭西之夏，我第一次接觸到了世果杯，十

請(qǐng)后的南非，足球再次來到了我的生活。

■我第一次看球星在1996年的那屆歐洲杯夕黃未剪對(duì)

L」足球有任何慨念的我.械某日的一條體育新閱所吸

啦廊±』1SILL^E^±^_最會(huì)］_______

完善報(bào)告填寫實(shí)訓(xùn)總結(jié)，并上交實(shí)習(xí)報(bào)告。

自主練習(xí)剩余時(shí)間，可進(jìn)行自主練習(xí)，內(nèi)容不限，但不可違反上機(jī)紀(jì)律

實(shí)訓(xùn)總結(jié)本次上機(jī)內(nèi)容較多，主要考察學(xué)生綜合性的練習(xí)，如圖片的插入，文字的編輯及水平線

的插入等，需要學(xué)生對(duì)前面的知識(shí)非常熟悉，13高12班整體班級(jí)學(xué)習(xí)氛匡較好，所有學(xué)

生都能按時(shí)上交作業(yè)，值得表?yè)P(yáng)

課題2.2添加和編輯圖像教學(xué)課時(shí)2課時(shí)

1、掌握?qǐng)D像裁剪,重新取樣、亮度、銳化的設(shè)置

知識(shí)目標(biāo)2.掌握?qǐng)D像屬性設(shè)置

2、掌握?qǐng)D像屬性設(shè)置

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

能力目標(biāo)掌握運(yùn)用軟件對(duì)圖像處理的能力

提高學(xué)生團(tuán)結(jié)合作精神，提高學(xué)生競(jìng)爭(zhēng)意識(shí)

情感目標(biāo)

教學(xué)重點(diǎn)圖像的編輯

教學(xué)難點(diǎn)圖像的編輯

1.教學(xué)場(chǎng)所：多媒體教室

2.教學(xué)設(shè)備：安裝有Dreamweavercs5軟件的計(jì)算機(jī)

教學(xué)資源

3.教學(xué)資料：輔助課件.多媒體教學(xué)軟件

3.教學(xué)資料：神助課件.多媒體教學(xué)軟件

教法講解法、任務(wù)驅(qū)動(dòng)教學(xué)法學(xué)法小組討論法

教學(xué)過程

過程安排教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

前面介紹網(wǎng)頁(yè)的時(shí)候有說過，在保演示cluo.jpeg分組討論用什提出問題引發(fā)

證畫質(zhì)的情況下，圖片的數(shù)據(jù)量越這張圖片，分析么方法來更改學(xué)生思考，引

小越好。問題：如果一張圖片數(shù)據(jù)數(shù)據(jù)量為93k、畫數(shù)據(jù)量和規(guī)格出這次課的主

量很大，我們?cè)撊绾尉庉?？質(zhì)為1024*768規(guī)題

導(dǎo)入新課

格的圖片如何更

(5min)

改數(shù)據(jù)量和規(guī)

格？

給出cluo.jpeg和gg.jpeg兩張圖片對(duì)圖片寬、高、裁觀看教師演示，引導(dǎo)學(xué)生學(xué)習(xí)

進(jìn)行對(duì)比，提出任務(wù)：如何從切、重新采樣、銳并思考理論的時(shí)候思

任務(wù)一cluo.Jpeg變化到gg.Jpeg?化等設(shè)置進(jìn)行演cluo.jpeg變成考如何理論運(yùn)

編輯圖片具體操作步驟：打開DW軟件一插示cluo.jpeg的方用到實(shí)踐

(30min)入圖像cluo.jpeg,對(duì)圖片屬性設(shè)法

置如下目標(biāo)值：

■.11馴加-中區(qū)二，工.哈呻」則

?-軸謂c卜Jo?/

二則pMj

回口2煙到FK卻

編輯完成后與原圖像進(jìn)行對(duì)比，會(huì)

發(fā)現(xiàn)數(shù)據(jù)量、規(guī)格都發(fā)生變化，但

瀏覽網(wǎng)頁(yè)更友好

編輯完成后與原圖像進(jìn)行對(duì)比，會(huì)

發(fā)現(xiàn)數(shù)據(jù)量、規(guī)格都發(fā)生變化，但

瀏覽網(wǎng)頁(yè)更友好

概念：在網(wǎng)頁(yè)瀏覽中，有時(shí)當(dāng)鼠標(biāo)1、鼓勵(lì)學(xué)生小組小組討論如何

移到某個(gè)圖像上或者單擊時(shí)，圖像討論如何完成完成該效果并

會(huì)變成另外一副圖像。翻轉(zhuǎn)圖像效進(jìn)行嘗試

瀏覽時(shí)效果：果；

給學(xué)生展示翻

轉(zhuǎn)圖像做出來

的效果，然后

講解如何

才能完成這個(gè)

任務(wù)二

效果

制作翻轉(zhuǎn)圖像

(50min)

鼠i標(biāo)放上去時(shí)效果：

一■

量

如何編輯圖像

課堂小結(jié)

—、制作翻轉(zhuǎn)圖像效果

(5min)

一、編輯圖像

1、重新采杵

板書設(shè)計(jì)

2、裁剪、銳化

二、翻轉(zhuǎn)圖像制作效果

本次教學(xué)學(xué)生較感興趣，特別是鼠標(biāo)經(jīng)過的圖像，學(xué)生完成得較好，值得鼓勵(lì)

教學(xué)反思

課題2.3創(chuàng)建超級(jí)鏈接教學(xué)課時(shí)2課時(shí)

1、掌握創(chuàng)建超鏈接的方法

教學(xué)目標(biāo)知識(shí)目標(biāo)

2、掌握相對(duì)鏈接和絕對(duì)鏈接的區(qū)別

3、創(chuàng)建錨點(diǎn)鏈接

能力目標(biāo)提高學(xué)生學(xué)習(xí)創(chuàng)作能力

zzzz—提高學(xué)生團(tuán)結(jié)合作精神，提高學(xué)生競(jìng)爭(zhēng)意識(shí)

1、正確認(rèn)識(shí)路徑

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

2、理解相對(duì)鏈接和絕對(duì)鏈接的區(qū)別

教學(xué)難點(diǎn)添加超鏈接、相對(duì)路徑、絕對(duì)路徑

1.教學(xué)場(chǎng)所：多媒體教室

2.教學(xué)設(shè)備：安裝有Dreamweavercs5軟件的計(jì)算機(jī)

教學(xué)資源

3.教學(xué)資料：輔助課件.多媒體教學(xué)軟件

3.教學(xué)資料：輔助課件.多媒體教學(xué)軟件

教法講解法、任務(wù)驅(qū)動(dòng)教學(xué)法學(xué)法小組討論法

教學(xué)過程

過程安排教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

每次瀏覽網(wǎng)頁(yè)的時(shí)候點(diǎn)擊某個(gè)文字進(jìn)入新浪網(wǎng)給學(xué)觀看效果并討以提問且學(xué)生

或者圖片，能自動(dòng)跳轉(zhuǎn)到另一個(gè)頁(yè)生演示超級(jí)鏈接論如何才能實(shí)較熟悉的瀏覽

導(dǎo)入新課

面，提問：這樣的鏈接形式叫什的效果并進(jìn)行提現(xiàn)該效果網(wǎng)頁(yè)的方式吸

(5min)

么？如何實(shí)現(xiàn)？問引學(xué)生的注意

一、新建站點(diǎn)jcww,并在站點(diǎn)內(nèi)新給學(xué)生演示如何觀看教師演示，讓學(xué)生熟悉

建默認(rèn)圖像文件央images,將網(wǎng)頁(yè)插入鏈接；演示不并思考-new、DW添加超級(jí)

Index.HTML里的