【正文】 何改變。 Ⅳ、了解常用網(wǎng)頁(yè)制作軟件： 編輯網(wǎng)頁(yè)： Microsoft FrontPage、 DreamWeaver； 圖象編輯制作： PhotoShop 動(dòng)畫(huà)制作： Flash MX Ⅴ、網(wǎng)站制作流程： 確定主題 網(wǎng)站規(guī)劃 —— 結(jié)構(gòu)設(shè)計(jì) ↓ 版面設(shè)計(jì) 搜索素材 ↓ 建立站點(diǎn) ↓ 制作網(wǎng)頁(yè) ↓ 發(fā)布網(wǎng)站 ↓ 評(píng)價(jià)網(wǎng)站 Ⅵ、學(xué)生上機(jī)操作的任務(wù)和目標(biāo)： （ 1）打開(kāi) Word 文檔，將它另存為一個(gè) html 文檔，退出 Word 程序，用瀏覽器打開(kāi)剛才保存的 Word 文檔，理解靜態(tài)網(wǎng)頁(yè)。 （ 3）嘗試注冊(cè)一個(gè) Blog，將網(wǎng)址用郵件發(fā)給老師或好伙伴，定期將個(gè)人感想記錄在 Blog 中，體驗(yàn)利用 Blog（動(dòng)態(tài)網(wǎng)頁(yè)）迅速發(fā)布信 息的特點(diǎn)。 初步策劃自己的網(wǎng)站，確定主題和設(shè)計(jì)風(fēng)格。 教學(xué)用具： 教學(xué)資源網(wǎng)站； 相關(guān)素材整理歸類(lèi)； 教學(xué)方 法： 對(duì)比教學(xué)法，探究學(xué)習(xí)法，模仿學(xué)習(xí)法 教學(xué)過(guò)程： 導(dǎo)入新課 展示一些主題網(wǎng)站，這些網(wǎng)頁(yè)有什么特點(diǎn)，要求學(xué)生仔細(xì)觀(guān)察，找出該網(wǎng)站的特點(diǎn)，并歸納出什么是主題網(wǎng)站？ 資源鏈接： 民族魂： 得意坊： 新課學(xué)習(xí) ★主題網(wǎng)站 ◎?qū)W生仔細(xì)觀(guān)察，歸納出主題網(wǎng)站概念。 網(wǎng)站可分為一級(jí)頁(yè)面（首頁(yè)）、二級(jí)頁(yè)面、三級(jí)頁(yè)面等多個(gè)層次各個(gè)層次的頁(yè)面通過(guò)交互式超鏈拉建立聯(lián)系。 民族魂： 得意坊： 走進(jìn)螞蟻的家： 歸納出網(wǎng)站常用的版面布局的三種類(lèi)型：上左中右型、上下型、上左右型。 ◎?qū)φ铡懊褡寤辍薄ⅰ暗靡夥弧?、走進(jìn)螞蟻的家“三個(gè)網(wǎng)站，填寫(xiě)網(wǎng)站的主色彩、字體及顏色。 學(xué)生上機(jī)操作的任務(wù)和目標(biāo)： （ 1）從網(wǎng)上搜索“民族魂”、“得意坊”、走進(jìn)螞蟻的家“三個(gè)網(wǎng)站； （ 2）從“民族魂”、“得意坊”、走進(jìn)螞蟻的家“三個(gè)網(wǎng)站的首頁(yè)對(duì)照識(shí)別版面布局的上左中右型、上下型、上左右型類(lèi)型。 教學(xué)（后記）反思： 課 時(shí) 教 案 課題： 藍(lán)圖規(guī)劃 — 主題網(wǎng)站規(guī)劃 第 2 課時(shí) 總序第 3 個(gè)教案 課型： 編寫(xiě)時(shí)間： 年 月 日 執(zhí)行時(shí)間： 年 月 日 教學(xué)目標(biāo)：知識(shí)與技能：（ 1）了解主題網(wǎng)站的概念；（ 2）了解網(wǎng)站的各模塊內(nèi)容；（ 3）確立網(wǎng)站主題；（ 4）學(xué)會(huì)高效搜索網(wǎng)上素材； 批注： 過(guò)程與方法：（ 1）掌握規(guī)劃設(shè)計(jì)的方法；（ 2）鞏固搜索、整理、歸納和積累素材 的方法； 情感態(tài)度與價(jià)值觀(guān) ：（ 1）提高學(xué)生審美能力；（ 2）培養(yǎng)學(xué)生循序漸進(jìn)的習(xí)慣； （ 3）培養(yǎng)學(xué)生踏實(shí)的實(shí)踐風(fēng)格； 教學(xué)重點(diǎn)： （ 1）了解主題網(wǎng)站的概念； （ 2） 鞏固搜索、整理、歸納和積累素材的方法； 教學(xué)難點(diǎn)： （ 1）掌握規(guī)劃設(shè)計(jì)的方法；掌握網(wǎng)站的版面設(shè)計(jì)； （ 2）能夠完成簡(jiǎn)單的色彩方案設(shè)計(jì)。 老師為大家提供了幾個(gè)主題，供大家選擇： [提供幾個(gè)網(wǎng)站主題，并給出相關(guān)的現(xiàn)有網(wǎng)站供學(xué)生瀏覽 ]根據(jù)“人無(wú)我有，人有我專(zhuān)，人專(zhuān)我精”的原則，確定好一個(gè)網(wǎng)站主題，選題相同的 5— 6 位同學(xué)自由組合為一組。 （二）實(shí)踐活動(dòng)二：體驗(yàn)“建站資料的搜集與整理” 師：主題選好了，我們接下來(lái)就要以小組合作為單位搜集建網(wǎng)站所需 的資源，每小組搜集到的資料分以下幾類(lèi)（ gif 圖片、 jpg圖片、視頻文件、 Flash 動(dòng)畫(huà)、文本文件）存放在一個(gè)指定共享文件夾中，此文件夾以組名命名。 師：當(dāng)小組同學(xué)感覺(jué)資料收集滿(mǎn)足需要時(shí)，請(qǐng)大家進(jìn)行有效的篩選，素材一定要緊扣主題 生：每小組同學(xué)在充分討論的基礎(chǔ)上，對(duì)大家搜集到的資料進(jìn)行比較、分析，從中篩選出基本符合要求的資料。要考慮以下幾個(gè)問(wèn)題：網(wǎng)站要?jiǎng)澐殖蓭状髾谀浚? [出示參照制作欄目示例網(wǎng)址： 生：小組中的每位同學(xué)經(jīng)過(guò)討論、交流，參照示例，共同劃分自己準(zhǔn)備建立的網(wǎng)站的欄目名稱(chēng)，并初步確定每個(gè)欄目的主要內(nèi)容。 師：欄目設(shè)置完成后，我們可以把自己的資源整理到網(wǎng)站文件夾下，形成如教材 88 頁(yè)中圖 271 的列表，以便于我們制作網(wǎng) 站。 三、歸納總結(jié) 師：通過(guò)本節(jié)課的學(xué)習(xí)，關(guān)于“主題網(wǎng)站的規(guī)劃與設(shè)計(jì)”內(nèi)容，大家有哪些收獲呢，請(qǐng)暢所欲言！ 生：小組討論，并總結(jié)收獲，各小組之間相互學(xué)習(xí)經(jīng)驗(yàn)。 教學(xué)（后記）反思： 課 時(shí) 教 案 課題： 破土動(dòng)工 建立站點(diǎn) 第 1 課時(shí) 總序第 4 個(gè)教案 課型： 編寫(xiě)時(shí)間： 年 月 日 執(zhí)行時(shí)間： 年 月 日 教學(xué)目標(biāo)： 知 識(shí)與技能：（ 1）認(rèn)識(shí) Dreamweaver,熟悉 Dreamweaver 軟件環(huán)境； （ 2）掌握建立空站點(diǎn)的操作方法；（ 3）掌握新建文件夾的操作方法； （ 4）掌握新建網(wǎng)頁(yè)的操作方法 批注： 過(guò)程與方法： 鞏固設(shè)計(jì)網(wǎng)站結(jié)構(gòu)的方法 情感態(tài)度與價(jià)值觀(guān) ：（ 1）形成良好的文件命名習(xí)慣；（ 2）樹(shù)立成功建站的信心。 教學(xué)難點(diǎn)： （ 1）鞏固設(shè)計(jì)網(wǎng) 站結(jié)構(gòu)的方法； （ 2）掌握網(wǎng)頁(yè)命名的技巧。網(wǎng)站是由超鏈接將多個(gè)網(wǎng)頁(yè)組織在一起的集合，其中包含了許多網(wǎng)頁(yè)文件以及圖片、 Flash 動(dòng)畫(huà)等素材。 介紹站點(diǎn)。 新課學(xué)習(xí) ★頁(yè)制作工具。它最大的特點(diǎn)就是“所見(jiàn)即所得”的可視化編輯，也提供 HTML 代碼。 設(shè)置站點(diǎn)屬性。 （ 2）“下一步”選擇“否，我不想使用服務(wù)器技術(shù)”。 （ 4）“文件夾”→“下一步”→“您如何連接到遠(yuǎn)程服務(wù)器”→“無(wú)”。 ★建文件夾和網(wǎng)頁(yè) 新建文件夾 （ 1）“文件”→右鍵單擊“站點(diǎn) life_water”→“新建文件夾”名為“ untitled”，將其改為 “ shuiziyuangaikuang”。 （ 3）重復(fù)上述步驟，將“ baohushuiziyuan”及其子文件夾“ shuidelangfei”、“ shuidewuran”和“ shuidebaohu”建立好。 2．將處于重命名狀態(tài)的網(wǎng)頁(yè)命名為“ index． htmi”。 (1)執(zhí)行“站點(diǎn)”→“管理站點(diǎn)”命令，選中“ lire— water”站點(diǎn)，單擊“編輯”菜單，彈出“站點(diǎn)定義”對(duì)話(huà) 框。 （ 3）雙擊“ index． html”左邊的工作區(qū)變成網(wǎng)頁(yè)的編輯區(qū)域，可輸入文字。執(zhí)行“文件”→“在瀏覽器中預(yù)覽”→“ IExplore F12”進(jìn)行預(yù)覽。 教學(xué)（后記）反思： 課 時(shí) 教 案 課題： 夢(mèng)幻織網(wǎng) 表格布局、插入媒體元素 第 1 課時(shí) 總序第 5 個(gè)教案 課型： 編寫(xiě)時(shí)間： 年 月 日 執(zhí)行時(shí)間： 年 月 日 教學(xué)目標(biāo)： 知識(shí)與技能： 掌握利用表格實(shí)現(xiàn)網(wǎng)頁(yè)版面布局的方法； 學(xué)會(huì)設(shè)置網(wǎng)頁(yè)中文字的格式； 學(xué)會(huì)調(diào)整圖片，使其符合要求； 掌握為網(wǎng)頁(yè)添加背景的 方法； 批注： 過(guò)程與方法：教師演示與學(xué)生互助學(xué)習(xí)相結(jié)合。 教學(xué)重點(diǎn)： .給“生命之源 —— 水”的主題網(wǎng)站的首頁(yè)進(jìn)行表格布局。 編輯網(wǎng)頁(yè) —— 插入媒體元素。 學(xué)生自讀教材實(shí)踐 1 的內(nèi)容以求大致了解學(xué)習(xí)內(nèi)容。 如圖所示： (4)重復(fù)上一個(gè)步驟，分別插入兩個(gè) 1 行 3 列，像素為 980 的表格。 （ 5）設(shè)置表格屬性：?jiǎn)螕舻谝粋€(gè)表格左邊的單元格，在“屬性”對(duì)話(huà)框中設(shè)置像素為：寬為 170，高為 100。 （ 7）在第三個(gè)表格兩側(cè)的單元格中分別插入一個(gè) 3 行 1 列、寬為 170 像素的表格。 （ 9）選擇整個(gè)表格，在“屬性’對(duì)話(huà)框中將對(duì)齊方式改為“居中對(duì)齊”。 學(xué)生根據(jù)老師的演示利用表格給網(wǎng)頁(yè)進(jìn)行布局。 （ 2）在中間最大的區(qū)域的單元格中粘貼文字。 注意：要區(qū)分表格對(duì)齊和表格內(nèi)容對(duì)齊的區(qū)別。 （ 5）選擇文字，在“屬性”中調(diào)整字體的大小和顏色，設(shè)置單元格的背景顏色。 （ 2）在彈出的“選擇圖像源文件”對(duì)話(huà)框中選擇網(wǎng)站標(biāo)志圖片，單擊確定。 改變相片的大小使之符合要求。 插入其他圖片 適當(dāng)調(diào)整圖片大小并非一定按 170*200。 （ 2）在彈出的“選擇文件”對(duì)話(huà)框中選擇準(zhǔn)備好的 flash 動(dòng)畫(huà)，單擊“確定”按鈕即可。 （ 4）點(diǎn)擊 flash 動(dòng)畫(huà)，在屬性中點(diǎn)擊“播放”即可以看到效果。通常情況下，超級(jí)鏈接可以是文字、圖像，通過(guò)這些文字或者圖像即可鏈接到相關(guān)的內(nèi)容上。 二、鏈接路徑 在創(chuàng)建鏈接之前，我們必須搞清楚鏈接路徑，否則很容