HTML+CSS实战培训

1 HTML代码基础回顾
1.1 常见的文本及区块标签
1.2 超级链接和锚记链接
1.3 图像标签及路径
1.4 表格标签
1.5 表单的制作
2 CSS层叠样式表概述
2.1 CSS语法格式及7选择器
2.2 常见的文本样式
2.3 背景样式及简写规则
2.4 盒子模型的概念以及内边距和外边距
2.5 盒子模型的边框及应用
2.6 三种不同类型的区块及转换
2.7 添加浮动和清除浮动及导航条案例
2.8 选择器优先级和其他属性
3 网页布局小案例实操演练
3.1 CSS文本样式-百度W3C页面
3.2 背景样式的应用-模拟小米5页面
3.3 浮动布局案例练习-网页基础框架1
3.4 浮动布局案例练习-网页基础框架2
3.5 网页布局实战-GULP中文网
4 网站首页制作
4.1 网站框架搭建及头部布局
4.2 海报区域和公司简介布局搭建
4.3 产品展示区域的搭建
4.4 新闻区域的搭建
4.5 底部区域和页面细节及代码优化
5 定位布局及CSS3的高级应用
5.1 三种定位布局方式
5.2 带有下拉框的导航条
5.3 定位在交互上的应用
5.4 CSS3的TRANSITION属性及应用
5.5 CSS3的其他常用属性
6 商业网站的综合实例
6.1 网站首页-头部及海报区域的搭建
6.2 网站首页-带有下拉框的导航菜单搭建
6.3 网站首页-广告模块及新闻区域
6.4 网站首页-底部区域的搭建
6.5 网站内页的搭建技巧