【正文】 生完成課后作業(yè)，教師實(shí)施指導(dǎo)。第三章 文本及其格式化課題：輸入文本及其格式化一、教學(xué)基本內(nèi)容輸入普通文本插入符號、日期使用項(xiàng)目列表二、課型：新授課三、課時(shí)：2個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn)重點(diǎn)：插入符號、空格和日期使用項(xiàng)目列表 難點(diǎn)：項(xiàng)目列表五、教學(xué)目的掌握文本輸入方法掌握日期的插入掌握項(xiàng)目列表的使用六、教學(xué)過程引入首先例用一個(gè)已完成的網(wǎng)頁，讓學(xué)生來看別人的設(shè)置，由此引入文本的格式化。顯示結(jié)果。找到“C:site”文件夾，選中并右擊該文件夾，從彈出的快捷菜單中選擇“共享和安全”選項(xiàng)。（05）單擊“下一步”按鈕，便會顯示在站點(diǎn)定義向?qū)е兴x擇設(shè)置的詳細(xì)報(bào)告，如果感覺滿意，單擊“完成”按鈕，完成本網(wǎng)站的創(chuàng)建，如圖210所示；否則單擊“上一步”按鈕重新修改各項(xiàng)設(shè)置。講授新課（1）Dreamweaver的界面a．文檔窗口：主菜單、工具欄、底部啟動(dòng)條、文檔編輯區(qū)b．對象面板：標(biāo)準(zhǔn)、表格、表單、框架、特殊、文件廷冖隱藏、字符c．啟動(dòng)面板：站點(diǎn)管理、代碼檢查、HTML樣式、CSS樣式、行為、歷史記錄、資源管理d．屬性面板：隨目前對象不同而內(nèi)容不同(2)創(chuàng)建HTML網(wǎng)頁(3)在網(wǎng)頁中插入圖像輸入文字以后，插入圖像，并對圖像設(shè)置對齊的方式，使之與文字呈混排的狀態(tài)。從廣義上講，網(wǎng)站就是當(dāng)網(wǎng)頁發(fā)布到Internet上以后，能通過瀏覽器在Internet上訪問的頁面。網(wǎng)頁設(shè)計(jì)的相關(guān)知識（1）設(shè)計(jì)網(wǎng)頁的原則A、整體規(guī)劃 B、鮮明的主題 C、善用圖像 D、醒目的導(dǎo)航 E、及時(shí)更新 F、易記的網(wǎng)站名稱 G、通用網(wǎng)頁 H、動(dòng)畫適量（2）網(wǎng)頁設(shè)計(jì)的一般步驟A、規(guī)劃網(wǎng)站 B、收集整理資源 C、配置站點(diǎn) D、創(chuàng)建頁面 E、測試站點(diǎn) F、發(fā)布站點(diǎn)G、維護(hù)、更新站點(diǎn)（3）網(wǎng)頁制作的常用工具 A、網(wǎng)頁設(shè)計(jì)軟件Dreamweaver是目前使用最多的網(wǎng)頁設(shè)計(jì)軟件。（2）創(chuàng)建本地站點(diǎn)站點(diǎn)組成：Dreamweaver 8站點(diǎn)由3部分組成，具體內(nèi)容取決于環(huán)境和所開發(fā)的Web站點(diǎn)類型。七、作業(yè)處理在課堂上要求每一個(gè)同學(xué)在F盤下建立一個(gè)名為“我的站點(diǎn)”的文件夾，在dreamweaver中創(chuàng)建一個(gè)靜態(tài)站點(diǎn)，將站點(diǎn)信息存放到我的站點(diǎn)文件夾中。最后單擊“確定”按鈕關(guān)閉對話框，便完成了定義動(dòng)態(tài)站點(diǎn)的準(zhǔn)備工作。出現(xiàn)如圖225所示的成功頁面。b:在其他編輯器中復(fù)制已經(jīng)生成的文本，然后切換到Dreamweaver 8文檔窗口中，將選取插入點(diǎn)，然后選擇“編輯”|“粘貼”選項(xiàng)。第三步：講解并分析 CSS 常用屬性與值。如果未打開“插入”工具欄，可以在文檔窗口單擊按鈕。第五章 圖像課題：圖像插入及屬性設(shè)置一、教學(xué)基本內(nèi)容圖像的類型插入鼠標(biāo)經(jīng)過圖像二、課型：新授課三、課時(shí)：2個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn) 重點(diǎn)：插入圖像 難點(diǎn)：圖像屬性五、教學(xué)目的、掌握圖像的插入方法 掌握圖像屬性設(shè)置六、教學(xué)過程引入網(wǎng)頁的頁面背景顏色和文本顏色在HTML代碼中是如何表示的？ RGB方式表示顏色：紅綠蘭，0表示最弱，255表示最強(qiáng) 一共可以表示：256╳256╳256=16777216種顏色 由于瀏覽器的關(guān)系，只有216種顏色能在瀏覽器中正常顯示，多于這個(gè)范圍的顏色，有的瀏覽器顯示時(shí)就可能發(fā)生偏差，不能正常顯示。（05）創(chuàng)建圖像地圖（熱區(qū)），可根據(jù)地圖中不同的形狀選擇不同的熱區(qū)工具，在所選定圖像上拖動(dòng)鼠標(biāo)指針，便可完成圖像地圖的創(chuàng)建。第六章 框架課題：框架集的創(chuàng)建及其基本操作一、教學(xué)基本內(nèi)容、演示并講解用框架制作的網(wǎng)頁、框架的基本結(jié)構(gòu)、框架的各種屬性、框架結(jié)構(gòu)之間的鏈接二、課型：新授課三、課時(shí)：2個(gè)課時(shí)四、教學(xué)重點(diǎn)與難點(diǎn) 重點(diǎn)：框架的各種屬性框架結(jié)構(gòu)之間的鏈接難點(diǎn)：框架的各種屬性框架結(jié)構(gòu)之間的鏈接五、教學(xué)目的、掌握框架的基本結(jié)構(gòu)、掌握框架的各種屬性、掌握框架結(jié)構(gòu)之間的鏈接六、教學(xué)過程復(fù)習(xí)引入回憶：Frontpage中的框架應(yīng)用框架的應(yīng)用重復(fù)出現(xiàn)在不同網(wǎng)頁文檔中的元素：網(wǎng)頁標(biāo)題、導(dǎo)航欄等等建立框架（1）將對象面板切換到框架頁（Frame）（2）插入不同的框架，一個(gè)區(qū)域?qū)?yīng)于一個(gè)頁面（3）在框架中打開原有網(wǎng)頁：文件（File）224。將左列框架命名為index、右列上部框架命名為_top、右列下部框架命名為main。（07）定義樣式。（12）使用相同的方法設(shè)置其他“笑話”目錄所鏈接的內(nèi)容和鏈接目標(biāo)，其他的鏈接目標(biāo)均為main框架