word版可編輯-網(wǎng)頁設(shè)計教案首頁精心整理(存儲版)
【正文】 頁 碼1授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱第1章 HTML基礎(chǔ)知識 HTML簡介 HTML基本術(shù)語 Dreamweaver介紹教學(xué)目標1 對HTML語言有初步的認識2 掌握Dreamweaver工具的使用教學(xué)重點HTML基礎(chǔ)知識和Dreamweaver工具的使用教學(xué)難點Dreamweaver工具的使用 更新、補充、刪除內(nèi)容無教學(xué)手段多媒體課外作業(yè)無課后體會教 學(xué) 過 程 設(shè) 計第1章 HTML基礎(chǔ)知識一、新授課 HTML（HyperText Markup Language）簡介–超文本標記語言–用于指定在Web瀏覽器中顯示的文本的格式，指定文檔內(nèi)容，結(jié)構(gòu)和格式–編輯器 (記事本、寫字板、Dreamweaver等)–文件擴展名：.html 或 .htm–Web 瀏覽器（IE、Netscape、Firefox等） HTML基本術(shù)語（Tag）——標記都括在一對尖括號“”和“”中，標記一般成對出現(xiàn)，中間加入受標記控制的信息內(nèi)容，例如：b和/b（Element）——用于指示瀏覽器如何組織和顯示文檔。二、新授課 常見網(wǎng)絡(luò)圖像格式 GIF（Graphics Interchange Format）圖像 JPEG（Joint Photographic Experts Group）圖像 PNG（Portable Network Graphics）圖像 使用圖像 img src屬性設(shè)置為要插入圖像文件的URI height和width屬性 align屬性 hspace和vspace屬性 border屬性、background屬性 創(chuàng)建圖片鏈接 使用縮略圖 創(chuàng)建圖像地圖：一個圖像地圖中設(shè)置多個鏈接熱點：整張圖片被分成的多塊活動的區(qū)域。教學(xué)重點各種表單元素教學(xué)難點input標簽；下拉菜單select/option；多行文本框textarea 更新、補充、刪除內(nèi)容無教學(xué)手段多媒體課外作業(yè)無課后體會教 學(xué) 過 程 設(shè) 計第7章 使用表單收集數(shù)據(jù)一、復(fù)習(xí)引入 隨著Internet的迅速發(fā)展，用戶的要求越來越高。四、總結(jié)這次實驗存在的問題五、布置作業(yè)：實驗報告 南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式實驗頁 碼14授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱實驗三：框架與表單的設(shè)計（續(xù)）教學(xué)目標1 學(xué)會創(chuàng)建和使用表單2 學(xué)會使用框架進行布局教學(xué)重點表單和框架教學(xué)難點表單的使用，靈活使用框架進行布局 更新、補充、刪除內(nèi)容無教學(xué)手段上機實驗課外作業(yè)實驗報告課后體會 教 學(xué) 過 程 設(shè) 計實驗三：框架與表單的設(shè)計（續(xù)）一、復(fù)習(xí)理論表單、框架二、布置實驗任務(wù)1 實驗?zāi)康模骸駥W(xué)會創(chuàng)建和使用表單●學(xué)會使用框架進行布局2實驗任務(wù)：●在前次實驗的基礎(chǔ)上發(fā)揮主觀能動性加入超鏈接和框架內(nèi)容，網(wǎng)頁圍繞一個主題合理布局 三、指導(dǎo)學(xué)生上機實驗針對學(xué)生普遍存在的問題進行集體講解和指導(dǎo)。 樣式屬性:屬性值。 樣式屬性:屬性值。四、總結(jié)這次實驗存在的問題五、布置作業(yè)：實驗報告南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式講授頁 碼20授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱第9章 HTML高級主題 使用多媒體 區(qū)域組件布局教學(xué)目標1 學(xué)會在網(wǎng)頁中使用多媒體2 學(xué)會使用區(qū)域組件進行合理布局教學(xué)重點多媒體及區(qū)域組件的使用教學(xué)難點靈活使用各種區(qū)域組件 更新、補充、刪除內(nèi)容無教學(xué)手段多媒體課外作業(yè)無課后體會教 學(xué) 過 程 設(shè) 計第9章 HTML高級主題一、復(fù)習(xí)引入 前面的章節(jié)已經(jīng)介紹了與HTML網(wǎng)頁設(shè)計有關(guān)的主要內(nèi)容，隨著Internet的迅猛發(fā)展對HTML提出了挑戰(zhàn)，一些新的技術(shù)正不斷推動HTML的發(fā)展，本章將講述多媒體使用及區(qū)域組件布局。4. 頁面技術(shù)手段先進，表格，列表，表單，框架，css樣式表合理，網(wǎng)頁能互相超鏈接。網(wǎng)頁設(shè)計元素豐富。圖片或者動畫處理效果好，有獨特的設(shè)計風(fēng)格。3. 網(wǎng)頁設(shè)計思路清晰、布局美觀一致、色彩柔和、搭配美觀、樸實大方，不應(yīng)過分夸張，使視覺疲勞。 偽元素：偽元素常用來給標記添加特殊的效果4. 繼承性 父標記和子標記的概念包含在外面的標記為父標記被包含在里面的標記為子標記 對子元素（后代）定義的樣式比對子元素的父（或祖先）元素定義的樣式更特殊 層疊樣式表 CSS可以細分為：CSSCSSP、CSS2 前兩種可以稱為內(nèi)部樣式表，后兩種稱為外部樣式表舉例說明并演示三、學(xué)生當堂練習(xí)四、總結(jié)南京信息職業(yè)技術(shù)學(xué)院教 案授課班級授課形式講授頁 碼17授課日期 年 月 日 第 周 教學(xué)時數(shù)2授課章節(jié)名稱 樣式表屬性 外部和內(nèi)聯(lián)樣式表示例教學(xué)目標1 掌握設(shè)置字體樣式2 掌握控制圖文布局，顏色及背景3 了解美化網(wǎng)頁與超鏈接的設(shè)置，CSS定位4 通過本章的學(xué)習(xí)使學(xué)生了解掌握CSS的各種屬性應(yīng)用教學(xué)重點設(shè)置字體樣式；控制圖文布局，顏色及背景；美化網(wǎng)頁與超鏈接的設(shè)置；教學(xué)難點各種層疊樣式表及屬性的使用 更新、補充、刪除內(nèi)容div層標簽教學(xué)手段多媒體課外作業(yè)無課后體會 教 學(xué) 過 程 設(shè) 計第8章 樣式表一、復(fù)習(xí)引入 層疊樣式表及其規(guī)則二、新授課 樣式表屬性 文本屬性：textindent、texttransform、textalign、 textdecoration、letterspacing 顏色和背景屬性：color、backgroundcolor、backgroundimage、backgroundrepeat、backgroundattachment、backgroundposition span和div標簽 字體屬性：fontfamily、fontstyle、fontvariant、fontweight、fontsize 容器模型：為不同文本設(shè)置不同的容器級別，可以調(diào)整容器中的邊距、填充和邊框等 列表：使用CSS屬性控制列表的位置及項目符號樣式 liststyletype、liststyleimage、liststyleposition、liststyle 混合屬性：display、position、top、bottom、left、height、width、float、lineheight、visibility 外部和內(nèi)聯(lián)樣式表示例 內(nèi)聯(lián)樣式表、嵌入式樣式表、外部樣式表各有優(yōu)勢，實際的開發(fā)中常常需要混合使用：有關(guān)整個網(wǎng)站統(tǒng)一風(fēng)格的樣式代碼，放置在獨立的樣式文件*.css某些樣式不同的頁面，除了鏈接外部樣式文件，還需定義嵌入式樣式某張網(wǎng)頁內(nèi)，部分內(nèi)容”與眾不同“，采用內(nèi)聯(lián)樣式 div是塊級容器標簽，可以包含圖片、標題、
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號-1