课程目标
本阶段做为前端工程师******门必修课，从简单标签知识到布局基础的学习。可以将UI设计稿转化成静态页面，虽看似平淡，但在行家的手中，却可演化出万千魅力
课程内容
【页面结构层HTML】：
了解HTML对于网页的意义
学习常用标签/属性，进行结构搭建
掌握标题标签/段落标签
学习表单标签/属性，能创建常见表单结构
掌握标签嵌套规则/行内元素/块元素的使用
结合表格标签/属性实现企业网页结构搭建
【页面美化师CSS】：
掌握语法，选择器的使用，快速实现样式设置
学习文字、背景和列表等常见属性
盒子模型核心知识讲解，深入理解原理
浮动与定位核心知识，灵活运用实现网页布局
常见布局方法，解决布局常见问题
结合HTML标签与CSS属性实现企业网页布局
【页面结构升级HTML5】：
了解HTML5与HTML区别
理解HTML5布局和div布局的不同
掌握HTML5的新特性和应用
精通HTML5语义化标签实现方式
使用语义化标签实现企业网页布局
【升级页面化妆师CSS3】：
掌握CSS3新增选择器/新增样式属性
如何绘制圆角边框/阴影框/图片边框等特殊图形
掌握元素扭曲/移位/旋转，更自由的装饰HTML
运用过渡与动画，实现炫酷效果
运用CSS3样式和动画知识绘制卡通机器猫
【让页面动起来的JS】：
JS基本语法、DOM操作和BOM
介绍JS变量声明与类型转换
讲解JS运算符操作/条件分支语句/循环语句
掌握JS内置对象与函数基础
结合HTML/CSS/JS开发电商网站的轮播图******
【综合实战案例】：
了解雪碧图/精灵图
掌握 PS切图，并结合编程技术还原设计稿
掌握CSS3过渡与 animate动画的综合运用
掌握使Chrome调试工具进行页面调试
结合CSS3过渡/动画/JS，******编写H5******网页
【独立完成项目--开发电商网页】：
3种(CSS、JS、组件)经典电商网站的实现方法
选项卡切换的具体操作
实现按需加载/延迟处理功能
表单提交的验证对比
3种(淡入淡出、滑入滑出、按需加载)封装轮播图组件的方法
经典电商网站的定位导航/Tab组件的开发
结合组件化编程，完成PC端Oracle商城首页布局与******开发
