靜態(tài)網頁設計知識點

靜態(tài)網頁設計知識點第一章概述4學時教學目的：了解網頁及網站基本概念及網頁的基本要素分析教學重點與難點：網頁、網站設計流程，網頁基本要素第一節(jié)網頁和網站一、網頁二、網站三、網頁的基本功能第二節(jié)網頁中的主要元素一、文本二、圖像三、鏈接標志四、其他的基本要素第三節(jié)網頁制作工具一、網頁編輯工具二、網頁圖像編輯工具三、動態(tài)網頁技術第四節(jié)網頁設計的基本流程一、網站的設計流程二、網頁的設計與制作三、網頁的測試四、網頁上傳和發(fā)布第二章HTML語言基礎6學時教學目的：了解HTML文件的基本結構，掌握HTML中文本的編輯及圖像的語法，掌握HTML中各種設置超級鏈接的語法，掌握HTML中表格和框架的基本語法。教學重點與難點：HTML的語法結構、超級鏈接的語法、表格和框架的基本語法。第一節(jié)HTML概述一、HTML簡介靜態(tài)網頁設計知識點全文共8頁，當前為第1頁。二、HTML語法結構靜態(tài)網頁設計知識點全文共8頁，當前為第1頁。第二節(jié)文本的編輯一、段落標記二、文本標記三、標題顯示等級四、列表第三節(jié)圖像編輯一、插入圖像二、使用背景圖像第四節(jié)建立超鏈接一、建立超鏈接二、使用書簽三、標記新窗口和基準鏈接第五節(jié)表格與框架一、建立表格二、表格屬性三、建立框架四、框架屬性第三章Dreamweaver基礎2學時教學目的：了解DW的操作界面及常用命令，掌握規(guī)劃和創(chuàng)建站點的操作，掌握基本的網頁操。教學重點與難點：規(guī)劃站點的結構、網頁的基本操作第一節(jié)Dreamweaver工作界面一、啟動和退出Dreamweaver二、Dreamweaver操作界面第二節(jié)規(guī)劃與創(chuàng)建站點一、規(guī)劃網站的整體結構二、建立本地站點三、管理本地站點第三節(jié)網頁文件的基本操作一、新建網頁靜態(tài)網頁設計知識點全文共8頁，當前為第2頁。二、保存網頁靜態(tài)網頁設計知識點全文共8頁，當前為第2頁。三、關閉網頁四、打開網頁五、預覽網頁第四章網頁中的基礎元素4學時教學目的：通過本章的學習可以掌握在網頁中的文本和段落的設置方法，掌握圖像的插入及其屬性的設置的方法，熟悉頁面屬性的設置，熟悉各種超級鏈接及設置。教學重點與難點：文本和段落的設置文本、圖像的插入及其屬性的設置、超鏈接第一節(jié)在網頁中插入文本一、插入文本二、設置文本格式三、段落格式的編輯四、設置列表五、簡單的CSS樣式應用第二節(jié)在網頁插入圖像一、插入圖像二、設置圖像屬性三、編輯圖像四、圖像外部編輯五、鼠標經過圖像六、創(chuàng)建導航條第三節(jié)插入其他網頁元素一、水平線二、日期和時間第四節(jié)設置網頁的頁面屬性一、打開頁面屬性對話框二、設置網頁的標題三、設置網頁的背景四、設置網頁的文本五、設置網頁的邊界第五節(jié)設置超級鏈接靜態(tài)網頁設計知識點全文共8頁，當前為第3頁。一、超鏈接的路徑靜態(tài)網頁設計知識點全文共8頁，當前為第3頁。二、創(chuàng)建基本超鏈接三、錨點鏈接四、熱區(qū)鏈接五、電子郵件鏈接第五章頁面布局規(guī)劃4學時教學目的：學會運用表格進行數(shù)據(jù)展示及進行網頁布局，學會使用框架結構建立網頁。教學重點與難點：表格的插入、表格的編排和設置、利用表格進行布局第一節(jié)表格的基本操作一、插入表格二、添加內容三、選擇表格四、設置表格屬性五、編輯表格的基本操作第二節(jié)表格布局一、布局視圖二、繪制布局表格和布局單元格三、編輯布局表格和布局單元格第三節(jié)框架布局一、建立框架二、框架面板三、設置框架的屬性四、保存框架五、框架中的超鏈接第六章網頁中的層和時間軸2學時教學目的：通過教學，使學生掌握Dreamweaver層的概念、層的操作方法；時間軸的概念、時間軸中各元素的功能及時間軸的常用操作方法。教學重點與難點：層的操作方法、時間軸操作方法靜態(tài)網頁設計知識點全文共8頁，當前為第4頁。第一節(jié)層靜態(tài)網頁設計知識點全文共8頁，當前為第4頁。一、創(chuàng)建層二、層的基本操作三、層與表格的轉換第二節(jié)時間軸一、認識時間軸二、創(chuàng)建動畫第七章表單的應用4學時教學目的：表單，可以收集用戶的信息和反饋意見，是網站管理者與瀏覽者之間溝通的橋梁，在本章將學習如何使用表單創(chuàng)建描述表單信息的網頁。教學重點與難點：創(chuàng)建表單、處理表單的方法第一節(jié)創(chuàng)建表單一、表單概述二、表單對象三、插入表單四、表單屬性第二節(jié)創(chuàng)建表單對象一、創(chuàng)建文本域二、創(chuàng)建復選框三、創(chuàng)建單選按鈕四、創(chuàng)建列表/菜單五、創(chuàng)建文件域六、創(chuàng)建跳轉菜單七、創(chuàng)建按鈕八、創(chuàng)建單選按鈕組九、創(chuàng)建圖像域第三節(jié)處理表單一、使用行為驗證表單二、利用郵件傳送表單第八章CSS樣式使用6學時教學目的：靜態(tài)網頁設計知識點全文共8頁，當前為第5頁。通過教學，使學生掌握CSS樣式表的基本概念，會使用CSS樣式面板。掌握創(chuàng)建CSS樣式表的方法，新建CSS樣式表，設置CSS樣式定義對話框，創(chuàng)建外部CSS樣式表，使用和編輯自定義CSS樣式表。靜態(tài)網頁設計知識點全文共8頁，當前為第5頁。教學重點與難點：新建和和應用CSS樣式表，CSS經典應用（大字、下劃線）、濾鏡的作用。第一節(jié)CSS樣式概述一、認識CSS樣式二、CSS樣式的類型三、CSS樣式面板第二節(jié)使用CSS樣式一、創(chuàng)建CSS樣式二、附加外部CSS樣式三、應用CSS樣式四、編輯CSS樣式五、刪除CSS樣式第三節(jié)CSS樣式設置一、類型二、背景三、區(qū)塊四、方框五、邊框六、列表七、定位八、擴展第四節(jié)CSS樣式經典實例一、改變鼠標形狀二、更改超鏈接的樣式三、應用CSS濾鏡第九章在網頁中使用行為2學時教學目的：通過教學，使學生掌握Dreamweaver中行為的概念，熟練掌握使用行為面板對行為的各種操作方法。使用Dreamweaver的內置行為為網頁對象添加各種常用的行為。靜態(tài)網頁設計知識點全文共8頁，當前為第6頁。教學重點與難點：靜態(tài)網頁設計知識點全文共8頁，當前為第6頁。使用Dreamweaver的內置行為為網頁對象添加各種常用的行為第一節(jié)認識行為一、認識行為二、使用行為面板三、增加行為的基本步驟四、修改行為第二節(jié)使用Dreamwerver內置的行為一、播放聲音二、打開瀏覽器窗口三、彈出消息四、轉到URL五、設置狀態(tài)欄文本六、控制Shockwave或Flash第十章網頁中的多媒體應用2學時教學目的：通過教學，使學生掌握在Dreamweaver中插入音頻文件的方法，掌握在Dreamweaver中插入Flash文件的方法，掌握在Dreamweaver中嵌入視頻文件的方法。教學重點與難點：在Dreamweaver中插入音頻文件、Flash文件、嵌入視頻文件的方法。第一節(jié)在網頁中插入音頻一、鏈接到音頻文件二、在網頁中嵌入音頻文件三、在網頁加入背景音樂第二節(jié)在網頁中插入Flash動畫一、插入Flash文本二、插入Flash按鈕三、插入Flash動畫第三節(jié)在網頁中插入視頻一、鏈接到視頻文件二、在網頁中嵌入視頻文件靜態(tài)網頁設計知識點全文共8頁，當前為第7頁。第十一章模板和庫1學時靜態(tài)網頁設計知識點全文共8頁，當前為第7頁。教學目的：通過教學，使學生了解模板的概念；理解歷史記錄和庫的概念；熟練掌握模板的創(chuàng)建和使用方法；掌握歷史記錄和庫的使用方法。第一節(jié)模板一、模板的創(chuàng)建二、利用模板更新網頁第二節(jié)庫一、創(chuàng)建庫項目二、利用庫項目更新網頁第十二章網站的測試與上傳1學時教學目的：通過教學，使學生了解測試