HTML5布局之路_前端开发教程

资源名称：HTML5布局之路

内容简介：

《HTML5布局之路》从开发实战的视角，介绍了网站制作知识和开发流程。首章当中，针对HTML5的基本知识及《HTML5布局之路》所涉及的所有内容进行整体概括。主要内容包括：HTML5入门知识，网页整体布局，盒模型，浮动布局，定位布局，代码语义性，扩展性，文本样式的处理，表格表单，PC端网站开发实战与复习方法，移动端开发方法，HTML5新增结构标签，CSS3新增样式，响应式布局等。

资源目录：

第1章 旅途之前 

1．1 讲解方法与旅途指南 

1．1．1 和其他技术书籍相比，本书到底有何不同 

1．1．2 书籍概览 

1．1．3 推荐学习流程 

1．1．4 旅途指南 

1．2 HTML5学习的前期准备 

1．3 认识HTML 

1．3．1 HTML5是做什么的 

1．3．2 HTML5的由来 

1．3．3 HTML5的基本组成 

1．3．4 专业化角度认识HTML 

1．3．5 容易混淆的概念 

1．4 了解HTML5行业前景与基本概念 

1．4．1 一些行业词汇 

1．4．2 HTML5的行业并非一劳永逸 

1．4．3 近几年来HTML5行业的变化 

1．4．4 到底是什么决定着薪资 

1．4．5 是谁决定你的去留 

1．5 HTML与CSS的学法 

1．5．1 方法1整体到局部，骨架到血肉 

1．5．2 方法2类比 

1．5．3 方法3记忆很重要 

1．5．4 方法4聚沙成塔 

1．5．5 方法5循序渐进 

1．5．6 方法6知识的迁移 

1．5．7 方法7生活辅助学习 

1．5．8 方法8实践出真知 

1．6 开发工程师与Photoshop 

1．6．1 图片切图 

1．6．2 认识软件 

1．7 切图与Photoshop相关用法 

1．7．1 切图的基本流程 

1．7．2 打开文件 

1．7．3 找到切图目标 

1．7．4 整理好要处理的图层 

1．7．5 新建文件存储目标图像 

1．7．6 在新文件中调整图像位置 

1．7．7 修改画布大小 

1．7．8 将图片按照最佳格式类型进行存储 

1．7．9 图片大小处理与压缩 

1．8 使用Photoshop获取图层信息 

1．8．1 获取颜色 

1．8．2 文字内容与特点 

1．8．3 撤销 

1．8．4 圆角大小的测量 

1．8．5 阴影的测量 

1．8．6 将文字处理成图像 

1．8．7 Photoshop快捷键总结 

1．9 代码编辑器 

1．9．1 Sublime Text 

1．9．2 其他代码编辑器 

1．1 0浏览器调试 

1．1 0．1 为何要进行浏览器调试 

1．1 0．2 浏览器调试的基本要求 

1．1 0．3 浏览器调试方法 

第2章 HTML5入门 

2．1 网站开发流程 

2．1．1 网站开发流程图 

2．1．2 网站需求调查阶段 

2．1．3 网站技术分析阶段 

2．1．4 网站页面策划阶段 

2．1．5 网站设计开发阶段 

2．1．6 网站测试改进阶段 

2．1．7 前端工程师负责的部分 

2．2 第一个HTML文件 

2．2．1 创建基本的网站文件夹 

2．2．2 创建第一个HTML文件 

2．2．3 HTML标签的书写规则 

2．2．4 HTML书写规则的问题区 

2．3 基本的HTML结构 

2．3．1 一个HTML文件的基本组成 

2．3．2 文档声明 

2．3．3 title标题 

2．3．4 meta元信息 

2．3．5 HTML文件的内容区 

2．3．6 HTML注释 

2．3．7 网站开发常用标签 

2．3．8 基本HTML结构的问题区 

第3章 整体布局（上）——标签尺寸处理 

3．1 整体布局与整体布局中使用的标签 

3．1．1 整体布局 

3．1．2 div元素 

3．2 什么是CSS 

3．2．1 没有CSS时代的网页 

3．2．2 什么是CSS 

3．3 CSS引入方式 

3．3．1 行内书写——最简单的样式操作方法 

3．3．2 内部书写——简化样式操作 

3．3．3 外部引入——控制多页面样式 

3．3．4 CSS三种常见引入方式比较 

3．3．5 外部引入CSS的扩展知识 

3．3．6 CSS引入方式的问题区 

3．4 CSS选择器 

3．4．1 生活中的"选择器"——找人 

3．4．2 CSS选择器的基本语法 

3．4．3 CSS基本选择器 

3．4．4 样式冲突的问题 

3．4．5 生活中的"优先级"——谁是老大 

3．4．6 CSS选择器优先级 

3．4．7 行内的style属性 

3．4．8 选择器的使用原则 

3．4．9 CSS选择器的问题区 

3．5 CSS编码规范 

3．5．1 CSS注释 

3．5．2 书写风格 

3．5．3 关于类名命名 

3．5．4 样式书写顺序 

3．5．5 CSS编码规范的问题区 

3．6 CSS样式重置 

3．6．1 什么是样式重置 

3．6．2 为何需要样式重置 

3．6．3 样式重置文件 

3．7 盒模型 

3．7．1 生活中的"盒模型"——鱼缸 

3．7．2 盒模型基本知识 

3．7．3 盒模型——width与height属性 

3．7．4 盒模型——margin属性 

3．7．5 盒模型——padding属性 

3．7．6 盒模型——border属性 

3．7．7 盒模型的问题区 

第4章 整体布局（下）——浮动布局 

4．1 浮动 

4．1．1 为何要浮动 

4．1．2 生活中的"浮动"——水槽 

4．1．3 浮动——float属性 

4．1．4 浮动特效分析 

4．1．5 浮动的问题区 

4．2 浮动的影响 

4．2．1 文档流 

4．2．2 浮动元素对父级元素高度的影响 

4．2．3 浮动元素对兄弟级元素布局的影响 

4．3 清除浮动 

4．3．1 浮动——clear属性 

4．3．2 清除浮动的不同类型 

4．3．3 为兄弟元素设置clear样式 

4．3．4 空标签清除浮动 

4．3．5 br标签清除浮动 

4．3．6 父元素浮动 

4．3．7 父元素设置overflow： hidden或auto 

4．3．8 利用after伪元素清除浮动 

4．3．9 after伪元素清除浮动的实际用法 

4．4 关于"清除浮动"的问题区 

4．4．1 clear： both的兼容问题 

4．4．2 为父级设置高度是不是清除浮动的方法 

4．4．3 浮动元素与非浮动元素处于同一行时会出现的问题 

4．4．4 清除浮动方法的选择 

4．5 较为复杂的浮动布局 

4．5．1 功能需求 

4．5．2 需求分析 

第5章 模块布局（上）——选择标签 

第6章 模块布局（下）——可用性与扩展性 

第7章 文本等细节类样式处理 

第8章 特殊布局情况——定位布局 

第9章 特殊布局情况——界限控制与伪元素的妙用 

第10章 表格 

第11章 表单 

第12章 停下来回头看路 

第13章 HTML5新标签与CSS3基础 

第14章 转战移动端（上）——百分比与rem 

第15章 转战移动端（下）——响应式&移动端的探索 

第16章 CSS3变形与动画 

第17章 各章节自评习题集 

第18章 各章节代码实战 

第19章 网页案例实战 

第20章 附录 

参考文献

资源截图：