word版可編輯-網(wǎng)頁(yè)設(shè)計(jì)教案首頁(yè)精心整理-文庫(kù)吧
2025-04-01 12:41 本頁(yè)面
【正文】 NG（Portable Network Graphics）圖像 使用圖像 img src屬性設(shè)置為要插入圖像文件的URI height和width屬性 align屬性 hspace和vspace屬性 border屬性、background屬性 創(chuàng)建圖片鏈接 使用縮略圖 創(chuàng)建圖像地圖：一個(gè)圖像地圖中設(shè)置多個(gè)鏈接熱點(diǎn)：整張圖片被分成的多塊活動(dòng)的區(qū)域。用戶自己定義這些熱點(diǎn)，把它們分別鏈接到各自獨(dú)立的URI地址。圖像地圖的基本類型包括兩種： 1. 客戶端圖像地圖：該地圖直接被瀏覽器處理2. 服務(wù)器端圖像地圖：該地圖將被Web服務(wù)器上的一段程序負(fù)責(zé)解析處理三、學(xué)生隨堂練習(xí) img標(biāo)簽屬性的使用 創(chuàng)建圖像地圖四、總結(jié) 南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式講授頁(yè) 碼6授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱第5章 表格布局 創(chuàng)建表格 設(shè)置表格格式 高級(jí)表格標(biāo)記教學(xué)目標(biāo)1 學(xué)會(huì)創(chuàng)建帶有數(shù)據(jù)行和數(shù)據(jù)列的表格2 學(xué)會(huì)控制表格格式教學(xué)重點(diǎn)表格的定義；表格行的控制；單元格的控制；表格的分組教學(xué)難點(diǎn)控制表格格式 更新、補(bǔ)充、刪除內(nèi)容無(wú)教學(xué)手段多媒體課外作業(yè)無(wú)課后體會(huì)教 學(xué) 過(guò) 程 設(shè) 計(jì)第5章 表格布局一、 復(fù)習(xí)引入HTML網(wǎng)頁(yè)可以看做是一個(gè)二維空間，可以使用表格對(duì)這個(gè)二維空間進(jìn)行劃分，然后對(duì)要表現(xiàn)的內(nèi)容進(jìn)行合理的布局，表格是一種重要的布局方式。二、新授課 創(chuàng)建表格 基本表格標(biāo)記：table和/table 設(shè)置表格行：tr和/tr 設(shè)置表格列：th和/th td和/td th是 table head的簡(jiǎn)稱，用來(lái)設(shè)置表頭 td是 table data的簡(jiǎn)稱，用來(lái)標(biāo)記表頭以外的其他單元格 添加標(biāo)題：caption標(biāo)記 “align”屬性：指定表格的標(biāo)題位置 調(diào)整表格尺寸：width（寬度）和height（高度）屬性 對(duì)齊方式align：屬性值有l(wèi)eft、right、和center三種，默認(rèn)為left 設(shè)置表格格式 設(shè)置表格背景顏色：bgcolor屬性 table、 tr、 td（或th）標(biāo)記中使用 在表格中插入圖片：可放入某一個(gè)單元格內(nèi)，也可作為表格背景 加背景圖片：table標(biāo)記中加入background屬性在一個(gè)單元格中加入圖片：在（td或th）之間加入img標(biāo)記 調(diào)整單元格大?。簑idth屬性 單元格內(nèi)容的對(duì)齊方式：align和valign屬性 設(shè)置單元格間距和邊距：cellspacing屬性和cellpadding屬性： 擴(kuò)展行和列：rowsapn屬性和colspan屬性 高級(jí)表格標(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é)院教 案授課班級(jí)授課形式實(shí)驗(yàn)頁(yè) 碼7授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱實(shí)驗(yàn)二：鏈接、圖像與表格教學(xué)目標(biāo)1 學(xué)會(huì)創(chuàng)建跨行、跨列的表格2 會(huì)控制表格格式，使用表格進(jìn)行合理布局3 學(xué)會(huì)使用img標(biāo)簽教學(xué)重點(diǎn)會(huì)創(chuàng)建表格，使用圖像教學(xué)難點(diǎn)使用表格進(jìn)行合理的布局 更新、補(bǔ)充、刪除內(nèi)容無(wú)教學(xué)手段上機(jī)實(shí)驗(yàn)課外作業(yè)實(shí)驗(yàn)報(bào)告課后體會(huì)教 學(xué) 過(guò) 程 設(shè) 計(jì)實(shí)驗(yàn)二：鏈接、圖像與表格一、復(fù)習(xí)理論超鏈接、圖像、表格二、布置實(shí)驗(yàn)任務(wù)1 實(shí)驗(yàn)?zāi)康模骸駥W(xué)會(huì)創(chuàng)建跨行、跨列的表格●學(xué)會(huì)使用img標(biāo)簽●會(huì)控制表格格式，使用表格進(jìn)行合理布局2實(shí)驗(yàn)任務(wù)：●習(xí)題一：創(chuàng)建跨行和跨列的表格●習(xí)題二：創(chuàng)建嵌套表格如下圖所示，并在此基礎(chǔ)上加入圖像和超鏈接，網(wǎng)頁(yè)圍繞一個(gè)主題合理布局 三、指導(dǎo)學(xué)生上機(jī)實(shí)驗(yàn)針對(duì)學(xué)生普遍存在的問(wèn)題進(jìn)行集體講解和指導(dǎo)。四、總結(jié)這次實(shí)驗(yàn)存在的問(wèn)題五、布置作業(yè)：實(shí)驗(yàn)報(bào)告南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式實(shí)驗(yàn)頁(yè) 碼8授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱實(shí)驗(yàn)二：鏈接、圖像與表格（續(xù)）教學(xué)目標(biāo)1 學(xué)會(huì)創(chuàng)建跨行、跨列的表格2 會(huì)控制表格格式，使用表格進(jìn)行合理布局3 學(xué)會(huì)使用img標(biāo)簽教學(xué)重點(diǎn)會(huì)創(chuàng)建表格，使用圖像教學(xué)難點(diǎn)使用表格進(jìn)行合理的布局 更新、補(bǔ)充、刪除內(nèi)容無(wú)教學(xué)手段上機(jī)實(shí)驗(yàn)課外作業(yè)實(shí)驗(yàn)報(bào)告課后體會(huì)教 學(xué) 過(guò) 程 設(shè) 計(jì)實(shí)驗(yàn)二：鏈接、圖像與表格（續(xù)）一、復(fù)習(xí)理論超鏈接、圖像、表格二、布置實(shí)驗(yàn)任務(wù)1 實(shí)驗(yàn)?zāi)康模骸駥W(xué)會(huì)創(chuàng)建跨行、跨列的表格●學(xué)會(huì)使用img標(biāo)簽●會(huì)控制表格格式，使用表格進(jìn)行合理布局2實(shí)驗(yàn)任務(wù)：●在上次習(xí)題二的基礎(chǔ)上發(fā)揮主觀能動(dòng)性加入圖像和超鏈接，網(wǎng)頁(yè)圍繞一個(gè)主題合理布局 三、指導(dǎo)學(xué)生上機(jī)實(shí)驗(yàn)針對(duì)學(xué)生普遍存在的問(wèn)題進(jìn)行集體講解和指導(dǎo)。四、總結(jié)這次實(shí)驗(yàn)存在的問(wèn)題五、布置作業(yè)：實(shí)驗(yàn)報(bào)告南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式講授頁(yè) 碼9授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱第6章 框架布局 框架的概念 創(chuàng)建含有框架的HTML文檔教學(xué)目標(biāo)1 學(xué)會(huì)使用frameset元素在單一瀏覽窗口顯示多個(gè)Web頁(yè)面2 使用框架進(jìn)行布局教學(xué)重點(diǎn)框架的創(chuàng)建和使用教學(xué)難點(diǎn)使用框架創(chuàng)建符合需求的頁(yè)面 更新、補(bǔ)充、刪除內(nèi)容無(wú)教學(xué)手段多媒體課外作業(yè)無(wú)課后體會(huì)教 學(xué) 過(guò) 程 設(shè) 計(jì)第6章 框架布局一、復(fù)習(xí)引入 窗口框架可用于將窗口畫面分割成多個(gè)小窗口，且每個(gè)小窗口中，可以顯示不同的網(wǎng)頁(yè)，達(dá)到在瀏覽器中同時(shí)瀏覽不同網(wǎng)頁(yè)的效果。二、新授課 框架 框架能夠同時(shí)顯示多個(gè)HTML文檔，框架之間可以互相聯(lián)系，觸發(fā)一個(gè)框架中的事件可以改變另一個(gè)框架中的內(nèi)容和行為。 創(chuàng)建含有框架的HTML文檔 1. 基本框架標(biāo)記：frameset 不使用body標(biāo)記 cols屬性：垂直框架，指定框架的寬度 rows屬性：水平框架，指定框架的高度 frame標(biāo)記：沒(méi)有結(jié)束標(biāo)記定義單個(gè)框架中的顯示內(nèi)容及其外觀樣式src屬性：指定要顯示的頁(yè)面的 URL單個(gè)標(biāo)記，無(wú)需結(jié)尾 noframes標(biāo)記:瀏覽器無(wú)法顯示框架時(shí)，顯示此標(biāo)記中的內(nèi)容 舉例演示多框架和彈性框架 2. 框架集嵌套:frameset標(biāo)記中嵌套使用另外一個(gè)frameset標(biāo)記 框架目標(biāo)：一個(gè)框架內(nèi)的鏈接目標(biāo)在另一個(gè)框架中顯示 命名框架：frame標(biāo)記的name屬性設(shè)置錨站目
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1