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