課程簡介
Course Introduction
教學大綱
Teaching Syllabus
《教育網頁設計與網站建設》課程教學大綱
一、課程基本信息
（一）課程代碼及課程名稱
1.課程代碼:08193151
2.課程名稱（中/英文）: 教育網頁設計與網站建設（Educational web design and website construction）
（二）課程類別及課程性質
專業限選課
（三）學時及學分:
總學時數:48；總學分數:3。
其中，講授學時:32 ，實踐（實驗）學時:16。
（四）適用專業及開設學期
適用專業:教育技術學（本科）
開設學期:第4學期
（五）先修課程與后續課程
先修課程:圖像編輯技術、數據庫技術基礎、網絡技術基礎
后續課程:網站建設實踐
二、課程簡介
《教育網頁設計與網站建設》是一門講授網頁設計與開發相關知識的入門級課程，也是一門將學生之前學習的大學計算機基礎、高級程序設計、網絡技術基礎、圖像編輯技術等課程較好地應用于實踐的應用性課程，是將學生的理論性學習為主過渡到應用性學習為主的過渡性課程。
三、教學目的與基本要求
（一）該課程教學目的與專業培養要求對應關系矩陣
培養要求
課程名稱 | 培養 要求1 | 培養 要求2 | 培養 要求3 | 培養 要求4 | 培養 要求5 | 培養 要求6 | 培養 要求7 | 培養 要求8 |
教育網頁設計與網站建設 | ● | ● | ○ | ● | ● | ● |
說明:表格要清晰展示該課程與每項培養要求達成的關聯度情況，關聯度強的用“●”標識，關聯度中等的用“◎”標識，關聯度弱的用“○”標識；每門課程與4-8項（底線為總培養要求的50%）培養要求相關聯。
（二）教學目的
通過本課程的學習，學生應當達到以下四點核心目標及一點附加目標:
核心目標一是掌握HTML、CSS及Javascript的基本語法；
核心目標二是掌握基本的網頁設計知識；
核心目標三是了解網頁設計的最新發展；
核心目標四是能夠利用各種設計軟件制作出較為規范完整的網頁作品；
附加目標是部分學生晉升為初級網頁設計師。
（三）教學要求
通過本課程的學習，學生應當對網頁設計與網站建設的整個流程有所了解，并重點掌握網頁前端開發的三大基本語言HTML、CSS及Javascript，在課程結束后具備制作較為規范的教育網站的能力。
四、教學內容
第一章 網頁設計基礎（共4學時）
（一）本章教學目的和要求
通過本章學習，掌握超文本標記語言、層疊樣式表、網頁腳本語言及動態網頁等基本概念，了解常用的網頁設計軟件，熟悉網頁設計的基本流程。
（二）本章教學重點與難點
重點:
1. 超文本標記語言、層疊樣式表、網頁腳本語言及動態網頁等基本概念
2. 網頁設計的基本流程
難點:超文本標記語言、層疊樣式表、網頁腳本語言及動態網頁等基本概念
（三）教學內容
1．超文本標記語言、層疊樣式表、網頁腳本語言及動態網頁等基本概念。
2．常用的網頁設計軟件。
3．網頁設計的基本流程。
第二章 HTML入門（共4學時）
（一）本章教學目的和要求
通過本章學習，掌握HTML的基本語法，掌握HTML中與頁面布局和文字相關的標簽，掌握表格標簽及超鏈接標簽，了解框架標簽及表單標簽。
（二）本章教學重點與難點
重點:
1.HTML的基本語法
2.HTML中與頁面布局和文字相關的標簽
3.表格標簽及超鏈接標簽
難點:表格標簽及超鏈接標簽
（三）教學內容
1．HTML的基本語法。
2．HTML中與頁面布局和文字相關的標簽。
3．表格標簽及超鏈接標簽。
4．框架標簽及表單標簽。
第三章 網站建設基礎與網頁中的色彩知識（共2學時）
（一）本章教學目的和要求
通過本章學習，掌握網站建設中涉及到的基本概念（WWW、域名、URL），了解網頁建設的一般流程，熟悉網頁色彩搭配的原理。
（二）本章教學重點與難點
重點:
1.網站建設中涉及到的基本概念（WWW、域名、URL）
2.網頁色彩搭配的原理
難點:網頁色彩搭配的原理
（三）教學內容
1．網站建設中涉及到的基本概念（WWW、域名、URL）。
2．網頁建設的一般流程。
3．網頁色彩搭配的原理。
第四章 使用表格排列網頁數據（共4學時）
（一）本章教學目的和要求
通過本章學習，掌握網站的基本結構與網頁的基本構成，了解常見的網頁布局方法，掌握常見的網頁布局，掌握常見的網頁圖像格式，熟悉如何利用切片優化網頁圖片。
（二）本章教學重點與難點
重點:
1. 網站的基本結構與網頁的基本構成
2. 常見的網頁布局
3. 常見的網頁圖像格式
4. 利用切片優化網頁圖片
難點:利用切片優化網頁圖片
（三）教學內容
1．網站的基本結構與網頁的基本構成。
2．常見的網頁布局。
3．常見的網頁圖像格式。
4. 利用切片優化網頁圖片。
第五章 CSS專題（共2學時）
（一）本章教學目的和要求
通過本章學習，掌握CSS的基本語法。
（二）本章教學重點與難點
重點:CSS的基本語法
難點:CSS的基本語法
（三）教學內容
CSS的基本語法。
第六章 利用CSS+Div布局網頁（共2學時）
（一）本章教學目的和要求
（二）本章教學重點與難點
重點:
1. CSS布局基礎知識
2. CSS布局方法
難點:CSS布局方法
（三）教學內容
1．CSS布局基礎知識。
2. CSS布局方法。
第七章 Javascript專題（共6學時）
（一）本章教學目的和要求
通過本章學習，掌握Javascript的基本語法，理解Javascript中的DOM模型，熟悉Javascript的高級語法。
（二）本章教學重點與難點
重點:
1. Javascript的基本語法
2. Javascript中的DOM模型
3．Javascript的高級語法
難點:Javascript中的DOM模型
（三）教學內容
1．Javascript的基本語法。
2. Javascript中的DOM模型。
3. Javascript的高級語法
第八章 動態網頁開發入門篇（共2學時）
（一）本章教學目的和要求
通過本章學習，掌握動態網頁與靜態網頁的概念，熟悉動態網頁開發語言。
（二）本章教學重點與難點
重點:
1. 動態網頁與靜態網頁的概念
2. 動態網頁開發語言
難點:動態網頁開發語言
（三）教學內容
1．動態網頁與靜態網頁的概念。
2. 動態網頁開發語言。
第九章 網站發布入門篇（共2學時）
（一）本章教學目的和要求
通過本章學習，熟悉網頁設計與網站開發流程，熟悉網站發布的幾種常見方式。
（二）本章教學重點與難點
重點:
1. 網頁設計與網站開發流程
2. 網站發布的幾種常見方式
難點:網站發布的幾種常見方式
（三）教學內容
1．網頁設計與網站開發流程。
2. 網站發布的幾種常見方式。
第十章 網頁與網站終結篇（共2學時）
（一）本章教學目的和要求
通過本章學習，了解網頁設計的未來。
（二）本章教學重點與難點
重點:網頁設計的未來
難點:網頁設計的未來
（三）教學內容
1．網頁設計的未來。
2. 已學知識點回顧。
五、教學時數分配
《教育網頁設計與網站建設》課程教學時數分配表
總學時:48 學分:3
章次 | 章標題名稱 | 學時小計 | 講授 學時 | 實驗 學時 | 實踐 學時 | 討論、習題課等學時 |
第一章 | 網頁設計基礎 | 4 | ||||
第二章 | HTML入門 | 4 | 2 | |||
第三章 | 網站建設基礎與網頁中的色彩知識 | 2 | 2 | |||
第四章 | 使用表格排列網頁數據 | 4 | 2 | |||
第五章 | CSS專題 | 2 | 2 | |||
第六章 | 利用CSS+Div布局網頁 | 2 | 2 | |||
第七章 | Javascript專題 | 6 | 4 | |||
第八章 | 動態網頁開發入門篇 | 2 | 2 | |||
第九章 | 網站發布入門篇 | 2 | ||||
第十章 | 網頁與網站終結篇 | 2 |
六、實驗內容與學時分配
《教育網頁設計與網站建設》課程實驗教學一覽表
序號 | 項目名稱 | 內容提要 | 學時 | 實驗類型（演示、驗證、綜合、設計等） | 是否為 開放實驗 |
1 | 實驗1:HTML入門 | 認識Notepad++、制作簡單的網頁 | 2 | 綜合 | |
2 | 實驗2:熟悉Dreamweaver的工作環境 | Dreamweaver的安裝破解、熟悉Dreamweaver CS6的工作環境 | 2 | 綜合 | |
3 | 實驗3:使用表格排列網頁數據 | “廠”型布局、表格排版 | 2 | 綜合 | |
4 | 實驗4:CSS專題 | 掌握基本的CSS語法、在DW中編輯CSS | 2 | 綜合 | |
5 | 實驗5:CSS + Div布局網頁 | 理解CSS中的box model、掌握基本的CSS布局方法 | 2 | 綜合 | |
6 | 實驗6:Javascript專題（上） | Javascript基本語法、學會在HTML中使用Javascript | 2 | 綜合 | |
7 | 實驗7:Javascript專題（下） | 掌握Javascript的高級語法、學會利用Javascript實現交互 | 2 | 綜合 | |
實驗8:網頁前端專題 | 掌握網頁前端設計的基本流程 | 2 | 綜合 |
七、本課程的實踐環節
項目實踐環節共32學時，以項目驅動的方式通過小組合作完成一個完整的網站作品。
序號 | 時數 | 實 驗 名 稱 | 實驗內容 |
1 | 4 | Part 1:網頁設計優秀作品點評 | 網頁設計優秀作品展示與點評 |
2 | 4 | Part 2:網站設計與建設團隊項目立項 | 分組進行網站設計與建設開題匯報 |
3 | 4 | Part 3:階段性成果匯報（網站框架與設計方案） | 分組進行網站設計方案匯報 |
4 | 16 | Part 4:網站建設階段 | 分組依照網站設計方案構建網站 |
5 | 4 | Part 5:網站建設成果匯報 | 分組進行網站建設成果匯報 |
八、主要的教學方法與教學手段
1.課程與教學方法、教學手段對應關系矩陣
課程名稱 | 對應的教學方式方法 | ||||||||||||
講授法 | 啟發式 | 討論法 | 案例法 | 項目教學 | 實驗室 實驗 | 技能訓練 | 研究與設計 | 小組教學 | 個別教學 | 課程作業 | 課外閱讀及自學鍛煉 | ||
教育網頁設計與網站建設 | ? | ? | ? | ? | ? | ? | ? | ? | |||||
說明:每門課程應使用多種教學方式方法，在相應的教學方式方法中打“√”。
2.主要采用的幾種教學方法和手段
課堂講授，課堂討論
九、考核與成績評定
1. 該課程與評價方法對應關系矩陣
課程名稱 | 對應的評價方法 | |||||||||
課堂表現 | 實驗報告 | 項目作業或報告 | 課程作業或報告 | 口試 | 口頭報告 | 上機操作 | 實踐操作 | 期中考核 | 期末考核 | |
教育網頁設計與網站建設 | ? | ? | ? | ? | ||||||
說明:每門課程應使用多種評價方式，注重過程評價，實現平時成績、期中成績與期末成績相結合，在相應的評價方法中打“√”。
2.具體考核與成績評定辦法
課程總評成績=平時作業*0.25+平時表現*0.15 +期末作品*0.6
十、推薦教材及參考書
（一）推薦教材
《HTML CSS Javascript 網頁制作從入門到精通》，劉西杰，張婷 著，人民郵電出版社
（二）參考書
無
十一、其他需要說明的問題
無
