课程简介
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 网页制作从入门到精通》，刘西杰，张婷 著，人民邮电出版社
（二）参考书
无
十一、其他需要说明的问题
无
