word版可編輯-網(wǎng)頁(yè)設(shè)計(jì)教案首頁(yè)精心整理-展示頁(yè)
2025-04-25 12:41本頁(yè)面
【正文】 hic Experts Group）圖像 PNG（Portable Network Graphics）圖像 使用圖像 img src屬性設(shè)置為要插入圖像文件的URI height和width屬性 align屬性 hspace和vspace屬性 border屬性、background屬性 創(chuàng)建圖片鏈接 使用縮略圖 創(chuàng)建圖像地圖：一個(gè)圖像地圖中設(shè)置多個(gè)鏈接熱點(diǎn)：整張圖片被分成的多塊活動(dòng)的區(qū)域。 鏈接：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 =”對(duì)齊方式” size =”粗細(xì)” noshade 使用列表 有序列表 無(wú)序列表 定義列表三、學(xué)生隨堂練習(xí)四、總結(jié) 南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式實(shí)驗(yàn)頁(yè) 碼4授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱實(shí)驗(yàn)一：超鏈接與列表教學(xué)目標(biāo)1 會(huì)使用HTML創(chuàng)建Web頁(yè)面2 學(xué)會(huì)標(biāo)記信息列表和超鏈接教學(xué)重點(diǎn)超鏈接的建立、列表的使用教學(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)一：超鏈接與列表一、復(fù)習(xí)理論超鏈接與列表二、布置實(shí)驗(yàn)任務(wù)1 實(shí)驗(yàn)?zāi)康臅?huì)使用HTML創(chuàng)建Web頁(yè)面學(xué)會(huì)標(biāo)記信息列表和超鏈接掌握列表在實(shí)際問(wèn)題中的應(yīng)用 2 實(shí)驗(yàn)任務(wù)創(chuàng)建有序列表“”創(chuàng)建嵌套列表“”創(chuàng)建有序列表和無(wú)序列表之間的超鏈接 三、指導(dǎo)學(xué)生上機(jī)實(shí)驗(yàn)針對(duì)學(xué)生普遍存在的問(wèn)題進(jìn)行集體講解和指導(dǎo)。 HTML基本標(biāo)記 結(jié)構(gòu)標(biāo)記html 頭標(biāo)記head 文檔標(biāo)題標(biāo)記title 內(nèi)容標(biāo)記body第3章 文檔格式化 文字格式化 字體標(biāo)記font 使用屬性檢查器中的字體類型、字體大小、字體顏色等設(shè)置格式化文本： 超鏈接和錨站 鏈接到其他資源（如XHTML文檔和圖像）三、學(xué)生隨堂練習(xí)四、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式講授頁(yè) 碼3授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱第3章 文檔格式化 超鏈接和錨站 段落格式化 使用列表教學(xué)目標(biāo)1 掌握內(nèi)部鏈接的使用2 掌握段落格式化和使用列表教學(xué)重點(diǎn)內(nèi)部鏈接和列表教學(xué)難點(diǎn)列表 更新、補(bǔ)充、刪除內(nèi)容無(wú)教學(xué)手段多媒體課外作業(yè)無(wú)課后體會(huì)教 學(xué) 過(guò) 程 設(shè) 計(jì)第3章 文檔格式化一、引入 HTML的基本標(biāo)記，組織規(guī)范。例如：title這是一個(gè)HTML文件/title（Attribute）——屬性是元素具有的，用來(lái)告訴瀏覽器如何控制或顯示元素內(nèi)容的。南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式講授頁(yè) 碼1授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱第1章 HTML基礎(chǔ)知識(shí) HTML簡(jiǎn)介 HTML基本術(shù)語(yǔ) Dreamweaver介紹教學(xué)目標(biāo)1 對(duì)HTML語(yǔ)言有初步的認(rèn)識(shí)2 掌握Dreamweaver工具的使用教學(xué)重點(diǎn)HTML基礎(chǔ)知識(shí)和Dreamweaver工具的使用教學(xué)難點(diǎn)Dreamweaver工具的使用 更新、補(bǔ)充、刪除內(nèi)容無(wú)教學(xué)手段多媒體課外作業(yè)無(wú)課后體會(huì)教 學(xué) 過(guò) 程 設(shè) 計(jì)第1章 HTML基礎(chǔ)知識(shí)一、新授課 HTML（HyperText Markup Language）簡(jiǎn)介–超文本標(biāo)記語(yǔ)言–用于指定在Web瀏覽器中顯示的文本的格式，指定文檔內(nèi)容，結(jié)構(gòu)和格式–編輯器 (記事本、寫字板、Dreamweaver等)–文件擴(kuò)展名：.html 或 .htm–Web 瀏覽器（IE、Netscape、Firefox等） HTML基本術(shù)語(yǔ)（Tag）——標(biāo)記都括在一對(duì)尖括號(hào)“”和“”中，標(biāo)記一般成對(duì)出現(xiàn)，中間加入受標(biāo)記控制的信息內(nèi)容，例如：b和/b（Element）——用于指示瀏覽器如何組織和顯示文檔。元素一般由一個(gè)起始標(biāo)記和其對(duì)應(yīng)的結(jié)束標(biāo)記、標(biāo)記之間的內(nèi)容構(gòu)成。例如：a href= target=_blanksohu網(wǎng)站/a Dreamweaver介紹 一款用于設(shè)計(jì)、開發(fā)網(wǎng)站和 Web 應(yīng)用程序的專業(yè)HTML 編輯器 用戶可以選擇使用布局單元格或框架來(lái)設(shè)計(jì)頁(yè)面的布局 可用于創(chuàng)建文本、插入動(dòng)態(tài)圖像、提供網(wǎng)頁(yè)超鏈接、創(chuàng)建 Flash 文本和 Flash 按鈕等 可用于組合由某些軟件（如 Photoshop、ImageReady 和 Flash 等）制作的圖形、動(dòng)畫和按鈕二、總結(jié) 南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí) 授課形式講授頁(yè) 碼2授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱第2章 創(chuàng)建HTML文件 創(chuàng)建HTML文件 HTML的組織規(guī)范 HTML基本標(biāo)記第3章 文檔格式化 文字格式化 超鏈接和錨站教學(xué)目標(biāo)1 理解HTML文件的基本結(jié)構(gòu)2 掌握文字格式化和超鏈接教學(xué)重點(diǎn) 1 html、head、body2 a教學(xué)難點(diǎn)如何控制文字格式和建立超鏈接 更新、補(bǔ)充、刪除內(nèi)容無(wú)教學(xué)手段多媒體課外作業(yè)無(wú)課后體會(huì)教 學(xué) 過(guò) 程 設(shè) 計(jì)第2章 創(chuàng)建HTML文件一、 復(fù)習(xí)Dreamweaver工具的使用二、新授課 創(chuàng)建HTML文件 注釋以!開始，以 結(jié)束 html 元素head 元素文檔標(biāo)題樣式和腳本body 元素瀏覽器顯示的頁(yè)面內(nèi)容 開始標(biāo)記：元素名 結(jié)束標(biāo)記：/元素名 HTML的組織規(guī)范 所有的HTML文檔都遵循由W3C規(guī)定的HTML規(guī)范。二、新授課 超鏈接和錨站 內(nèi)部鏈接 ：在同一個(gè)文檔的不同位置之間進(jìn)行跳轉(zhuǎn) 命名錨站的一般語(yǔ)法格式為：a name=書簽名錨站A/a“書簽名”用來(lái)標(biāo)示“錨站A”在HTML文檔中的位置 要找到上述錨站，需要編寫如下代碼：a href=書簽名點(diǎn)擊此處將使瀏覽器跳到錨站A處/a注意：href屬性賦的值若是錨站的name屬性值，則必須在書簽名前邊加一個(gè)“”號(hào)。四、總結(jié)這次實(shí)驗(yàn)存在的問(wèn)題五、布置作業(yè)：實(shí)驗(yàn)報(bào)告 南京信息職業(yè)技術(shù)學(xué)院教 案授課班級(jí)授課形式講授頁(yè) 碼5授課日期 年 月 日 第 周 教學(xué)時(shí)數(shù)2授課章節(jié)名稱第4章 使用圖像和背景 常用網(wǎng)絡(luò)圖像格式 使用圖像 創(chuàng)建圖像地圖教學(xué)目標(biāo)掌握img標(biāo)簽各種屬性的使用會(huì)創(chuàng)建圖像地圖教學(xué)重點(diǎn)img標(biāo)簽各種屬性的使用教學(xué)難點(diǎn)靈活使用img標(biāo)簽的各種屬性
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1