课程介绍

本课程以真实项目组织全部内容，从内容安排、知识点组织、教与学、做与练等多方面体现高职教育特色。课程主要介绍两个大的项目，即学院网站和化妆品网站，共 12 个任务。其中，将学院网站项目拆分为前 10个任务，每个任务完成一个相对独立的功能。任务11将前面的任务组合，完成学院网站整体的设计与实现。任务 12 个绍化妆品网站的设计与实现，拓宽学生在网站开发方面的思路。

课程主要特点体现在以下几个方面。

1. 项目贯穿、任务驱动

课程以完成网站项目组织教与学；以完成任务为导向，引入相关知识点。全书以“实现任务为主，理论够用”的原则编写。

    2. 以岗定课、课岗直通

根据Web 前端开发相关岗位的需求，介绍主流的 Web 开发知识，摒弃过时、不需要的知识点，做到课堂所学与岗位需求无缝衔接。

教学目标

进阶式任务

项目结构

教学整体设计

课程设计理念：以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。

课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计出理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与实际操作相结合”。

设计原则：

1、知识点讲解与实战案例结合，加强实践环节。

2、课程对接“Web前端开发”职业技能等级初级标准知识点全面覆盖。

3、综合性项目引导学生团队合作，培养沟通协作能力。

4、将知识点案例融入思政元素，“润物细无声”的提升学生的职业使命感，培养学生的人文情怀。

教学重难点

教学内容分析（含教学内容编排目的要求、重点与难点）：

《Web前端基础》这门课程是一门实践性较强的课程，以编写代码为主，循序渐进、深入浅出的学习各种网页设计语言和环境，包括HTML5、CSS3和网页布局技术等，通过项目学习网页制作中常用的技术和技巧。在教学内容编排上，能够体现各部分知识的内在联系，通过大量的实例与项目，教会学生制作网页的方法和技巧。超星网络学习平台上筹备了大量的习题，学生可以通过上网考试的方法练习这些习题，这对学生的实践与理论能力的提高大有益处。通过本学期的学习，让学生掌握以下主要内容：

一、掌握HTML5语言中的各种常用标记，会使用工具软件VSCode。

二、主要学会利用HTML5搭建页面结构，用CSS3美化修饰网页。

三、掌握HTML5+CSS3布局技术设计与制作简单的网站。

教学方法和措施

教学主要方法与措施：

1.采用项目教学法，讲练结合，注重锻炼学生的动手实践能力。

2.采用线上线下混合式教学方法，拓宽学习时间和空间，培养自学能力。

3.注意学生能力的培养。通过各种手段培养学生的沟通表达能力、精益求精的工匠精神。

学情分析

本授课计划的教学对象是一年级新生，学生第一次接触HTML5，专业基础薄弱，充分调动学生学习兴趣，在充分学习教材内容的基础上，对部分学习态度浓厚、想深入学习的同学可以加大项目作业的力度，充分利用网络资源等进行学习深入，拓展知识的深度和广度，加大对学生动手操作能力的培养。对基础稍差的同学要求只要掌握教材内容即可。通过一学期的学习，争取使所有同学都能做出自己的网站作品。

多维考核评价体系