中山科技大學(xué) 《Dreamweaver》課程教案

中Q科就.上孽版號:

A/1

中山科技大學(xué)

文化理論課教案

2021—2022學(xué)年第一學(xué)期

課程名稱：Dreamweaver

授課班級：21電商1班2班（高）

任課教師：____________________________

審閱：____________________________

2021年10月10日

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期10.26

課題經(jīng)典網(wǎng)站賞析課型新授課

授課班級21電商1班2班（高）課時2

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

知識與技能：掌握常用的網(wǎng)絡(luò)術(shù)語

過程與方法：熟悉網(wǎng)站的工作原理

情感態(tài)度與價值觀：提高對網(wǎng)站的鑒賞能力

二、教學(xué)重點

1區(qū).分服務(wù)器與瀏覽器的概念

2.了解網(wǎng)站與網(wǎng)頁的區(qū)別與聯(lián)系

三、教學(xué)難點

區(qū)分服務(wù)器與瀏覽器的概念，以及常用的瀏覽器工具

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

1、同學(xué)們的DWCS3軟件運用熟練情況如式，吸引學(xué)生

何？學(xué)習(xí)興趣

2、討論一下，學(xué)習(xí)DWCS3對于我們來說引出本節(jié)課的

有什么用啊？內(nèi)容

播放《學(xué)習(xí)強國app》小視頻

講授新課1.從實際出發(fā)，找出與生活相關(guān)的互聯(lián)網(wǎng)認(rèn)真聽講并思考通過讓學(xué)生學(xué)

案例，引導(dǎo)學(xué)生進(jìn)入第一堂課記錄筆記習(xí)DW的重要

2.與學(xué)生互動，鼓勵學(xué)生發(fā)言舉例國內(nèi)外性，讓學(xué)生樹

優(yōu)秀的網(wǎng)站，并與之討論各個網(wǎng)站網(wǎng)頁的立學(xué)習(xí)的意識

特色。

做筆記

小結(jié)通過介紹并分析一些國內(nèi)外知名網(wǎng)站的

設(shè)計特色，使學(xué)生能夠更深入地了解如何

欣賞這些優(yōu)秀網(wǎng)站案例

作業(yè)欣賞外國網(wǎng)站

七、板書（板演、板畫）設(shè)計

1.服務(wù)器與瀏覽器

2.網(wǎng)頁與網(wǎng)站

3.網(wǎng)站的工作原理

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期10.27

課題制作第一個網(wǎng)頁一一“我的主頁”課型新授課

授課班級21電商1班2班（高）課時2

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

知識與技能：熟悉HTML制作簡單網(wǎng)頁的過程

過程與方法：了解制作網(wǎng)頁的幾種常用工具

情感態(tài)度與價值觀：體會對網(wǎng)站的制作能力

二、教學(xué)重點

1.掌握用記事本來制作簡單網(wǎng)頁的流程

2.了解制作網(wǎng)頁的幾種常用工具

三、教學(xué)難點

制作網(wǎng)頁的幾種常用工具

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

4同學(xué)們的DWCS3軟件網(wǎng)頁工具有哪些？式，吸引學(xué)生

5討論一下，學(xué)習(xí)DWCS3制作流程？學(xué)習(xí)興趣

播放《學(xué)習(xí)強國app》小視頻引出本節(jié)課的

通過制作一個簡單的任務(wù)一一“我的主內(nèi)容

頁”網(wǎng)頁，站點的新建〉新建首頁認(rèn)真聽講并思考

講授新課新建首頁并且命名為index.htm記錄筆記通過讓學(xué)生學(xué)

習(xí)DW的重要

性，讓學(xué)生樹

結(jié)合該任務(wù)的“任務(wù)拓展”，使學(xué)生能夠立學(xué)習(xí)的意識

舉一反三做筆記

小結(jié)通過制作一個簡單的網(wǎng)頁，讓學(xué)生進(jìn)一步

接觸網(wǎng)頁設(shè)計這門專業(yè)課?？偨Y(jié)學(xué)生制作

第一個網(wǎng)頁實例的經(jīng)驗。

作業(yè)

制作個人站點

七、板書（板演、板畫）設(shè)計

1.網(wǎng)頁制作的語言

2.網(wǎng)頁設(shè)計工具

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期10.28

課題上傳“我的主頁”到互聯(lián)網(wǎng)課型新授課

授課班級21電商1班2班（高）課時2

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

知識與技能：掌握在網(wǎng)絡(luò)上申請域名和虛擬主機的方法

過程與方法：熟悉使用FTP工具上傳站點的方法

情感態(tài)度與價值觀：體會對網(wǎng)站的上傳能力

二、教學(xué)重點

.1.熟悉IP地址、域名和虛擬主機的定義及其聯(lián)系、區(qū)別

2.熟練掌握網(wǎng)上申請免費域名的方法，以及使用上傳軟件工具上傳網(wǎng)頁的方法

三、教學(xué)難點

L熟悉網(wǎng)站的幾種推廣方法

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

4同學(xué)們的DWCS3軟件網(wǎng)頁上傳工具有式，吸引學(xué)生

哪些？學(xué)習(xí)興趣

5討論一下，學(xué)習(xí)DWCS3上傳流程？引出本節(jié)課的

播放《學(xué)習(xí)強國app》小視頻內(nèi)容

制作簡單網(wǎng)頁》然后測試發(fā)布，認(rèn)識網(wǎng)絡(luò)

講授新課認(rèn)真聽講并思考通過讓學(xué)生學(xué)

名詞，通過ftp上傳到網(wǎng)絡(luò)服務(wù)器記錄筆記習(xí)DW的重要

然后申請免費域名，上傳性，讓學(xué)生樹

立學(xué)習(xí)的意識

結(jié)合該任務(wù)的“上傳網(wǎng)上服務(wù)器”，使學(xué)做筆記

生能夠舉一反三

小結(jié)在學(xué)生上機實踐過程中，應(yīng)當(dāng)指導(dǎo)學(xué)生總

結(jié)上機所遇到的問題，組織學(xué)生交流并討

論。

作業(yè)制作站點并且上傳

七、板書（板演、板畫）設(shè)計

LIP地址

2.域名和虛擬主機

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期11.2

課題使用HTML語言設(shè)置頁面課型新授課

授課班級21電商1班2班（高）課時2

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

知識與技能：熟悉HTML的基本結(jié)構(gòu)及基本語法

過程與方法：熟悉HTML中body標(biāo)記的屬性

情感態(tài)度與價值觀：體會HTML的語言魅力

二、教學(xué)重點

1.熟悉HTML網(wǎng)頁文檔的基本結(jié)構(gòu)

2.熟悉創(chuàng)建一個HTML文檔的標(biāo)準(zhǔn)規(guī)范

三、教學(xué)難點

1.掌握〈body〉標(biāo)記的常用屬性

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

3、同學(xué)們的DWCS3軟件網(wǎng)頁語言有哪式，吸引學(xué)生

些？

學(xué)習(xí)興趣

4、討論一下，學(xué)習(xí)HTML文檔的標(biāo)準(zhǔn)規(guī)引出本節(jié)課的

范？內(nèi)容

播放《學(xué)習(xí)強國》app小視頻

講授新課介紹HTML的發(fā)展，引入課題，講述認(rèn)真聽講并思考通過讓學(xué)生學(xué)

HTML的理論知識，html語言的類別記錄筆記習(xí)DW的重要

性，讓學(xué)生樹

完成新建首頁，理解html基本結(jié)構(gòu)立學(xué)習(xí)的意識

做筆記

完成任務(wù)一后結(jié)合該任務(wù)后面的“任務(wù)拓

展”，組織學(xué)生上機操作

小結(jié)無論使用哪種網(wǎng)頁制作軟件，HTML始終

是網(wǎng)頁的核心部分，只有熟悉并掌握

HTML各種標(biāo)記，才能為后期的網(wǎng)頁制作

打下堅實的基礎(chǔ)。

作業(yè)使用html制作站點

七、板書（板演、板畫）設(shè)計

1.HTML基本語法

2.HTML文檔的存放目錄

3.<body>標(biāo)記的使用

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期11.3

課題使用頁面排版標(biāo)記制作網(wǎng)頁課型新授課

授課班級21電商1班2班（高）課時2

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

知識與技能：熟悉HTML使用頁面排版標(biāo)記制作網(wǎng)頁

過程與方法：能簡單運用HTML標(biāo)記語言設(shè)計簡單版面的網(wǎng)頁

情感態(tài)度與價值觀：體會HTML的語言魅力

二、教學(xué)重點

1.標(biāo)題標(biāo)記

2.版面格式標(biāo)記

三、教學(xué)難點

1.項目符號標(biāo)記

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

4、同學(xué)們的DWCS3軟件網(wǎng)頁語言有哪式，吸引學(xué)生

些？

學(xué)習(xí)興趣

5、討論一下，學(xué)習(xí)HTML文檔的版面格引出本節(jié)課的

式？內(nèi)容

播放《學(xué)習(xí)強國》app小視頻

講授新課用HTML也能制設(shè)計出版面清楚的網(wǎng)頁認(rèn)真聽講并思考通過讓學(xué)生學(xué)

完成新建首頁，理解html基本結(jié)構(gòu)記錄筆記習(xí)DW的重要

性，讓學(xué)生樹

立學(xué)習(xí)的意識

完成任務(wù)一后結(jié)合該任務(wù)后面的“任務(wù)拓做筆記

展”，引導(dǎo)學(xué)生對排版標(biāo)記的深入學(xué)習(xí)

小結(jié)學(xué)生掌握網(wǎng)頁排版標(biāo)記及其屬性，能為后

面制作大型網(wǎng)站時布局頁面起到鋪墊作

用，結(jié)合“任務(wù)拓展”及實例題，讓學(xué)生

鞏固其知識點

作業(yè)使用html制作圖文鏈接、圖文混排

七、板書（板演、板畫）設(shè)計

1.超鏈接標(biāo)記

2.絕對路徑和相對路徑

3.圖像標(biāo)記

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期11.4

課題使用表格標(biāo)記制作簡歷課型新授課

授課班級21電商1班2班（高）課時2

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

知識與技能：掌握表格的幾種標(biāo)記及其屬性用法

過程與方法：合并單元格的標(biāo)記屬性

情感態(tài)度與價值觀：體會表格標(biāo)記的魅力

二、教學(xué)重點

1表.格的幾種標(biāo)記

2合.并單元格

三、教學(xué)難點

3.框架標(biāo)記及其屬性

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

4、同學(xué)們的DWCS3軟件網(wǎng)頁表格標(biāo)記式，吸引學(xué)生

有哪些？學(xué)習(xí)興趣

5、討論一下，學(xué)習(xí)HTML文檔的表格標(biāo)記引出本節(jié)課的

有哪些？內(nèi)容

播放《學(xué)習(xí)強國》app小視頻

講授新課使用表格標(biāo)記制作簡歷認(rèn)真聽講并思考通過讓學(xué)生學(xué)

表格、表格框架在網(wǎng)頁制作中起著至關(guān)重記錄筆記習(xí)DW的重要

要的角色，在網(wǎng)頁制作軟件中運用表格、性，讓學(xué)生樹

表格框架比較繁瑣，而利用HTML表格立學(xué)習(xí)的意識

標(biāo)記卻相對方便

做筆記

簡單介紹html表格標(biāo)記

小結(jié)通過學(xué)生的上機實踐，四個任務(wù)及任務(wù)拓

展的聯(lián)系，學(xué)生已經(jīng)初步掌握HTML的

幾種常用標(biāo)記，鍛煉其在記事本文件中熟

練運用這幾個標(biāo)記。

作業(yè)完成教材項目2后面的自我測評

七、板書（板演、板畫）設(shè)計

1.表格的幾種標(biāo)記

2.合并單元格

3.框架標(biāo)記及其屬性

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期11.9

課題創(chuàng)建和管理本地站點課型新授課

授課班級21電商1班2班（高）課時2

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

知識與技能：理解站點的含義

過程與方法：掌握創(chuàng)建和管理本地站點的方法

情感態(tài)度與價值觀：體會DreamweaverCS3創(chuàng)建站點的樂趣

二、教學(xué)重點

1.站點

2.常用站點

三、教學(xué)難點

站點的含義

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

4、同學(xué)們的DWCS3軟件三種常用的站式，吸引學(xué)生

點有哪些？學(xué)習(xí)興趣

5、討論一下，軟件中創(chuàng)建及管理本地站引出本節(jié)課的

點的方法有哪些？內(nèi)容

播放《學(xué)習(xí)強國》app小視頻

講授新課建立站點認(rèn)真聽講并思考通過讓學(xué)生學(xué)

首先文檔菜單》站點》新建站點，記錄筆記習(xí)DW的重要

文檔頁新建首頁index,性，讓學(xué)生樹

新建文檔，服務(wù)器選擇為無立學(xué)習(xí)的意識

建立一個站點，使學(xué)生掌握創(chuàng)建站點、站

點的編輯以及刪除站點的方法做筆記

小結(jié)創(chuàng)建、編輯、刪除站點的操作過程中，其

學(xué)生難免會遇到困難不能繼續(xù)下一步，教

師應(yīng)該指導(dǎo)并幫助其分析問題、找出問

題、解決問題、總結(jié)經(jīng)驗

作業(yè)完成教材項目2后面的自我測評

七、板書（板演、板畫）設(shè)計

1.站點

2.常用站點

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期11.10

課題安裝與配置Web服務(wù)器課型新授課

授課班級21電商1班2班（高）課時2

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

知識與技能：創(chuàng)建Web服務(wù)器及虛擬目錄的方法

過程與方法：掌握創(chuàng)建和管理web的過程

情感態(tài)度與價值觀：體會DreamweaverCS3創(chuàng)建服務(wù)器的樂趣

二、教學(xué)重點

1.Web服務(wù)器

2主.目錄

三、教學(xué)難點

創(chuàng)建Web服務(wù)器

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

4、同學(xué)們的DWCS3軟件虛擬目錄有哪式，吸引學(xué)生

些？

學(xué)習(xí)興趣

5、討論一下，軟件中創(chuàng)建及管理本地站引出本節(jié)課的

點的服務(wù)器方法有哪些？內(nèi)容

播放《學(xué)習(xí)強國》app小視頻

講授新課使用DreamweaverCS3創(chuàng)建一個簡單的認(rèn)真聽講并思考通過讓學(xué)生學(xué)

文檔網(wǎng)頁記錄筆記習(xí)DW的重要

任務(wù)三：以WindowsXP系統(tǒng)為平臺，將性，讓學(xué)生樹

本機計算機配置成一臺IIS服務(wù)器，并建立學(xué)習(xí)的意識

立一個虛擬目錄

小結(jié)安裝與配置Web服務(wù)器、創(chuàng)建虛擬目錄做筆記

兩個實例操作，比較復(fù)雜，操作步驟繁瑣，

學(xué)生操作時一定要按照步驟操作，以免無

法安裝

作業(yè)在本地計算機上，創(chuàng)建一個本地站點、并

對其進(jìn)行管理，掌握站點的編輯、復(fù)制、

刪除等操作

七、板書（板演、板畫）設(shè)計

LWeb服務(wù)器

2.主目錄

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期11.11

課題創(chuàng)建“美麗風(fēng)景欣賞”主頁課型新授課

授課班級21電商1班2班（高）課時2

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

知識與技能：熟練掌握制作簡單吐完網(wǎng)頁的方法

過程與方法：熟練掌握在網(wǎng)頁中插入文本、圖像、Flash動畫等元素的方法

情感態(tài)度與價值觀：體會DreamweaverCS3創(chuàng)建主頁的樂趣

二、教學(xué)重點

1.網(wǎng)頁的文本及文本編輯

2網(wǎng).頁的圖像及圖像編輯

三、教學(xué)難點

多媒體素材

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

4、同學(xué)們的DWCS3軟件創(chuàng)建文本網(wǎng)頁式，吸引學(xué)生

有哪些？學(xué)習(xí)興趣

5、討論一下，軟件中插入文本、圖像、引出本節(jié)課的

Flash動畫等元素的方法有哪些？內(nèi)容

播放《學(xué)習(xí)強國》app小視頻

講授新課網(wǎng)頁設(shè)計中常用的幾種圖片格式有：認(rèn)真聽講并思考通過讓學(xué)生學(xué)

*.jpg*.png*.gif記錄筆記習(xí)DW的重要

性，讓學(xué)生樹

網(wǎng)頁中插入文本、圖像、Flash動畫立學(xué)習(xí)的意識

菜單欄》插入圖像》打開

菜單欄》多媒體元素》flash

小結(jié)在網(wǎng)頁中插入圖像、多媒體文件雖然操作做筆記

簡單，但要在網(wǎng)頁中清晰直觀、有條理地

呈現(xiàn)出網(wǎng)頁圖文及多媒體文件也是需要

學(xué)生多做練習(xí)的

作業(yè)創(chuàng)建欣賞網(wǎng)頁

七、板書（板演、板畫）設(shè)計

1.網(wǎng)頁的文本及文本編輯

2.網(wǎng)頁的圖像及圖像編輯

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期11.16

課題使用超鏈接創(chuàng)建鏈接頁面課型新授課

授課班級21電商1班2班（高）班課時2

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

知識與技能：掌握創(chuàng)建超鏈接的方法

過程與方法：熟悉超鏈接的定義及其分類

情感態(tài)度與價值觀：體會DreamweaverCS3創(chuàng)建鏈接的樂趣

二、教學(xué)重點

1熟.悉超鏈接的定義及其分類

2.了解相對路徑與絕對路徑的定義

三、教學(xué)難點

超鏈接的路徑

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

播放《學(xué)習(xí)強國》思政小視頻

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

同學(xué)們的DWCS3軟件創(chuàng)建網(wǎng)頁超鏈接有式，吸引學(xué)生

哪些？學(xué)習(xí)興趣

討論一下，軟件中插入文本、圖像、Flash引出本節(jié)課的

動畫等元素的超鏈接方法有哪些？內(nèi)容

講授新課1.超鏈接是網(wǎng)頁中常用的元素之一，聯(lián)系認(rèn)真聽講并思考通過讓學(xué)生學(xué)

項目2任務(wù)3中介紹的相對路徑與絕對路記錄筆記習(xí)DW的重要

徑來理解超鏈接的路徑。性，讓學(xué)生樹

立學(xué)習(xí)的意識

2上.機實踐中，除了掌握該任務(wù)中的文本

鏈接、圖片鏈接，也需要掌握“‘延伸閱

讀”中電子郵件鏈接和錨機鏈接的方法

小結(jié)超鏈接的方式有很多種，學(xué)生在學(xué)習(xí)該教做筆記

材中的幾種超鏈接種類的基礎(chǔ)上，可以去

了解其他的鏈接方式

作業(yè)創(chuàng)建錨記鏈接

七、板書（板演、板畫）設(shè)計

1.超鏈接

2.URL

3.超鏈接的路徑

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期11.17

課題使用表格制作個人簡歷課型新授課

授課班級21電商1班2班（高）班課時2

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

知識與技能：掌握利用表格元素創(chuàng)建簡單頁面的方法

過程與方法：熟悉超鏈接的定義及其分類

情感態(tài)度與價值觀：體會DreamweaverCS3創(chuàng)建個人簡歷的樂趣

二、教學(xué)重點

1.熟練掌握表格元素的各種功能。

2.了解如何利用表格屬性制作細(xì)線表格的方法

三、教學(xué)難點

了解如何利用表格屬性制作細(xì)線表格的方法

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

播放《學(xué)習(xí)強國》思政小視頻

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

同學(xué)們的DWCS3軟件創(chuàng)建網(wǎng)頁超鏈接有式，吸引學(xué)生

哪些？學(xué)習(xí)興趣

討論一下，軟件中插入文本、圖像、Flash引出本節(jié)課的

動畫等元素的超鏈接方法有哪些？內(nèi)容

講授新課表格也是網(wǎng)頁設(shè)計中常用的元素，利用表認(rèn)真聽講并思考通過讓學(xué)生學(xué)

格，可以將原本雜亂無序的資料整理完記錄筆記習(xí)DW的重要

整。Dreamweaver中表格功能強大，聯(lián)系性，讓學(xué)生樹

項目2任務(wù)4的HTML表格標(biāo)記來完成立學(xué)習(xí)的意識

該任務(wù)的上機實踐

1表.格

2插.入表格

3設(shè).置表格屬性

4表.格的選擇

做筆記

小結(jié)表格也是網(wǎng)頁設(shè)計中常用的元素，利用表

格，可以將原本雜亂無序的資料整理完整

作業(yè)創(chuàng)建單元格的拆分和合并

七、板書（板演、板畫）設(shè)計

1.單元格的屬性

2.合并單元格

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期11.18

課題使用css設(shè)置頁面、文本、段落的格式課型新授課

授課班級21電商1班2班（高）班課時2

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

知識與技能：理解CSS樣式表的含義、分類

過程與方法：能運用css樣式表對網(wǎng)頁的頁邊距

情感態(tài)度與價值觀：體會DreamweaverCS3創(chuàng)建CSS的樂趣

二、教學(xué)重點

1.CSS

2.CSS樣式面板

三、教學(xué)難點

CSS樣式面板

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

播放《學(xué)習(xí)強國》思政小視頻

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

同學(xué)們的DWCS3軟件創(chuàng)建網(wǎng)頁CSS有哪式，吸引學(xué)生

些？

學(xué)習(xí)興趣

討論一下，軟件中插入CSS的創(chuàng)建及分類引出本節(jié)課的

有哪些？內(nèi)容

講授新課1.從分析''任務(wù)分析”中兩個網(wǎng)頁截圖的認(rèn)真聽講并思考通過讓學(xué)生學(xué)

區(qū)別引入課題，講述CSS在網(wǎng)頁設(shè)計中記錄筆記習(xí)DW的重要

的重要功能性，讓學(xué)生樹

2.結(jié)合該任務(wù)后面的“任務(wù)拓展”，掌握立學(xué)習(xí)的意識

CSS設(shè)置頁面、文本、段落的格式的方法

3.CSS規(guī)則的設(shè)置

4.CSS使用原則

做筆記

小結(jié)CSS操作簡單，功能豐富，但要運用自如，

還需要學(xué)生多多練習(xí)，積累經(jīng)驗

作業(yè)創(chuàng)建CSS樣式表

七、板書（板演、板畫）設(shè)計

1.CSS

2.CSS樣式面板

3.CSS的創(chuàng)建及分類

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期11.23

課題使用CSS設(shè)置表格元素外觀課型新授課

授課班級21電商1班2班（高）班課時2

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

知識與技能：掌握利用CSS設(shè)置表格元素的方法

過程與方法：了解外部css樣式表跨網(wǎng)頁、跨網(wǎng)站應(yīng)用的方法

情感態(tài)度與價值觀：體會DreamweaverCS3創(chuàng)建CSS的外觀

二、教學(xué)重點

1.外部樣式表

2.CSS設(shè)置表格元素

三、教學(xué)難點

CSS設(shè)置表格元素

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)1.行課前禮；學(xué)生自檢提示學(xué)生要做

2.考勤；好上課準(zhǔn)備

3.紀(jì)律要求。

播放《學(xué)習(xí)強國》思政小視頻

新課導(dǎo)入提問：學(xué)生回答教師提問通過提問的方

同學(xué)們的DWCS3軟件創(chuàng)建網(wǎng)頁CSS標(biāo)簽式，吸引學(xué)生

有哪些？學(xué)習(xí)興趣

討論一下，軟件中插入CSS的創(chuàng)建外部樣引出本節(jié)課的

式表有哪些？內(nèi)容

講授新課通過上機實踐操作，講解CSS樣式表在認(rèn)真聽講并思考通過讓學(xué)生學(xué)

表格中的應(yīng)用；也可以先講解在上機操作記錄筆記習(xí)DW的重要

CSS設(shè)置頁面、文本、段落的格式的方法性，讓學(xué)生樹

1.CSS規(guī)則的設(shè)置立學(xué)習(xí)的意識

2.CSS使用方法

做筆記

小結(jié)通過上機實踐操作，講解CSS樣式表在表

格中的應(yīng)用；也可以先講解在上機操作

作業(yè)利用CSS設(shè)置表格元素

七、板書（板演、板畫）設(shè)計

1.外部樣式表

2.通過重新定義＜body＞標(biāo)簽的背景屬性

八、教學(xué)反思

審閱簽名:

中山科技大學(xué)文化理論課教案

中山科技大學(xué)版號：A/1

共3頁

課程名稱Dreamweaver日期11.24

課題使用CSS設(shè)置超鏈接任務(wù)課型新授課

授課班級21電商1班2班（高）班課時2

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

知識與技能：掌握使用CSS設(shè)置超鏈接的方法

過程與方法：了解網(wǎng)頁中超鏈接的四種狀態(tài)

情感態(tài)度與價值觀：體會DreamweaverCS3創(chuàng)建CSS的超級鏈接

二、教學(xué)重點

1超.鏈接的種狀態(tài)

2.CSS超級鏈接的方法

三、教學(xué)難點

CSS超級鏈接的方法

四、教學(xué)方法

講授法、練習(xí)法

五、教學(xué)環(huán)境及資源準(zhǔn)備

1、檢查教室設(shè)備是否正常

2、準(zhǔn)備好教材、教案

六、教學(xué)過程

設(shè)計意圖

教學(xué)環(huán)節(jié)教學(xué)內(nèi)容及教師活動學(xué)生活動

（資源準(zhǔn)備）

組織教學(xué)