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