【 项目思维导图 】

【 项目引入 】

  经过前面的学习，李老师对小明的工作非常满意，逐步让小明接触播界面的规划与设计完成之后的前端代码书写工作。小明成长为一名ＵＩ前端设计师，能进行界面的设计及简单的前端代码书写，继续努力，争取成为一名优秀的界面设计师。

知识目标

1.掌握UI设计相关知识；

2.掌握HTML5 CSS3的灵活应用；

3.掌握简单的JavaScript的应用；

4.掌握移动端流式布局的设计。

能力目标

1.PS工具简单实用的能力； 

2.UI界面切图 标注的能力

3.利用简单的代码编辑软件进行代码书写的能力；

4.利用流式布局进行移动端界面设计的能力；

5.利用HTML5 CSS3 JavaScript进行界面设计的能力；

素质目标

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

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

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

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

课程思政

1、代码调试，培养学生精益求精的工匠精神；

2、不同区块代码实现，培养学生的团队合作意识；

3、代码调试完成，强化学生职业成就感，培养学生爱岗敬业的职业精神。

【 项目总结】

   通过本项目的学习，使初入职场的小明，公司中界面设计师的安排下，能在工作中利用H5&C3&Js制作简单的移动端页面，熟悉了项目制作的流程。能够具备以下能力：

      1.PS工具简单实用的能力； 

    2.UI界面切图标注的能力

    3.利用简单的代码编辑软件进行代码书写的能力；

    4.利用流式布局进行移动端界面设计的能力；

    5.利用HTML5 CSS3 JavaScript进行界面设计的能力；

    6.增强学生自主学习能力，培养学生吃苦耐劳的工匠精神。

【 项目效果图 】