【正文】 。 [請(qǐng)同學(xué)們看建好的文件夾示例 ] 生：分小組進(jìn)行搜集資料，并有專人分類存放網(wǎng)站資料。 師：當(dāng)小組同學(xué)感覺(jué)資料收集滿足需要時(shí)，請(qǐng)大家進(jìn)行有效的篩選，素材一定要緊扣主題 生：每小組同學(xué)在充分討論的基礎(chǔ)上，對(duì)大家搜集到的資料進(jìn)行比較、分析，從中篩選出基本符合要求的資料。 （三）實(shí)踐活動(dòng)三：體驗(yàn)“網(wǎng)站規(guī)劃” 師：建站所需資料收集好了，接下來(lái)我們就要規(guī)劃一下，如何將這些資源 放入網(wǎng)站中。要考慮以下幾個(gè)問(wèn)題：網(wǎng)站要?jiǎng)澐殖蓭状髾谀浚? [出示參照制作欄目示例網(wǎng)址： 生：小組中的每位同學(xué)經(jīng)過(guò)討論、交流，參照示例，共同劃分自己準(zhǔn)備建立的網(wǎng)站的欄目名稱，并初步確定每個(gè)欄目的主要內(nèi)容。利用導(dǎo)航功能創(chuàng)建網(wǎng)站的結(jié)構(gòu)。 師：欄目設(shè)置完成后，我們可以把自己的資源整理到網(wǎng)站文件夾下，形成如教材 88 頁(yè)中圖 271 的列表，以便于我們制作網(wǎng) 站。 生：看教材，全組齊心協(xié)力將相應(yīng)的資料文件夾整理到網(wǎng)站文件夾中相應(yīng)的位置上，以備后用。 三、歸納總結(jié) 師：通過(guò)本節(jié)課的學(xué)習(xí)，關(guān)于“主題網(wǎng)站的規(guī)劃與設(shè)計(jì)”內(nèi)容，大家有哪些收獲呢，請(qǐng)暢所欲言！ 生：小組討論，并總結(jié)收獲，各小組之間相互學(xué)習(xí)經(jīng)驗(yàn)。 四、拓展提高 師：請(qǐng)大家仔細(xì)研究自己收集的資料，構(gòu)思一下如何實(shí)現(xiàn)網(wǎng)頁(yè)的個(gè)性化和藝術(shù)性？ [提示：多瀏覽一些相關(guān)的網(wǎng)站 ] 生：瀏覽相關(guān)的網(wǎng)站，并小組內(nèi)討論如何制作個(gè)性化的網(wǎng)頁(yè)。 教學(xué)（后記）反思： 課 時(shí) 教 案 課題： 破土動(dòng)工 建立站點(diǎn) 第 1 課時(shí) 總序第 4 個(gè)教案 課型： 編寫時(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à)值觀 ：（ 1）形成良好的文件命名習(xí)慣；（ 2）樹(shù)立成功建站的信心。 教學(xué)重點(diǎn)： （ 1）理解選擇網(wǎng)頁(yè)制作工具的原則；（ 2）理解站點(diǎn)的概念； （ 3）理解建立站點(diǎn)文件夾的意義；（ 4）能夠完成建立站點(diǎn)、在站點(diǎn)中建立文件夾和網(wǎng)頁(yè)的一系列任務(wù)。 教學(xué)難點(diǎn)： （ 1）鞏固設(shè)計(jì)網(wǎng) 站結(jié)構(gòu)的方法； （ 2）掌握網(wǎng)頁(yè)命名的技巧。 教學(xué)用具： 教學(xué)資源網(wǎng)站； 相關(guān)素材整理歸類； 教學(xué)方法： 對(duì)比教學(xué)法，探究學(xué)習(xí)法，模仿學(xué)習(xí)法 教學(xué)過(guò)程： 導(dǎo)入新課 介紹網(wǎng)站。網(wǎng)站是由超鏈接將多個(gè)網(wǎng)頁(yè)組織在一起的集合，其中包含了許多網(wǎng)頁(yè)文件以及圖片、 Flash 動(dòng)畫等素材。 如： 將素材或信息分類是網(wǎng)站的最大特點(diǎn)。 介紹站點(diǎn)。 站點(diǎn) ,就是指網(wǎng)站具體位置。 新課學(xué)習(xí) ★頁(yè)制作工具。 Dreamweaver是專業(yè)的網(wǎng)頁(yè)制作軟件。它最大的特點(diǎn)就是“所見(jiàn)即所得”的可視化編輯，也提供 HTML 代碼。 ★建空站點(diǎn) 啟動(dòng) Dreamweaver： “站點(diǎn)”→“新建站點(diǎn)”→“站點(diǎn)定義”。 設(shè)置站點(diǎn)屬性。 （ 1）“ 站點(diǎn)定義”→“基本”命名為“ life_water”。 （ 2）“下一步”選擇“否，我不想使用服務(wù)器技術(shù)”。 （ 3）“下一步”選擇“編輯我的計(jì)算機(jī)上的本地副本，完成任務(wù)后再上傳到服務(wù)器（推薦）。 （ 4）“文件夾”→“下一步”→“您如何連接到遠(yuǎn)程服務(wù)器”→“無(wú)”。 （ 5）“下一步” →“站點(diǎn)定義總結(jié)”→“完成”。 ★建文件夾和網(wǎng)頁(yè) 新建文件夾 （ 1）“文件”→右鍵單擊“站點(diǎn) life_water”→“新建文件夾”名為“ untitled”，將其改為 “ shuiziyuangaikuang”。 （ 2）右鍵單擊“ shuiziyuangaikuang”→“新建文件夾””→“ shijieshuikuang”，同樣地的方法依次建立“ zhongguoshuikuang”、“ jiaxiangshuikuang”文件夾。 （ 3）重復(fù)上述步驟，將“ baohushuiziyuan”及其子文件夾“ shuidelangfei”、“ shuidewuran”和“ shuidebaohu”建立好。 新建網(wǎng)頁(yè) 1．在“文件”面板中右鍵單擊“站點(diǎn) _ife— water”，在彈出的快捷菜單中選擇“新建文件”，這時(shí)會(huì)新增一行，一個(gè)新的網(wǎng)頁(yè)就建好了。 2．將處于重命名狀態(tài)的網(wǎng)頁(yè)命名為“ index． htmi”。 3．設(shè)置“ index． html”為網(wǎng)站首頁(yè)。 (1)執(zhí)行“站點(diǎn)”→“管理站點(diǎn)”命令，選中“ lire— water”站點(diǎn)，單擊“編輯”菜單，彈出“站點(diǎn)定義”對(duì)話 框。 (2)在“高級(jí)”選項(xiàng)卡“分類”欄中選擇“站點(diǎn)地圖布局”，在右側(cè)區(qū)域“主頁(yè)”一欄選擇剛才建立好的“ index． html”，單擊“確定”，“ index． html”就成了網(wǎng)站的首頁(yè)。 （ 3）雙擊“ index． html”左邊的工作區(qū)變成網(wǎng)頁(yè)的編輯區(qū)域，可輸入文字。 （ 4）保存文件。執(zhí)行“文件”→“在瀏覽器中預(yù)覽”→“ IExplore F12”進(jìn)行預(yù)覽。 ★學(xué)生上機(jī)操作的任務(wù)和目標(biāo)： （ 1）認(rèn)識(shí) Dreamweaver,熟悉 Dreamweaver 軟件環(huán)境； (2）新建站點(diǎn)； （ 3）新建文件夾； （ 4）新建網(wǎng)頁(yè)。 教學(xué)（后記）反思： 課 時(shí) 教 案 課題： 夢(mèng)幻織網(wǎng) 表格布局、插入媒體元素 第 1 課時(shí) 總序第 5 個(gè)教案 課型： 編寫時(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é)合。 情感態(tài)度與價(jià)值觀：培養(yǎng)制作網(wǎng)頁(yè)的興趣。 教學(xué)重點(diǎn)： .給“生命之源 —— 水”的主題網(wǎng)站的首頁(yè)進(jìn)行表格布局。 給表格進(jìn)行屬性設(shè)置。 編輯網(wǎng)頁(yè) —— 插入媒體元素。 教學(xué)難點(diǎn)： 對(duì)表格進(jìn)行屬性設(shè)置 插入媒體元素 教學(xué)用具： 相關(guān)的網(wǎng)頁(yè)制作素材 教學(xué)方法： 探究學(xué)習(xí)法、模仿學(xué)習(xí)法 教學(xué)過(guò)程： 明確本節(jié)課要掌握的學(xué)習(xí)內(nèi)容：表格布局，給表格進(jìn)行屬性設(shè)置。 學(xué)生自讀教材實(shí)踐 1 的內(nèi)容以求大致了解學(xué)習(xí)內(nèi)容。 教師演示操作步驟： （ 1）啟動(dòng)軟件→雙擊上一節(jié)課新建主頁(yè)“ ”（打開(kāi)編輯窗口） （ 2）執(zhí)行“插入” →“表格”（彈出表格對(duì)話框） （ 3）在對(duì)話框中設(shè)置參數(shù)：行數(shù)為 1，列數(shù)為 2，像素為 980，邊框粗細(xì)為 1 像素，其余參數(shù)為默認(rèn)值。 如圖所示： (4)重復(fù)上一個(gè)步驟，分別插入兩個(gè) 1 行 3 列，像素為 980 的表格。 提示：因?yàn)槟壳帮@示器的分辨率都在 1024*768 之上，表格的布局寬度為 980 不會(huì)出現(xiàn)滾動(dòng)條，不過(guò)我們的電腦只有 800*600，所有達(dá)不到效果。 （ 5）設(shè)置表格屬性：?jiǎn)螕舻谝粋€(gè)表格左邊的單元格，在“屬性”對(duì)話框中設(shè)置像素為：寬為 170，高為 100。如圖所示 （ 6）重復(fù)步驟 5，將插 入的第三個(gè)表格的兩側(cè)的單元格寬設(shè)置為 170 像素。 （ 7）在第三個(gè)表格兩側(cè)的單元格中分別插入一個(gè) 3 行 1 列、寬為 170 像素的表格。 （ 8）將剛插入的兩個(gè)表格的所有單元格的高度設(shè)為 200 像素。 （ 9）選擇整個(gè)表格，在“屬性’對(duì)話框中將對(duì)齊方式改為“居中對(duì)齊”。 為了操作方便我們可以把插入的第三個(gè)表格改為插入一個(gè) 3 行 3 列的表格，然后把此表格的第二列合并。 學(xué)生根據(jù)老師的演示利用表格給網(wǎng)頁(yè)進(jìn)行布局。 教師演示 實(shí)踐 1 （ 1）把第二個(gè)表格作為導(dǎo)航區(qū)，分別在三個(gè)單元格中輸入“首頁(yè)”、“水資源概況”、“保護(hù)水資源”。 （ 2）在中間最大的區(qū)域的單元格中粘貼文字。 對(duì)剛才輸入的內(nèi)容進(jìn)行對(duì)齊設(shè)置 （ 3）在導(dǎo)航欄三個(gè)空白處單擊，在“屬性”檢查器中將水平對(duì)齊方式改為“居中對(duì)齊”。 注意：要區(qū)分表格對(duì)齊和表格內(nèi)容對(duì)齊的區(qū)別。 （ 4）設(shè)置內(nèi)容信息區(qū)將單元格垂直對(duì)齊改為“頂端”對(duì)齊。 （ 5）選擇文字，在“屬性”中調(diào)整字體的大小和顏色，設(shè)置單元格的背景顏色。 實(shí)踐 3 （ 1）在第一個(gè)單元格中點(diǎn)擊鼠標(biāo)，執(zhí)行插入→圖像命令。 （ 2）在彈出的“選擇圖像源文件”對(duì)話框中選擇網(wǎng)站標(biāo)志圖片，單擊確定。 （ 3）在彈出的“圖像標(biāo)簽輔助功能屬性”對(duì)話框中單擊 “確定”按鈕。 改變相片的大小使之符合要求。 （ 4）選中圖片，在屬性檢查器中將圖片的大小設(shè)為寬為 17