课程简介
这门课会讲什么？
随着互联网的迅猛发展，各种互联网项目也不断兴起，对用户体验提出了更高的要求，前端开发也由此逐渐成为了重要的研发角色。Web前端的三大核心技术为html、css、javaScript，由于篇幅分原因，本书主要讲解html5、css3。课程从零开始讲解web前端技术，以web开发实际应用案例为驱动，循序渐进、资源丰富。
你将收获什么？
通过本课程的学习，你能掌握常用的html标签，能熟练使用css样式，掌握各种主题技术：导航的制作、布局的实现、交互设计、文字、图像、表单、表格的美化等。学完本课程，最终能独立设计并制作一个完整的静态网站。
适合什么人学习？
本课程适用计算机类、电子商务类、数字媒体类专业、通信、电子等理工类的学生，还适用于想从事web前端技术的学生。是web前端技术入门的很好教程。
课程大纲
课程章节
- 网页入门知识
- Html语法基础
- css样式基础
- css选择器
- 盒子模型
- 浮动和定位
- 网页布局
- css3的高级属性
- 网站综合案例
网页入门知识
1.1 认识网页
1.2 网页术语
1.3 web标准
1.4 常见浏览器
1.5 单元测试
1.6 web3.0简介
Html语法基础
2.1 Html概述和语法规则
2.2 头部标签
2.3 文本类标签
2.4 列表标签
2.5 表格标签
2.6 图像标签
2.7 链接标签
2.8 表单控件
2.9 单元测验
2.10 绝对路径和相对路径详解
css样式基础
3.1 构造CSS规则
3.2 CSS基本选择器
3.3 CSS样式的引用
3.4 CSS文本的设置
3.5 单元测验
3.6 3.6 动手实践详解
css选择器
4.1 css复合选择器
4.2 CSS特性
4.3 单元测验
4.4 动手实践详解详解
盒子模型
5.1 盒子模型的概念及基本结构
5.2 设置盒子模型
5.3 多个盒子的相互影响
5.4 背景的设置
5.5 display属性
5.6 单元测验
5.7 动手实践详解
浮动和定位
6.1 浮动的概念和属性设置
6.2 清除浮动的影响
6.3 定位的概念和分类
6.4 设置定位
6.5 导航的制作
6.6 单元测验
6.7 动手实践详解
网页布局
7.1 常见的布局形式
7.2 单列布局的实现
7.3 两列布局的实现
7.4 三列布局的实现
7.5 混合布局的实现
7.6 布局案例
7.7 单元测验
7.8 动手实践详解
css3的高级属性
8.1 分栏属性
8.2 text-shadow
8.3 Border-radius
8.4 transition
8.5 transfrom
8.6 css3照片墙的制作
8.7 单元测验
8.8 动手实践详解
网站综合案例
9.1 遵从WEB标准的网页设计流程
9.2 案例分析与实现---页面的粗略设计
9.3 案例分析与实现---页面的精细设计
9.4 案例分析与实现---页面的交互设计
9.5 单元测验
9.6 FontAwesome简介
