一、课程性质

《Web前端设计基础》课程是计算机科学与技术、软件工程、物联网工程专业的一门专业基础课程，以Web基本概念和Web标准为基准点、通过对Web前端主流开发技术的学习和研究，让学生理解和掌握HTML5、CSS3以及JavaScript脚本语言的相关知识，通过这门课程的教学，不仅使学生通过项目实践培养学生开发和设计Web站点的基本技能，更要使学生充分了解Web思想，为进一步学习后续课程打下良好的基础。

学习web内容：

前端基础：学习HTML5基础、CSS基础、JavaScript基础等，与美工对接，完成动静态页面开发。

前端进阶：学习HTML5进阶、CSS3、JavaScript高级和jQuery，来独立完成电商网站的整站开发。

3. 文本类标签 4. 列表标签

5. 语义化标签的使用 6. 字符实体

7. 表格标签 8. HTML5标签的兼容处理

9. HTML5标签SEO的作用

10. HTML5表单新特性 11. 多媒体标签

Flex布局

Flex布局的容器是一个伸缩容器，首先容器本身会更具容器中的元素动态设置自身大小；然后当Flex容器被应用一个大小时（width和height），将会自动调整容器中的元素适应新大小。Flex容器也可以设置伸缩比例和固定宽度，还可以设置容器中元素的排列方向（横向和纵向）和是否支持元素的自动换行。有了这个神器，做页面布局的可以方便很多了。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。

原生Js功能开发

1. 更换页面皮肤 2. 五彩小球 3. 随机点名器 4. 轮播图 5. 网站时间显示 6. 商城抢购活动 7. 购物车的全选、反选、全不选 8. 选项卡