word版可編輯-網(wǎng)頁(yè)設(shè)計(jì)教案首頁(yè)精心整理(參考版)
2025-04-19 12:41本頁(yè)面
【正文】 二、提交所做網(wǎng)站。網(wǎng)頁(yè)設(shè)計(jì)元素豐富。圖片或者動(dòng)畫處理效果好，有獨(dú)特的設(shè)計(jì)風(fēng)格。2. 目錄結(jié)構(gòu)合理，內(nèi)容分類存放、命名規(guī)范、網(wǎng)頁(yè)維護(hù)方便、沒有無(wú)效鏈接{動(dòng)態(tài)網(wǎng)頁(yè)內(nèi)容的鏈接除外}和非法鏈接。5. 多個(gè)獨(dú)立網(wǎng)頁(yè)。4. 頁(yè)面技術(shù)手段先進(jìn)，表格，列表，表單，框架，css樣式表合理，網(wǎng)頁(yè)能互相超鏈接。3. 網(wǎng)頁(yè)設(shè)計(jì)思路清晰、布局美觀一致、色彩柔和、搭配美觀、樸實(shí)大方，不應(yīng)過(guò)分夸張，使視覺疲勞。4. 三種區(qū)域組件的差異：div標(biāo)記和span標(biāo)記的差異div標(biāo)記是一個(gè)塊級(jí)標(biāo)記，可以包含段落、標(biāo)題、表格，章節(jié)等對(duì)象span標(biāo)記是個(gè)行內(nèi)標(biāo)記，即它只能用于標(biāo)記同行對(duì)象span標(biāo)記不能自動(dòng)換行，而div標(biāo)記能夠產(chǎn)生換行從編輯網(wǎng)頁(yè)的習(xí)慣上看，通常是在div標(biāo)記中根據(jù)需要再嵌入span標(biāo)記layer標(biāo)記基本功能用法類似div在IE瀏覽器中，要用div標(biāo)記替換layer標(biāo)記5. 區(qū)域標(biāo)記位置設(shè)定：top、left、position屬性6. 區(qū)域立體空間建立：zindex屬性三、學(xué)生當(dāng)堂練習(xí)四、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式實(shí)驗(yàn)頁(yè) 碼21授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱實(shí)驗(yàn)五 網(wǎng)頁(yè)綜合設(shè)計(jì)教學(xué)目標(biāo)使用所學(xué)制作一個(gè)具有統(tǒng)一主題的網(wǎng)站教學(xué)重點(diǎn)網(wǎng)站內(nèi)容詳實(shí)、主題突出、布局美觀教學(xué)難點(diǎn)網(wǎng)頁(yè)設(shè)計(jì)思路清晰、布局美觀一致、色彩柔和、搭配合理、樸實(shí)大方 更新、補(bǔ)充、刪除內(nèi)容無(wú)教學(xué)手段上機(jī)實(shí)驗(yàn)課外作業(yè)提交網(wǎng)站課后體會(huì)教 學(xué) 過(guò) 程 設(shè) 計(jì)實(shí)驗(yàn)五 網(wǎng)頁(yè)綜合設(shè)計(jì)一、布置實(shí)驗(yàn)任務(wù)使用所學(xué)制作一個(gè)具有統(tǒng)一主題的網(wǎng)站二、實(shí)驗(yàn)要求1. 網(wǎng)站內(nèi)容詳實(shí)、主題突出、科學(xué)、準(zhǔn)確、積極、健康、活潑。 添加活動(dòng)的GIF 添加音頻 添加視頻 添加flash動(dòng)畫 區(qū)域組件布局 將文字、圖形、表格等對(duì)象以特定的樣式進(jìn)行組合布置，豐富了網(wǎng)頁(yè)的布局1. div標(biāo)記：在不同區(qū)域采用不同樣式 div class=樣式規(guī)則名稱……div 或：div id=樣式規(guī)則名稱……div2. span標(biāo)記：用于區(qū)域設(shè)置，一般用來(lái)設(shè)置小文本段落的樣式span class=樣式規(guī)則名稱……/span 或 span id=樣式規(guī)則名稱……/span網(wǎng)頁(yè)設(shè)計(jì)者可以在已經(jīng)定義好樣式的文本段落中通過(guò)span標(biāo)記實(shí)現(xiàn)特殊化設(shè)置3. layer標(biāo)記只能在Netscape瀏覽器中被識(shí)別，IE瀏覽器并不支持，不建議使用layer標(biāo)記。四、總結(jié)這次實(shí)驗(yàn)存在的問題五、布置作業(yè)：實(shí)驗(yàn)報(bào)告南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式講授頁(yè) 碼20授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱第9章 HTML高級(jí)主題 使用多媒體 區(qū)域組件布局教學(xué)目標(biāo)1 學(xué)會(huì)在網(wǎng)頁(yè)中使用多媒體2 學(xué)會(huì)使用區(qū)域組件進(jìn)行合理布局教學(xué)重點(diǎn)多媒體及區(qū)域組件的使用教學(xué)難點(diǎn)靈活使用各種區(qū)域組件 更新、補(bǔ)充、刪除內(nèi)容無(wú)教學(xué)手段多媒體課外作業(yè)無(wú)課后體會(huì)教 學(xué) 過(guò) 程 設(shè) 計(jì)第9章 HTML高級(jí)主題一、復(fù)習(xí)引入 前面的章節(jié)已經(jīng)介紹了與HTML網(wǎng)頁(yè)設(shè)計(jì)有關(guān)的主要內(nèi)容，隨著Internet的迅猛發(fā)展對(duì)HTML提出了挑戰(zhàn)，一些新的技術(shù)正不斷推動(dòng)HTML的發(fā)展，本章將講述多媒體使用及區(qū)域組件布局。 偽元素：偽元素常用來(lái)給標(biāo)記添加特殊的效果4. 繼承性 父標(biāo)記和子標(biāo)記的概念包含在外面的標(biāo)記為父標(biāo)記被包含在里面的標(biāo)記為子標(biāo)記 對(duì)子元素（后代）定義的樣式比對(duì)子元素的父（或祖先）元素定義的樣式更特殊 層疊樣式表 CSS可以細(xì)分為：CSSCSSP、CSS2 前兩種可以稱為內(nèi)部樣式表，后兩種稱為外部樣式表舉例說(shuō)明并演示三、學(xué)生當(dāng)堂練習(xí)四、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式講授頁(yè) 碼17授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱 樣式表屬性 外部和內(nèi)聯(lián)樣式表示例教學(xué)目標(biāo)1 掌握設(shè)置字體樣式2 掌握控制圖文布局，顏色及背景3 了解美化網(wǎng)頁(yè)與超鏈接的設(shè)置，CSS定位4 通過(guò)本章的學(xué)習(xí)使學(xué)生了解掌握CSS的各種屬性應(yīng)用教學(xué)重點(diǎn)設(shè)置字體樣式；控制圖文布局，顏色及背景；美化網(wǎng)頁(yè)與超鏈接的設(shè)置；教學(xué)難點(diǎn)各種層疊樣式表及屬性的使用 更新、補(bǔ)充、刪除內(nèi)容div層標(biāo)簽教學(xué)手段多媒體課外作業(yè)無(wú)課后體會(huì) 教 學(xué) 過(guò) 程 設(shè) 計(jì)第8章 樣式表一、復(fù)習(xí)引入 層疊樣式表及其規(guī)則二、新授課 樣式表屬性 文本屬性：textindent、texttransform、textalign、 textdecoration、letterspacing 顏色和背景屬性：color、backgroundcolor、backgroundimage、backgroundrepeat、backgroundattachment、backgroundposition span和div標(biāo)簽 字體屬性：fontfamily、fontstyle、fontvariant、fontweight、fontsize 容器模型：為不同文本設(shè)置不同的容器級(jí)別，可以調(diào)整容器中的邊距、填充和邊框等 列表：使用CSS屬性控制列表的位置及項(xiàng)目符號(hào)樣式 liststyletype、liststyleimage、liststyleposition、liststyle 混合屬性：display、position、top、bottom、left、height、width、float、lineheight、visibility 外部和內(nèi)聯(lián)樣式表示例 內(nèi)聯(lián)樣式表、嵌入式樣式表、外部樣式表各有優(yōu)勢(shì)，實(shí)際的開發(fā)中常常需要混合使用：有關(guān)整個(gè)網(wǎng)站統(tǒng)一風(fēng)格的樣式代碼，放置在獨(dú)立的樣式文件*.css某些樣式不同的頁(yè)面，除了鏈接外部樣式文件，還需定義嵌入式樣式某張網(wǎng)頁(yè)內(nèi)，部分內(nèi)容”與眾不同“，采用內(nèi)聯(lián)樣式 div是塊級(jí)容器標(biāo)簽，可以包含圖片、標(biāo)題、段落、文字等使用 z－index 指定是哪一層舉例說(shuō)明并演示三、學(xué)生當(dāng)堂練習(xí)四、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式實(shí)驗(yàn)頁(yè) 碼18授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱實(shí)驗(yàn)四 層疊樣式表CSS教學(xué)目標(biāo)1 掌握四種類型的樣式表2 會(huì)通過(guò)創(chuàng)建樣式表來(lái)控制Web站點(diǎn)的外觀教學(xué)重點(diǎn)四種樣式表的混合使用樣式表屬性設(shè)置教學(xué)難點(diǎn)四種樣式表的混合使用 更新、補(bǔ)充、刪除內(nèi)容無(wú)教學(xué)手段上機(jī)實(shí)驗(yàn)課外作業(yè)實(shí)驗(yàn)報(bào)告課后體會(huì) 教 學(xué) 過(guò) 程 設(shè) 計(jì)實(shí)驗(yàn)四 層疊樣式表CSS一、復(fù)習(xí)理論四種樣式表及其各種屬性的使用二、布置實(shí)驗(yàn)任務(wù)1 實(shí)驗(yàn)?zāi)康模骸?掌握四種類型的樣式表● 會(huì)通過(guò)創(chuàng)建樣式表來(lái)控制Web站點(diǎn)的外觀2實(shí)驗(yàn)任務(wù)： 2. 使用CSS樣式制作以下網(wǎng)頁(yè)布局三、指導(dǎo)學(xué)生
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1