word版可編輯-網(wǎng)頁(yè)設(shè)計(jì)教案首頁(yè)精心整理-文庫(kù)吧資料
2025-04-22 12:41本頁(yè)面
【正文】 上機(jī)實(shí)驗(yàn)針對(duì)學(xué)生普遍存在的問(wèn)題進(jìn)行集體講解和指導(dǎo)。 樣式屬性:屬性值。 樣式屬性:屬性值。 樣式屬性:屬性值。 樣式屬性:屬性值。 樣式屬性:屬性值。 樣式屬性:屬性值。 樣式屬性:屬性值。3. 外部樣式表：操作多個(gè)頁(yè)面，并且這些頁(yè)面需要有統(tǒng)一的外觀格式外部樣式表文件以“css”為擴(kuò)展名根據(jù)樣式文件與網(wǎng)頁(yè)的關(guān)聯(lián)方式又分為：輸入（import）：將外部樣式表文件以輸入方式添加到頁(yè)面中，相當(dāng)于復(fù)制一份樣式表。1. 內(nèi)部樣式表——內(nèi)聯(lián)式樣式表樣式規(guī)則直接插入所應(yīng)用的HTML標(biāo)記中，作為標(biāo)記的屬性參數(shù)，因此其作用范圍僅限于所應(yīng)用的HTML元素。CSS跟HTML一樣，也是一種標(biāo)記語(yǔ)言，甚至很多屬性都來(lái)源于HTML，它也需要通過(guò)瀏覽器解釋執(zhí)行。四、總結(jié)這次實(shí)驗(yàn)存在的問(wèn)題五、布置作業(yè)：實(shí)驗(yàn)報(bào)告 南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式實(shí)驗(yàn)頁(yè) 碼14授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱實(shí)驗(yàn)三：框架與表單的設(shè)計(jì)（續(xù)）教學(xué)目標(biāo)1 學(xué)會(huì)創(chuàng)建和使用表單2 學(xué)會(huì)使用框架進(jìn)行布局教學(xué)重點(diǎn)表單和框架教學(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)三：框架與表單的設(shè)計(jì)（續(xù)）一、復(fù)習(xí)理論表單、框架二、布置實(shí)驗(yàn)任務(wù)1 實(shí)驗(yàn)?zāi)康模骸駥W(xué)會(huì)創(chuàng)建和使用表單●學(xué)會(huì)使用框架進(jìn)行布局2實(shí)驗(yàn)任務(wù)：●在前次實(shí)驗(yàn)的基礎(chǔ)上發(fā)揮主觀能動(dòng)性加入超鏈接和框架內(nèi)容，網(wǎng)頁(yè)圍繞一個(gè)主題合理布局 三、指導(dǎo)學(xué)生上機(jī)實(shí)驗(yàn)針對(duì)學(xué)生普遍存在的問(wèn)題進(jìn)行集體講解和指導(dǎo)。 把整個(gè)最終處理數(shù)據(jù)結(jié)果發(fā)送到目標(biāo)程序上，這個(gè)數(shù)據(jù)結(jié)果是由許多對(duì)名稱和數(shù)據(jù)值的統(tǒng)一體（即“名/值”對(duì)）組成的 method屬性：指定表單數(shù)據(jù)以什么方式發(fā)送到Web服務(wù)器method = “post”：將表單數(shù)據(jù)添加到瀏覽器請(qǐng)求method = “get”：將表單數(shù)據(jù)直接添加到URL的結(jié)尾action屬性：指定位于Web服務(wù)器上的腳本的URLform action=url method=“get|post” 表單元素/form 2. input標(biāo)記：限定表單內(nèi)的輸入?yún)^(qū)域，不同的輸入方式由屬性type指定type屬性的值可為text、radio和checkbox等 舉例說(shuō)明三、課堂練習(xí)四、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式講授頁(yè) 碼12授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱 表單元素 表單標(biāo)記訪問(wèn)控制 處理表單 設(shè)計(jì)方法教學(xué)目標(biāo)1 表單的各種元素2 表單標(biāo)記訪問(wèn)控制教學(xué)重點(diǎn)表單元素及訪問(wèn)控制教學(xué)難點(diǎn)表單的實(shí)際應(yīng)用 更新、補(bǔ)充、刪除內(nèi)容無(wú)教學(xué)手段多媒體課外作業(yè)無(wú)課后體會(huì) 教 學(xué) 過(guò) 程 設(shè) 計(jì)第7章 使用表單收集數(shù)據(jù)一、復(fù)習(xí) 表單的各種元素二、新授課 表單元素 input標(biāo)簽： 文本域：type = “text” 密碼域：type = “password” 單選按鈕：type = “radio” 復(fù)選框：type = “checkbox” 文件上傳：type = “file” 隱藏域：type = “hidden” 提交和重置按鈕：type = “submit”、type = “reset” 圖像提交按鈕: type = image 下拉菜單：selectoption,選項(xiàng)編組標(biāo)記:optgroup 多行文本框：textarea 表單區(qū)域fieldset和legend舉例演示 表單標(biāo)記訪問(wèn)控制 控制Table鍵的次序：tabindex屬性 快捷鍵：accessskey屬性 控件的禁用和只讀狀態(tài)：disabled、readonly 工具提示與表單域：title屬性 處理表單 method屬性：get和post action屬性：指定表單數(shù)據(jù)提交到哪個(gè)地址進(jìn)行處理 enctype屬性 設(shè)計(jì)方法表單必須便于使用，使訪問(wèn)者能夠很方便的回答問(wèn)題。表單中的每一個(gè)控件都有名稱（name）和值（value）。HTML是利用表單（Form）來(lái)設(shè)計(jì)交互界面的。教學(xué)重點(diǎn)各種表單元素教學(xué)難點(diǎn)input標(biāo)簽；下拉菜單select/option；多行文本框textarea 更新、補(bǔ)充、刪除內(nèi)容無(wú)教學(xué)手段多媒體課外作業(yè)無(wú)課后體會(huì)教 學(xué) 過(guò) 程 設(shè) 計(jì)第7章 使用表單收集數(shù)據(jù)一、復(fù)習(xí)引入 隨著Internet的迅速發(fā)展，用戶的要求越來(lái)越高。二、新授課 框架 框架能夠同時(shí)顯示多個(gè)HTML文檔，框架之間可以互相聯(lián)系，觸發(fā)一個(gè)框架中的事件可以改變另一個(gè)框架中的內(nèi)容和行為。四、總結(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)。圖像地圖的基本類型包括兩種： 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)行合理的布局，表格是一種重要的布局方式。二、新授課 常見(jiàn)網(wǎng)絡(luò)圖像格式 GIF（Graphics Interchange Format）圖像 JPEG（Joint Photograp
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1