课程名称（中文／英文）：HTML5
课程代码： 课程类型：专业基础课
课程性质：必修课 设置类别：非独立设课
课程总学时：32 课程总学分： 学分
实验学时： 16 实验学分：
适用专业：电子商务本科 开实验学期：
一、实验教学的目的与基本要求
《HTML5》是一门实践性很强的课程。上机实验是学习和掌握本课程的重要环节。要学好本课程，应在掌握必要的Hbulider基础知识基础上，通过上机实验，将课堂所学理论知识与实际应用结合起来，熟练掌握调试程序的方法和编写简单程序的初步能力。
二、实验项目与主要内容
|
序号 |
实 验 项 目 |
主 要 内 容 |
实验性质 |
实验类型 |
学时分配 |
每组人数 |
备注 |
|
1 |
HTML的基本标记 |
1.掌握图像排列操作。 2.学会文字排列。 3.掌握段落排列。 |
设计
|
2 |
2 |
1 |
|
|
2 |
CSS的基础应用 |
1.CSS的概念和作用； 2.创建和应用类样式； 3.创建和应用标签样式； 4创建和应用高级样式； 5.外部样式表； 6.CSS特效。 |
设计
|
2 |
2 |
1 |
|
|
3 |
CSS设计布局 |
1．创建和应用层； 2．创建和应用标层布局网页。 3．了解DIV和AP DIV的区别。 4．掌握使用CSS控制DIV布局网页。 |
设计
|
2 |
4 |
1 |
|
|
4 |
列表及其样式 |
1、运用背景属性（background）为ul添加大的背景图。 2、为li添加宽高和边框样式，并设置最后一个li为无边框样式。 |
设计
|
2 |
2 |
1 |
|
|
5 |
JS 的基础应用 |
2.了解JavaScript的基础语法。 3.了解JavaScript的常用项目。 4.学会在网页中添加常用的JavaScript效果。 |
设计
|
2 |
4 |
1 |
|
|
6 |
事件处理 |
1．行为的概念和作用； 2．了解常用的行为有哪些； 3．学会在网页中添加行为； 4．利用行为给网页添加效果； |
设计
|
2 |
2 |
1 |
|
三、实验要求
1、要求按照教师的步骤，独立完成实验
2、实验中，注意细节问题，如：做网页之前，一定要建两文件夹，用于存储网页和图片的文件夹，同时建站点
3、实验后要对实验进行总结
四、实验主要仪器设备
微机+windows操作系统+Dreamweaver cs6
五、考核方式及成绩评定标准
1.实验考核内容：
（1）实验课出勤情况，必选实验课学生必须参加实验。
（2）积极主动认真做实验。
（3）实验方案过程结果要正确。
2.成绩评定标准：
优秀：实验中认真操作，实验报告独立完成，字迹工整，实验步骤清晰，数据处理及计算正确，有实验分析和总结（特别是总结出实验中出现的问题及解决的方法等）；对实验过程自己设计的 ，实验步骤自己编写的，只要无根本性错误。
良好：实验中认真操作，实验报告独立完成，字迹工整，实验步骤清晰，数据处理及计算无根本错误。
中等：实验中认真操作，实验报告独立完成，实验步骤清晰，数据处理及计算无根本错误。
及格：实验中基本能认真操作，实验报告按标准格式独立完成，数据处理及计算无根本错误。
不及格：实验中不认真操作，实验报告不完成，抄袭实验报告，字迹潦草，数据处理及计算错误等。
六、实验教材与主要参考资料
1、《HTML5+CSS+JavaScript网页设计与制作》，清华大学出版社，彭进香。
2、吴丰编著. Dreamweaver CS6+HTML 5+CSS 3网页制作基础教程，清华大学出版社，2018
3、律佳等编著.Dreamweaver网页制作实用教程（第3版），清华大学出版社. 2016.