word版可編輯-網(wǎng)頁設(shè)計教案首頁精心整理-wenkub.com
2025-04-13 12:41 本頁面
【正文】 5. 多個獨立網(wǎng)頁。3. 網(wǎng)頁設(shè)計思路清晰、布局美觀一致、色彩柔和、搭配美觀、樸實大方，不應(yīng)過分夸張，使視覺疲勞。網(wǎng)頁設(shè)計元素豐富。2. 目錄結(jié)構(gòu)合理，內(nèi)容分類存放、命名規(guī)范、網(wǎng)頁維護方便、沒有無效鏈接{動態(tài)網(wǎng)頁內(nèi)容的鏈接除外}和非法鏈接。二、新授課 使用多媒體 Web 得以廣泛使用的一個主要原因是 HTML 文檔中集成了多媒體元素。......}/style3. 偽類：偽類是一種特殊的class規(guī)則，主要用來處理鏈接在不同狀態(tài)下的不同樣式效果。......}{樣式屬性:屬性值。......}/style2. class規(guī)則：同一類可應(yīng)用于不同的標(biāo)記，或者一個標(biāo)記可以定義不同的類style type=text/css! *.class規(guī)則1{樣式屬性:屬性值。......} a2{樣式屬性:屬性值。2. 內(nèi)部樣式表——嵌入式樣式表嵌入式樣式表位于HTML內(nèi)部，在head和/head標(biāo)記之間定義，或在/head和body標(biāo)記之間，嵌入式樣式表使用style和/style標(biāo)記對實現(xiàn)。四、總結(jié)這次實驗存在的問題五、布置作業(yè)：實驗報告 南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式講授頁 碼15授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱第8章 樣式表 樣式表簡介 使用樣式表教學(xué)目標(biāo)1 會使用樣式表將元素表示與文檔結(jié)構(gòu)分開2 會使用內(nèi)聯(lián)樣式、嵌入式樣式表和外部樣式表教學(xué)重點內(nèi)聯(lián)樣式表、嵌入式樣式表、外部樣式表教學(xué)難點三種樣式表的使用 更新、補充、刪除內(nèi)容無教學(xué)手段多媒體課外作業(yè)無課后體會 教 學(xué) 過 程 設(shè) 計第8章 樣式表一、復(fù)習(xí)引入 CSS是為了簡化Web頁面的更新工作而誕生的，它的功能非常強大，它將讓網(wǎng)頁變得更加美觀，維護更加方便。當(dāng)用戶填寫好表單并提交時，可用這些“名/值”對處理表單。他們不僅希望能從Web服務(wù)器中獲得信息，而且還希望能向Web服務(wù)器反饋信息。四、總結(jié)這次實驗存在的問題五、布置作業(yè)：實驗報告南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式講授頁 碼9授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱第6章 框架布局 框架的概念 創(chuàng)建含有框架的HTML文檔教學(xué)目標(biāo)1 學(xué)會使用frameset元素在單一瀏覽窗口顯示多個Web頁面2 使用框架進行布局教學(xué)重點框架的創(chuàng)建和使用教學(xué)難點使用框架創(chuàng)建符合需求的頁面 更新、補充、刪除內(nèi)容無教學(xué)手段多媒體課外作業(yè)無課后體會教 學(xué) 過 程 設(shè) 計第6章 框架布局一、復(fù)習(xí)引入 窗口框架可用于將窗口畫面分割成多個小窗口，且每個小窗口中，可以顯示不同的網(wǎng)頁，達(dá)到在瀏覽器中同時瀏覽不同網(wǎng)頁的效果。用戶自己定義這些熱點，把它們分別鏈接到各自獨立的URI地址。二、新授課 超鏈接和錨站 內(nèi)部鏈接 ：在同一個文檔的不同位置之間進行跳轉(zhuǎn) 命名錨站的一般語法格式為：a name=書簽名錨站A/a“書簽名”用來標(biāo)示“錨站A”在HTML文檔中的位置 要找到上述錨站，需要編寫如下代碼：a href=書簽名點擊此處將使瀏覽器跳到錨站A處/a注意：href屬性賦的值若是錨站的name屬性值，則必須在書簽名前邊加一個“”號。元素一般由一個起始標(biāo)記和其對應(yīng)的結(jié)束標(biāo)記、標(biāo)記之間的內(nèi)容構(gòu)成。例如：title這是一個HTML文件/title（Attribute）——屬性是元素具有的，用來告訴瀏覽器如何控制或顯示元素內(nèi)容的。 鏈接：mail:URL 段落格式化 p標(biāo)記：最常用段落標(biāo)記 其他段落標(biāo)記：div、span、address、blockquote 預(yù)格式化段落標(biāo)記: pre 標(biāo)題：h1~~h6 換行與空行：br 水平線：hr hr width =”寬度” align =”對齊方式” size =”粗細(xì)” noshade 使用列表 有序列表 無序列表 定義列表三、學(xué)生隨堂練習(xí)四、總結(jié) 南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式實驗頁 碼4授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱實驗一：超鏈接與列表教學(xué)目標(biāo)1 會使用HTML創(chuàng)建Web頁面2 學(xué)會標(biāo)記信息列表和超鏈接教學(xué)重點超鏈接的建立、列表的使用教學(xué)難點嵌套列表 更新、補充、刪除內(nèi)容無教學(xué)手段上機實驗課外作業(yè)實驗報告課后體會教 學(xué) 過 程 設(shè) 計實驗一：超鏈接與列表一、復(fù)習(xí)理論超鏈接與列表二、布置實驗任務(wù)1 實驗?zāi)康臅褂肏TML創(chuàng)建Web頁面學(xué)會標(biāo)記信息列表和超鏈接掌握列表在實際問題中的應(yīng)用 2 實驗任務(wù)創(chuàng)建有序列表“”創(chuàng)建嵌套列表“”創(chuàng)建有序列表和無序列表之間的超鏈接 三、指導(dǎo)學(xué)生上機實驗針對學(xué)生普遍存在的問題進行集體講解和指導(dǎo)。圖像地圖的基本類型包括兩種： 1. 客戶端圖像地圖：該地圖直接被瀏覽器處理2. 服務(wù)器端圖像地圖：該地圖將被Web服務(wù)器上的一段程序負(fù)責(zé)解析處理三、學(xué)生隨堂練習(xí) img標(biāo)簽屬性的使用 創(chuàng)建圖像地圖四、總結(jié) 南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式講授頁 碼6授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱第5章 表格布局 創(chuàng)建表格 設(shè)置表格格式 高級表格標(biāo)記教學(xué)目標(biāo)1 學(xué)會創(chuàng)建帶有數(shù)據(jù)行和數(shù)據(jù)列的表格2 學(xué)會控制表格格式教學(xué)重點表格的定義；表格行的控制；單元格的控制；表格的分組教學(xué)難點控制表格格式 更新、補充、刪除內(nèi)容無教學(xué)手段多媒體課外作業(yè)無課后體會教 學(xué) 過 程 設(shè) 計第5章 表格布局一、 復(fù)習(xí)引入HTML網(wǎng)頁可以看做是一個二維空間，可以使用表格對這個二維空間進行劃分，然后對要表現(xiàn)的內(nèi)容進行合理的布局，表格是一種重要的布局方式。二、新授課 框架 框架能夠同時顯示多個HTML文檔，框架之間可以互相聯(lián)系，觸發(fā)一個框架中的事件可以改變另一個框架中的內(nèi)容和行為。HTML是利用表單（Form）來設(shè)計交互界面的。 把整個最終處理數(shù)據(jù)結(jié)果發(fā)送到目標(biāo)程序上，這個數(shù)據(jù)結(jié)果是由許多對名稱和數(shù)據(jù)值的統(tǒng)一體（即“名/值”對）組成的 method屬性：指定表單數(shù)據(jù)以什么方式發(fā)送到Web服務(wù)器method = “post”：將表單數(shù)據(jù)添加到瀏覽器請求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等 舉例說明三、課堂練習(xí)四、總結(jié)
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號-1