網(wǎng)頁設計教學大綱

1、【HTML網(wǎng)頁設計】教學大綱課程性質：專業(yè)課學時： 80學時（面授學時：16 實驗學時：16 自學學時: 48 ）適用專業(yè)層次：高起專一、課程教學基本要求：本課程內容新穎實用并處于逐步形成過程之中，還未具有相應系統(tǒng)的理論，且變化相對比較快。目前，基本以網(wǎng)站建設和網(wǎng)頁設計的實踐為線索來確定課程的知識結構。根據(jù)課程具有實用性的特點，實踐環(huán)節(jié)在教學過程中占有重要地位。通過本課程的學習與實踐，學生應達到：1掌握互聯(lián)網(wǎng)基本知識，及有關Web網(wǎng)站建設的基本概念與方法。2掌握網(wǎng)頁設計制作的基本概念，HTML超文本標記語言的基本知識。3主要掌握網(wǎng)頁制作工具Dreamweaver、Flash和Firework的

2、使用4掌握有關計算機網(wǎng)絡信息的收集、加工、處理、發(fā)布與維護的基本框架與工作流程，能建設中小型網(wǎng)站。5了解本課程相關技術的發(fā)展趨勢。二、課程教學大綱說明1.課程的性質：HTML與網(wǎng)頁制作課程是計算機網(wǎng)絡方向必修的一門專業(yè)基礎技能課程。學生在學習本課程之前應當具有計算機網(wǎng)絡和計算機操作的預備知識和能力。2.課程的任務：作為計算機網(wǎng)絡技術專業(yè)的學生，應該具備網(wǎng)頁設計的相關知識，并有專業(yè)化網(wǎng)站的構建能力，能夠策劃、設計、實現(xiàn)和維護中小型網(wǎng)站（如公司網(wǎng)站、電子商務網(wǎng)站等）。學習完本課程后，學生應該能夠形成網(wǎng)站策劃和設計的基本知識結構并具有創(chuàng)建一個中小型的個人網(wǎng)站，并將其發(fā)布到Internet上運行的能力

3、。3.教學條件：由于該課程注重學生的實際操作能力，因此要求所有課程在計算機房進行，要求為每個學生配備一臺高性能計算機，操作系統(tǒng)：Windows 2000 Server,并安裝Macromedia Dreamweaver Mx、Flash Mx、Fireworks Mx，并具備Internet上網(wǎng)條件。4.教法說明：在理論教學上，采用“案例分析”的方式，引導學生發(fā)現(xiàn)問題、分析問題，掌握網(wǎng)站建設的基本概念和流程。在實踐教學上，采用“實例引導，項目驅動”的方式講授常用軟件的使用，通過實現(xiàn)相關實例，在實例基礎上改造拓寬，真正實現(xiàn)“學以致用”。在教學過程中，注重對學生各方面素質的培養(yǎng)，注重培養(yǎng)學生的動手

4、能力、表達能力、協(xié)作能力和學習能力等。三、各章教學結構及具體要求（每章的教學內容及具體的教學目的和要求）第1章  網(wǎng)頁設計理論1.1認識網(wǎng)頁與網(wǎng)站1.2網(wǎng)頁設計與制作1.2.1基本概念1.2.2網(wǎng)頁設計的主題與風格定位1.2.3網(wǎng)站開發(fā)的流程1.2.4網(wǎng)站前端開發(fā)環(huán)境1.2.5相關術語1.3習題 教學目的和要求：主要掌握文檔標記的使用，頭部標記title，主體標簽body，標題標記<h></h>等， 了解和掌握HTML文檔的結構。第2章 HTML表格2.1表格2.1.1創(chuàng)建表格2.1.2添加表格內容2.1.3表格基本操作2.1.4表格和單元格的屬性設

5、置2.2與表格相關的css屬性及其應用2.2.1表格類css屬性2.2.2css表格2.3css知識積累2.3.1浮動2.3.2定位2.4商用案例“中秋節(jié)電影”活動頁面的設計與實現(xiàn)2.4.1頁面規(guī)劃2.4.2頁面的具體實現(xiàn)2.5實訓2.6習題教學目的和要求：表格章節(jié)主要學習設置表格的邊框、表格的背景顏色、表格邊框顏色、設置表格高度和寬度以及設置表格背景圖像等。 掌握表格間距設置，表格水平對齊設置，表格標題的設置，行標簽和單元格背景顏色的設置，掌握表格跨行跨列的設置以及表格的嵌套，用于今后利用表格進行網(wǎng)頁布局。第3章 靜態(tài)網(wǎng)頁制作3.1html、xhtml和html5概述3.1.1ht

6、ml3.1.2xhtml3.1.3html53.2網(wǎng)頁文件的創(chuàng)建過程3.3常用標簽3.3.1標題標簽、段落標簽與換行標簽3.3.2超鏈接標簽與圖像標簽3.3.3列表標簽3.3.4表格標簽3.3.5表單標簽3.3.6html5新增標簽3.4簡單實例3.4.1創(chuàng)建和保存網(wǎng)頁3.4.2預覽網(wǎng)頁3.5實訓3.6習題教學目的和要求：通過框架頁示例，學習網(wǎng)頁框架的基礎知識，掌握框架邊框的設置、框架邊距的設置、設置框架縮放、設置框架滾動條、設置框架邊框的顏色，對框架進行上下分割窗口、左右分割窗口來設計框架頁面，設置浮動框架的高度和寬度，設置浮動框架的對齊方式等。第4章 CSS基礎4.1css語言概述4.1.

7、1css概述4.1.2css規(guī)則4.1.3css的命名規(guī)則4.2css與html文檔的結合方法4.3結合css創(chuàng)建簡單網(wǎng)頁4.3.1頁面布局分析4.3.2編寫html文檔4.3.3美化與修改文檔4.4實訓4.5習題教學目的和要求：本章節(jié)將學習使用CSS進行網(wǎng)頁樣式風格的設計。要使學生掌握使用CSS的基本語法，以及在HTML中使用CSS的幾種方法。達到網(wǎng)頁美化的目的第5章 Photoshop CS2網(wǎng)頁制作5.1初識Photoshop CS25.1.1Photoshop CS2的工作環(huán)境5.1.2工具欄與面板介紹5.1.3Photoshop CS2的參數(shù)設置5.2創(chuàng)建與管理站點5.2.

8、1創(chuàng)建站點5.2.2創(chuàng)建第一個網(wǎng)頁文檔5.2.3站點內文件管理5.2.4站點的管理5.3css在Photoshop CS2中的運用5.3.1css的鏈接類型5.3.2盒模型概述5.3.3css選擇符5.4商用案例使用“div+css”模式制作旅行社網(wǎng)頁5.4.1頁面規(guī)劃5.4.2實現(xiàn)過程5.5實訓5.6習題教學目的和要求：通過初識了解Photoshop CS2的工作環(huán)境，學會操作Photoshop CS2的面板，利用簡單的知識模板制作簡單的網(wǎng)頁以及應用到實例中。第6章 JavaScript基礎6.1JavaScript編程基礎   6.2Jav

9、aScript工作原理 6.3如何在Html頁面中使用JavaScript教學目的和要求：講述Internet、HTML、JavaScript及JavaScript程序的編輯與調試。重點：WWW、HTML、JavaScript概念；JavaScript程序的編輯與調試方法。第7章 JavaScript對象7.1內置對象  (String、Math、Date) 7.2瀏覽器對象 (Window、Document、History,Forms、)    7.3用戶自定義對象 教學內容：講述String

10、對象、math對象、data對象以及其他對象。重點：String對象、math對象、data對象以及其他對象的概念；難點：以上對象的使用方法。第8章 DOM技術8.1 DOM概念    8.2 JavaScript在DOM中的應用    8.3 DOM客戶端編程。教學目的和要求：補步了解DOM技術及應用。第9章 JavaScript事件處理9.1 JavaScript事件認識9.2 JavaScript事件應用教學目的和要求：了解JavaScript事件，學會JavaScript事件的使用。第10章 HTML網(wǎng)頁設計實驗10.1規(guī)劃與

11、分析10.1.1相關概念10.1.2規(guī)劃設計10.2設計與實現(xiàn)10.2.1登錄頁面的實現(xiàn)10.2.2后臺頁面的實現(xiàn)10.3實訓10.4習題教學目的和要求：進一步深入學習HTML制作網(wǎng)頁，設計與實現(xiàn)制作自己的網(wǎng)頁。第11章 HTML5音頻和視頻技術11.1 HTML5音頻11.2 HTML5視頻技術11.3 綜合應用教學目的和要求：音頻和視頻技術在HTML5 中的應用。第12章 HTML5本地數(shù)據(jù)存儲教學目的和要求：簡單了解HTML5本地數(shù)據(jù)存儲。四、各教學環(huán)節(jié)學時分配表（以高等數(shù)學為例）章序授課內容自學學時面授學時小計第一章網(wǎng)頁設計理論426第二章HTML表格404第三章靜態(tài)網(wǎng)頁制作404第四章CSS基礎426第五章Photoshop CS2網(wǎng)頁制作404第六章JavaScript基礎426第七章JavaScript對象426第八章DOM技術426第九章JavaScript事件處理426第十章HTML網(wǎng)頁設計實驗404第十一章HTML5音頻和視頻技術426第十二章HTML5本地數(shù)據(jù)存儲426合計481664五、教材及主要參考書教 材: 網(wǎng)頁設計與制作案例教程（HTML+CSS+Dream