【正文】 將水平對齊方式改為“居中對齊”。 教師演示 實踐 1 （ 1）把第二個表格作為導航區(qū)，分別在三個單元格中輸入“首頁”、“水資源概況”、“保護水資源”。 為了操作方便我們可以把插入的第三個表格改為插入一個 3 行 3 列的表格，然后把此表格的第二列合并。 （ 8）將剛插入的兩個表格的所有單元格的高度設為 200 像素。如圖所示 （ 6）重復步驟 5，將插 入的第三個表格的兩側的單元格寬設置為 170 像素。 提示：因為目前顯示器的分辨率都在 1024*768 之上，表格的布局寬度為 980 不會出現(xiàn)滾動條，不過我們的電腦只有 800*600，所有達不到效果。 教師演示操作步驟： （ 1）啟動軟件→雙擊上一節(jié)課新建主頁“ ”（打開編輯窗口） （ 2）執(zhí)行“插入” →“表格”（彈出表格對話框） （ 3）在對話框中設置參數(shù)：行數(shù)為 1，列數(shù)為 2，像素為 980，邊框粗細為 1 像素，其余參數(shù)為默認值。 教學難點： 對表格進行屬性設置 插入媒體元素 教學用具： 相關的網(wǎng)頁制作素材 教學方法： 探究學習法、模仿學習法 教學過程： 明確本節(jié)課要掌握的學習內(nèi)容：表格布局，給表格進行屬性設置。 給表格進行屬性設置。 情感態(tài)度與價值觀：培養(yǎng)制作網(wǎng)頁的興趣。 ★學生上機操作的任務和目標： （ 1）認識 Dreamweaver,熟悉 Dreamweaver 軟件環(huán)境； (2）新建站點； （ 3）新建文件夾； （ 4）新建網(wǎng)頁。 （ 4）保存文件。 (2)在“高級”選項卡“分類”欄中選擇“站點地圖布局”，在右側區(qū)域“主頁”一欄選擇剛才建立好的“ index． html”，單擊“確定”，“ index． html”就成了網(wǎng)站的首頁。 3．設置“ index． html”為網(wǎng)站首頁。 新建網(wǎng)頁 1．在“文件”面板中右鍵單擊“站點 _ife— water”，在彈出的快捷菜單中選擇“新建文件”，這時會新增一行，一個新的網(wǎng)頁就建好了。 （ 2）右鍵單擊“ shuiziyuangaikuang”→“新建文件夾””→“ shijieshuikuang”，同樣地的方法依次建立“ zhongguoshuikuang”、“ jiaxiangshuikuang”文件夾。 （ 5）“下一步” →“站點定義總結”→“完成”。 （ 3）“下一步”選擇“編輯我的計算機上的本地副本，完成任務后再上傳到服務器（推薦）。 （ 1）“ 站點定義”→“基本”命名為“ life_water”。 ★建空站點 啟動 Dreamweaver： “站點”→“新建站點”→“站點定義”。 Dreamweaver是專業(yè)的網(wǎng)頁制作軟件。 站點 ,就是指網(wǎng)站具體位置。 如： 將素材或信息分類是網(wǎng)站的最大特點。 教學用具： 教學資源網(wǎng)站； 相關素材整理歸類； 教學方法： 對比教學法，探究學習法，模仿學習法 教學過程： 導入新課 介紹網(wǎng)站。 教學重點： （ 1）理解選擇網(wǎng)頁制作工具的原則；（ 2）理解站點的概念； （ 3）理解建立站點文件夾的意義；（ 4）能夠完成建立站點、在站點中建立文件夾和網(wǎng)頁的一系列任務。 四、拓展提高 師：請大家仔細研究自己收集的資料，構思一下如何實現(xiàn)網(wǎng)頁的個性化和藝術性？ [提示：多瀏覽一些相關的網(wǎng)站 ] 生：瀏覽相關的網(wǎng)站，并小組內(nèi)討論如何制作個性化的網(wǎng)頁。 生：看教材，全組齊心協(xié)力將相應的資料文件夾整理到網(wǎng)站文件夾中相應的位置上，以備后用。利用導航功能創(chuàng)建網(wǎng)站的結構。 （三）實踐活動三：體驗“網(wǎng)站規(guī)劃” 師：建站所需資料收集好了，接下來我們就要規(guī)劃一下，如何將這些資源 放入網(wǎng)站中。 [請同學們看建好的文件夾示例 ] 生：分小組進行搜集資料，并有專人分類存放網(wǎng)站資料。 生：討論交流進行網(wǎng)站主題的比較與選擇，完成小組的組建工作，通過小組學習的方式，從幾個備選的網(wǎng)站主題中，挑選出一個最合適的主題。 教學用具： 教學資源網(wǎng)站； 相關素材整理歸類； 教學方法： 對比教學法，探究學習法，模仿學習法 教學過程： （一）實踐活動一：體驗確立網(wǎng)站主題 師：網(wǎng)站主題是一個網(wǎng)站的靈魂 ，一個獨具特色的網(wǎng)站名稱，會吸引來大量的訪問量，因此必須予以足夠的重視。 （ 3）體會不同的色彩對人產(chǎn)生的不同的 視覺效果。 Ⅳ、選取素材 ◎從網(wǎng)上搜索文字、圖片、聲音、動畫、視頻保存在不同的文件夾，記錄資料來源。 Ⅲ、設計色彩方案 ◎不同的顏色能產(chǎn)生不同的視覺效果；不同的網(wǎng)站主題確定不同的主題風格。 Ⅱ、版面設計 以“民族魂”、“得意坊”、“走進螞蟻的家”，介紹網(wǎng)站常用的版面布局類型。 ◎確定主題網(wǎng)站是需要 注意的原則： （ 1）主題要鮮明； （ 2）主題要小而精，最好是擅長或者喜歡的內(nèi)容； ★規(guī)劃設計 Ⅰ、結構設計 ◎訪問教材資源： 民族魂： 得意坊： 走進螞蟻的家： 小結： 網(wǎng)站結構是表現(xiàn)網(wǎng)站內(nèi)容的層次關系，通常由首頁和鏈接實現(xiàn)的內(nèi)容頁組成。 教學（后記）反思： 課 時 教 案 課題： 藍圖規(guī)劃 — 主題網(wǎng)站規(guī)劃 第 1 課時 總序第 2 個教案 課型： 新授課 編寫時間： 年 月 日 執(zhí)行時間： 年 月 日 教學目標： 知識與技能：（ 1）了解主題網(wǎng)站的概念；（ 2）了解網(wǎng)站的各模塊內(nèi)容；（ 3）確立網(wǎng) 站主題；（ 4）學會高效搜索網(wǎng)上素材； 批注： 過程與方法：（ 1）掌握規(guī)劃設計的方法；（ 2）鞏固搜索、整理、歸納和積累素材的方法； 情感態(tài)度與價值觀 ：（ 1）提高學生審美能力；（ 2）培養(yǎng)學生循序漸進的習慣； （ 3）培養(yǎng)學生踏實的實踐風格； 教學重點： （ 1）了解主題網(wǎng)站的概念； （ 2） 鞏固搜索、整理、歸納和積累素材的方法； 教學難點： （ 1）掌握規(guī)劃設計的方法；掌握網(wǎng)站的版面設計； （ 2）能夠完成簡單的色彩方案設計。 課外練習 搜集多個主題網(wǎng)站，欣賞、評價并選出 12 個網(wǎng)站，說出其特色之處。 （ 2 ）打開瀏覽器，用 URL 搜索“博客網(wǎng)”，不少于五個，形成列表。 —— 動態(tài)網(wǎng)頁 網(wǎng)頁 URL 的后綴不是 .htm、 .html、 .shtml、 .xml 等靜態(tài)網(wǎng)頁的常見形式，而是以 .asp、 .jsp、 .php、 .perl、 .cgi 等形式為后綴，并且在動態(tài)網(wǎng)頁網(wǎng)址中有一個標志性的符號—— “ ?”，如有這樣一個動態(tài)網(wǎng)頁的地址為 : 可以進行交互，如用戶注冊、用戶登錄、在線調(diào)查、用戶管理、訂單管理等等。 :代表超文本傳輸協(xié)議 ； Ⅲ、了解 Web 技術的二個發(fā)展歷程。 HTML 命令可以描述文字、圖形、動畫、聲音、表格、鏈接等。 學習新課 Ⅰ、介紹 Web、 、 HTML、 URL 等網(wǎng)站基本概念的含義。課 時 教 案 課題： 網(wǎng)站巡禮 WEB 技術與網(wǎng)站制作流程 第 1 課時 總序第 1 個教案 課型： 新授 編寫時間： 2020 年 2 月 28 日 執(zhí)行時間： 年 月 日 教學目標： 知識與技能：了解網(wǎng)站的基本概念、理解網(wǎng)站與網(wǎng)頁的關系、了解WEB 服務器、了解 WEB技術的三個關鍵技術、了解 WEB 技術的發(fā)展歷程、了解常用網(wǎng)頁制作軟件 批注： 過程與方法：了解網(wǎng)站制作流程 情感態(tài)度與價值觀：培養(yǎng)嚴謹?shù)闹螌W態(tài)度 教學重點： 重點：了 解常用網(wǎng)頁制作軟件 教學難點： 難點：了解 HTTP\HTML\URL 的含義、了解 WEB服務器、了解 WEB 技術的三個關鍵技術、了解 WEB 技術的發(fā)展歷程 教學用具： 電腦機房 教學方法： 講授 +實踐操作 教學過程： 導入新課 師：不會使用計算機等先進工具或不會檢索、處理和利用信息資源的人將成為新文盲的牲征，而網(wǎng)絡是我們獲得信息的重要途徑?，F(xiàn)在我們就來了解與互聯(lián)網(wǎng)有關的一些知識。 ：專門為用戶提供網(wǎng)頁數(shù)據(jù)存儲及 Web（萬維網(wǎng)）服務器的計算機； :代表超文本傳輸協(xié)議； HTML（ HyperText Markup Language）即超文本標記語言或超文本鏈接標示語言，是目前網(wǎng)絡上應用最為廣泛的語言，也是構成網(wǎng)頁文檔的主要語言。 URL：統(tǒng)一資源定位器（ URL，英語 Uniform Resource Locator 的縮寫）也被稱為網(wǎng)頁地址，是因特網(wǎng)上標準的資源的地址。 —— 靜態(tài)網(wǎng)頁 靜態(tài)網(wǎng)頁通常以 .htm 保存；不可交互的網(wǎng)頁，你編的是什么它顯示的就是什么、不會有任