Web前端就是各种网站页面以及APP页面，是企业或个人进行信息呈现以及信息传递的主要方式，Web前端工程师是由网站美工演变而来，随着移动时代的全面到来，前端技术发展越来越快，前端工程师的需求也越来越多。

本课程内容主要包含HTML5、CSS3和流行前端框架BootStrap，共分九个章节。第1到3章讲解HTML基础、HTML标签、多媒体、表单，是进行网页结构设计的基础；第4到5章讲解CSS3基础、CSS3属性，初步掌握使用CSS3进行网页美化的方法；第6到8章讲解盒子模型、网页布局、浮动、定位以及CSS3高级应用，掌握使用CSS进行网页布局和排版的方法，并初步掌握使用CSS3制作网页动态特效的方法；第9章讲解前端框架BootStrap，初步掌握使用BootStrap进行响应式网页设计的方法。

课程内容循序渐进，由浅入深，知识点的讲解与示例相结合，为更好的理解知识点及其实际应用，每个章节都配备有相关实用/真实案例，并对案例进行分析和演示讲解。

课程配套有相关的单元测试，学生可以进行在线测试，巩固所学知识。

课程教学过程使用跨平台前端开发工具Visual studio code，可以提高代码编写效率。

1.知识目标

（1）掌握使用HTML进行网页结构设计的相关知识；

（2）掌握使用CSS3进行网页美化的相关知识；

（3）掌握盒子模型与网页布局的相关知识；

（4）掌握使用CSS3制作网页动画特效的方法；

（5）掌握使用Bootstrap框架设计响应式网页的基本方法。

2.技能目标

（1）掌握根据网页效果，使用HTML5+CSS3进行网页设计和美化的方法；

（2）掌握响应式网页的基本设计方法与步骤；

（3）掌握网页布局、配色与设计美感的相关知识；

（4）掌握前端网页的分析和设计步骤；

（5）能够独立设计开发出企业级前端网站。

3.素质目标

（1）遵循WEB开发规范，培养严谨的编程习惯；

（2）培养分析和解决前端问题的能力；

（3）培养团队协作，沟通交流能力；

（4）培养刻苦钻研，勇于创新，敢于表达的综合个人能力

（5）培养学生前端网页制作的设计感。

计算机基础

Photoshop

参考教材：

[1]徐好芹等．《HTML5+CSS3 Web前端设计案例教程》［M］． 航空工业出版社．2021

[2]传智播客高教产品研发部 ．《HTML5+CSS3网站设计基础教程》[M] ．人民邮电出版社．2016

参考网站：

[1]W3School官网：https://www.w3cschool.cn/

[2]菜鸟教程官网：https://www.runoob.com/

[3]Bootstrap中文网：https://www.bootcss.com/

Q :  零基础可以学习这门课程吗？

A :  可以学习，这门课程适合任何对前端开发感兴趣的人，课程循序渐进，开发环境安装简单，初学者跟随课程输入一些代码，保存后在浏览器里浏览，很快就能看到丰富的视觉效果。

Q : 学习软件从哪里下载?

A :  本课程教学采用的是跨平台编辑软件Visual studio code，该软件免费而且占用空间少，直接可以从官网（https://code.visualstudio.com/）下载，我们第一章的视频讲解有它的使用方法。

Q : 案例中的素材可以下载吗？

A :本课程讲授过程涉及的示例、阶段案例都有全套素材和源代码，学习者可以自行下载。

Q :学习过程遇到疑问和问题怎么办?

A :  学习过程遇到任何问题欢迎在讨论区提问、留言，我们会统一处理，解决大家遇到的各种问题。

Q :  学习本课程有哪些学习方法？

A:本课程的学习方法是多敲代码，多做案例。在学习过程中可以随时暂停视频，练习示例，以便及时理解所讲内容。配套案例需要进行系统学习并亲自动手完成，有些案例需要多做几遍直到独立完成为止。有问题多提问，多和老师及其他同学进行交流。课余时间多上网看优秀网站，尝试去动手制作。