本书全面详细讲解了Web前端的实用技术,以Web开发实际应用为驱动,循序渐进、案例丰富。全书分为5部分共12章。第1部分是Web基础和HTML语法,包括第1、2章的内容;第2部分是CSS核心原理,主要讲解CSS选择器、盒子模型、浮动、定位、CSS特性等,包括第3~6章的内容;第3部分是CSS专题技术,主要讲解各种导航的制作、网页布局的实现、表单的制作与美化、CSS3的新增属性等,包括第7~10章的内容;第4部分是响应式Web设计原理,主要讲解视口、媒体查询、百分比布局、弹性盒布局等,包括第11章的内容;第5部分即第12章,是综合应用,以案例的形式,利用前面4部分的知识讲解网站从设计到实现的全过程。 本书可以作为高等院校本、专科相关专业的Web前端技术(网页设计与制作)课程的教材,也可以作为Web前端技术的培训教材,是一本适合Web前端技术人员入门的参考书。 本书配套有教学PPT、源代码、作业、测验等。在学银在线有对应的慕课教程,网址为http://mooc1.chaoxing.com/course/template60/100578395.html,课程名称为Web前端技术(HTML5

前 言 第1章 Web前端技术概述 1.1 Web前端开发技术的发展 1.1.1 Web 1.0时代的网页制作 1.1.2 Web 2.0时代的前端开发 1.1.3 前端开发的核心技术 1.2 Web术语 1.3 Web标准 1.3.1 什么是Web标准 1.3.2 Web标准的优势 1.4 浏览器的种类与作用 1.4.1 浏览器的种类 1.4.2 浏览器的市场份额 1.5 前端开发工具 本章小结 第2章 HTML5语法基础 2.1 HTML概述 2.1.1 HTML简介 2.1.2 标签 2.1.3 标签的属性 2.1.4 注释语句 2.1.5 HTML文档的结构 2.2 头部标签 2.2.1 2.2.2 2.2.3 2.3 文本类标签 2.3.1 主体标签 2.3.2 文章标题标签 2.3.3 段落标签 2.3.4 换行标签 2.3.5 文本加粗标签 2.3.6 文本倾斜标�� 2.3.7 预格式化标签 2.3.8 定义水平线标签 2.4 列表标签 2.4.1 无序列表 2.4.2 有序列表 2.4.3 自定义列表 2.5 表格标签 2.6 多媒体类标签 2.6.1 图像标签 2.6.2 视频标签 2.6.3 音频标签 2.7 **路径和相对路径 2.7.1 **路径 2.7.2 相对路径 2.8 链接标签 2.8.1 创建链接 2.8.2 链接的分类 2.9 其他标签 2.9.1 典型的块元素和行元素 2.9.2 HTML实体 本章小结 第3章 CSS样式基础 3.1 CSS概述 3.2 CSS语法规则 3.3 CSS基本选择器 3.3.1 标签选择器 3.3.2 类别选择器 3.3.3 ID选择器 3.3.4 选择器分组 3.4 CSS样式的引用 3.4.1 内联样式 3.4.2 内部样式表 3.4.3 外部样式表 3.4.4 导入样式表 3.5 CSS文本样式 3.5.1 CSS字体 3.5.2 CSS文本 本章小结 第4章 CSS复合选择器及特性 4.1 CSS组合选择器 4.1.1 标记类别选择器 4.1.2 后代选择器 4.1.3 子元素选择器 4.1.4 兄弟选择器 4.2 CSS其他选择器 4.2.1 属性选择器 4.2.2 CSS伪类 4.2.3 CSS伪元素 4.3 CSS的特性 4.3.1 CSS的继承性 4.3.2 CSS的层叠性 4.3.3 CSS的优先级 本章小结 第5章 CSS盒子模型 5.1 CSS盒子模型的概念 5.2 CSS盒子模型的设置 5.2.1 元素的宽度和高度 5.2.2 盒子的边框 5.2.3 盒子的内边距 5.2.4 盒子的外边距 5.2.5 盒子的宽与高 5.3 盒子的背景设置 5.3.1 背景色 5.3.2 背景图像 5.3.3 其他背景属性 5.4 标准文档流 5.4.1 元素的分类 5.4.2 元素的位置关系 5.4.3 display属性 本章小结 第6章 浮动与定位 6.1 浮动 6.1.1 浮动简介 6.1.2 清除浮动 6.2 定位 6.2.1 定位的概念 6.2.2 静态定位 6.2.3 相对定位 6.2.4 **定位 6.2.5 固定定位 6.2.6 zindex层叠 本章小结 第7章 导航的制作 7.1 列表标签的CSS属性 7.2 垂直导航条的制作 7.3 水平导航条的制作 7.4 二级导航条的制作 本章小结 第8章 网页布局 8.1 常见布局 8.1.1 网页布局原理 8.1.2 常见的布局形式 8.2 页面布局标签 8.3 各种布局的实现 8.3.1 单列布局的实现 8.3.2 两列布局的实现 8.3.3 三列布局的实现 8.3.4 混合布局的实现 8.4 布局案例 8.4.1 搭建HTML文档结构 8.4.2 添加主要的类名 8.4.3 公共样式的设置 8.4.4 页眉样式的设置 8.4.5 主体样式的设置 本章小结 第9章 表单的制作与美化 9.1 认识表单 9.1.1 表单的构成 9.1.2 创建表单 9.2 input控件及属性 9.2.1 type属性 9.2.2 其他属性 9.3 其他表单控件 9.3.1 label标记控件 9.3.2 select控件 9.3.3 textarea控件 9.4 美化表单 本章小结 第10章 CSS3的常用属性 10.1 分列布局column属性 10.2 文字阴影textshadow属性 10.3 盒子boxshadow属性 10.4 圆角边框borderradius属性 10.5 过渡transition属性 10.6 变形transform属性 10.7 动画animation属性 10.8 CSS3照片墙的制作 本章小结 第11章 响应式Web设计原理 11.1 视口概述 11.1.1 响应式设计的网站 11.1.2 什么是视口 11.1.3 视口的设置 11.2 媒体查询 11.2.1 什么是媒体查询 11.2.2 媒体查询的使用 11.2.3 汉堡菜单 11.3 百分比布局 11.3.1 图像自适应 11.3.2 文字自适应 11.3.3 布局百分比 11.4 弹性盒布局 11.4.1 如何定义弹性盒模型 11.4.2 弹性盒模型中的容器属性 11.4.3 弹性盒模型中子元素的属性 11.5 响应式设计案例 11.5.1 案例分析 11.5.2 分析HTML文档结构 11.5.3 编写CSS样式文件 本章小结 第12章 综合案例 12.1 网站的开发流程 12.2 Web前端设计 12.2.1 Web前端设计的流程 12.2.2 内容分析 12.2.3 结构设计 12.2.4 原型设计 12.2.5 布局设计 12.2.6 公共样式文件 12.2.7 详细设计 本章小结 参考文献