《網(wǎng)頁制作》教案

1、湖南省商業(yè)技術(shù)學(xué)院學(xué)期授課進(jìn)度計(jì)劃（ 二年級(jí) 第一學(xué)期）課程名稱網(wǎng)頁制作與設(shè)計(jì)適用班級(jí) 16 高21、22制定教師易會(huì)芝審批簽字教研室主任年月日教務(wù)科長(zhǎng)年月日教務(wù)院長(zhǎng)年月日2017-2018學(xué)年第 學(xué)期制定課 時(shí) 分 配授課周數(shù)周課時(shí)授課總課時(shí)其中講課實(shí)驗(yàn)復(fù)習(xí)考試機(jī)動(dòng)23期末完成情況計(jì)戈1J課時(shí)完成課時(shí)超生或缺少課時(shí)超出缺少?gòu)浹a(bǔ)教學(xué)截至章節(jié)內(nèi)容備注：用藍(lán)黑或碳素墨水鋼筆填寫教學(xué)計(jì)劃學(xué)情分析本門課程網(wǎng)頁設(shè)計(jì)與制作的教學(xué)班級(jí)為 14級(jí)計(jì)算機(jī)班，計(jì)算機(jī)班對(duì)網(wǎng)絡(luò)知識(shí) 有f 的了解，基礎(chǔ)知識(shí)較好，同時(shí)根據(jù)實(shí)際情況，特?cái)M定本計(jì)劃。大 綱 要 求通過本學(xué)期網(wǎng)頁設(shè)計(jì)與制作的學(xué)習(xí)，主要要求同學(xué)們掌握網(wǎng)頁制作的一

2、些 基本功能和操作，為以后的一些學(xué)習(xí)和工作打下較好的基礎(chǔ)。通過學(xué)習(xí)耍求同學(xué)達(dá) 到以卜要求：1、了解DreamweaverCS6勺詳細(xì)功能及操作方法。2、熟練掌握網(wǎng)頁制作技巧。3、掌握網(wǎng)頁規(guī)范以及網(wǎng)頁優(yōu)化和網(wǎng)站推廣的知識(shí)。4、明確網(wǎng)站建設(shè)的流程和站點(diǎn)建設(shè)成后需要做的優(yōu)化推廣工作。教 學(xué) 重 點(diǎn)1、超級(jí)鏈接2、表格表單應(yīng)用3、框架使用4、CSS羊式教 學(xué) 難 點(diǎn)1、超級(jí)鏈接2、用表格和框架布局頁面3、創(chuàng)建數(shù)據(jù)庫教 學(xué) 方 法講授法、演示法、項(xiàng)目教學(xué)法、合作學(xué)習(xí)、對(duì)話、任務(wù)驅(qū)動(dòng)法、頭腦風(fēng)暴、小組討 論法等教學(xué)方法。學(xué)期授課進(jìn)度計(jì)劃表周次授 課 內(nèi) 容課時(shí)備 注31.1網(wǎng)站基礎(chǔ)知識(shí)21、2周新生軍訓(xùn)1

3、.2網(wǎng)站建設(shè)概述2實(shí)訓(xùn)新建一個(gè)網(wǎng)頁2上機(jī)42.1添加和編輯乂本2實(shí)訓(xùn)網(wǎng)站素材處理2上機(jī)實(shí)訓(xùn)制作簡(jiǎn)單網(wǎng)頁2上機(jī)567國(guó)慶放假6機(jī)動(dòng)補(bǔ)周一課82.2添加和編輯圖像62.3創(chuàng)建超級(jí)鏈接2實(shí)訓(xùn)圖像處理和創(chuàng)建超級(jí)鏈接2上機(jī)9實(shí)訓(xùn)跳轉(zhuǎn)菜單2上機(jī)2.4使用表格布局反面2實(shí)訓(xùn)表格布局實(shí)例分析2上機(jī)102.5使用框架布局頁面2運(yùn)動(dòng)會(huì)充周三到周五運(yùn)動(dòng)會(huì)11實(shí)訓(xùn)框架布局實(shí)例分析2上機(jī)3.3添加動(dòng)畫2添加首頻和視頻212實(shí)訓(xùn)DIV與表格的轉(zhuǎn)換2上機(jī)4.3晃動(dòng)的圖片2實(shí)訓(xùn)交換圖像2上機(jī)13實(shí)訓(xùn)拼圖游戲2上機(jī)4.4修改屬性特效及動(dòng)態(tài)菜單制作2實(shí)訓(xùn)效果行為應(yīng)用2上機(jī)14實(shí)訓(xùn)圖片展播實(shí)例2上機(jī)5.1認(rèn)識(shí)和編輯CSS2實(shí)訓(xùn)美化

4、頁面2上機(jī)15實(shí)訓(xùn) 應(yīng)用CSSIU網(wǎng)頁中2上機(jī)5.2類型、背景和區(qū)塊樣式2實(shí)訓(xùn) 方框、邊框和導(dǎo)航欄2上機(jī)16實(shí)訓(xùn)超鏈接樣式及設(shè)置技巧2上機(jī)學(xué)期授課進(jìn)度計(jì)劃表6.1DIV布局頁面26.2 認(rèn)識(shí) Spry217實(shí)訓(xùn)調(diào)整樣式2上機(jī)6.3選擇服務(wù)器和使用虛擬機(jī)26.4申請(qǐng)域名218實(shí)訓(xùn)網(wǎng)站發(fā)布2上機(jī)7.1個(gè)人主頁制作27.2策劃構(gòu)思及設(shè)計(jì)流程219實(shí)訓(xùn)頁面布局2上機(jī)7.3制作頁面頭部27.4制作中間走格內(nèi)容220元旦放假2機(jī)動(dòng)2充周一課22122222復(fù)習(xí)考試6教研組 意見課題1.1網(wǎng)頁制作基礎(chǔ)知識(shí)教學(xué)課時(shí)2課時(shí)教學(xué)目標(biāo)知識(shí)目標(biāo)能了解網(wǎng)頁制作軟件的特點(diǎn)能力目標(biāo)能掌握網(wǎng)頁制作的基本概念情感目標(biāo)提高學(xué)生團(tuán)

5、結(jié)合作精神，提高學(xué)生競(jìng)爭(zhēng)意識(shí)教學(xué)重點(diǎn)網(wǎng)頁的組成教學(xué)難點(diǎn)網(wǎng)頁的分類，網(wǎng)址與域名的區(qū)分教學(xué)資源1 .教學(xué)場(chǎng)所：多媒體教室2 .教學(xué)設(shè)備：安裝后 Dreamweaver cs5軟件的計(jì)算機(jī)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ì)意圖課前準(zhǔn)備1、教師自我介紹；2、點(diǎn)名；3、課程介紹4、課堂要求1 .自我介紹2 .按照花名冊(cè)點(diǎn)名3 .課程介紹4 .統(tǒng)計(jì)學(xué)情5 .提出期望與要求1 .班長(zhǎng)統(tǒng) 計(jì)座次表2 .學(xué)生自 我介紹3 .反應(yīng)學(xué) 情4 .推薦課使師

6、生盡 快互相認(rèn) 識(shí)，并促使 學(xué)生答題 了解我們 的課程。代表。本次課是本學(xué)期第一次上以提問的方學(xué)生之間相提問跟就課，簡(jiǎn)單介紹本課程：式了解學(xué)生互討論，加業(yè)和薪資1、網(wǎng)頁設(shè)計(jì)相關(guān)級(jí)別及其對(duì)網(wǎng)頁設(shè)計(jì)深對(duì)網(wǎng)頁設(shè)有關(guān)的問導(dǎo)入新課薪資待遇的認(rèn)知計(jì)的認(rèn)識(shí)題，抓住學(xué)2、網(wǎng)頁設(shè)計(jì)的就業(yè)方向及生注意力。其公司類型一、網(wǎng)頁設(shè)計(jì)介紹簡(jiǎn)單介紹網(wǎng)吸收新知識(shí)講述基礎(chǔ)1、網(wǎng)站是企業(yè)向用戶和網(wǎng)頁知識(shí)并思考生活知識(shí)，為后民提供信息（包括產(chǎn)品和提問：網(wǎng)頁設(shè)中常見網(wǎng)頁面學(xué)習(xí)打服務(wù)）的一種方式，是企計(jì)要點(diǎn)并將設(shè)計(jì)知識(shí)卜基礎(chǔ)業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)學(xué)生分組進(jìn)分組討論，加強(qiáng)學(xué)生施和信息平臺(tái)，離開網(wǎng)站行討論并派出代表之間交流任務(wù)一去談電子商

7、務(wù)是不可能講述網(wǎng)站設(shè)來總結(jié)溝通能力，講授新課的。計(jì)級(jí)別，引導(dǎo)思考自己的加深學(xué)生2、企業(yè)的網(wǎng)站被稱為“網(wǎng)學(xué)生對(duì)這個(gè)定位對(duì)網(wǎng)頁設(shè)絡(luò)商標(biāo)”，也是企業(yè)無形行業(yè)向往，并了解本行業(yè)計(jì)要點(diǎn)理資產(chǎn)的組成部分，而網(wǎng)站鼓勵(lì)學(xué)生向的現(xiàn)狀解是Internet上宣傳和反映大師階段努認(rèn)識(shí)軟件基引導(dǎo)學(xué)生企業(yè)形象和文化的重要窗力本組成了解這個(gè)行業(yè)引導(dǎo)學(xué)生 了解本行 業(yè)從事范 圍提前引導(dǎo) 學(xué)生認(rèn)識(shí)dreamweav er cs5 為 后面軟件 學(xué)習(xí)打下 基礎(chǔ)這些知識(shí)都是學(xué)網(wǎng) 頁設(shè)計(jì)最 基本的基礎(chǔ)知識(shí)，學(xué) 生基礎(chǔ)知識(shí)薄弱，必 須了解這 些才能學(xué)口。二、網(wǎng)頁設(shè)計(jì)的要點(diǎn)1、明確建站目標(biāo)和需求。2、網(wǎng)站主題鮮明。3、網(wǎng)站版式設(shè)計(jì)。4、

8、色彩在網(wǎng)站設(shè)計(jì)中的作用。5、網(wǎng)站設(shè)計(jì)形式與內(nèi)容統(tǒng)三、網(wǎng)站設(shè)計(jì)級(jí)別1、新手入行2、跳梢階段3、穩(wěn)定階段4、大師階段四、網(wǎng)頁設(shè)計(jì)公司類型1、門戶游戲類2、企業(yè)部門類3、網(wǎng)站建設(shè)類4、互動(dòng)設(shè)計(jì)類五、網(wǎng)頁三劍客1、 Dreamweaver簡(jiǎn)單介紹學(xué)做筆記，識(shí) 生將來從事記教師講述本行業(yè)的范的知識(shí)圍介紹網(wǎng)頁制作需要的軟件給學(xué)生灌輸網(wǎng)頁設(shè)計(jì)的基本知識(shí)習(xí)后面的可視化頁面設(shè)計(jì)、網(wǎng)站內(nèi)容管理2、 Fireworks頁面圖象設(shè)計(jì)工具3、 Flash動(dòng)畫制作六、網(wǎng)頁基礎(chǔ)知識(shí)1、網(wǎng)頁與網(wǎng)站的區(qū)別(1)網(wǎng)頁是WW中信 息的基本單位，簡(jiǎn)單來說， 就是后綴名為htm的文件。(2)網(wǎng)站是指存放在網(wǎng)絡(luò) 服務(wù)器上的完整信息的集

9、合體。2、網(wǎng)頁的組成(1)文字：最直接、通用、容易的溝通方式(2)圖片：網(wǎng)頁的一大特 點(diǎn)一一圖文并茂(3)動(dòng)畫：1995年，Sun 公司開發(fā)了 Java語言，用 戶可以創(chuàng)建能調(diào)用圖片和 聲音的多媒體應(yīng)用小程序(4)超鏈接：要通過一種 方式把各獨(dú)立的網(wǎng)頁整和 在一起，使之構(gòu)成一有機(jī) 整體，而這種鏈接頁面的 功能叫超鏈接。(5)特殊組件：圖片與動(dòng) 畫可算是最常見的特殊組 件。3、主頁 Homepage引導(dǎo)訪問者瀏覽網(wǎng)站。index、main、default4、網(wǎng)頁空間在Internet 上申請(qǐng)的一個(gè) 存儲(chǔ)空間，用以存放網(wǎng)頁。5、網(wǎng)址和域名網(wǎng)址：IP地址域名：與IP地址相對(duì)應(yīng)， 唯一性，善于識(shí)別 最

10、右邊：國(guó)家(中國(guó)cn)其次：機(jī)構(gòu)(商業(yè)機(jī)構(gòu)cornj)再次：子網(wǎng)名稱最左邊：服務(wù)器類別（web服務(wù)器wwW6、網(wǎng)頁的分類靜態(tài)反面與動(dòng)態(tài)頁面7、認(rèn)識(shí)網(wǎng)站門戶網(wǎng)站：sina個(gè)人網(wǎng)站：明星專業(yè)網(wǎng)站：醫(yī)療職能網(wǎng)站：政府任務(wù)二動(dòng)手實(shí)踐根據(jù)網(wǎng)頁設(shè)計(jì)要點(diǎn)，以小組為單位確定一個(gè)網(wǎng)站主題，小組討論需要的步驟以及素材巡回指導(dǎo)，給予學(xué)生幫助小組討論，相互溝通加深學(xué)生 對(duì)網(wǎng)頁設(shè) 計(jì)要點(diǎn)學(xué) 習(xí)課后作業(yè)1、按照課堂分組課后進(jìn)行討論2、每組確定一個(gè)網(wǎng)站主題方向。3、每組設(shè)一個(gè)網(wǎng)站調(diào)查問卷。課堂小結(jié)一、網(wǎng)頁設(shè)計(jì)師就業(yè)方向二、網(wǎng)站設(shè)計(jì)流程三、常見網(wǎng)站教學(xué)反思本次課是網(wǎng)頁設(shè)計(jì)第一次上課，主要講述一些網(wǎng)頁基礎(chǔ)知識(shí)，學(xué)生 基礎(chǔ)知識(shí)薄

11、弱，需要加強(qiáng)，整體來說計(jì)算機(jī)班基礎(chǔ)知識(shí)要好于電子 商務(wù)班板書一、網(wǎng)頁設(shè)計(jì)介紹二、網(wǎng)貞設(shè)計(jì)的要點(diǎn)三、網(wǎng)站設(shè)計(jì)級(jí)別四、網(wǎng)頁設(shè)計(jì)公司類型五、網(wǎng)貞三劍客六、網(wǎng)頁基礎(chǔ)知識(shí)課題1.2網(wǎng)站建設(shè)概述教學(xué)課時(shí)2課時(shí)教學(xué)目標(biāo)知識(shí)目標(biāo)了解做網(wǎng)站的準(zhǔn)備工作，掌握站點(diǎn)的建立。能力目標(biāo)1 .能了解網(wǎng)站開發(fā)的基本流程。2 .能掌握網(wǎng)站開發(fā)的基本原則。3 .能學(xué)會(huì)站點(diǎn)的建立與管理。情感目標(biāo)提高學(xué)生團(tuán)結(jié)合作精神，增強(qiáng)小組合作能力教學(xué)重點(diǎn)站點(diǎn)的建立教學(xué)難點(diǎn)如何規(guī)劃女一個(gè)網(wǎng)站教學(xué)資源1 .教學(xué)場(chǎng)所：多媒體教室2 .教學(xué)設(shè)備：安裝后 Dreamweaver cs5軟件的計(jì)算機(jī)3 .教學(xué)資料：輔助課件、多媒體教學(xué)軟件教法講解法、任務(wù)驅(qū)

12、動(dòng)教學(xué)法 學(xué)法小組討論法教學(xué)過程教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖課前準(zhǔn)備1、搜集了解網(wǎng)站開發(fā)的基 本流程。2、網(wǎng)站設(shè)計(jì)、制作過程中 的一些原則、注意事項(xiàng)。配合學(xué)生搜索資料及解答疑問網(wǎng)上搜索 教師提出 問題，了解 網(wǎng)站設(shè)計(jì) 事項(xiàng)培養(yǎng)學(xué)生 自主學(xué)習(xí) 能力導(dǎo)入新課(5min)網(wǎng)站設(shè)計(jì)大致流程是哪些？每組派出一個(gè)代表闡述本組課前搜集的資料聽取學(xué)生的觀點(diǎn)并給予一定的知道闡述觀點(diǎn)，組員之間相互討論鍛煉學(xué)生 的語言表 達(dá)能力和 分析能力任務(wù)一講授新課(35min)一、 網(wǎng)站設(shè)計(jì)流程架構(gòu)內(nèi)容信息 搜集整理資料 規(guī)劃網(wǎng)站結(jié)構(gòu)網(wǎng)頁制作rvWL網(wǎng)1站2任務(wù)二分組討論(40min)二、嗨硒露原則1、確定網(wǎng)站主題的建議

13、2、給網(wǎng)站取名3、提下決定網(wǎng)站的性質(zhì)小組討論，相互溝通加深學(xué)生 對(duì)網(wǎng)頁設(shè) 計(jì)要點(diǎn)學(xué) 習(xí)1、確定主題討論：網(wǎng)站是靠什么贏利的？2、規(guī)劃站點(diǎn)結(jié)構(gòu)(1)結(jié)構(gòu)設(shè)計(jì)(2)目錄結(jié)構(gòu)設(shè)計(jì)(3)形象設(shè)計(jì)(4)主頁設(shè)計(jì)(5)其他頁面設(shè)計(jì)(6)企業(yè)站點(diǎn)設(shè)計(jì)(7)為站點(diǎn)設(shè)計(jì)目標(biāo)對(duì)象訪問率三、網(wǎng)頁版面布局設(shè)計(jì)1、版面布局的原則(1)主次分明、中心突出(2)大小搭配、相互呼應(yīng)(3)圖文并茂、相得益彰(4)動(dòng)靜適度、平衡對(duì)稱2、頁面布局的類型(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)頁內(nèi)容分門別類的保存。3、創(chuàng)建導(dǎo)

14、航草圖五、搜集素材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)課后作業(yè)(5min)根據(jù)這次課的內(nèi)容、注意事項(xiàng)，構(gòu)思一個(gè)明確的網(wǎng)站主題，并將站點(diǎn)結(jié)構(gòu)的規(guī)劃用文件夾表示出來課堂小結(jié)(5min)一、 網(wǎng)站設(shè)計(jì)確定主題二、網(wǎng)站設(shè)計(jì)流程三、站點(diǎn)管理教學(xué)反思本次主要講述站點(diǎn)的建立和管理，課程較簡(jiǎn)單，學(xué)生掌握較好板書一、網(wǎng)站設(shè)計(jì)流程二、網(wǎng)站開發(fā)原則三、網(wǎng)頁版面布局設(shè)計(jì)四、規(guī)劃站點(diǎn)五

15、、搜集素材六、創(chuàng)建站點(diǎn)七、管理站點(diǎn)實(shí)訓(xùn)課題新建一個(gè)網(wǎng)頁實(shí)訓(xùn)課時(shí)2課時(shí)實(shí)訓(xùn)目標(biāo)1、熟悉 Dreamweaver cs4 界面2、制作簡(jiǎn)單網(wǎng)頁實(shí)訓(xùn)重點(diǎn)1、 學(xué)會(huì)在網(wǎng)貞中輸入文字、插入圖片等2、 掌握簡(jiǎn)單代碼的編寫實(shí)訓(xùn)難點(diǎn)代碼的編寫實(shí)訓(xùn)方法上機(jī)實(shí)訓(xùn)實(shí)訓(xùn)準(zhǔn)備教案、素材、案例、教材、計(jì)算機(jī)機(jī)房實(shí)訓(xùn)要求1 .對(duì)照實(shí)習(xí)艮告的要求，完成上機(jī)任務(wù)；2 .任務(wù)完成后及時(shí)要求教師考評(píng)；3 .完善實(shí)習(xí)才艮告，填寫實(shí)訓(xùn)總結(jié)；遵守實(shí)訓(xùn)紀(jì)律，不游戲，不睡覺，不高聲談?wù)摗?shí)訓(xùn)過程內(nèi)容操作要求及步驟任務(wù)一新建網(wǎng)頁11、雙擊打開軟件新建 HTM頁網(wǎng)頁名字為 nes01 輸入以下文字然后保存2、文字要求：標(biāo)題 宋體 二號(hào) 藍(lán)色 正

16、文：五號(hào) 宋體 加粗任務(wù)二新建網(wǎng)頁2制作如卜網(wǎng)貝 素材見文件夾 網(wǎng)貝命名文字為 index 保存在文件夾中上交給老師一工/光1臨我的足球網(wǎng)情萬琳桃玩足昨嶺內(nèi)畤丫 1*用革T曲的愜桂吧林野濕時(shí) > .Q_. J _操作步驟：新建 HTML雙頁一一輸入文字一一將標(biāo)題設(shè)置為36號(hào)，藍(lán)色，宋體一一插入兩根紅色的水平線一一插入時(shí)間一一插入商標(biāo)一一插入背景圖片一一保存完善報(bào)告填寫實(shí)訓(xùn)總結(jié)，并上交實(shí)習(xí)se告。自主練習(xí)剩余時(shí)間，可進(jìn)行自主練習(xí)，內(nèi)容不限，但不可違反上機(jī)紀(jì)律實(shí)訓(xùn)總結(jié)本次課是學(xué)生第一次上機(jī)，制作一個(gè)較簡(jiǎn)單的網(wǎng)頁，學(xué)生存在對(duì)DW 界面不熟，操作不熟練等缺點(diǎn)，需加強(qiáng)操作課題2.1編輯和添加乂本教

17、學(xué)課時(shí)2課時(shí)教學(xué)目標(biāo)知識(shí)目標(biāo)1、掌握輸入和編輯文本2、學(xué)會(huì)插入文本，掌握設(shè)置文本格式的方法能力目標(biāo)掌握網(wǎng)頁中二種常見列表的創(chuàng)建，及其各自的特點(diǎn)情感目標(biāo)提高學(xué)生自主學(xué)習(xí)和團(tuán)隊(duì)競(jìng)爭(zhēng)意識(shí)教學(xué)重點(diǎn)插入和編輯文本教學(xué)難點(diǎn)創(chuàng)建列表教學(xué)資源1 .教學(xué)場(chǎng)所：多媒體教室2 .教學(xué)設(shè)備：安裝后 Dreamweaver cs5軟件的計(jì)算機(jī)3 .教學(xué)資料：輔助課件.多媒體教學(xué)軟件教法講解法、任務(wù)驅(qū)動(dòng)教學(xué)法學(xué)法小組討論法教學(xué)過程教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖導(dǎo)入新課(5min)提問：在DM輸入文本和在Wordt1輸入文本有何區(qū)別？將學(xué)生分組， 并提出問題， 引導(dǎo)學(xué)生小 組之間討論討論并思考以討論的 形式提高 學(xué)生之間

18、 的交流溝并總結(jié)通一、插入文本演示并強(qiáng)調(diào)認(rèn)真聽講并文本插入1、插入普通文本重點(diǎn)記卜重點(diǎn)是基礎(chǔ)知2、插入不換行空格識(shí)，為卜面3、插入水平線任務(wù)二打任務(wù)一4、插入日期和特殊字卜基礎(chǔ)插入文本符(20min)一、編輯文本1、基本樣式設(shè)置2、設(shè)置段落格式3、創(chuàng)建列表完成以卜網(wǎng)頁實(shí)例：1、 引導(dǎo)小組討論本實(shí)例即學(xué)生討論是對(duì)任務(wù)該網(wǎng)頁由一的鞏固，哪幾部分也為下一任務(wù)二組成次課打下(55min)2、 引導(dǎo)基礎(chǔ)學(xué)生小組組內(nèi)分工，完成小模塊作業(yè)布置(5min)1、找一篇文章輸入至頁面中，然后利用所學(xué)知識(shí)，對(duì)其進(jìn)行格式編排課堂小結(jié)(5min)一、 插入文本二、編輯文本板書一、插入文本5、 插入普通文本6、 插入不換

19、行空格7、 插入水平線8、 插入日期和特殊字符二、編輯文本1、基本樣式設(shè)置2、設(shè)置段落格式3、創(chuàng)建列表三、實(shí)例操作教學(xué)反思本次課是 個(gè)基礎(chǔ)知識(shí)內(nèi)容，文本是一個(gè)網(wǎng)頁必不口少的內(nèi)容， 對(duì) 網(wǎng)頁設(shè)計(jì)至關(guān)重要，學(xué)生必須牢牢掌握文本的各個(gè)要點(diǎn)。目前來說 學(xué)習(xí)興趣較好。實(shí)訓(xùn)課題網(wǎng)站素材處理實(shí)訓(xùn)課時(shí)2課時(shí)實(shí)訓(xùn)目標(biāo)1、 掌握創(chuàng)建本地站點(diǎn)和遠(yuǎn)程站點(diǎn)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ī)房實(shí)訓(xùn)要求1、 對(duì)照實(shí)習(xí)艮告的要求，完成上機(jī)任務(wù)；2、 任務(wù)完成后及時(shí)要求教師考評(píng)；3、 完善實(shí)習(xí)才艮告，填寫實(shí)訓(xùn)總結(jié)；4、遵守實(shí)訓(xùn)紀(jì)律，不游戲

20、，不睡覺，不高聲談?wù)摗?shí)訓(xùn)過程內(nèi)容操作要求及步驟任務(wù)一創(chuàng)建站點(diǎn)1、熟悉DW#面2、在D盤根目錄創(chuàng)建一個(gè)站點(diǎn)名稱為我的足球網(wǎng)，本地站點(diǎn)義件夾為jcwww,如下圖所7K任務(wù)二設(shè)置默認(rèn) 圖像文件 夾利用教師所給素材，制作簡(jiǎn)單網(wǎng)頁我的偶像，素材見文件夾完善報(bào)告填寫實(shí)訓(xùn)總結(jié)，并上交實(shí)習(xí)se告。自主練習(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)頁實(shí)訓(xùn)課時(shí)2課時(shí)實(shí)訓(xùn)目標(biāo)1、掌握新建網(wǎng)頁、編輯文字、處理圖像2、 新建站點(diǎn)3、 插入水平線、空格、自動(dòng)更新時(shí)間實(shí)訓(xùn)重點(diǎn)制作簡(jiǎn)單網(wǎng)頁流程實(shí)

21、訓(xùn)難點(diǎn)綜合運(yùn)用HTML：具實(shí)訓(xùn)方法上機(jī)實(shí)訓(xùn)實(shí)訓(xùn)準(zhǔn)備教案、素材、案例、教材、計(jì)算機(jī)機(jī)房實(shí)訓(xùn)要求4、 對(duì)照實(shí)習(xí)艮告的要求，完成上機(jī)任務(wù)；5、 任務(wù)完成后及時(shí)要求教師考評(píng)；6、 完善實(shí)習(xí)才艮告，填寫實(shí)訓(xùn)總結(jié)；4、遵守實(shí)訓(xùn)紀(jì)律，不游戲，不睡覺，不高聲談?wù)?。?shí)訓(xùn)過程內(nèi)容操作要求及步驟任務(wù)一足球偶像網(wǎng)頁1、 熟悉DW菜單欄常用界面2、 完成以下簡(jiǎn)單網(wǎng)站，素材見素材庫完善報(bào)告填寫實(shí)訓(xùn)總結(jié)，并上交實(shí)習(xí)se告。自主練習(xí)剩余時(shí)間，可進(jìn)行自主練習(xí)，內(nèi)容不限，但不可違反上機(jī)紀(jì)律實(shí)訓(xùn)總結(jié)本次上機(jī)內(nèi)容較多，主要考察學(xué)生綜合性的練習(xí)，如圖片的插入， 文字的編輯及水平線的插入等，需要學(xué)生對(duì)前面的知識(shí)非常熟悉， 13高12班整

22、體班級(jí)學(xué)習(xí)氛圍較好，所有學(xué)生都能按時(shí)上交作業(yè)， 值得表揚(yáng)課題2.2添加和編輯圖像教學(xué)課時(shí)2課時(shí)教學(xué)目標(biāo)知識(shí)目標(biāo)1、掌握?qǐng)D像裁剪、重新取樣、亮度、銳化的設(shè)置2、掌握?qǐng)D像屬性設(shè)置能力目標(biāo)掌握運(yùn)用軟件對(duì)圖像處理的能力情感目標(biāo)提高學(xué)生團(tuán)結(jié)合作精神，提高學(xué)生競(jìng)爭(zhēng)意識(shí)教學(xué)重點(diǎn)圖像的編輯教學(xué)難點(diǎn)圖像的編輯教學(xué)資源1 .教學(xué)場(chǎng)所：多媒體教室2 .教學(xué)設(shè)備：安裝后 Dreamweaver cs5軟件的計(jì)算機(jī)3 .教學(xué)資料：輔助課件.多媒體教學(xué)軟件教法講解法、任務(wù)驅(qū)動(dòng)教學(xué)法學(xué)法小組討論法教學(xué)過程教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖前面介紹網(wǎng)頁的時(shí)候有說演示分組討論用提出問題過，在保證畫質(zhì)的情況下，cluo.jpeg

23、這什么方法來引發(fā)學(xué)生圖片的數(shù)據(jù)量越小越好。張圖片，分析更改數(shù)據(jù)量思考，引出導(dǎo)入新課問題：如果一張圖片數(shù)據(jù)數(shù)據(jù)量為和規(guī)格這次課的(5min)量很大，我們?cè)撊绾尉?3k、畫質(zhì)為主題輯？1024*768 規(guī)格的圖片如何更改數(shù)據(jù)用和規(guī)格？給出 cluo.jpeg 和 gg.jpeg對(duì)圖片寬、觀看教師演引導(dǎo)學(xué)生兩張圖片進(jìn)行對(duì)比，提出高、裁切、重示，并思考學(xué)習(xí)理論任務(wù)：如何從cluo.jpeg 變新采樣、銳化cluo.jpeg的時(shí)候思化到 gg.jpeg ?等設(shè)置進(jìn)行變成考如何理任務(wù)一編輯圖片(30min)具體操作步驟：打開D瞰 件一一插入圖像 cluo.jpeg ,對(duì)圖片屬性設(shè) 置如下目標(biāo)值：編輯完成后

24、與原圖像進(jìn)行 對(duì)比，會(huì)發(fā)現(xiàn)數(shù)據(jù)量、規(guī) 格都發(fā)生變化，但瀏覽網(wǎng) 員更友好cluo.jpeg的方法論運(yùn)用到實(shí)踐任務(wù)二制作翻轉(zhuǎn)圖像(50min)概念：在網(wǎng)頁瀏覽中，有 時(shí)當(dāng)鼠標(biāo)移到某個(gè)圖像上 或者單擊時(shí)，圖像會(huì)變成 另外一副圖像。瀏覽時(shí)效果：鼠標(biāo)放上去時(shí)效果：1、 鼓勵(lì)學(xué)生小組 討論如何 完成翻轉(zhuǎn) 圖像效果；2、 給學(xué)生展示翻 轉(zhuǎn)圖像做 出來的效 果，然后講 解如何zl能元成 這個(gè)效果小組討論如 何完成該效 果并進(jìn)行嘗 試課堂小結(jié)(5min)一、 如何編輯圖像二、制作翻轉(zhuǎn)圖像效果板書設(shè)計(jì)一、編輯圖像1、 重新米樣2、 裁剪、銳化二、翻轉(zhuǎn)圖像制作效果教學(xué)反思本次教學(xué)學(xué)生較感興趣，特別是鼠標(biāo)經(jīng)過的圖像，

25、學(xué)生完成得較好, 值得鼓勵(lì)課題2.3創(chuàng)建超級(jí)鏈接教學(xué)課時(shí)2課時(shí)教學(xué)目標(biāo)知識(shí)目標(biāo)1、 掌握創(chuàng)建超鏈接的方法2、 掌握相對(duì)鏈接和絕對(duì)鏈接的區(qū)別3、 創(chuàng)建錨點(diǎn)鏈接能力目標(biāo)提高學(xué)生學(xué)習(xí)創(chuàng)作能力情感目標(biāo)提高學(xué)生團(tuán)結(jié)合作精神，提高學(xué)生競(jìng)爭(zhēng)意識(shí)教學(xué)重點(diǎn)1、 正確認(rèn)識(shí)路徑2、 理解相對(duì)鏈接和絕對(duì)鏈接的區(qū)別教學(xué)難點(diǎn)添加超鏈接、相對(duì)路徑、絕對(duì)路徑教學(xué)資源1 .教學(xué)場(chǎng)所：多媒體教室2 .教學(xué)設(shè)備：安裝后 Dreamweaver cs5軟件的計(jì)算機(jī)3 .教學(xué)資料：輔助課件.多媒體教學(xué)軟件教法講解法、任務(wù)驅(qū)動(dòng)教學(xué)法學(xué)法小組討論法教學(xué)過程教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖導(dǎo)入新課(5min)每次瀏覽網(wǎng)頁的時(shí)候點(diǎn)擊 某個(gè)文字

26、或者圖片，能自 動(dòng)跳轉(zhuǎn)到另一個(gè)貞面，提 問：這樣的鏈接形式叫什 么？如何實(shí)現(xiàn)？進(jìn)入新浪網(wǎng) 給學(xué)生演示 超級(jí)鏈接的 效果并進(jìn)行 提問觀看效果并 討論如何才 能實(shí)現(xiàn)該效 果以提問且 學(xué)生較熟 悉的瀏覽 網(wǎng)頁的方 式吸引學(xué)生的注意任務(wù)一創(chuàng)建超級(jí)鏈接(20min)一、新建站點(diǎn) jcww,并在 站點(diǎn)內(nèi)新建默認(rèn)圖像文件 夾 images , 將網(wǎng)頁 Index.HTML里的“我與足 球”鏈接到news.HTML目 標(biāo)為-blank ;足球新聞 鏈接到“逢入京使.HTML', 目標(biāo)為-new; “足球明星” 鏈接到“我與足球 網(wǎng).HTML',目臥-self 。 二、對(duì)比每個(gè)目標(biāo)不同， 網(wǎng)頁新

27、建窗口不同并進(jìn)行 總結(jié)給學(xué)生演示 如何插入鏈 接；演小不同 目標(biāo)新建窗 口的區(qū)別觀看教師演 示，并思考-new 、-blank 、-self 幾個(gè)目標(biāo)值窗口的區(qū)別讓學(xué)生熟 悉口叫加超級(jí)鏈接 的界面任務(wù)二區(qū)別：演示教材P60思考并正確正確理解相對(duì)鏈接相對(duì)鏈接是指鏈接的地址實(shí)例理解相對(duì)鏈相對(duì)鏈接和絕對(duì)鏈?zhǔn)潜菊军c(diǎn)之內(nèi)的對(duì)象；絕演示如何插接和絕對(duì)鏈和絕對(duì)鏈接(20min)任務(wù)三對(duì)鏈接是指鏈接的地址是遠(yuǎn)程對(duì)象，用域名或IP作為地址入錨點(diǎn)鏈接接概念觀看教師演示并思考錨接，為卜面的學(xué)習(xí)打卜基礎(chǔ)錨點(diǎn)鏈接(35min)一、概念：在本頁進(jìn)行鏈 接的叫做錨點(diǎn)，一般在長(zhǎng) 篇的文章或技術(shù)文檔中是 使用，鏈接到某個(gè)特殊的

28、 段落。二、打開第4章/4-3/jieshao.html 網(wǎng)頁，演示錨點(diǎn)鏈接效果點(diǎn)鏈接的應(yīng)用錨點(diǎn)鏈接 應(yīng)用比較 廣泛，學(xué)生 需要掌握 并應(yīng)用課堂小結(jié)(5min)一、 頁面與反面之間的超鏈接二、 相對(duì)鏈接和絕對(duì)鏈接三、錨點(diǎn)鏈接(本頁之間鏈接)作業(yè)布置(5min)一、網(wǎng)上查找哪些頁面常用反面與頁面鏈接，哪些是用錨點(diǎn)鏈接并總結(jié)二、利用教材第4章/4-3/jieshao.html 的素材，自己動(dòng)手創(chuàng)建 錨點(diǎn)鏈接板書三、創(chuàng)建超級(jí)鏈接的方法與步驟四、相對(duì)鏈接和絕對(duì)鏈接五、創(chuàng)建錨點(diǎn)鏈接教學(xué)反思本次課主要介紹超鏈接的常用方法，超鏈接在學(xué)生上網(wǎng)中隨處可見， 較易理解，學(xué)生之間的討論也非常激烈，較好。實(shí)訓(xùn)課題圖像

29、處理和創(chuàng)建超鏈接實(shí)訓(xùn)課時(shí)2課時(shí)實(shí)訓(xùn)目標(biāo)3、 學(xué)會(huì)利用DW處理圖像4、 掌握創(chuàng)建超級(jí)鏈接的方法5、 理解相對(duì)鏈接和絕對(duì)鏈接概念實(shí)訓(xùn)重點(diǎn)1、 圖片處理2、 超級(jí)鏈接實(shí)訓(xùn)難點(diǎn)超級(jí)鏈接的使用實(shí)訓(xùn)方法上機(jī)實(shí)訓(xùn)實(shí)訓(xùn)準(zhǔn)備教案、素材、案例、教材、計(jì)算機(jī)機(jī)房實(shí)訓(xùn)要求7、 對(duì)照實(shí)習(xí)艮告的要求，完成上機(jī)任務(wù)；8、 任務(wù)完成后及時(shí)要求教師考評(píng)；9、 完善實(shí)習(xí)才艮告，填寫實(shí)訓(xùn)總結(jié)；4、遵守實(shí)訓(xùn)紀(jì)律，不游戲，不睡覺，不高聲談?wù)?。?shí)訓(xùn)過程操作要求及步驟任務(wù)一處理圖像1、 將圖片6.jpeg修改為尺寸為240*160,數(shù)據(jù)量設(shè)置為8K左右（6-11k都可以）并進(jìn)行裁剪和銳化等設(shè)置，熟悉圖片處理幾個(gè)設(shè)置，設(shè)置完成后以網(wǎng)頁的形式

30、保存，保存在文件夾中，保存名稱為 “xiugai.html ”2、 將教師發(fā)送的Index.HTML網(wǎng)頁進(jìn)行編輯，將“我與足球”四個(gè)字鏈接到“我與足球網(wǎng).html "，目標(biāo)為-self ;將“足球新聞”四個(gè)字鏈接到“逢入京使.html "，目標(biāo)為-blank ;將“足球明 星”四個(gè)字鏈接到“ news.html "，目標(biāo)為-new。3、 修改頁面屬性：在頁面屬性對(duì)話框中，設(shè)置鏈接選項(xiàng)中的大任務(wù)二超級(jí)鏈接小為16像 素，鏈接顏 色 為“ #6666cc 工變換圖 像顏色為“ #ff6600”，已訪問鏈接為“ #663366”，活動(dòng)鏈接為“ #99cc00”，下劃線樣

31、式為“僅在變換圖像時(shí)顯示下劃線”。設(shè)置的對(duì)話框如下圖所示：完善報(bào)告填寫實(shí)訓(xùn)總結(jié)，并上交實(shí)習(xí)se告。自主練習(xí)剩余時(shí)間，可進(jìn)行自主練習(xí)，內(nèi)容不限，但不可違反上機(jī)紀(jì)律實(shí)訓(xùn)總結(jié)本次實(shí)習(xí)內(nèi)容較多，大部分學(xué)生能在規(guī)定時(shí)間內(nèi)完成任務(wù)，較好。實(shí)訓(xùn)課題跳轉(zhuǎn)菜單實(shí)訓(xùn)課時(shí)2課時(shí)6、掌握?qǐng)D像熱點(diǎn)鏈接的使用實(shí)訓(xùn)目標(biāo)7、掌握腳本鏈接8、掌握鏈接檢查器的使用實(shí)訓(xùn)重點(diǎn)路徑的正確使用實(shí)訓(xùn)難點(diǎn)鏈接的運(yùn)用及鏈接檢查器的使用實(shí)訓(xùn)方法上機(jī)實(shí)訓(xùn)實(shí)訓(xùn)準(zhǔn)備教案、素材、案例、教材、計(jì)算機(jī)機(jī)房實(shí)訓(xùn)要求10、 對(duì)照實(shí)習(xí)報(bào)告的要求，完成上機(jī)任務(wù)；11、 任務(wù)完成后及時(shí)要求教師考評(píng)；12、 完善實(shí)習(xí)才艮告，填寫實(shí)訓(xùn)總結(jié)；4、遵守實(shí)訓(xùn)紀(jì)律，不游戲，不睡

32、覺，不高聲談?wù)摗?shí)訓(xùn)過程操作要求及步驟任務(wù)一創(chuàng)建圖像熱點(diǎn)鏈接在地圖中創(chuàng)建熱點(diǎn)鏈接任務(wù)二制作跳轉(zhuǎn)菜單打升news.HTMLM反，在如卜圖所示的位置插入圖片，圖片為“鼠標(biāo)經(jīng)過的圖片”，鏈接到本頁的“冠軍杯新聞”處（提示：利用錨點(diǎn)鏈接）打開 jieshao.html 網(wǎng)頁，在卜載貨源文本中將教師提供的“qq.rar ”放入站點(diǎn)，做成的效果是點(diǎn)擊“下載資源”就能下載“qq.rar ”，同埋在“聯(lián)系我們”中設(shè)置郵件下載完善報(bào)告填寫實(shí)訓(xùn)總結(jié)，并上交實(shí)習(xí)se告。自主練習(xí)剩余時(shí)間，可進(jìn)行自主練習(xí)，內(nèi)容不限，但不可違反上機(jī)紀(jì)律實(shí)訓(xùn)總結(jié)本次實(shí)習(xí)內(nèi)容較多，大部分學(xué)生能在規(guī)定時(shí)間內(nèi)完成任務(wù)，較好。課題2.4使用去格布

33、局頁面教學(xué)課時(shí)2課時(shí)教學(xué)目標(biāo)知識(shí)目標(biāo)1、了解走格在網(wǎng)頁設(shè)計(jì)中的作用。2、掌握網(wǎng)頁中表格的制作方法、表格屬性的設(shè)置方法以及單元格屬性的設(shè)置方法，能夠在單元格中止確插入 文字和圖片。3、能夠根據(jù)網(wǎng)頁設(shè)計(jì)內(nèi)容，正確布局表格的結(jié)構(gòu)，掌 握表格嵌套的設(shè)計(jì)方法。能力目標(biāo)1、利用對(duì)比學(xué)習(xí)，培養(yǎng)學(xué)生知識(shí)遷移的能力。2、通過用走格結(jié)構(gòu)設(shè)計(jì)網(wǎng)頁，使學(xué)生進(jìn)一步理解去格 的作用、功能及網(wǎng)貞設(shè)計(jì)方法的多樣性，培養(yǎng)學(xué)生的發(fā) 散思維能力情感目標(biāo)通過自主探究，使學(xué)生掌握軟件的使用規(guī)則，培養(yǎng)學(xué)生 自主學(xué)習(xí)的能力。教學(xué)重點(diǎn)1、了解走格在網(wǎng)頁設(shè)計(jì)中的重要作用。2、掌握插入、編輯表格的方法及表格的屬性設(shè)置。3、掌握單元格屬性的設(shè)置。

34、教學(xué)難點(diǎn)走格的嵌套在網(wǎng)頁設(shè)計(jì)中的應(yīng)用教學(xué)資源1 .教學(xué)場(chǎng)所：多媒體教室2 .教學(xué)設(shè)備：安裝后 Dreamweaver cs5軟件的計(jì)算機(jī)3 .教學(xué)資料：輔助課件.多媒體教學(xué)軟件教法講解法、任務(wù)驅(qū)動(dòng)教學(xué)法學(xué)法小組討論法教學(xué)過程教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖導(dǎo)入新課(5min)(1)展示兩個(gè)貝聞并進(jìn)行比 較：一個(gè)使用表格布局，表格 邊框隱臧，其貝聞工整，文本、 圖片擺放對(duì)稱，具侶F的規(guī) 律；另一個(gè)頁向凌亂，圖文混 雜，擺放雜亂。問題1：你喜歡那個(gè)貞間的布 局？問題2:用什么方法可以達(dá)到 第二個(gè)頁間的效果？展示并引導(dǎo)學(xué) 生思考學(xué)生仔細(xì)觀 察并比較兩 個(gè)網(wǎng)頁，討 論、交流，回 顧Word中學(xué) 習(xí)過的

35、表格， 領(lǐng)T吾表格在Dreamweaver 中的作用。通過對(duì)比學(xué) 習(xí)，培療學(xué) 生知識(shí)遷移 的能力。任務(wù)一網(wǎng)頁框架(25min)一、仿照網(wǎng)頁3的樣式，制作 一個(gè)網(wǎng)頁框架。在學(xué)生自主探究的基礎(chǔ)上，教 師總結(jié)插入表格的一般方法。并插入一個(gè)2行1列，表格寬度 800像素，邊框粗細(xì)0像素的表 格。演示如何插入表格并對(duì)表格的設(shè)置分析網(wǎng)貝3, 找出其中使 用的表格，仿 照插入圖像 的方法，探索 插入表格的 方法。插入表格，通 過實(shí)際操作 強(qiáng)化對(duì)表格 屬性的認(rèn)識(shí)。引導(dǎo)學(xué)生 學(xué)習(xí)理論 的時(shí)候思 考如何理 論運(yùn)用到 實(shí)踐動(dòng)手分析 和進(jìn)行創(chuàng)意 設(shè)計(jì)，培養(yǎng) 學(xué)生的模仿 以及創(chuàng)新能 力任務(wù)二表格合并和拆分(20min)

36、二、在任務(wù)一的基礎(chǔ)上，探索表格基本屬性：合并與拆分單 元格；單元格的寬度匕高度；用實(shí)例來演 示如何合并和拆分單元 格根據(jù)需要， 插入圖片，在 第二行拆分 為兩夕1，左邊 放文字，右邊 放圖通過實(shí)例， 培養(yǎng)學(xué)生分 析問題、解 決問題的能 力。任務(wù)三表格嵌套(30min)表格的嵌套。在大表中插入一 個(gè)小的表格，這是創(chuàng)建復(fù)雜表 格樣式的有效方法。要提示學(xué) 生/、要嵌套過多。展示幾種常見 的圖文混排樣 式，讓學(xué)生選擇 自己喜歡的一 種完成網(wǎng)貝。完善網(wǎng)貝，制 作完成的同 學(xué)把網(wǎng)頁通 過FTP上傳。讓學(xué)生自主 發(fā)揮，充分 展示個(gè)性風(fēng) 采課堂小結(jié)(5min)一、 網(wǎng)頁框架和表格基本操作一、 表格的合并和拆分

37、二、 表格嵌套課堂作業(yè)(5min)完成教材第五章/Index.html的表格教學(xué)反思通過去格的嵌套及分析，對(duì)頁面進(jìn)行布局。需要加強(qiáng)學(xué)生對(duì)走格合并和拆分的運(yùn)用實(shí)訓(xùn)課題表格布局實(shí)例分析實(shí)訓(xùn)課時(shí)2課時(shí)實(shí)訓(xùn)目標(biāo)1、 能運(yùn)用表格為反面布局2、 能掌握表格的嵌套操作3、4、 能做出“超越公司簡(jiǎn)介”貞面。實(shí)訓(xùn)重點(diǎn)1、掌握插入、編輯表格的方法及表格的屬性設(shè)置。2、掌握單元格屬性的設(shè)置。實(shí)訓(xùn)難點(diǎn)走格的嵌套在網(wǎng)頁設(shè)計(jì)中的應(yīng)用實(shí)訓(xùn)方法上機(jī)實(shí)訓(xùn)實(shí)訓(xùn)準(zhǔn)備教案、素材、案例、教材、計(jì)算機(jī)機(jī)房實(shí)訓(xùn)要求13、 對(duì)照實(shí)習(xí)報(bào)告的要求，完成上機(jī)任務(wù)；14、 任務(wù)完成后及時(shí)要求教師考評(píng)；15、完善實(shí)習(xí)報(bào)告，填寫實(shí)訓(xùn)總結(jié)；4、遵守實(shí)訓(xùn)紀(jì)

38、律，不游戲，不睡覺，不高聲談?wù)?。?shí)訓(xùn)過程操作要求及步驟制作如下圖所示的界面：操作要求：1、 top 區(qū)(1) 一行三列：788Px=128+540+120 Logo+Banner+主頁常用選項(xiàng)(2)第三列嵌套三行兩列表格：120Px=30+90小圖標(biāo)+文本選項(xiàng)任務(wù)一2、menu區(qū)創(chuàng)建圖像(1) 一行兩列：788Px=148+640顯示當(dāng)前日期+導(dǎo)航條熱點(diǎn)鏈接(2)第二列嵌套1行17列表格：奇數(shù)列單元格輸入欄目文本，寬65px;偶數(shù)列單元格輸入“ |”，寬為 6px。3、main 區(qū)(2) 2 行 3 列：788Px寬,500Px高 788=150+10+628 500=5+495(3) A、m

39、aintop區(qū) 合并單元格(4) B、mainleft 區(qū)嵌套13行1列表格：145px寬，2px間距 第1行與第7行：高25px第2-6行：高36px,輸入文本 第8-13行：高40px,插入圖片(5) C mainmiddle區(qū) 空單元格(6) D mainright 區(qū)嵌套3行1列表格：495Px高495=30+375+90第一行：輸入文本第二行：嵌套1行2列表格(628px=304+324)第一列：輸入文本第二列：嵌套2行1列表格300Px寬，右對(duì)齊375Px高=220+160第1行：插入圖片第2行：嵌套3行5列表格高 160=30+65+65寬 300=80+30+80+30+80第

40、三行：鼠標(biāo)經(jīng)過圖像4、bottom 區(qū)3行1列：788Px 寬，45Px 高第一行：水平線第二行：版權(quán)信息第三行：聯(lián)系方式完善報(bào)告填寫實(shí)訓(xùn)總結(jié)，并上交實(shí)習(xí)se告。自主練習(xí)剩余時(shí)間，可進(jìn)行自主練習(xí)，內(nèi)容不限，但不可違反上機(jī)紀(jì)律實(shí)訓(xùn)總結(jié)表格布局是最常見的一種布局方式，本次實(shí)訓(xùn)學(xué)生較積極，特別是13高12班同學(xué)學(xué)習(xí)氛圍特別好。課題2.5使用框架布局頁面教學(xué)課時(shí)2課時(shí)教學(xué)目標(biāo)知識(shí)目標(biāo)1、能掌握框架的基本操作。2、能理解框架技術(shù)的實(shí)質(zhì)。能力目標(biāo)能用框架布局反面情感目標(biāo)通過自主探究，使學(xué)生掌握軟件的使用規(guī)則，培養(yǎng)學(xué)生 自主學(xué)習(xí)的能力。教學(xué)重點(diǎn)框架的基本操作教學(xué)難點(diǎn)用框架為頁面布局教學(xué)資源1 .教學(xué)場(chǎng)所：多

41、媒體教室2 .教學(xué)設(shè)備：安裝后 Dreamweaver cs5軟件的計(jì)算機(jī)3 .教學(xué)資料：輔助課件.多媒體教學(xué)軟件教法講解法、任務(wù)驅(qū)動(dòng)教學(xué)法學(xué)法小組討論法教學(xué)過程教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖導(dǎo)入新課(5min)在學(xué)習(xí)過表格布局后，我們可 以做一些常規(guī)的貞間布局了， 但啟些特殊效果我們卻無法實(shí) 現(xiàn)。如圖所示的網(wǎng)貝：今天我 們來學(xué)習(xí)另一種貝聞布局技本 框架。展示框架頁面 給學(xué)生，引發(fā)學(xué) 生思考預(yù)習(xí)并思考 框架頁面布 局通過實(shí)例來 展示，引發(fā) 學(xué)生思考特 殊效果如何 實(shí)現(xiàn)，培養(yǎng) 學(xué)生積極思 考問題的能 力任務(wù)一基本知識(shí)(35min)一、基本概念：框架是一種網(wǎng) 頁布局技術(shù)。二、創(chuàng)建框架與框架集1、

42、手動(dòng)設(shè)計(jì)2、插入預(yù)定義框架三、創(chuàng)建嵌套框架四、選擇框架和框架集1、在編輯區(qū)中選擇2、在框架面板中選擇五、刪除框架六、保存框架與框架集文件加強(qiáng)學(xué)生對(duì) 框架布局的 理解并進(jìn)行 簡(jiǎn)單操作認(rèn)真聽講并 對(duì)概念進(jìn)行 消化理解學(xué)生只 有在牢固 的掌握了 基本概念 后才能為 任務(wù)二的 學(xué)習(xí)打下 基礎(chǔ)任務(wù)二實(shí)例操作(40min)完成如下圖所7K的頁面：要求如下：(1)topFrame：高：100Px表格：2x2,范-788px,局-100px高：100=75+25寬：788=128+660將學(xué)生分7 組，并引導(dǎo)學(xué) 生分組討論 如何完成如 圖所示的效 果討論如何 才能實(shí)現(xiàn)如 圖所示的效 果并總結(jié)通過實(shí)例， 培養(yǎng)學(xué)

43、生分 析問題、解 決問題的能 力。第一行：Logo+Banner第二行：當(dāng)前頁位置信息+導(dǎo)航欄導(dǎo)航欄：1x7表格寬：660Px高：25px字號(hào)：9Pt行高：14Pt(3)mainFrame表格：2x2寬：788Px,高：400Px邊框：5px,間距：5px表格：3x1寬：788px,高：45px邊框：0px,間距：0px課堂小結(jié)(5min)四、框架基本概念二、創(chuàng)建框架與框架集三、創(chuàng)建嵌套框架四、選擇框架和框架集五、刪除框架六、保存框架與框架集文件課后作業(yè)設(shè)一系列框架型頁面，然后將之實(shí)現(xiàn)。要求結(jié)合超鏈接的相關(guān)知(5min)識(shí)。教學(xué)反思本次主要講述框架和框架集布局頁面，運(yùn)用實(shí)例學(xué)生加深了對(duì)框架 的

44、理解，運(yùn)用起來得心應(yīng)手。14高31班學(xué)生學(xué)習(xí)氛圍待加強(qiáng)實(shí)訓(xùn)課題框架布局實(shí)例分析實(shí)訓(xùn)課時(shí)2課時(shí)實(shí)訓(xùn)目標(biāo)5、 能掌握布局去格和布局單兀格的基本操作。6、 能在布局模式卜對(duì)反面進(jìn)行整體布局。實(shí)訓(xùn)重點(diǎn)掌握布局去格和布局單兀格的基本操作。實(shí)訓(xùn)難點(diǎn)項(xiàng)目的實(shí)現(xiàn)實(shí)訓(xùn)方法上機(jī)實(shí)訓(xùn)實(shí)訓(xùn)準(zhǔn)備教案、素材、案例、教材、計(jì)算機(jī)機(jī)房實(shí)訓(xùn)要求16、 對(duì)照實(shí)習(xí)報(bào)告的要求，完成上機(jī)任務(wù)；17、 任務(wù)完成后及時(shí)要求教師考評(píng)；18、 完善實(shí)習(xí)才艮告，填寫實(shí)訓(xùn)總結(jié)；4、遵守實(shí)訓(xùn)紀(jì)律，不游戲，不睡覺，不高聲談?wù)?。?shí)訓(xùn)過程操作要求及步驟步驟1 選擇文件菜單欄中的新建命令，創(chuàng)建一個(gè)新的頁面，并將其命名為“個(gè)人主頁”。步驟2 選擇插入工具欄中

45、布局任務(wù)欄中的框架命令，單擊按鈕，選擇下拉菜單的“頂部和嵌套的左側(cè)框架”命令。步驟3 彈出框架標(biāo)簽輔助功能屬性對(duì)話框，將網(wǎng)頁中框架的各個(gè)部分進(jìn)行命名。步驟4 選擇窗口菜單欄中框架命令。步驟5 右側(cè)的面板中就加入了 框架面板，選中“ topFrame” 框架進(jìn)行編輯。步驟6 頁面下方出現(xiàn)了 “ topFrame”框架的屬性面板。對(duì)任務(wù)一利用框架排版“top Frame ”框架進(jìn)行編輯。 步驟7 選中“ mainFrameT框架進(jìn)行編輯，頁面下方出現(xiàn)了 “ mainFrame'框架的屬性面板，對(duì)“ mainFrame'框架進(jìn)行編輯。步驟8 選中“l(fā)eftFrame ”框架進(jìn)行編輯，

46、頁面下方出現(xiàn)了“l(fā)eftFrame ”框架的屬性面板，對(duì)“ leftFrame ”框架進(jìn)行編輯。步驟9 選擇文件菜單欄中的保存全部命令，對(duì)文件進(jìn)行 保存。步驟10 彈出保存整體文件的對(duì)話框，為文件命名為 “index.html ”。步驟11對(duì)各個(gè)框架部分進(jìn)行保存，為各個(gè)框架進(jìn)行命名。步驟12 單擊F12,在瀏覽器中預(yù)覽效果。任務(wù)二創(chuàng)建框架集創(chuàng)建框架集，可以自己設(shè)計(jì)，也可以從預(yù)定義的框架集中選擇，還口以修改 個(gè)已存在的 Dreamweave儀件來創(chuàng)建。實(shí)驗(yàn)內(nèi)容：步驟1 選擇修改菜單欄中的框架集命令。步驟2 根據(jù)需要在其子菜單中選擇任意一個(gè)分割命令。步驟3 若要?jiǎng)h除一個(gè)子框架，將其邊框拖至頁面或其

47、父框架之外即可。完善報(bào)告填寫實(shí)訓(xùn)總結(jié)，并上交實(shí)習(xí)se告。自主練習(xí)剩余時(shí)間，可進(jìn)行自主練習(xí)，內(nèi)容不限，但不可違反上機(jī)紀(jì)律實(shí)訓(xùn)總結(jié)本次實(shí)訓(xùn)學(xué)生需要的掌握的內(nèi)容較多，對(duì)于框架布局的位置要準(zhǔn)確掌握，難度較大課題3.3添加動(dòng)畫教學(xué)課時(shí)2課時(shí)教學(xué)目標(biāo)知識(shí)目標(biāo)1、掌握在網(wǎng)頁中添加各種動(dòng)態(tài)兀素2、掌握Flash屬性設(shè)置能力目標(biāo)1、學(xué)會(huì)區(qū)分源文件和影片文件格式2、掌握在網(wǎng)頁中插入各種 Flash兀素3、能為網(wǎng)頁添加音視頻元素。情感目標(biāo)通過自主探究，使學(xué)生掌握軟件的使用規(guī)則，培養(yǎng)學(xué)生 自主學(xué)習(xí)的能力。教學(xué)重點(diǎn)添加flash的具體操作教學(xué)難點(diǎn)規(guī)劃一個(gè)多媒體網(wǎng)站導(dǎo)航條教學(xué)資源1 .教學(xué)場(chǎng)所：多媒體教室2 .教學(xué)設(shè)備：

48、安裝后 Dreamweaver cs5軟件的計(jì)算機(jī)3 .教學(xué)資料：輔助課件、多媒體教學(xué)軟件教法講解法、任務(wù)驅(qū)動(dòng)教學(xué)法學(xué)法小組討論法教學(xué)過程教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖導(dǎo)入新課(5min)試想網(wǎng)頁中只有義字和 圖片，那么網(wǎng)頁跟雜志報(bào) 紙還有什么區(qū)別呢？動(dòng)態(tài) 兀素能夠更加豐'鬲頁面的 效果，是網(wǎng)頁是一大特色。 注意：不要把動(dòng)態(tài)兀素和 動(dòng)態(tài)頁面劃上等號(hào)。將本次課的 作品展示給 學(xué)生，學(xué)生在 欣賞精美網(wǎng) 頁的同時(shí)思 考如何完成 該作品欣賞作品并思考通過作品 來展示，引 發(fā)學(xué)生思 考如何實(shí) 現(xiàn)，培養(yǎng)學(xué) 生積極思 考問題的 能力任務(wù)一基本知識(shí)(35min)一、flash文件基本知識(shí)1、Flash 源文件：*fla2、Flash影片文件：*swf二、添加flash動(dòng)畫文件Flash動(dòng)畫是，種基于矢教授新知識(shí)，為任務(wù)二的完成做準(zhǔn)備吸收動(dòng)