【 项目思维导图 】

【 项目引入 】

   小明初入职场，公司中前端设计师安排小明做他的助理，在工作中帮助他制作一些简单的H5开发及效果实现，小明首先熟悉网页设计相关技术。

   近几年HTML5、CSS3、JavaScript一直是互联网技术中最受关注的两个话题，然而HTML5、CSS3、JavaScript究竟是什么？许多刚刚接触网页制作的初学者也没有一个基本的概念。我们首先学习HTML5、CSS3、JavaScript，这样有助于初学者理清思路，快速进入到后面的学习中。

知识目标

1.掌握CSS的基本概念及功能；

2.掌握CSS1、CSS2的简单使用；

3.掌握CSS3的新增功能的使用；

能力目标

1.简单的页面样式实现的能力；

2.复杂的页面样式实现的能力；

3.灵活实现页面的外观样式的能力；

4.灵活应用盒子模型并进行外观修饰的能力；

素质目标

1.具备良好的工作态度和责任心；

2.具有较强的团队意识和协作能力；

3.具有较强的学习能力和吃苦耐劳精神；

4.能认识自身发展的重要性以及能确立自身继续发展目标。

课程思政

1.加强职业道德教育；

2.树立学生的职业精神。

【 项目总结】

  通过本项目的学习，使初入职场的小明，公司中前端设计师的安排下，能在工作中制作一些简单的盒子，熟悉盒子外观样式的设置。能够具备以下能力：

l、掌握简单的样式设计及实现。

2、掌握复杂的样式设计及实现。

3、掌握盒子布局及样式的实现。

4、掌握页面灵活布局及排版的实现。

  5、加强职业道德教育，树立学生的团队合作精神，创新精神，精益求精的工匠精神。

【 项目效果图 】