【正文】 色等設(shè)置格式化文本： 超鏈接和錨站 鏈接到其他資源（如XHTML文檔和圖像）三、學(xué)生隨堂練習(xí)四、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式講授頁 碼3授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱第3章 文檔格式化 超鏈接和錨站 段落格式化 使用列表教學(xué)目標(biāo)1 掌握內(nèi)部鏈接的使用2 掌握段落格式化和使用列表教學(xué)重點內(nèi)部鏈接和列表教學(xué)難點列表 更新、補充、刪除內(nèi)容無教學(xué)手段多媒體課外作業(yè)無課后體會教 學(xué) 過 程 設(shè) 計第3章 文檔格式化一、引入 HTML的基本標(biāo)記，組織規(guī)范。例如：a href= target=_blanksohu網(wǎng)站/a Dreamweaver介紹 一款用于設(shè)計、開發(fā)網(wǎng)站和 Web 應(yīng)用程序的專業(yè)HTML 編輯器 用戶可以選擇使用布局單元格或框架來設(shè)計頁面的布局 可用于創(chuàng)建文本、插入動態(tài)圖像、提供網(wǎng)頁超鏈接、創(chuàng)建 Flash 文本和 Flash 按鈕等 可用于組合由某些軟件（如 Photoshop、ImageReady 和 Flash 等）制作的圖形、動畫和按鈕二、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級 授課形式講授頁 碼2授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱第2章 創(chuàng)建HTML文件 創(chuàng)建HTML文件 HTML的組織規(guī)范 HTML基本標(biāo)記第3章 文檔格式化 文字格式化 超鏈接和錨站教學(xué)目標(biāo)1 理解HTML文件的基本結(jié)構(gòu)2 掌握文字格式化和超鏈接教學(xué)重點 1 html、head、body2 a教學(xué)難點如何控制文字格式和建立超鏈接 更新、補充、刪除內(nèi)容無教學(xué)手段多媒體課外作業(yè)無課后體會教 學(xué) 過 程 設(shè) 計第2章 創(chuàng)建HTML文件一、 復(fù)習(xí)Dreamweaver工具的使用二、新授課 創(chuàng)建HTML文件 注釋以!開始，以 結(jié)束 html 元素head 元素文檔標(biāo)題樣式和腳本body 元素瀏覽器顯示的頁面內(nèi)容 開始標(biāo)記：元素名 結(jié)束標(biāo)記：/元素名 HTML的組織規(guī)范 所有的HTML文檔都遵循由W3C規(guī)定的HTML規(guī)范。二、新授課 創(chuàng)建表格 基本表格標(biāo)記：table和/table 設(shè)置表格行：tr和/tr 設(shè)置表格列：th和/th td和/td th是 table head的簡稱，用來設(shè)置表頭 td是 table data的簡稱，用來標(biāo)記表頭以外的其他單元格 添加標(biāo)題：caption標(biāo)記 “align”屬性：指定表格的標(biāo)題位置 調(diào)整表格尺寸：width（寬度）和height（高度）屬性 對齊方式align：屬性值有l(wèi)eft、right、和center三種，默認(rèn)為left 設(shè)置表格格式 設(shè)置表格背景顏色：bgcolor屬性 table、 tr、 td（或th）標(biāo)記中使用 在表格中插入圖片：可放入某一個單元格內(nèi)，也可作為表格背景 加背景圖片：table標(biāo)記中加入background屬性在一個單元格中加入圖片：在（td或th）之間加入img標(biāo)記 調(diào)整單元格大?。簑idth屬性 單元格內(nèi)容的對齊方式：align和valign屬性 設(shè)置單元格間距和邊距：cellspacing屬性和cellpadding屬性： 擴展行和列：rowsapn屬性和colspan屬性 高級表格標(biāo)記 行編組：賦予表格行特殊的含義包括thead，tbody和tfoot三種標(biāo)記thead：表示該行定義為當(dāng)前表格的題注tfoot：表示該行定義為當(dāng)前表格的尾注tbody：表示表格的主體部分tfoot標(biāo)記必須出現(xiàn)在tbody標(biāo)記之前和thead標(biāo)記之后舉例講解 列編組：colgroup標(biāo)記三、學(xué)生練習(xí)四、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式實驗頁 碼7授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱實驗二：鏈接、圖像與表格教學(xué)目標(biāo)1 學(xué)會創(chuàng)建跨行、跨列的表格2 會控制表格格式，使用表格進(jìn)行合理布局3 學(xué)會使用img標(biāo)簽教學(xué)重點會創(chuàng)建表格，使用圖像教學(xué)難點使用表格進(jìn)行合理的布局 更新、補充、刪除內(nèi)容無教學(xué)手段上機實驗課外作業(yè)實驗報告課后體會教 學(xué) 過 程 設(shè) 計實驗二：鏈接、圖像與表格一、復(fù)習(xí)理論超鏈接、圖像、表格二、布置實驗任務(wù)1 實驗?zāi)康模骸駥W(xué)會創(chuàng)建跨行、跨列的表格●學(xué)會使用img標(biāo)簽●會控制表格格式，使用表格進(jìn)行合理布局2實驗任務(wù)：●習(xí)題一：創(chuàng)建跨行和跨列的表格●習(xí)題二：創(chuàng)建嵌套表格如下圖所示，并在此基礎(chǔ)上加入圖像和超鏈接，網(wǎng)頁圍繞一個主題合理布局 三、指導(dǎo)學(xué)生上機實驗針對學(xué)生普遍存在的問題進(jìn)行集體講解和指導(dǎo)。二、新授課 表單初步 填充式的表單使用戶可以提交更復(fù)雜的信息，進(jìn)行更復(fù)雜的交互 表單是HTML標(biāo)記中較為復(fù)雜的部分，它往往與腳本、動態(tài)頁面和數(shù)據(jù)處理等功能相結(jié)合，制作動態(tài)網(wǎng)站 表單元素包括： 文本字段 復(fù)選框 單選按鈕 按鈕下拉菜單/列表框 表單元素：1. form標(biāo)記 form標(biāo)記可以看作是一個包含許多表單控件的容器 排列各種表單控件的布局，讓表單以一種友好的界面呈現(xiàn)在瀏覽者面前 控件是用來收集用戶信息的域。二、新授課 樣式表簡介 樣式表是規(guī)范瀏覽器如何顯示HTML特定標(biāo)記的一組規(guī)則標(biāo)記名稱：決定頁面中的哪些標(biāo)記受到樣式規(guī)則的控制標(biāo)記屬性：決定如何顯示這些受控制的標(biāo)記 DHTML = HTML + CSS + JavaScript 使用樣式表 四種樣式表：內(nèi)聯(lián)式樣式表、嵌入式樣式表、輸入外部樣式表、鏈接外部樣式表 前兩種可以稱為內(nèi)部樣式表，后兩種稱為外部樣式表 優(yōu)先級從高到低依次為：內(nèi)聯(lián)式樣式表、嵌入式樣式表、輸入外部樣式表、鏈接外部樣式表。......}...... an{樣式屬性:屬性值。......} {樣式屬性:屬性值。從功能性角度上講，layer標(biāo)記相當(dāng)于div標(biāo)記。二、提交所做網(wǎng)站南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式實驗頁 碼22授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱實驗五 網(wǎng)頁綜合設(shè)計教學(xué)目標(biāo)使用所學(xué)制作一個具有統(tǒng)一主題的網(wǎng)站教學(xué)重點網(wǎng)站內(nèi)容詳實、主題突出、布局美觀教學(xué)難點網(wǎng)頁設(shè)計思路清晰、布局美觀一致、色彩柔和、搭配合理、樸實大方 更新、補充、刪除內(nèi)容無教學(xué)手段上機實驗課外作業(yè)提交網(wǎng)站課后體會教 學(xué) 過 程 設(shè) 計實驗五 網(wǎng)頁綜合設(shè)計（續(xù)）一、布置實驗任務(wù)使用所學(xué)制作一個具有統(tǒng)一主題的網(wǎng)站二、實驗要求1. 網(wǎng)站內(nèi)容詳實、主題突出、科學(xué)、準(zhǔn)確、積極、健康、活