《網頁設計與管理》教學大綱

------------------------------------------------------------------------《網頁設計與管理》教學大綱《網頁設計與網站管理》課程教學大綱適用專業(yè)計算機科學與技術（各方向）學時講授36學時實驗18學時學分3學分一、編寫說明（一）本課程的性質、地位與作用本課程屬于計算機科學與技術專業(yè)各個方向的專業(yè)選修課。通過本課程的學習，使學生了解有關網頁設計和網站建設的基本概念與方法；掌握設計與制作網頁的基本操作技能；掌握網站管理和維護的基本方法。本課程開設的主要目的是為了適應web技術的飛速發(fā)展，為學生今后在學習、工作中建立網站、制作網頁，利用因特網發(fā)布和管理信息打下基礎；為學生今后學習《Web程序設計》、《電子商務系統(tǒng)設計與維護》等課程打下理論及實踐基礎。本課程先修課程為《計算機基礎》、《程序設計語言》、《計算機網絡技術》和《多媒體技術與應用》，在學習本課程時要求學生具有一定的計算機基礎知識與操作技能、多媒體素材加工處理能力和軟件編程實踐經驗。（二）本大綱制定的依據本專業(yè)主要培養(yǎng)德、智、體全面發(fā)展的、合格的計算機技術應用人才。隨著多媒體技術、Internet技術在各個領域的廣泛應用，學習和掌握在因特網上設計發(fā)布網頁、維護管理網站所需的主要技術，是計算機應用人才應具有的基本素質，是適應信息社會需要的基本要求。本大綱根據我國計算機教育教學改革的實際需要，結合網頁設計與網站管理課程的特點，由在網頁設計和網站管理技術研究和應用領域有多年教學和應用開發(fā)經驗的教師共同參與編寫，具有較強的針對性和實用性。（三）大綱內容選編原則與要求通過對本課程的學習．要求學生掌握網頁編輯、Web圖像制作以及網頁中動畫設計的基本操作技能，特別是基于Web的應用系統(tǒng)開發(fā)和設計的基本技術，經過理論學習和上機操作實驗，使學生了解如何規(guī)劃并建立站點，掌握制作網頁的基礎知識，能熟練利用網頁制作工具提供的強大的功能制作出精美的網站。在對大綱內容選編時，在注重基本概念、基本技能的同時，特別強調各種網頁制作技術的應用，做到了理論與實踐有效結合。另外考慮到課時的壓縮因素和其它課程重復部分，Asp網頁編程技術的內容介紹可以酌情處理。（四）實踐環(huán)節(jié)實驗是本課程不可缺少的重要教學環(huán)節(jié)，由配備高性能的計算機網絡的機房開出。設計性實驗四個，綜合性實驗一個。應安排至少18個學時，還應配合課程進度按時開出。1.實驗1——簡單個人HTML主頁的設計，2學時主要內容與要求：熟練運用所學的HTML標志語言，用記事本作為編輯工具，書寫比較完整的網頁。要求在HTML網頁中要加入表格、表單、圖片、超級鏈接等。2.實驗2——個人靜態(tài)網頁制作，4學時主要內容與要求：熟練運用Dreamweaver在網頁中加入文字、圖片、表格、表單、超級鏈接等，并進行排版，制作出具有確定主題的個人靜態(tài)網頁。要求頁面完整、布局合理，有導航欄、LOGO、Banner、按鈕、圖片、表格和框架。3.實驗3——網頁圖像制作與處理，4學時主要內容與要求：熟練運用Fireworks制作與處理網頁圖像。主要操作為：工具箱使用、圖形繪制、圖像編輯，特殊效果制作、熱點和切片的創(chuàng)建與編輯以及簡單GIF動畫的制作。要求掌握Fireworks軟件中的常用工具，圖形制作和圖像處理的基本方法，能夠利用其加工編輯網頁設計中所需圖形圖像。4.實驗4——網頁動畫制作，2學時主要內容與要求：內容Flash軟件的使用，包括基本操作與基本設置；工具箱使用與圖形繪制方法；圖層、幀、關鍵幀的應用；關鍵幀動畫、變形動畫、運動路徑動畫和濾鏡效果的制作方法。要求掌握Flash軟件中的常用工具及動畫制作的基本方法，能夠利用其加工編輯網頁設計中所需動畫。5.實驗5——一個完整的單獨的網站設計，6學時（綜合實驗）主要內容與要求：通過對個人網站或班級網站的設計，使學生熟練應用Dreamveaver、Fireworks和Flash網頁制作軟件，使學生對本課程所學的內容有一個系統(tǒng)的理解和掌握。在制作過程中，主要掌握對網頁的布局、色彩的搭配、框架的應用、層的運用、行為的實現(xiàn)、表單的使用、簡單ASP編程等的應用。要求獨立完成自己的作品并上傳至Internet網上。（五）教學時數分配表章節(jié)序號教學學時環(huán)節(jié)名稱課堂講授討論實驗其它課程設計小計一網頁與網站基礎知識426二網頁設計軟件Dramweaver（靜態(tài)網頁制作）14418三網頁圖像設計軟件Fireworks448四網頁矢量交互動畫軟Flash426五網頁設計軟件Dramweaver（動態(tài)網頁制作+ASP）8614六站點管理和配置22總計361854（六）考核方法與要求本課程規(guī)定的內容是通過課堂教學和討論、實驗、上機考試（也可以筆試）來完成。1.平時成績：包括出勤、課堂提問、討論情況等，占綜合成績的15%。2.實驗成績：包括出勤、實驗報告和設計水平等，占綜合成績的25%。3.考試：包括理論知識測試、應用設計等，占綜合成績的60%。4.綜合考核成績：平時成績*15%+實驗成績*25%+考試*60%。（七）教材與主要參考書1．《DreamweaverMX2004從入門到精通》（韓）李在勇編著中國青年出版社2005年出版2．《網頁制作三劍客培訓教程》甘登岱主編機械工業(yè)出版社2005年出版3．《網頁制作--中文版Dreamweaver8》郭玲文編著機械工業(yè)出版社2006年出版4．《網頁制作教程》趙豐年編著人民郵電出版社2001年出版5．《VBScript+ASP動態(tài)網頁制作》許衛(wèi)林等編著希望電子出版社2002年出版6．《網頁設計與制作實踐教程》郝文化編著清華大學出版社2005年出版7．《網頁制作技術教程》（軟件篇、語法篇、動態(tài)網頁篇）趙小林等編著國防工業(yè)出版社2002年出版8．《ASP編程實例入門與提高》盧鎮(zhèn)波等編著電子工業(yè)出版社2005年出版9．《網頁設計教程與實訓》李波濤編著科學出版社2005年出版二、教學內容綱要所學課程內容的要求，在每一章教學內容之前給出，分為了解、理解和掌握三個層次。了解是能正確判別有關概念和方法；理解是能正確表達有關概念和方法的含義；掌握是在理解的基礎上加以靈活應用。（一）網頁與網站基礎知識1．教學基本要求（1）了解網頁的組成，一般包括哪些元素。（2）掌握網頁描述語言，即與平臺無關的超文本鏈接語言----HTML語言----有關文字、圖片、表格、鏈接、框架、表單等方面的標記及其使用方法。2．教學內容（1）△基本概念：要點：網頁的概念、網頁的樣式、網頁的組成元素；網頁的種類與用途；與網頁相關的概念介紹，如URL（統(tǒng)一資源定位器）、超文本、超鏈接、網站等。（2）HTML基礎要點：HTML的概念及其發(fā)展、HTML標記及屬性的使用、HTML的使用方法、特點、基本的HTML文件結構。（3）△HTML常用標記要點：HTML文本相關標記的用法、HTML圖像與鏈接相關標記用法、HTML表格與框架相關標記用法、HTML表單相關標記用法、常見屬性的用法。（二）網頁設計軟件Dramweaver（靜態(tài)網頁制作）1．教學基本要求會使用Dreamweaver網頁設計工具制作靜態(tài)網頁：（1）掌握WEB站點建立、編輯與管理的方法。（2）熟練掌握網頁設計中字符格式的設置方法，段落分段與換行的方法。（3）掌握在網頁中嵌入圖像的方法,掌握與嵌入圖像、圖像布局和位置相關的操作方法。（4）熟練掌握使用絕對和相對URL，創(chuàng)建超鏈接，圖像鏈接；學會圖像映射的建立方法。（5）熟練掌握表格的使用方法，會用表格布局并設計網頁。（6）掌握框架制作網頁的方法，會使用框架設計網頁。（7）掌握在網頁中添加CSS的方法。掌握三種添加樣式信息的方法，會使用CSS設置網頁格式和列表的格式。2．教學內容（1）Dreamweaver基礎要點：Dreamweaver的工作界面、△建立和設置Dreamweaver站點，網頁的建立與保存。（2）Dreamweaver中各種網頁對象的處理方法要點：△插入文本和設置文本格式，插入圖像、調整圖像大小、設置和編輯圖像以及圖像特殊效果的制作，插入和設置Flash動畫、Shockwave電影等多媒體對象。（3）Dreamweaver中使用表格和層布局頁面要點：版面布局概述，△使用表格包括插入表格和選擇表格元素、設置表格屬性、編輯表格，在布局視圖中對頁面進行布局，〇層的使用包括層的創(chuàng)建、層的基本操作和層和表的轉換。（4）Dreamweaver中使用超鏈接與CSS樣式表要點：△創(chuàng)建和管理超鏈接，創(chuàng)建導航條或圖像地圖，△〇層疊樣式（CSS）的應用包括CSS概述、創(chuàng)建CSS樣式、設置CSS樣式格式和管理CSS樣式。（5）Dreamweaver中使用框架與模板要點：頁面的框架布局包括創(chuàng)建框架和框架集、選擇框架和框架集、保存框架和框架集文件、設置框架（集）屬性和使用超級鏈接控制框架的內容，模板的應用包括創(chuàng)建編輯模板、應用模板和管理模板。（三）網頁圖像制作與處理1．教學基本要求（1）掌握Fireworks矢量圖形的繪制與編輯，位圖圖像的繪制與編輯方法。（2）掌握動畫的制作方法，能夠使用幀面板、洋蔥皮和補間法制作動畫。（3）掌握切片與熱點的各種創(chuàng)建和編輯方法，掌握圖像的優(yōu)化和導出方法。2．教學內容（1）Fireworks概述要點：圖像的格式，F(xiàn)ireworks的特點，F(xiàn)ireworks的對象，△Fireworks的工作界面。（2）Fireworks基本操作要點：文檔的基本操作，△矢量圖形的基本操作包括繪圖工具箱的使用、繪圖工具箱的使用、路徑的繪制，△文本操作包括文本的創(chuàng)建與編輯、文字附加到路徑、變形和轉換文本，△位圖操作包括創(chuàng)建位圖、選區(qū)制作與調整、繪制和編輯位圖，圖層操作包括層面板的使用、圖層操作的主要操作、蒙版層的應用。（3）切片與熱點要點：切片與熱點概念，△熱點包括創(chuàng)建與設置熱點、編輯熱點和配置熱點行為，創(chuàng)建和編輯切片，〇行為與事件包括切片或熱點創(chuàng)建彈出菜單、使用元件。（4）GIF動畫制作要點：在Fireworks中使用動畫元件制作動畫，補間幀動畫制作。（5）圖像優(yōu)化和導出要點：優(yōu)化圖像應考慮的因素，△圖像優(yōu)化的途徑，圖像導出。（四）網頁動畫制作與處理1．教學基本要求（1）熟練掌握Flash繪圖工具的使用方法與技巧。（2）熟練掌握幀的操作及動作動畫，形變動畫和逐幀動畫的制作方法與技巧。（3）掌握元件的創(chuàng)建與使用方法及庫面板的應用。（4）掌握圖層的基本操作，掌握利用引導層，遮罩層制作特效動畫的方法。（5）掌握外部媒體的導入以及使用方法。（6）掌握簡單動作語句和行為的使用，掌握交互動畫的制作方法。2．教學內容（1）Flash動畫概述要點：△Flash的工作界面，動畫種類（逐幀動畫和補間動畫），△Flash中基本概念（場景、幀、元件、庫）。（2）繪圖的基本操作要點：工具箱的介紹，繪圖工具的使用，圖形的編輯，△常用的功能面板。（3）△Flash動畫制作要點：幀的創(chuàng)建與編輯，制作動作補間動畫，制作形狀補間動畫，制作逐幀動畫。（4）△元件的運用要點：圖形元件、按鈕元件和影片剪輯元件的創(chuàng)建，“庫”面板的基本操作，其他動畫中的元件調用。（5）△圖層的運用要點：圖層的基本操作，引導層動畫制作，遮罩層動畫制作。（6）外部媒體的使用要點：圖片的導入以及操作，聲音的導入以及操作，視頻的導入以及操作。（7）簡單交互動畫的制作要點：交互動畫概念以及特點，△動作面板的使用，對象屬性的控制，△影片的控制，〇行為的使用。（五）網頁設計軟件Dramweaver（動態(tài)網頁制作）1．教學基本要求（1）了解表單和表單元素的作用以及表單與表單元素的關系，理解標記input、select和textarea以及各個屬性。（2）掌握表單和各表單元素的創(chuàng)建；掌握表單數據的提交方法。（3）了解行為的含義，掌握行為的添加和操作方法。（4）熟悉各類行為的設置與應用方法。（5）了解服務器端動態(tài)網頁的實現(xiàn)原理，理解ASP動態(tài)網頁的制作技術。（6）掌握Dreamweaver服務器端動態(tài)網頁的制作方法2．教學內容（1）表單要點：表單和表單元素的作用，△表單及表單對象的創(chuàng)建，〇表單數據的提交方法。（2）行為要點：行為的工作原理，行為面板的應用，△常見行為及其含義，△應用行為制作動態(tài)網頁。（3）服務器動態(tài)網頁制作要點：ASP技術基礎，腳本語言簡介，Web數據庫基礎知識，測試服務器的建立。（4）△在DW中制作動態(tài)網頁要點：站點規(guī)劃與服務器配置，在Dreamweaver中建立數據庫連接，動態(tài)網頁數據記錄集的建立和處理，服務器各種行為的使用。（六）站點管理和配置1．教學基本要求（1）了解虛擬主機