word版可編輯-網(wǎng)頁設(shè)計教案首頁精心整理-免費閱讀
【正文】 4. 頁面技術(shù)手段先進(jìn)，表格，列表，表單，框架，css樣式表合理，網(wǎng)頁能互相超鏈接。圖片或者動畫處理效果好，有獨特的設(shè)計風(fēng)格。四、總結(jié)這次實驗存在的問題五、布置作業(yè)：實驗報告南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式實驗頁 碼19授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱實驗四 層疊樣式表CSS教學(xué)目標(biāo)1 掌握四種類型的樣式表2 會通過創(chuàng)建樣式表來控制Web站點的外觀教學(xué)重點四種樣式表的混合使用樣式表屬性設(shè)置教學(xué)難點四種樣式表的混合使用 更新、補充、刪除內(nèi)容無教學(xué)手段上機實驗課外作業(yè)實驗報告課后體會 教 學(xué) 過 程 設(shè) 計實驗四 層疊樣式表CSS（續(xù)）一、復(fù)習(xí)理論四種樣式表及其各種屬性的使用二、布置實驗任務(wù)1 實驗?zāi)康模骸?掌握四種類型的樣式表● 會通過創(chuàng)建樣式表來控制Web站點的外觀2實驗任務(wù)： （1）鏈接外部樣式表 （2） 使用CSS樣式制作以下網(wǎng)頁布局（3）靈活使用樣式表美化個人網(wǎng)站三、指導(dǎo)學(xué)生上機實驗針對學(xué)生普遍存在的問題進(jìn)行集體講解和指導(dǎo)。......} *.class規(guī)則2{樣式屬性:屬性值。鏈接（link）：如果標(biāo)記使用到樣式表，就會到所鏈接的外部樣式表中索取指定的樣式舉例說明并演示三、學(xué)生當(dāng)堂練習(xí)四、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式講授頁 碼16授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱 樣式表創(chuàng)建規(guī)則 層疊樣式表教學(xué)目標(biāo)1 掌握id規(guī)則、class規(guī)則2 掌握偽類和偽元素教學(xué)重點id規(guī)則、class規(guī)則、偽類、偽元素、繼承性 教學(xué)難點靈活使用樣式表的各種規(guī)則 更新、補充、刪除內(nèi)容無教學(xué)手段多媒體課外作業(yè)無課后體會 教 學(xué) 過 程 設(shè) 計第8章 樣式表一、復(fù)習(xí)引入 四種層疊樣式表二、新授課 樣式表創(chuàng)建規(guī)則 1. id規(guī)則style type=text/css! a1{樣式屬性:屬性值。三、學(xué)生練習(xí)四、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式實驗頁 碼13授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱實驗三：框架與表單的設(shè)計教學(xué)目標(biāo)1 學(xué)會創(chuàng)建和使用表單2 學(xué)會使用框架進(jìn)行布局教學(xué)重點表單和框架教學(xué)難點表單的使用，靈活使用框架進(jìn)行布局 更新、補充、刪除內(nèi)容無教學(xué)手段上機實驗課外作業(yè)實驗報告課后體會教 學(xué) 過 程 設(shè) 計實驗三：框架與表單的設(shè)計一、復(fù)習(xí)理論表單和框架的使用二、布置實驗任務(wù)1 實驗?zāi)康模骸駥W(xué)會創(chuàng)建和使用表單●學(xué)會使用框架進(jìn)行布局2實驗任務(wù)： 三、指導(dǎo)學(xué)生上機實驗針對學(xué)生普遍存在的問題進(jìn)行集體講解和指導(dǎo)。 創(chuàng)建含有框架的HTML文檔 1. 基本框架標(biāo)記：frameset 不使用body標(biāo)記 cols屬性：垂直框架，指定框架的寬度 rows屬性：水平框架，指定框架的高度 frame標(biāo)記：沒有結(jié)束標(biāo)記定義單個框架中的顯示內(nèi)容及其外觀樣式src屬性：指定要顯示的頁面的 URL單個標(biāo)記，無需結(jié)尾 noframes標(biāo)記:瀏覽器無法顯示框架時，顯示此標(biāo)記中的內(nèi)容 舉例演示多框架和彈性框架 2. 框架集嵌套:frameset標(biāo)記中嵌套使用另外一個frameset標(biāo)記 框架目標(biāo)：一個框架內(nèi)的鏈接目標(biāo)在另一個框架中顯示 命名框架：frame標(biāo)記的name屬性設(shè)置錨站目標(biāo)：a中使用target屬性設(shè)置三、學(xué)生進(jìn)行課堂練習(xí)四、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式講授頁 碼10授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱 框架格式化 浮動框架教學(xué)目標(biāo)1 學(xué)會設(shè)置框架的各種屬性2 學(xué)會使用浮動框架教學(xué)重點浮動框架的使用教學(xué)難點框架的實際應(yīng)用 更新、補充、刪除內(nèi)容無教學(xué)手段多媒體課外作業(yè)無課后體會教 學(xué) 過 程 設(shè) 計第6章 框架布局一、復(fù)習(xí)理論框架的frameset、frame標(biāo)簽二、新授課 框架格式化 1. 邊框設(shè)置： 框架邊框的屬性： frameborder:0表不要邊框，1表示顯示邊框 border:設(shè)定邊框?qū)挾?bordercolor：設(shè)置邊框顏色 frameset標(biāo)記和frame標(biāo)記中都可以使用 2. 頁白設(shè)置：框架邊框到框架內(nèi)容的空白區(qū)域 Marginweidth:控制左右頁白 marginheight:控制上下頁白 3. 大小設(shè)置 noresize屬性:禁止瀏覽者調(diào)整框架的大小 4. 滾動設(shè)置：scrolling屬性 yes:不管是否需要都使用滾動條 no:不使用滾動條 auto:根據(jù)需要顯示滾動條 浮動框架 浮動框架:iframe標(biāo)記 創(chuàng)建一個內(nèi)嵌的框架區(qū)或窗口 與frame同樣的屬性設(shè)置：name、src、marginwidth、marginheight、frameborder及scrolling 與圖形類似屬性設(shè)置：height、width和align 遵循與普通框架一樣的target原則：通過name屬性來指向它 三、學(xué)生進(jìn)行課堂練習(xí)四、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式講授頁 碼11授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱第7章 使用表單收集數(shù)據(jù) 表單初步 表單元素教學(xué)目標(biāo)理解form、input標(biāo)簽；下拉菜單select/option；理解多行文本框textarea；掌握表單在網(wǎng)頁中的應(yīng)用。四、總結(jié)這次實驗存在的問題五、布置作業(yè)：實驗報告 南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式講授頁 碼5授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱第4章 使用圖像和背景 常用網(wǎng)絡(luò)圖像格式 使用圖像 創(chuàng)建圖像地圖教學(xué)目標(biāo)掌握img標(biāo)簽各種屬性的使用會創(chuàng)建圖像地圖教學(xué)重點img標(biāo)簽各種屬性的使用教學(xué)難點靈活使用img標(biāo)簽的各種屬性 更新、補充、刪除內(nèi)容無教學(xué)手段多媒體課外作業(yè)無課后體會教 學(xué) 過 程 設(shè) 計第4章 使用圖像和背景一、 復(fù)習(xí)引入圖像和背景可以大大增強網(wǎng)頁的吸引力和易用性，一個優(yōu)秀的網(wǎng)頁設(shè)計者必須善于合理運用圖像和背景以突出網(wǎng)頁所要表現(xiàn)的內(nèi)容。南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式講授
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號-1