《Web前端开发技术实验》课程教学大纲

Web前端开发技术实验》教学大纲适用范围：2019版本科人才培养方案课程代码：08130192课程性质：专业选修课程课程名称：Web前端开发技术实验总学时/实验学时：24/24学分：1.5学分先修课程：信息处理技术适用专业：物联网工程、软件工程、数据科学与大数据技术教材：《HTML5+CSS3从入门到精通》(标准版)，未来科技著，中国水利水电出版社，2018.06开课单位：计算机科学与技术学院一、课程性质、目的和任务《Web前端开发技术实验》课程是物联网工程、软件工程和数据科学与大数据技术专业的一门专业必修课程，以Web基本概念和Web标准为基准点、通过对Web前端主流开发技术的学习和研究，让学生理解和掌握html基本语法格式、HTML5新增元素、CSS基础知识、CSS3的相关知识，通过实验项目的训练，不仅培养学生开发和设计Web站点的基本技能，更要使学生充分了解Web思想、web前端开发的主流框架使用，为进一步学习后续移动应用开发课程打下良好的基础。课程任务：本课程的主要任务是让学生熟悉W3C规范，理解HTML5、CSS3的语法规则，通过上机训练，掌握常用的Web页面布局技术，理解并能够应用HTML常用对象的属性方法、文档对象模型DOM，最终能够综合使用所学技术上机编写符合标准的Web页面。本课程教学基本要求是让学生通过上机操作，理解Web设计的基本原则、栏目和网站目录结构定义、开发工具的选用、标准页面布局方法、导航菜单制作、图文排版、页面交互等方面的基础知识；能够熟练运用HTML5中的各种标记语言设计制作网页；熟练掌握CSS3对网页进行布局和修饰的基本方法。二、实验教学基本要求Web前端开发技术实验包括：我的第一个网页、《古诗欣赏》网页制作、《邮箱注册》网页制作、初识CSS、使用CSS选择器、浮动和定位元素、CSS3新增元素和动画、DOM基本操作、HTML5音视频和绘图等共计12个实验。通过这12个实验的练习，使学生验证理论课的内容，掌握HTML标记语言的基本知识、语法，学会使用HTML编辑器、HTML代码的调试，HTML基本的语法格式和文档架构，掌握HTML常用的标签元素和属性、会使用CSS配合HTML制作符合要求的网页、会使用HTML和DOM编写简单的动态页面，从而达到最终掌握web页面设计思想、web页面布局设计方法。使学生具备使用HTML+CSS来解决web制作实际问题的初步能力。此外，安全用电是实验中始终需要注意的重要事项。为了做好实验，并且确保人身和设备的安全，在做程序设计基础实验时，必须要求学生严格遵守实验室安全用电规则。三、实验项目与内容大纲基本内容包括8个必做的实验，在规定的24个学时内完成。序号实验项目名称内容提要实验学时每组人数实验类型实验类别实验要求1我的第一个网页通过编写简单的HTML代码，熟悉HTML文档结构、开发工具和实验环境21验证基础必做2《古诗欣赏》网页制作通过制作李白古诗欣赏页面，掌握HTML文本标记规则、图像的插入和超链接、列表、表格和框架等标签的综合运用；41验证基础必做3《邮箱注册》网页制作通过制作邮箱注册页面，掌握HTML表单元素、HTML5新增表单元素的运用，41验证基础必做4初识CSS通过几个小项目的制作，让学生掌握CSS语法规则、样式表、基本样式设置等CSS基础知识。21设计基础必做5使用CSS选择器重点练习CSS的基础选择器、背景样式设置，让学生掌握CSS选择器的使用。41验证基础必做6浮动和定位元素通过设置CSS盒模型、配合浮动和定位操作，掌握网页布局排版的方法。41验证基础必做7CSS3新增元素和动画掌握CSS3中新增元素的使用，会使用CSS3编写简单的动画。21验证基础必做8HTML5音视频和绘图掌握HTML5中插入音视频的方法、属性的设置；掌握Canvas绘图的步骤，会绘制简单的图像21验证基础必做四、考核方式实验成绩主要由实验操作成绩和实验报告成绩来评定，其比例为实验操作成绩占实验成绩的50%，实验报告成绩占实验成绩的50%。五、推荐教材和教学参考书实验教材：《Web前端开发技术实验与实践——HTML、CSS》（第2版），储久良主编，北京：清华大学出版社，2016.9。参考书：1.张树明.《Web前端设计基础—HTML5、CSS3、JavaScript》.清华大学出版社.2017.22.李晓斌.《移动互联网之路：HTML5+CSS3+jQueryMobileAPP与移动网站设计从入门到精通》.清华大学出版社.2016.93.莫振杰.《HTMLCSSJavaScript基础教程Web前端开发精品课》.人民邮电出版社.2017.84.[美]弗里曼，罗布森．深入浅出HTML5编程．东南大学出版社．2012.10六、说明每位学生必须按规定完成实验课，因故不能参加实验者，应课前向指导教师请假（必须经有关领导批准），对所缺实验要在期末课程考试时