第一篇：《HTML網頁設計》課程教學大綱
《HTML網頁設計》課程教學大綱
一、教學目的和任務
《HTML靜態網頁設計》是我院軟件開發專業的專業基礎課，選用教材《網頁設計》，全書共分為17章，其中HTML內容占11章，包括HTML基本語法，常用標簽的使用，表格的使用，層和框架的使用，在HTML中多媒體的應用，表單的使用，網頁的圖像及多媒體，以及站點的創建和管理。其中重點包括常用標簽的使用，表格的使用，框架和表單的使用，文字與段落，以及CSS應用。
一方面本課程通過對網頁用戶界面設計中的信息傳達、視覺符號的應用等專業知識的講授，讓學生能掌握網頁設計中相關的設計思維與視覺表現方面的知識，讓學生把網站中要傳達的信息通過數碼交互媒體的手段展現出來。另一方面通過對相關設計軟件的使用進行課堂講解與練習，使學生能夠掌握相關軟件操作的基本知識，并能夠通過靈活應用課堂知識處理一些在實際項目中遇到的技術困難。
二、教學方法與教學要求
1課前認真備課，選好實例
網頁制作技術不斷地發展變化，新的技術、新的方法也在不斷涌現，所以我們也需要將網頁設計的最新、最實用的技術引用到課堂上去。課堂教學是傳授知識的主要方式和場所，目的在于將書本知識轉化為學生的知識和技能。為實現這一目的，我深入鉆研教材，理清教材內容特點、編排次序和知識點之間的銜接關系，整理出一條條線索。如在上第一節課時，我會從網上下載一些經典的并具有代表性的網頁給同學欣賞，在看的過程中一一的介紹并分解到書本的各個章節的知識點,提高學生們的興趣與積極性。
課堂的教學方法
教學過程是教師與學生之間信息傳遞及反饋的過程。“我認為教學的藝術不在于傳授本領，而在于激勵、喚醒、鼓舞。”因此，在學習過程中，給學生明確的思路，激勵學生積極主動參與思考，運用任務驅動法、模塊教學法，案例教學法和項目教學法等教學手段，引導他們在解決問題的過程中體驗到學習帶來的成功感和愉悅感，使學習興趣長久地保持下去。
2.1 案例教學法。案例教學法，即在教師指導下，根據教學目標的內容的需要，采用案例組織學生進行學習、研究、鍛煉能力的方法。案例教學法可分為案例導入、案例例證、案例討論、案例結尾和案例練習等多種方法。
在課堂上我采用是案例例證法，通過精心挑選案例，明確提出需要掌握的知識點及操作技能，以案例帶動知識點，貫穿整個教學過程。具體做法是通過具體案例提出任務，將任務分解到每次的課堂教學中實現，教學過程中為了調動學生的學習積極性，教學過程中常常采用互動方式，即老師提出一種解決問題的思路，然后讓學生采用其他方式來解決同一個問題。
2.2 項目教學法。項目教學法是指通過實施一個完整的項目工作而進行的教學活動,采取小組討論、協作學習的方式。
將課程中的各個知識點或技術點采用教師給出項目要求或參考項目需求的方式，讓學生分組選擇項目或者自己調研確定項目，小組合作進行項目規劃和頁面設計。通過“小組合作規劃設計”，以“項目小組”為基本形式、小組成員之間的合作性活動為主體、完成小組項目為主要目標、小組整體水平為主要依據來評定成績的考核形式，為學生創造一個良好的合作氛圍。小組的每一個成員在這一過程中都有發揮自己優勢和表現自己的機會，通過小組成員之間相互討論、評價、反饋、傾聽、激勵以及互為師生、優勢互補等合作形式，激發學生的學習興趣，改進學生的學習方法與態度，增強學生的集體榮譽感和團隊協作精神。
三、教學內容與教學安排
1、課堂講授
第一章 HTML入門簡介
主要掌握文檔標記的使用，頭部標記title，主體標簽body，標題標記
通過學習斜體字標簽、下標標簽、上標標簽、插入字標簽、刪除字標簽、計算機代碼標簽、鍵盤輸入文字標簽、計算機代碼樣式標簽等，用于控制文字樣式。第三章 超鏈接
超鏈接章節主要掌握錨點、外部鏈接、郵件鏈接、腳本鏈接、空鏈接的相關基本知識，用于鏈接跳轉功能的實現 第四章 框架
通過框架頁示例，學習網頁框架的基礎知識，掌握框架邊框的設置、框架邊距的設置、設置框架縮放、設置框架滾動條、設置框架邊框的顏色，對框架進行上下分割窗口、左右分割窗口來設計框架頁面，設置浮動框架的高度和寬度，設置浮動框架的對齊方式等。
第五章 表格【上】
表格章節主要學習設置表格的邊框、表格的背景顏色、表格邊框顏色、設置表格高度和寬度以及設置表格背景圖像等。第五章 表格【下】
本章主要掌握表格間距設置，表格水平對齊設置，表格標題的設置，行標簽和單元格背景顏色的設置，掌握表格跨行跨列的設置以及表格的嵌套，用于今后利用表格進行網頁布局。第六章 列表
本章節主要學習各種列表：有序列表、無序列表、目錄列表、菜單列表、自定義列表以及嵌套列表等。用于網頁的排版設計 第七章 表單
表單章節是HTML的重點章節，將學習表單的各種控件知識：如單行文本域、密碼域、單選按鈕、復選框、普通按鈕、文本域、圖像域、多行文本域、選擇列表等。第八章 網頁圖像
本章節主要學習網頁圖像設置的相關知識，主要有如何加載圖像、如何設置圖像大小、如何設置圖像邊框、如何設置圖像對齊方式、如何設置圖像與文本的距離、如何設置圖像的提示文字、如何設置圖像超鏈接、如何圖像影像地圖等。第九章 網頁多媒體
網頁的多媒體運用知識必不可少，本章節將學習如何設置文字及圖像的滾動效果、如何加入背景音樂、如何嵌入flash動畫、如何嵌入mp3、如何嵌入mpg視頻等。第十章 CSS基礎
本章節將學習使用CSS進行網頁樣式風格的設計。要使學生掌握使用CSS的基本語法，以及在HTML中使用CSS的幾種方法。達到網頁美化的目的。
2、課堂及課后練習
第一章 HTML入門簡介 任務一【文檔標記的使用】 任務二【頭部標記】 任務三【主體標簽BODY】 任務四【標題標記
任務三【設置文字樣式】 任務四【下標】 任務五【上標】
任務六【插入字標簽】 任務七【刪除字標簽】 任務八【計算機代碼標簽】 任務九【鍵盤輸入文字標簽】 任務十【計算機代碼樣式標簽】 第三章 超鏈接
任務一【HTML鏈接】 任務二【錨點】 任務三【外部鏈接】 任務四【郵件鏈接】 任務五【腳本鏈接】 任務六【空鏈接】 第四章 框架
任務一【框架頁示例】 任務二【設置框架邊框】 任務三【設置框架邊距】 任務四【設置框架縮放】 任務五【設置框架滾動條】 任務六【設置框架邊框的顏色】 任務七【上下分割窗口】 任務八【左右分割窗口】
任務九【浮動框架的高度和寬度】 任務十【浮動框架的對齊方式】 第五章 表格【上】 任務一【表格邊框】 任務二【表格高度】 任務三【表格背景顏色】 任務四【表格邊框顏色】 任務五【表格高度和寬度】 任務六【表格背景】 第五章 表格【下】 任務七【表格間距】 任務八【表格水平對齊】 任務九【表格標題】 任務十【行標簽】
任務十一【單元格背景顏色】 任務十二【跨行跨列】 任務十三【表格嵌套】 第六章 列表
任務一【有序列表1】 任務二【有序列表2】 任務三【有序列表3】 任務四【無序列表】 任務五【目錄列表】 任務六【菜單列表】 任務七【定義列表】 任務八【嵌套列表】 第七章 表單
任務一【表單method屬性測試】 任務二【單行文本域】 任務三【密碼域】 任務四【單選按鈕】 任務五【復選框】 任務六【普通按鈕】 任務七【文本域】 任務八【圖像域】 任務九【多行文本域】 任務十【選擇列表】 第八章 網頁圖像 任務一【加載圖像】 任務二【設置圖像大小】 任務三【設置圖像邊框】 任務四【設置圖像對齊方式】 任務五【設置圖像與文本的距離】 任務六【設置圖像的提示文字】 任務七【設置圖像超鏈接】 任務八【圖像影像地圖】 第九章 網頁多媒體 任務一【滾動效果1】 任務二【滾動效果2】 任務三【背景音樂】
任務四【嵌入flash動畫】 任務五【嵌入mp3】
任務六【嵌入mpg視頻】 第十章 CSS基礎
任務一【使用CSS美化網頁字體】 任務二【使用CSS美化網頁背景】 任務三【使用CSS讓用戶自由定制個性化的頁面】
3、課程作業（按知識點劃分，共計八個部分）第一部分、制作第一個網頁
第二部分、新聞信息瀏覽頁面的制作
（一）第三部分、新聞信息瀏覽頁面的制作
（二）第四部分、網站結構的實現
（一）第五部分、網站結構的實現
（二）第六部分、用戶信息錄入頁面的實現
（二）第七部分、網頁文本的樣式設置 第八部分、CSS結構、規則及屬性
四、課程考核
本課程理論考試采用閉卷形式，上機實踐與其他課程進行組合考試，同時結合平時作業進行課程考核與成績評定。考核評分以百分制計，原則上理論、實踐考試成績占80%，平時作業成績占20%。
五、教材及參考書
教材： 《網頁設計》 中國水利水電出版社 參考書：《HTML 標準教程》 賈素玲 王強 著 清華大學出版社
六、教學設備及教具要求
由學院統一安排多媒體教室及機房，任課教師準備多媒體課件等教學相關資料。
第二篇：《網頁設計》課程教學大綱
《網頁設計》課程教學大綱
課程編號：
英文名稱：WebPages Designing 課程類型：專業選修課 學時/學分：24+24/2 授課對象：專科生
先修課程：計算機文化基礎 課程簡介：
《網頁設計》是一門重要的信息管理專業的選修課程。本課程講述了網站創建、網頁制作基本知識、Dreamweaver網頁制作集成工具使用的方法等內容。通過本課程的學習，使學生掌握構建網站的基本知識，熟悉網頁開發平臺的使用，能夠獨立的創建個人網站。
教學目的和要求：
通過學習，使學生了解網頁網站的基礎知識；掌握網頁三劍客的使用方法，以便能夠正確應用和維護網站。與此同時，通過對Web頁制作技術和制作工具的學習，使學生對于網頁設計中所涉及的相關知識有一個全面的了解。
教學內容：
第1章 網頁設計快速入門（2）
1、教學內容：
1.1 在Internet上安個家
1.2 知識要點
1.2.1 有關網頁設計的概念
1.2.2 網頁設計軟件
1.2.3 網頁制作過程
1.2.4 企業建立網站的過程
1.2.5 網頁設計與HTML 1.3 本章小結
2、教學重點：
網頁設計的概念、網頁制作過程。
3、教學難點： 網頁設計與HTML。
第2章 Dreamweaver MX快速入門（1）
1、教學內容：
2.1 制作網站電子相冊
2.2 知識要點
2.2.1 認識Dreamweaver MX中文版基本界面
2.2.2 認識窗口項目
2.2.3 面板組
2.3 本章小結
2、教學重點：
Dreamweaver MX中文版基本界面。
3、教學難點：
面板組的使用。
第3章 用Dreamweaver MX設計首頁（1）
1、教學內容：
3.1 一個簡單首頁設計的例子
3.2 知識要點
3.2.1 頁面屬性
3.2.2 文本屬性
3.2.3 表格屬性 3.2.4 單元格屬性
3.2.5 圖像屬性
3.3 本章小結
2、教學重點：
設置文本、表格和圖像的屬性。
3、教學難點： 頁面屬性的設置。
第4章 Dreamweaver MX的CSS樣式（2）
1、教學內容：
4.1 制作動態鏈接效果
4.1.1 Microsoft中國公司主頁的動態鏈接效果
4.1.2 為網頁制作動態鏈接效果
4.2 知識要點
4.2.1 什么是CSS樣式
4.2.2 CSS樣式與HTML樣式
4.2.3 CSS樣式控制面板
4.2.4 定義CSS樣式
4.3 本章小結
2、教學重點：
CSS樣式控制面板的使用、定義CSS樣式的方法。
3、教學難點：
定義CSS樣式的方法。第5章 表格應用（2）
1、教學內容：
5.1 用表格實現一個系部主頁的設計
5.1.1 網頁結構分析
5.1.2 設計頁眉區
5.1.3 設計導航欄區
5.1.4 設計信息區
5.1.5 設計版權區
5.2 知識要點
5.2.1 標準視圖中的表格與布局視圖中的表格
5.2.2 標準視圖模式下表格的應用技巧
5.2.3 布局視圖模式下表格的應用技巧
5.3 本章小結
2、教學重點： 標準視圖模式下表格的應用。
3、教學難點：
布局視圖模式下表格的應用。
第6章 Dreamweaver MX圖層應用（2）
1、教學內容：
6.1 一個彈出式菜單設計的實例
6.1.1 設計彈出式菜單的效果圖
6.1.2 設計彈出式菜單的過程
6.2 知識要點
6.2.1 創建層
6.2.2 選擇層
6.2.3 插入層對象
6.2.4 移動層
6.2.5 對齊層
6.2.6 層與表格相互轉換
6.2.7 設置層屬性
6.3 本章小結
2、教學重點：
層的基本操作和層的屬性設置。
3、教學難點：
層與表格的轉換、行為和事件。
第7章 Dreamweaver MX時間軸（2）
1、教學內容：
7.1 制作一個動態地址導航圖
7.2 知識要點
7.2.1 時間軸控制面板
7.2.2 時間軸的基本應用
7.3 本章小結
2、教學重點： 時間軸的基本應用。
3、教學難點： 錄制層路徑。
第8章 表單操作（2）
1、教學內容：
8.1 制作一個網上報名表單
8.1.1 制作網上在線報名表單
8.1.2 預覽網上在線報名表單
8.2 知識要點
8.2.1 插入表單
8.2.2 插入文本對象表單
8.2.3 插入按鈕
8.2.4 插入復選框
8.2.5 插入單選按鈕
8.2.6 插入列表/菜單域 8.2.7 插入文件字段
8.2.8 插入圖像域
8.2.9 插入隱藏域
8.2.10 插入跳轉菜單
8.3 本章小結
2、教學重點：
表單和常用表單域的用途和使用方法。
3、教學難點：
插入隱藏域和跳轉菜單。
第9章 Dreamweaver MX綜合應用（2）
1、教學內容：
9.1 一個網站建立的實例
9.1.1 建站準備
9.1.2 制作網站
9.2 知識要點
9.2.1 網站的設計構思
9.2.2 資源面板的應用
9.2.3 行為面板的應用
9.2.4 站點管理器的應用
9.3 本章小結
2、教學重點：
網站的設計構思、資源面板的應用。
3、教學難點： 行為面板的應用。第10章 Flash MX快速入門（0.5）
1、教學內容：
10.1 制作一個移動的圓
10.2 知識要點
10.2.1 Flash MX的界面
10.2.2 主菜單項目
10.2.3 常用工具欄
10.2.4 時間軸面板
10.2.5 繪圖工具欄
10.2.6 其他重要欄目
10.3 本章小結
2、教學重點：
Flash MX的工具欄和時間軸面板。
3、教學難點： 時間軸面板的使用。第11章 Flash MX的繪圖功能（0.5）
1、教學內容：
11.1 制作一個網頁廣告
11.2 知識要點
11.2.1 繪圖工具 11.2.2 指針工具
11.2.3 填充工具
11.2.4 文本工具
11.2.5 顏色設置
11.2.6 圖片的使用
11.3 本章小結
2、教學重點： 繪圖工具的使用。
3、教學難點： 圖片的使用。第12章 Flash MX動畫制作初步（1）
1、教學內容：
12.1 制作動態文字的實例
12.2 知識要點
12.2.1 圖層（Layer）
12.2.2 幀（Frame）
12.2.3 使用圖符、實例和庫
12.2.4 用Sound面板引入和編輯聲音
12.2.5 文件預覽
12.3 本章小結
2、教學重點：
使用Flash MX制作簡單動畫。
3、教學難點：
幀的基本操作、在動畫中添加聲音。第13章 Flash MX動作的應用（1）
1、教學內容： 13.1 圖像動畫實例
13.1.1 制作可供控制播放的循環動畫
13.1.2 制作按鈕元件
13.1.3 設計場景
13.1.4 舞臺播放區背景的制作
13.1.5 在場景上創建Daughter影片剪輯的實例
13.1.6 后臺控制程序
13.2 知識要點
13.2.1 ActionScript的基本概念
13.2.2 用動作面板編輯對象動作
13.3 本章小結
2、教學重點： 動作面板的使用。
3、教學難點：
用動作面板編輯對象動作。第14章 Flash MX的綜合應用（1）
1、教學內容：
14.1 制作一個網站的門戶廣告動畫 14.1.1 設計構思
14.1.2 素材準備
14.1.3 制作過程
14.1.4 發布過程
14.2 知識要點
14.2.1 文件的導入與導出
14.2.2 文件的發布及發布設置
14.2.3 發布預覽
14.3 本章小結
2、教學重點：
文件的導入和導出、文件的發布。
3、教學難點：
Flash MX動作的應用。第15章 Fireworks MX應用基礎（1）
1、教學內容：
15.1 Web按鈕制作實例
15.2 知識要點
15.2.1 Fireworks的基本概念
15.2.2 Fireworks的編輯模式
15.2.3 Fireworks的工具詳解
15.2.4 Fireworks中的對象
15.2.5 Fireworks的層
15.3 本章小結
2、教學重點：
Fireworks的工具詳解。
3、教學難點： Fireworks的層。第16章 Fireworks MX進階操作（1）
1、教學內容：
16.1 一個簡單的動畫
16.2 知識要點
16.2.1 Fireworks的蒙版
16.2.2 Fireworks的顏色混合模式
16.2.3 Fireworks的熱點和切片
16.2.4 Fireworks實用技巧 16.3 本章小結
2、教學重點： Fireworks實用技巧。
3、教學難點：
Fireworks的蒙版、熱點和切片。第17章 站點的發布、宣傳推廣與維護（2）
1、教學內容： 17.1 站點的發布
17.2 網頁的測試 17.2.1 下載時間測試
17.2.2 瀏覽器兼容性測試
17.2.3 拼寫檢查測試
17.3 站點宣傳與推廣的一般方法
17.4 站點的維護與更新
17.5 本章小結
2、教學重點： 站點的發布。
3、教學難點： CuteFTP的使用方法。
實驗內容：
實驗一
(使用HTML語言制作簡單網頁)（2）
1、實驗目的：
熟悉HTML語言的常用標記，學會在記事本環境下用HTML語言編輯簡單的網頁。
2、實驗內容：
用記事本輸入下面語句，另存為網頁文件，并在瀏覽器中瀏覽。
一首唐詩
夜雨寄北
李商隱
君問歸期未有期，
巴山夜雨漲秋池。
何當共剪西窗燭，
卻話巴山夜雨時。
第三篇：《網頁設計》課程教學大綱
《網頁設計》課程教學大綱
課程編號：
英文名稱：WebPages Designing 課程類型：專業選修課 學時/學分：24+24/2 授課對象：專科生
先修課程：計算機文化基礎 課程簡介：
《網頁設計》是一門重要的信息管理專業的選修課程。本課程講述了網站創建、網頁制作基本知識、Dreamweaver網頁制作集成工具使用的方法等內容。通過本課程的學習，使學生掌握構建網站的基本知識，熟悉網頁開發平臺的使用，能夠獨立的創建個人網站。
教學目的和要求：
通過學習，使學生了解網頁網站的基礎知識；掌握網頁三劍客的使用方法，以便能夠正確應用和維護網站。與此同時，通過對Web頁制作技術和制作工具的學習，使學生對于網頁設計中所涉及的相關知識有一個全面的了解。
教學內容：
第1章 網頁設計快速入門（2）
1、教學內容：
1.1 在Internet上安個家
1.2 知識要點
1.2.1 有關網頁設計的概念
1.2.2 網頁設計軟件
1.2.3 網頁制作過程
1.2.4 企業建立網站的過程
1.2.5 網頁設計與HTML 1.3 本章小結
2、教學重點：
網頁設計的概念、網頁制作過程。
3、教學難點： 網頁設計與HTML。
第2章 Dreamweaver MX快速入門（1）
1、教學內容：
2.1 制作網站電子相冊
2.2 知識要點
2.2.1 認識Dreamweaver MX中文版基本界面
2.2.2 認識窗口項目
2.2.3 面板組
2.3 本章小結
2、教學重點：
Dreamweaver MX中文版基本界面。
3、教學難點：
標準視圖模式下表格的應用。
3、教學難點：
布局視圖模式下表格的應用。
第6章 Dreamweaver MX圖層應用（2）
1、教學內容：
6.1 一個彈出式菜單設計的實例
6.1.1 設計彈出式菜單的效果圖
6.1.2 設計彈出式菜單的過程
6.2 知識要點
6.2.1 創建層
6.2.2 選擇層
6.2.3 插入層對象
6.2.4 移動層
6.2.5 對齊層
6.2.6 層與表格相互轉換
6.2.7 設置層屬性
6.3 本章小結
2、教學重點：
層的基本操作和層的屬性設置。
3、教學難點：
層與表格的轉換、行為和事件。
第7章 Dreamweaver MX時間軸（2）
1、教學內容：
7.1 制作一個動態地址導航圖
7.2 知識要點
7.2.1 時間軸控制面板
7.2.2 時間軸的基本應用
7.3 本章小結
2、教學重點： 時間軸的基本應用。
3、教學難點： 錄制層路徑。
第8章 表單操作（2）
1、教學內容：
8.1 制作一個網上報名表單
8.1.1 制作網上在線報名表單
8.1.2 預覽網上在線報名表單
8.2 知識要點
8.2.1 插入表單
8.2.2 插入文本對象表單
8.2.3 插入按鈕
8.2.4 插入復選框
8.2.5 插入單選按鈕
8.2.6 插入列表/菜單域 8.2.7 插入文件字段
8.2.8 插入圖像域
8.2.9 插入隱藏域
8.2.10 插入跳轉菜單
8.3 本章小結
2、教學重點：
表單和常用表單域的用途和使用方法。
3、教學難點：
插入隱藏域和跳轉菜單。
第9章 Dreamweaver MX綜合應用（2）
1、教學內容：
9.1 一個網站建立的實例
9.1.1 建站準備
9.1.2 制作網站
9.2 知識要點
9.2.1 網站的設計構思
9.2.2 資源面板的應用
9.2.3 行為面板的應用
9.2.4 站點管理器的應用
9.3 本章小結
2、教學重點：
網站的設計構思、資源面板的應用。
3、教學難點： 行為面板的應用。第10章 Flash MX快速入門（0.5）
1、教學內容：
10.1 制作一個移動的圓
10.2 知識要點
10.2.1 Flash MX的界面
10.2.2 主菜單項目
10.2.3 常用工具欄
10.2.4 時間軸面板
10.2.5 繪圖工具欄
10.2.6 其他重要欄目
10.3 本章小結
2、教學重點：
Flash MX的工具欄和時間軸面板。
3、教學難點： 時間軸面板的使用。第11章 Flash MX的繪圖功能（0.5）
1、教學內容：
11.1 制作一個網頁廣告
11.2 知識要點
11.2.1 繪圖工具 11.2.2 指針工具
11.2.3 填充工具
11.2.4 文本工具
11.2.5 顏色設置
11.2.6 圖片的使用
11.3 本章小結
2、教學重點： 繪圖工具的使用。
3、教學難點： 圖片的使用。第12章 Flash MX動畫制作初步（1）
1、教學內容：
12.1 制作動態文字的實例
12.2 知識要點
12.2.1 圖層（Layer）
12.2.2 幀（Frame）
12.2.3 使用圖符、實例和庫
12.2.4 用Sound面板引入和編輯聲音
12.2.5 文件預覽
12.3 本章小結
2、教學重點：
使用Flash MX制作簡單動畫。
3、教學難點：
幀的基本操作、在動畫中添加聲音。第13章 Flash MX動作的應用（1）
1、教學內容： 13.1 圖像動畫實例
13.1.1 制作可供控制播放的循環動畫
13.1.2 制作按鈕元件
13.1.3 設計場景
13.1.4 舞臺播放區背景的制作
13.1.5 在場景上創建Daughter影片剪輯的實例
13.1.6 后臺控制程序
13.2 知識要點
13.2.1 ActionScript的基本概念
13.2.2 用動作面板編輯對象動作
13.3 本章小結
2、教學重點： 動作面板的使用。
3、教學難點：
用動作面板編輯對象動作。第14章 Flash MX的綜合應用（1）
1、教學內容：
14.1 制作一個網站的門戶廣告動畫 14.1.1 設計構思
14.1.2 素材準備
14.1.3 制作過程
14.1.4 發布過程
14.2 知識要點
14.2.1 文件的導入與導出
14.2.2 文件的發布及發布設置
14.2.3 發布預覽
14.3 本章小結
2、教學重點：
文件的導入和導出、文件的發布。
3、教學難點：
Flash MX動作的應用。第15章 Fireworks MX應用基礎（1）
1、教學內容：
15.1 Web按鈕制作實例
15.2 知識要點
15.2.1 Fireworks的基本概念
15.2.2 Fireworks的編輯模式
15.2.3 Fireworks的工具詳解
15.2.4 Fireworks中的對象
15.2.5 Fireworks的層
15.3 本章小結
2、教學重點：
Fireworks的工具詳解。
3、教學難點： Fireworks的層。第16章 Fireworks MX進階操作（1）
1、教學內容：
16.1 一個簡單的動畫
16.2 知識要點
16.2.1 Fireworks的蒙版
16.2.2 Fireworks的顏色混合模式
16.2.3 Fireworks的熱點和切片
16.2.4 Fireworks實用技巧 16.3 本章小結
2、教學重點： Fireworks實用技巧。
3、教學難點：
Fireworks的蒙版、熱點和切片。第17章 站點的發布、宣傳推廣與維護（2）
1、教學內容： 17.1 站點的發布
17.2 網頁的測試 17.2.1 下載時間測試
17.2.2 瀏覽器兼容性測試
17.2.3 拼寫檢查測試
17.3 站點宣傳與推廣的一般方法
17.4 站點的維護與更新
17.5 本章小結
2、教學重點： 站點的發布。
3、教學難點： CuteFTP的使用方法。
實驗內容：
實驗一
(使用HTML語言制作簡單網頁)（2）
1、實驗目的：
熟悉HTML語言的常用標記，學會在記事本環境下用HTML語言編輯簡單的網頁。
2、實驗內容：
用記事本輸入下面語句，另存為網頁文件，并在瀏覽器中瀏覽。
一首唐詩
夜雨寄北
李商隱
君問歸期未有期，
巴山夜雨漲秋池。
何當共剪西窗燭，
卻話巴山夜雨時。
第四篇：《多媒體網頁設計》課程教學大綱.
《多媒體網頁設計》課程教學大綱(Elements of Multimedia Web Design
一、課程說明
【課程ID】【課程修習類型】必修 【學分數】3 【適用專業】文科類專業
【開課學院】國際服務工程學院【建議修讀學期】第二學期 【學時數】總64課時(理論32/實驗32 【先修課程】大學計算機基礎 1.課程介紹: 《多媒體網頁設計》課程的設置是為了滿足專業對多媒體信息處理和網站運用的實際需求。
多媒體技術適用于絕大部分文科類專業,著眼于培養學生將媒體技術直接運用至其本專業實際需求中的能力,如文學創作、音樂創作、舞美設計、體育運動教學、全民健身推廣、賽事記錄與傳播、各類視覺設計等眾多方向,以成就感來提高學習興趣,同時也將計算機專業知識更好地運用到其本專業實際需求中。而網站開發與制作作為一項綜合性很強的技能,可以全面提升學生對信息處理的綜合能力,在大量工作崗位中能體現其價值,適合基礎較好的學生。
2.課程的主要內容及課時安排: 章次內容(宋體五號字總學時理論學時實驗、實踐學時 一網頁編寫基礎理論8 4 4 二網站的規劃與設計 4 2 2
三數字圖像、圖形處理12 6 6 四網頁動畫創作8 4 4 五結構化網頁制作16 8 8 六基于CSS的頁面樣式與布局控制16 8 8 3.課程教學目的與要求: 《多媒體網頁設計》是一門面向文科類專業的計算機“進階型”技能課程,主要講授適用于各個行業的最新的多媒體技術,以及如何設計規劃網站、制作符合行業標準的多媒體網頁。這兩類技能對于文科類學生來說尤為可貴,既能滿足本專業在媒體類作品創作方面的需求(例如制作精美的展示圖片,拍攝和編輯產品的演示視頻,并配以畫外音與字幕,然后創建主題網站,并將這些內容以網頁的形式加以展示, 還能大大提升學生的就業競爭力,真正體現計算機作為一個工具在其他專業中的應用價值。
4.本門課程與其它課程關系及要求: 《大學計算機基礎》是本課的前導課程,無后續課程。5.課程教學方法與手段: 課堂講授和上機實驗相結合。利用多媒體的課堂教學,學生的集體討論,并結合大量的實例與練習,加強實際動手能力。
6課程政策:(對課堂紀律、到課、作業等要求
遵守學校課堂紀律政策,按時到課,及時完成教師布置的課內外作業,自覺進行課外實踐訓練。
7.推薦教材及參考文獻:
[1] 《多媒體網頁設計教程》,高等教育出版社,2014年1月。8.學生成績評定:(學生學業成績評定標準、原則、方法、要求 本課程為必修課。
本課程強調實際操作能力和創新能力,因此考核方式采用理論與實際操作相結合。其中平時成績(來自于平時的作業、實驗練習及考勤等占50%,期末考試占50%。
9.實踐教學內容安排: ●實驗1(2課時:利用記事本制作符合web標準的簡易網頁 ●實驗2(2課時:圖像處理技術之基礎訓練 ●實驗3(4課時:圖像處理技術之網站效果圖繪制 ●實驗4(4課時:簡單網站動畫制作
●實驗5(8課時:利用可視化工具搭建簡單網站 ●實驗6(8課時:基于CSS的頁面樣式和布局控制 10.課程網站: http://jsj.hznu.edu.cn
二、教學內容和學時分配 周次主題內容學時數 網頁編寫基礎理論:網頁制作應具備的基礎4學時 網頁編寫基礎理論:利用記事本編寫符合web標準的簡單網頁4學時 網站的規劃與設計:主題、信息架構、頁面布局、色彩設計、導航設計等4學時 數字圖像、圖形處理:PS基礎操作,“米老鼠的誕生”案例4學時 5 數字圖像、圖形處理:PS進階操作,“游俠相冊”效果圖案例4學時 6 數字圖像、圖形處理:PS進階操作,“游俠相冊”切片與輸出4學時 7 網頁動畫創作:Flash動畫基礎,“矮人招工”案例4學時 8 網頁動畫創作:Flash動畫制作,“主圖切換”案例4學時 9 結構化網頁制作:DW基礎操作,“我的天空”網站案例4學時 10 結構化網頁制作:網頁內容的插入與編輯4學時 11 結構化網頁制作:多媒體對象的插入與編輯4學時 12 結構化網頁制作:超鏈接編輯與網站發布4學時 13 基于CSS的頁面樣式與布局控制:CSS基礎4學時 基于CSS的頁面樣式與布局控制:樣式的編輯與應用4學時 15 基于CSS的頁面樣式與布局控制:盒模型、浮動與定位4學時 16 基于CSS的頁面樣式與布局控制:布局與排版4學時 第1次:網頁制作應具備的基礎(上 1.教學要求
了解設計、編寫網站所需要具備的各項軟硬件基礎和知識儲備。2.主要內容
設計、編寫網站的軟硬件要求和知識儲備;html基礎。3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
參考《多媒體網頁設計教程》第1章。5.思考作業題 實驗1 第2次:網頁制作應具備的基礎(下 1.教學要求
利用記事本編寫符合web標準的簡單網頁。2.主要內容
利用記事本編寫符合web標準的簡單網頁:填充內容、內容結構化、CSS控制格式。
3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
參考《多媒體網頁設計教程》第1章。5.思考作業題 實驗1
第3次:網站的規劃與設計 1.教學要求
了解網站規劃與設計的知識與技巧。2.主要內容
網站主題確定、設定信息架構、設計頁面布局、色彩設計、導航設計、文字編撰。
3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
參考《多媒體網頁設計教程》第2章。5.思考作業題 暫無
第4次:數字圖像、圖形處理(上 1.教學要求
了解Web圖像處理的相關理論知識。2.主要內容
Web圖像處理的相關理論知識,PS基礎操作,“米老鼠的誕生”案例。3.教學方法
多媒體教學、小組討論結合上機操作。
4.閱讀材料
參考《多媒體網頁設計教程》第3章。5.思考作業題 實驗2 第5次:數字圖像、圖形處理(中 6.教學要求
了解利用Photoshop繪制網頁效果圖的理論知識和操作技巧。1.主要內容
利用Photoshop繪制網頁效果圖的理論知識和操作技巧,“游俠相冊”效果圖案例。
2.教學方法
多媒體教學、小組討論結合上機操作。3.閱讀材料
參考《多媒體網頁設計教程》第3章。4.思考作業題 實驗3 第6次:數字圖像、圖形處理(下 1.教學要求
了解利用Photoshop對網頁效果圖進行切片和輸出的理論知識和操作技巧。
2.主要內容
利用Photoshop對網頁效果圖進行切片和輸出的理論知識和操作技巧,“游俠相冊”效果圖案例。
3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
參考《多媒體網頁設計教程》第3章。5.思考作業題 實驗4 第7次:網頁動畫創作(上 1.教學要求
了解基于Flash的動畫理論基礎和操作技巧。2.主要內容
Flash動畫基礎,“矮人招工”案例。3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
參考《多媒體網頁設計教程》第4章。5.思考作業題
實驗5 第8次:網頁動畫創作(下 1.教學要求
了解基于Flash的動畫理論基礎和操作技巧。2.主要內容
lash動畫基礎,“圖片切換”案例。3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
參考《多媒體網頁設計教程》第4章。5.思考作業題 實驗5 第9次:結構化網頁制作(1 1.教學要求
了解基于DW的設計、編寫網頁的理論與操作技巧。2.主要內容
DW基礎操作,“我的天空”網站案例。3.教學方法
多媒體教學、小組討論結合上機操作。
4.閱讀材料
參考《多媒體網頁設計教程》第5章。5.思考作業題 實驗6 第10次:結構化網頁制作(2 1.教學要求
了解基于DW的設計、編寫網頁的理論與操作技巧。2.主要內容
網頁內容的插入與編輯,“游俠相冊”案例。3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
參考《多媒體網頁設計教程》第5章。5.思考作業題 實驗7 第11次:結構化網頁制作(3 1.教學要求
了解基于DW的設計、編寫網頁的理論與操作技巧。2.主要內容
多媒體對象的插入與編輯,“游俠相冊”案例。3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
●參考《多媒體網頁設計教程》第5章。5.思考作業題 實驗7 第12次:結構化網頁制作(4 1.教學要求
了解基于DW的設計、編寫網頁的理論與操作技巧。2.主要內容
超鏈接編輯與網站發布,“游俠相冊”案例。3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
●參考《多媒體網頁設計教程》第5章。5.思考作業題 實驗7 第13次:基于CSS的頁面樣式與布局控制(1
1.教學要求
了解利用CSS對頁面樣式和布局進行控制的理論知識和編寫技巧。2.主要內容 CSS基礎。3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
●參考《多媒體網頁設計教程》第6章。5.思考作業題 實驗8 第14次:基于CSS的頁面樣式與布局控制(2 1.教學要求
了解利用CSS對頁面樣式和布局進行控制的理論知識和編寫技巧。2.主要內容
樣式的編輯與應用。3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
●參考《多媒體網頁設計教程》第6章。
5.思考作業題 實驗8 第15次:基于CSS的頁面樣式與布局控制(3 1.教學要求
了解利用CSS對頁面樣式和布局進行控制的理論知識和編寫技巧。2.主要內容
盒模型、浮動與定位。3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
●參考《多媒體網頁設計教程》第6章。5.思考作業題 實驗8 第16次:基于CSS的頁面樣式與布局控制(4 1.教學要求
了解利用CSS對頁面樣式和布局進行控制的理論知識和編寫技巧。2.主要內容 布局與排布。3.教學方法
多媒體教學、小組討論結合上機操作。4.閱讀材料
●參考《多媒體網頁設計教程》第6章。5.思考作業題 實驗8（二、實驗課(總32學時,周學時2,16周,每周做一次實驗,每次2學時,共16次附件2 實驗課內容和學時分配
序號實驗項目 名稱 實驗內容 學時 分配 實驗 屬性 實驗 類型 每組 人數 實驗
要求 已開 /未 開 利用記事本制作 簡易網頁
利用記事本制作符合 web標準的簡易網 頁:“單反小隊”和“公 園里”案例。2 技術 基礎 基礎 性 1 必做已開 2 圖像處理技術之 基礎訓練
利用PS繪制“米老
鼠的誕生”案例。2 技術 基礎 基礎 性 1 必做已開 3 圖像處理技術之 網站效果圖繪制 利用PS繪制“游俠 相冊”網頁效果圖案 例。4 技術 基礎 基礎 性 1 必做已開 4 簡單網站動畫制
作
利用FL繪制“矮人招 聘”和“圖片輪換” 案例。4 技術 基礎 基礎 性 1 必做已開 5 利用可視化工具 搭建簡單網站 利用DW搭建“我的 天空”簡易網站案例。8 技術 基礎 綜合 性 必做已開 6 基于CSS的頁面 樣式和布局控制 利用DW,結合CSS 完成“游俠相冊”網 站案例的制作。8 技術 基礎 基礎 性 必做已開撰稿人:諸彬審稿人:學院主管領導: 學院蓋章:
第五篇：網頁設計B課程教學大綱
《網頁設計B》課程教學大綱
Web Design B
課程代碼： 課程性質：專業基礎理論課/選修 適用專業：信息與計算科學
開課學期：7 總學時數：32 執 筆：劉偉
一、課程的性質和目的
網頁設計是針對學習制作網頁的相關問題，注重網頁設計基本知識的培養的一門課程，可作為進行網頁設計學習的本、專科學生的入門基礎課，通過本課程教學，使學生掌握網頁制作的基礎知識并應用開發設計網站；初步學會使用Dreamweavr MX、Flash MX等開發工具制作精美的網頁網站；初步掌握XML語言、腳本語言開發基于WEB的數據庫系統；培養解決實際問題的動手能力。
二、課程教學內容及學時分配
第一章 HTML（4學時）
了解HTML的定義, 理解HTML的基本結構與主要功能；了解HTML的標記與基本結構；了解HTML文字格式與頁面格式；了解超級鏈結，列表和表格；了解HTML文件中多媒體與框架的設置；解表單標志的設置。
主要內容：Internet簡介；Internet的主要功能，WWW簡介；HTML簡介；HTML語言、HTML主要功能、HTML的基本結構；HTML文件結構的格式；HTML的基本語法、基本結構、文件結構的格式標記。
第二章 網頁編輯工具（2學時）
簡單了解Frontpage 2000軟件的安裝配置與操作使用；簡單了解Dreamweaver MX軟件的安裝配置與操作使用；簡單了解Flash MX軟件的安裝配置與操作使用。
主要內容：網頁編輯工具Frontpage 2000、Dreamweaver MX。第三章 ASP技術（6學時）
了解ASP特點，理解ASP的工作原理，了解ASP的運行環境；了解ASP的程序語法；了解ASP的內建對象；了解ASP的內建組件；了解ASP訪問數據庫的方法。
主要內容：ASP(active server pages)是動態服務器網頁，是Ｍircorsoft 公司在1996年底推出的一種運行于服務器端的WEB應用程序開發技術。它既不是一種語
總學分數：2
編寫年月：2002年3月 修訂年月：2007年7月
言也不是一種開發工具，是內含于IIS/PWS之中的可以集成SCIPT語言到HTML主頁的服務器端的腳本語言環境。
第四章 JSP技術（6學時）
了解JSP特點，理解JSP的工作原理，了解JSP的運行環境；了解JSP的程序語法；了解JSP的內建對象；了解JSP的內建組件；了解JAVABEAN的使用；了解JSP訪問數據庫的方法。
主要內容：SP是定義于Servlet之上的一個JAVA標準延伸機制。JSP將網頁的HTML部分和多段JAVA程序代碼合并在單一文檔中，即在傳統的HTML網頁中加入了JAVA程序片段和JSP標記。
第五章 XML（3學時）
了解XML的歷史與優點；了解XML的語法；了解XSL的定義與XML的結合；了解CSS的定義與XML的結合。
主要內容：XML（extensible markup language 可拓展置標語言）繼承了SGML的優點，又彌補了HTML的不足，它提供了一個直接處理WEB數據的通用方法，著重描述WEB頁面的內容，而不是顯示格式；CSS與XSL。
第六章 VBSRIPT、JAVASCRIPT（5學時）
理解VBSRIPT功能與使用；理解JAVASCRIPT功能與使用；了解JAVASCRIPT中內置對象。
主要內容：VBSCRIPT的語法與使用；JAVASCRIPT的語法與使用；JAVASCRIPT中內置對象。
第七章 ACTIVEX技術（2學時）
了解ACTIVEX控件的開發、注冊與使用。
主要內容：ACTIVEX控件的開發；ACTIVEX控件的注冊；ACTIVEX控件的使用。
第八章 基于WEB的數據庫的開發（4學時）
了解基于WEB的數據庫開發的原理；了解基于WEB的數據庫開發的一般步驟；了解基于WEB的數據庫開發的類型。
主要內容：數據庫在ASP中使用；JSP訪問數據庫；ASP、JSP中數據庫的連接技術。
三、課程教學的基本要求
1.了解網頁設計的基本概念，熟練使用網頁設計工具快速構建網站； 2.能比較熟練地使用ASP、JASP技術創建動態頁面； 3.初步掌握基于web的數據庫信息系統技術的解決方案。
4.重難點：（1）.HTML 重點：HTML標記的使用，框架的設置；表單的使用 難點：文字格式與頁面格式，列表和表格，表單標記。（2）.ASP
重點：ASP的工作原理，ASP的頁面數據的傳遞
難點：內建對象的使用，ASP的語法，ASP訪問數據庫的方法；（3）.JSP 重點：JSP的工作原理，JSP的頁面數據的傳遞
難點：內建對象的使用，JSP的語法，JSP訪問數據庫的方法；JAVABEAN的使用。
（4）.XML 重點：XML的語法優點，如何在CSS與XSL中結合XML 難點：XSL與CSS定義與使用。（5）.ACTIVEX組件
重點：ACTIVEX組件的注冊使用 難點：ACTIVEX組件的實現。（6）.基于WEB的數據庫開發
重點：ASP、JSP中數據庫的連接技術，開發環境
難點：中間層的實現
該課程實踐性較強，需要學生多上機練習加強理解；針對所留習題，可以組織兩到三次討論，以便學員掌握網站建設的思想。
總評成績：平時作業占30%，閉卷考試占70%。
四、本課程與其它課程的聯系與分工 先修課程：軟件工程，數據庫原理
五、建議教材及教學參考書
［1］侯文彬等編，《網頁設計教程》，清華大學出版社，2003年出版社 ［2］丁愛萍，《網頁制作教程》，電子工業出版社，2001年出版社
［3］魏應彬等，《網頁設計與WEB數據庫發布技術》，清華大學出版社，2000年出版社 ［4］張銘澤等，《JavaScript動態網頁設計》，機械工業出版社，2000年出版社
點擊咨詢 