【正文】 換4． 拼寫檢查：shift+F7三、 文本的屬性（15分鐘左右）1． 屬性工具欄：窗口菜單2． 設置文本的格式. 大小. 字體. 顏色（注意樣式的變化）3． 設置文本對齊方式：注意html代碼中的變化四、 文本列表（30分鐘左右）1． 項目列表的創(chuàng)建2． 編號列表的創(chuàng)建3． 描述性列表的創(chuàng)建五、 HTML中的文本代碼（15分鐘左右）1． 段落和換行代碼段落：p/p換行:br/2． 保留源格式代碼：pre3． 水平線代碼：hr/4． 標題代碼：hhhhhh65． 列表代碼：ul ol li dl dt dd作業(yè)/思考題：1． 設置網(wǎng)頁中文本的字體、顏色時要注意什么問題？2． 如何修改水平線的顏色？教學后記：本節(jié)課授課前，應更多的讓學生去回憶此前學習的word中的文本。從而感覺本知識的非常容易，最后能比較發(fā)現(xiàn)網(wǎng)頁文本的特殊性。課程教案（№:6）授課內容建立簡單的網(wǎng)頁制作課 型163。理論 R實踐授課學時2教學方法與手段講授法、演示法教學目的與要求通過站點的創(chuàng)建，以及站點文件的管理，創(chuàng)建一個簡單的網(wǎng)站。教學重點與難點教學重點：1． 創(chuàng)建本地站點2． 創(chuàng)建首頁3． 在首頁輸入文本內容4． 制作文本列表教學難點：1． 有序列表和無序列表的區(qū)別；2． 描述性列表的制作。教學過程設計主要步驟一、 創(chuàng)建本地站點1． 運行軟件2． 站點菜單新建站點3． 遠程服務器連接選擇為無二、 創(chuàng)建首頁1． 窗口文件2． 右擊當前站點新建文件三、 在首頁輸入文本內容1． 輸入常規(guī)文本，并在其中換行/換段2． 輸入空白字符，設置首選參數(shù)中的常規(guī)設置3． 插入日期和水平線四、 制作文本列表1． 制作無序列表l 文本屬性欄項目列表l 敲回車繼續(xù)新的項目2． 制作有序列表l 文本屬性欄編號列表l 敲回車繼續(xù)新的項目3． 嵌套列表的制作l 增加文本縮進l 修改列表的類型（代碼視圖修改type）4． 制作定義性列表l 切換至代碼視圖l 插入dl標簽l 在dl標簽中插入一個dt和若干個dd標簽（dt和dd不可嵌套）實訓結果作業(yè)/思考題：1． 設置網(wǎng)頁中文本的字體、顏色時要注意什么問題？2． 如何修改水平線的顏色？教學后記：通過學習，并對比此前學習的word中的文本。發(fā)現(xiàn)網(wǎng)頁文本的特殊性。課程教案（№:7）授課內容制作一個簡單的網(wǎng)頁課 型R理論 163。實踐授課學時2教學方法與手段講授法、演示法教學目的與要求本次課程將講授網(wǎng)頁制作過程中的圖像的使用，掌握圖像及圖像對象的插入，交互式圖像的使用。掌握圖像熱區(qū)的使用。教學重點與難點教學重點：1． 圖像占位符. 鼠標經過圖像；2． 圖像熱區(qū)；3． 制作網(wǎng)站相冊；4． 圖像的優(yōu)化。教學難點：1． 圖像的類型；2． 網(wǎng)站相冊的制作。教學過程設計一、圖像格式的介紹（5分鐘左右）1． GIF格式2． JPEG格式3． PNG格式4． 其他格式二、圖像文件的插入及屬性（20分鐘左右）1． 圖像的插入：插入菜單，站點面板，直接拖入到文檔2． 圖像的屬性：名稱，源文件，大小，替代，邊距，邊框3． 圖像的環(huán)繞效果三、圖像對象的插入及屬性（20分鐘左右）1． 圖像占位符2． 鼠標經過圖像3． 導航條四、圖像熱區(qū)的使用（8分鐘左右）1． 繪制熱區(qū)：矩形. 橢圓形. 多邊形2． 選擇熱區(qū)3． 調整熱區(qū)位置五、Fireworks切圖及導入Fireworks HTML（10分鐘左右）1． 用Fireworks制作簡單的頁面2． 利用切片工具分隔網(wǎng)頁3． 插入菜單圖像對象Fireworks HTML六、制作web相冊（10分鐘左右）1． 準備制作相冊的素材圖片2． 命令菜單創(chuàng)建網(wǎng)站相冊七、利用插件制作flash相冊（7分鐘左右）1． 搜索flash相冊插件2． 下載安裝并利用工具欄制作八、圖像的優(yōu)化及格式的轉換（10分鐘左右）1． 命令菜單2． 右擊圖像作業(yè)/思考題：1． 圖像地圖的作用是什么？2． 如何插入鼠標經過圖像？教學后記：圖像能相對充分的表現(xiàn)頁面的內容，適當?shù)脑诰W(wǎng)頁中加入圖像可對頁面進行點綴。在選擇圖像時應盡量尋找品質較高，尺寸較大的文件，從而能方便編輯。課程教案（№:8）授課內容網(wǎng)頁圖像的使用課 型163。理論 R實踐授課學時2教學方法與手段講授法、演示法教學目的與要求1． 練習站點的創(chuàng)建，以及站點文件的管理；2． 練習網(wǎng)頁上文本和圖像的使用；3． 掌握圖文混排的網(wǎng)頁制作技巧。教學重點與難點教學重點：1． 站點的創(chuàng)建；2． 文本的輸入；3． 網(wǎng)頁圖像的使用。教學難點：1． 圖文混排的網(wǎng)頁；2． 修改水平線的顏色。教學過程設計實訓內容利用提供的素材文件，制作一個“暢想未來”的網(wǎng)站，要求如下：1. 創(chuàng)建本地站點文件夾，將網(wǎng)頁用到的素材按類別復制到站點文件夾中，啟動Dreamweaver，定義站點。2. ，設置背景顏色為“B8DCF4”，網(wǎng)頁標題為“暢想未來”。3. 插入基本的頁面元素，包括文本、圖像、水平線等。4. 對圖像進行適當?shù)恼{整，包括大小、在頁面中的對齊方式、與周邊對象的距離及環(huán)繞方式。實訓步驟一、新建站點1． 站點菜單—新建站點—高級—站點名稱：暢想未來—站點根文件夾：E:/future2． 選中站點—右鍵—新建文件夾：images（圖像文件夾）3． 選中站點—右鍵—新建文件：（網(wǎng)站首頁）4． 把提供的圖片素材復制到images文件夾中二、設置頁面屬性4． 5． “修改”—“頁面屬性”—外觀：字體為宋體、大小為12像素，文本顏色為“034881”，背景顏色為“B8DCF4”，上邊距為0像素，左、右邊距的值均為30像素。三、圖像對象的插入及屬性1． “插入”—圖像—images—2． 屬性面板—居中對齊注：編輯—首選參數(shù)—輔助功能—把圖像前面的勾去掉 在頁面中插入和編輯文本1． 編輯—首選參數(shù)—常用—允許多個連續(xù)的空格勾選上，即可輸入多個空格2． 創(chuàng)建項目列表3． 插入版權符號：插入菜單—HTML—特殊字符—版權 設置圖像環(huán)繞效果選中圖片—屬性面板—對齊—左對齊，同時設置頁面的上下、左右邊距實訓結果作業(yè)/思考題：1． 圖像地圖的作用是什么？2． 如何插入鼠標經過圖像？教學后記：圖像能相對充分的表現(xiàn)頁面的內容，適當?shù)脑诰W(wǎng)頁中加入圖像可對頁面進行點綴。在選擇圖像時應盡量尋找品質較高，尺寸較大的文件，從而能方便編輯。課程教案（№:9）授課內容超鏈接課 型R理論 163。實踐授課學時2教學方法與手段講授法、演示法教學目的與要求本次課程將講授網(wǎng)頁制作過程中的超鏈接的使用，掌握超鏈接的創(chuàng)建方法，創(chuàng)建各種不同形式的鏈接。理解鏈接目標的概念。教學重點與難點教學重點：1. 鏈接創(chuàng)建的簡單方法2. 各種不同超鏈接的制作3. 鏈接的目標設置教學難點：1． 理解鏈接的原理2． 框架頁面中的鏈接教學過程設計 理解url（25分鐘左右）文件路徑就是文件在電腦中的位置，表示文件路徑的方式有兩種，相對路徑和絕對路徑。在網(wǎng)頁設計中通過路徑可以表示鏈接，插入圖像、Flash、CSS文件的位置1． 絕對路徑URL：（Uniform Resoure Locator：統(tǒng)一資源定位器）是WWW頁的地址，它從左到右由下述部分組成：（1） Internet資源類型（scheme）：指出WWW客戶程序用來操作的工具。如“：//”表示W(wǎng)WW服務器，“ftp：//”表示FTP服務器，“gopher：//”表示Gopher服務器，而“new：”表示Newgroup新聞組。（2） 服務器地址（host）：指出WWW頁所在的服務器域名。（3） 端口（port）：有時（并非總是這樣），對某些資源的訪問來說，需給出相應的服務器提供端口號。（4） 路徑（path）：指明服務器上某資源的位置（其格式與DOS系統(tǒng)中的格式一樣，通常有目錄/子目錄/文件名這樣結構組成）。與端口一樣，路徑并非總是需要的。 URL地址格式排列為：scheme：//host：port/path，例如：//。2． 相對路徑（1） 如何表示同級目錄的文件（2） 如何表示上級目錄的文件（3） 如何表示下級目錄的文件 超鏈接的制作方法（15分鐘左右）1． 通過插入菜單2． 利用插入欄3． 屬性面板：直接輸入路徑，指向文件，文件夾瀏覽4． 超鏈接的相關操作步驟：修改菜單：創(chuàng)建. 移出. 打開鏈接頁面. 設置鏈接目標 超鏈接的類型（25分鐘左右）1． 頁面間的鏈接2． 文件鏈接3． 空鏈接4． 錨點鏈接5． 電子郵件鏈接 特殊形式的鏈接（10分鐘左右）1． 腳本鏈接：讓對象獲取事件2． 熱點鏈接：針對圖像熱區(qū) 設置鏈接的目標（5分鐘左右）1． _self：自身窗口打開2． _blank：新窗口打開目標3． _parent. _top：在框架頁面中使用4． 修改鏈接的目標目標：文件頭標簽基礎 框架頁面中的鏈接（10分鐘左右）1． 新建簡單的框架頁面并保存2． 設置框架的鏈接目標：目標必須是框架的名稱作業(yè)/思考題：1． 超鏈接的路徑有幾種，都是什么？2． 什么是超鏈接和指向頁面段落的超鏈接？3． Email超鏈接與一般的超鏈接有什么不同？教學后記：可以用班級的結構類比喻超鏈接，通過介紹：//，通過：//。課程教案（№:10）授課內容超鏈接的使用課 型163。理論 R實踐授課學時2教學方法與手段講授法、演示法教學目的與要求通過實訓，掌握網(wǎng)頁制作過程中的超鏈接的使用，掌握超鏈接的創(chuàng)建方法，創(chuàng)建各種不同形式的鏈接。理解鏈接目標的概念。教學重點與難點教學重點：1. 鏈接創(chuàng)建的簡單方法2. 各種不同超鏈接的制作3. 鏈接的目標設置教學難點：3． 理解鏈接的原理4． 框架頁面中的鏈接教學過程設計實訓內容：1． 用三種不同的方法創(chuàng)建鏈接；2． 創(chuàng)建至少6種不同形式的超鏈接；3． 修改鏈接的目標；4． 修改鏈接的樣式。實訓步驟：1． 用三種不同的方法創(chuàng)建鏈接（1） 插入菜單或者插入欄找到超級鏈接命令并點擊；（2） 修改菜單或通過ctrl+l來創(chuàng)建鏈接；（3） 屬性欄：直接輸入鏈接地址，或通過指向文件和瀏覽文件創(chuàng)建。2． 創(chuàng)建至少6種不同形式的超鏈接（1） ，創(chuàng)建頁面鏈接；（2） ，創(chuàng)建文件鏈接；（3） 在鏈接框中輸入一個，創(chuàng)建空鏈接；（4） 在鏈接框中輸入一個錨點名，創(chuàng)建錨點鏈接（應先插入命名錨記）；（5） e在鏈接框中輸入mailto：電子郵件，創(chuàng)建電子郵件鏈接；（6） 在鏈接框中輸入javascript：close()，創(chuàng)建腳本鏈接。3． 修改鏈接的目標（1） 將鏈接目標修改為_blank；（2） 通過代碼視圖在/head之前加入base標簽修改默認目標值。4． 修改鏈接的樣式（1） 修改菜單下找到頁面屬性，更改鏈接的設置；（2） 記住鏈接的四個不同狀態(tài)。實訓結果：作業(yè)/思考題：1． 超鏈接的路徑有幾種，都是什么？2． 什么是超鏈接和指向頁面段落的超鏈接？3． Email超鏈接與一般的超鏈接有什么不同？教學后記：可以用班級的結構類比喻超鏈接，通過介紹：//，通過：//。讓錯綜復雜的網(wǎng)絡獨立頁面形成一個系統(tǒng)的鏈接關系。課程教案（№:11）授課內容多媒體的使用課 型R理論 163。實踐授課學時2教學方法與手段講授法、演示法教學目的與要求本次課程將學習網(wǎng)頁中多媒體的使用，掌握各類媒體文件的插入及屬性設置。制作帶多媒體文件的網(wǎng)頁。教學重點與難點教學重點：各類多媒體文件的格式教學難點：各類多媒體文件的參數(shù)教學過程設計一、 插入flash文件（20分鐘左右）1． 插入菜單媒體flash2． 插入欄常用媒體flash3． 設置flash屬性：參數(shù)wmode 值transparent 可使flash背景透明(非所有)二、 插入flash文本（5分鐘左右）1． 插入菜單媒體flash文本2． 插入欄常用媒體flash文本三、 插入flash按鈕（5分鐘左右）1． 插入菜單媒體flash按鈕2． 插入欄常用媒體flash按鈕四、 插入shockwave（10分鐘左右）1． 安裝shockwave插件，準備shockwave文件：文件擴展名dir2． 插入菜單媒體shockwave3． 插入欄常用媒體shockwave五、 插入applet（java程序）（5分鐘左右）1． 安裝j