《網(wǎng)絡信息編輯》教案第十一章jc

PAGEPAGE5第十一章網(wǎng)頁設計與制作一、教學目標1.了解網(wǎng)頁布局和導航設計；2．了解HTML的基本結構，掌握常見標簽及其屬性設置方法；3．了解CSS的概念、添加方法、格式、選擇符的類型，及其繼承和優(yōu)先級；4．理解CSS中字體、段落、顏色和背景、列表及BOX等對象的樣式控制方法；5.了解網(wǎng)頁設計工具AdobeDreamweaverCS4的基本知識；6．理解使用AdobeDreamweaverCS4實現(xiàn)表格布局和div+CSS布局的方法；7．了解網(wǎng)站的測試與發(fā)布；8．學會使用CSS規(guī)則代替HTML元素中定義格式的屬性；9.靈活應用HTML元素、CSS樣式等，制作美觀大方的網(wǎng)頁。二、課時分配共兩節(jié)，每節(jié)安排2個課時三、教學重點難點1.頁面導航設計應遵循的原則2.文字版面的編輯3．層疊樣式表中，如何控制段落的樣式，如何控制顏色和背景的樣式4.Dreamweaver的基礎應用四、教學大綱第一節(jié)頁面設計基礎一、頁面布局設計頁面布局元素；頁面布局的方法；頁面布局的技術二、頁面導航設計主要導航和次要導航；導航欄的形式；導航設計應遵循的規(guī)則第二節(jié)HTML語言基礎一、HTML簡介HTML的概念；HTML的工作方式；HTML編輯工具二、HTML的基本結構三、HTML標簽及其屬性四、HTML主體標簽及屬性五、文字版面的編輯六、字體屬性設置七、HTML超鏈接超鏈接簡介；鏈接路徑種類；八、HTML列表無序列表標簽；有序列表標簽；嵌套列表九、HTML圖像十、HTML表格十一、HTML框架第三節(jié)層疊樣式表CSS技術一、層疊樣式表的概念和特點二、層疊樣式表的添加方法三、層疊樣式表的格式四、層疊樣式表選擇符的分類HTML標簽選擇符；類選擇符；偽類選擇符五、層疊樣式表的繼承和優(yōu)先級六、控制字體的樣式七、控制段落的樣式八、控制顏色和背景的樣式九、控制列表的樣式十、控制BOX的樣式第四節(jié)網(wǎng)頁設計工具AdobeDreamweaverCS4一、初步認識AdobeDreamweaverCS4DreamweaverCS4工作界面概覽；DreamweaverCS4工作流程概述二、AdobeDreamweaverCS4基礎應用DreamweaverCS4站點管理；使用表格對頁面進行布局；使用HTML框架對頁面進行布局；使用CSS對頁面進行布局第五節(jié)應用開發(fā)示例一、規(guī)劃網(wǎng)站二、建立頁面及素材存放三、創(chuàng)建網(wǎng)頁框架和內(nèi)容四、定義CSS規(guī)則第六節(jié)網(wǎng)站的測試與發(fā)布一、網(wǎng)站的測試檢查瀏覽器的兼容性；檢查HTML標簽二、網(wǎng)站的發(fā)布五、主要概念1.頁面布局2.HTML3.層疊樣式表六、教學案例（注：不要與教材的案例重復）導航設計的三次點擊規(guī)則是指，讀者通過導航應該點擊不超過三次就可以找到其所需要的信息。如果過多點擊才能獲得信息，就會使瀏覽的讀者迷失方向和失去信心。如，人民網(wǎng)首頁的頭版要聞“人民網(wǎng)評