3《HTML5+CSS3进阶 》教学大纲.docxVIP

课程教学计大纲 （2019 -2020 学年第 二 学期） Course name 课程名称：HTML5+CSS3进阶 Instructor 任课教师： Total hours 学期总学时：72 Hours per week 周学时：4 NO. of weeks 周数：18 Taught to 授课对象：计算机相关专业的学生 Effective date 起始时间：2019.9.2-2019.12.21 Course description: 课程简介 《HTML5+CSS3进阶》是计算机网络技术专业的一门必修专业核心课，包含HTML5、CSS3两大模块的教学内容。其功能是使学生熟悉前端开发的工作规范，能够运用HTML5和CSS3的知识进行响应PC/PAD/手机3端的页面制作和布局，达到1+X Web前端开发工程师（中级）职业技能等级标准中对HTML5、CSS3两大模块的相关要求。 Course outcomes: 课程教学目标 使学生具备 1.知识目标: 1）了解前端开发的工作流程和规范； 2）熟悉HTML5和CSS3的知识； 3）掌握响应式页面制作的原理和浏览器的兼容； 4）掌握Bootstrap前端页面框架的运用。 2.技能目标: 1）具备将效果图切片并实现成网页的能力； 2）能够运用CSS3根据设计图要求美化WEB页面； 3）能够使用JS插件快速实现网页交互功能开发； 4）能够运用前端框架快速制作网站页面的能力； 5）能够规范标准的开发网页组件； 6）能依据文档编制规范使程序编写文档的规范、准确、易读。 3.素养目标 1）具备良好的知识产权保护观念和意识，自觉抵制各种违反知识产权保护法规的行为。 2）具有团队合作、交流沟通的能力； 3）培养能自觉跟踪前端开发技术发展动态并自觉学习的意识； 4）培养耐心谨慎、自查自检的工作态度。 Course Evaluation 课程考核形式 本课程的考核方式采取多元化的考核方式，分别是实训考核占60%，测试考核占40%。 Text 教材及教学资料 《HTML5+CSS3进阶》校本（厦门九洲同盟信息科技有限公司著） Teaching Approaches 主要教学方法 案例教学法：通过精选案例、分解任务、讲练有机融合将相关知识点融入项目。课程遵循学生的认知规律和能力培养规律，按照项目式培养学生，任务式课堂教学方式上课，课程案例任务与W3C的新标准H5知识点和学习任务的相互的衔接、支撑关系。以培养学生掌握H5基础知识和理论，并能熟练运用所学习的知识和能力来完成实际工作，具备解决实际问题的基本能力为主线，明确每个任务的学习目标。体现“以学生为中心 教师为主导”的教学思想。 对比教学法：通过比较式教学的提出问题、分析问题的过程，引导学生将相似而又不同的知识点进行分析后，弄清和掌握它们的异同关系。 翻转课堂：通过命题和提供案例设计稿让学生自行预先发挥，学生按照自己的制作思路制作，教师评估项目，学生讲解分析项目，教师点评指导之后学生再次提交作品。充分发挥学生的独立思考/独立学习/敢创敢讲的习惯，培养符合企业型技术人才。 Program Director 系（教研室）意见 Course Schedules 课程计划 Week周次 Date日期 Contents Approaches 教学内容和方法 Note 备注 1 2020.2.17-2020.2.21 课程简介，学习方法导入 1 HTML5网页结构 2网页重构与优化 3CSS优化 讲授与实验1:1 2 2020.2.24-2020.2.28 1警告框（Alerts） 2徽章（Badge） 3按钮（Buttons） 4按钮组（Button group） 讲授与实验1:1 3 2020.3.2-2020.3.6 1导航（Navs） 2输入组与表单（Input group and Forms） 3缩略图（Thumbnail） 4进度条（progress） 讲授与实验1:1 4 2020.3.9-2020.3.13 1媒体对象（Media object） 2列表组（List group） 3面板（Panel） 4巨幕（Jumbotron） 5小结 讲授与实验1:1 5 2020.3.16-2020.3.20 1BootStrap框架安装 2BootStrap的页面结构分析 3BootStrap的响应式布局分析 讲授与实验1:1 6 2020.3.23-2020.3.27 1BootStrap的响应式栅格系统 2BootStrap的全局CSS样式 3Bootstrap的字体图标组件 讲授与实验1:1 7 2020.3.30-2020.4.3 1下拉菜单（Dropdowns） 2折叠（Collapse） 3标签