目 录
前言
第1章 Web前端开发概述
1.1 Web前端开发相关概念
1.1.1 浏览器
1.1.2 URL
1.1.3 WWW
1.1.4 网站
1.1.5 Web标准
1.2 Web前端开发相关技术
1.2.1 HTML
1.2.2 CSS
1.2.3 JavaScript
1.3 Web前端开发工具
1.3.1 NotePad
1.3.2 TextPad
1.3.3 WebStorm
1.3.4 Dreamweaver
1.4 练习
第2章 HTML5基础
2.1 HTML语法基础
2.1.1 HTML文档结构
2.1.2 HTML标签
2.1.3 标签的属性
2.2 文本控制标签
2.2.1 标题段落标签
2.2.2 文本格式化标签
2.2.3 特殊字符标签
2.3 图片标签
2.3.1 图片的格式与分辨率
2.3.2 嵌入图片
2.3.3 路径的表示方法
2.4 超链接标签
2.4.1 创建超链接
2.4.2 创建图片链接
2.4.3 创建电子邮件链接
2.4.4 创建下载链接
2.4.5 链接到同一页面的不同位置
2.5 表格标签
2.5.1 创建表格
2.5.2 设置属性
2.6 元标签
2.7 link标签
2.8 练习
第3章 页面元素和属性
3.1 结构元素
3.1.1 header元素
3.1.2 article元素
3.1.3 aside元素
3.1.4 footer元素
3.1.5 figure和figcaption元素
3.2 页面结点
3.2.1 section元素
3.2.2 nav元素
3.2.3 address元素
3.3 交互元素
3.3.1 progress元素
3.3.2 meter元素
3.3.3 details元素和summary元素
3.3.4 menu元素
3.3.5 command元素
3.4 文本层次语义元素
3.4.1 cite元素
3.4.2 mark元素
3.4.3 time元素
3.5 分组元素
3.5.1 ul元素
3.5.2 ol元素
3.5.3 dl元素
3.6 全局属性
3.6.1 hidden属性
3.6.2 spellcheck属性
3.6.3 contenteditable属性
3.6.4 contextmenu 属性
3.7 练习
第4章 构建Web表单
4.1 HTML5对表单的改进
4.2 表单的结构
4.3 输入控件
4.3.1 创建文本框
4.3.2 创建密码框
4.3.3 创建单选按钮
4.3.4 创建复选框
4.3.5 创建文本区域
4.3.6 创建选择框
4.3.7 创建隐藏字段
4.3.8 创建按钮
4.4 处理表单
4.4.1 对表单元素进行组织
4.4.2 对表单进行验证
4.4.3 为表单组件添加说明标签
4.4.4 表单提交方式的选择
4.5 表单综合实例
4.6 练习
第5章 音频与视频
5.1 关于编解码器
5.1.1 音频编解码器
5.1.2 视频编解码器
5.2 在HTML5中播放音频
5.2.1 认识audio元素
5.2.2 播放音频
5.3 在HTML5中播放视频
5.3.1 认识video元素
5.3.2 播放视频
5.4 音频与视频相关属性、方法与事件
5.5 HTML5部分综合案例——茶文化网站的制作
5.5.1 设计分析
5.5.2 模块组成
5.5.3 Logo与导航菜单
5.5.4 主体内容区
5.5.5 底部区
5.5.6 注册页面的实现
5.6 练习
第6章 CSS3概述
6.1 为什么要使用CSS样式
6.1.1 什么是CSS样式
6.1.2 CSS与DIV之缘
6.2 CSS样式的发展
6.2.1 CSS1.0和CSS2.0概述
6.2.2 CSS3的出现
6.3 CCS3的前景展望
6.3.1 CSS3的应用范围
6.3.2 当前支持CSS3的浏览器
6.4 练习
第7章 CSS3语法
7.1 CSS3的语法基础
7.1.1 构造CSS3样式规则
7.1.2 为样式规则添加注释
7.2 CSS3选择器
7.2.1 通用选择器
7.2.2 标签选择器
7.2.3 类选择器
7.2.4 id选择器
7.2.5 伪类选择器
7.2.6 群组选择器
7.2.7 派生选择器
7.2.8 属性选择器
7.2.9 组合选择器
7.3 在网页中应用CSS的4种方式
7.3.1 内联CSS样式
7.3.2 嵌入CSS样式
7.3.3 链入外部CSS样式
7.3.4 导入外部CSS样式
7.4 CSS样式的特性
7.4.1 CSS样式的继承性
7.4.2 CSS样式的特殊性
7.4.3 CSS样式的层叠性
7.4.4 CSS样式的重要性
7.5 CSS3常用样式属性
7.5.1 字体文本样式
7.5.2 背景样式
7.5.3 边框样式
7.5.4 列表样式
7.6 练习
第8章 CSS3页面布局
8.1 网页布局的类型
8.1.1 固定宽度网页布局
8.1.2 流式网页布局
8.1.3 响应式网页布局
8.2 DIV+CSS网页布局
8.2.1 创建DIV
8.2.2 CSS盒模型
8.2.3 网页元素的定位
8.2.4 CSS页面布局实例
8.3 设计多列布局
8.3.1 设置多列显示样式
8.3.2 定义列间距
8.3.3 定义列边框样式
8.3.4 定义跨列显示
8.4 CSS3的弹性盒布局
8.5 设计导航栏
8.6 练习
第9章 CSS3高级应用
9.1 滤镜属性filter
9.2 渐变gradient
9.3 2D转换transform
9.4 过渡transition
9.5 动画 animation
9.6 CSS3综合实例——茶文化网站的CSS样式
9.6.1 茶文化网站的网页布局CSS3样式实现
9.6.2 茶文化网站的页面美观CSS3样式实现
9.6.3 茶文化网站中注册表单CSS3样式实现
9.7 练习
第10章 JavaScript概述
10.1 JavaScript简介
10.1.1 JavaScript是什么
10.1.2 JavaScript和Java的关系
10.1.3 JavaScript的发展历史
10.1.4 JavaScript开发及运行环境
10.2 在HTML5文件中使用JavaScript代码
10.2.1 JavaScript嵌入HTML5文件内
10.2.2 外部JavaScript文件
10.3 练习
第11章 JavaScript语言基础
11.1 数据类型与变量
11.1.1 数据类型
11.1.2 变量
11.1.3 保留关键字
11.2 运算符与表达式
11.2.1 算术运算符及表达式
11.2.2 赋值运算符及表达式
11.2.3 关系运算符及表达式
11.2.4 位运算符及其表达式
11.2.5 逻辑运算符及逻辑表达式
11.2.6 其他运算符及运算优先级
11.3 流程控制语句
11.3.1 注释语句和语句块
11.3.2 选择语句
11.3.3 循环语句
11.4 函数
11.4.1 函数简介
11.4.2 定义函数
11.4.3 调用函数
11.4.4 全局函数
11.5 练习
第12章 JavaScript对象
12.1 字符串对象
12.1.1 创建字符串对象
12.1.2 字符串对象的属性
12.1.3 字符串对象的方法
12.2 数学对象
12.2.1 数学对象的属性
12.2.2 数学对象的方法
12.3 日期对象
12.3.1 创建日期对象
12.3.2 日期对象的方法
12.3.3 日期运算
12.4 数组对象
12.4.1 创建数组对象
12.4.2 数组对象的操作
12.4.3 数组对象的常用方法
12.5 练习
第13章 JavaScript对象编程
13.1 文档对象模型（DOM）
13.1.1 文档对象模型（DOM）简介
13.1.2 在DOM模型中获得对象的方法
13.1.3 事件驱动
13.2 窗口（window）对象
13.2.1 窗口（window）介绍
13.2.2 对话框
13.2.3 窗口操作
13.3 文档（Document）对象
13.3.1 认识文档对象
13.3.2 文档中的图片
13.3.3 文档中的超链接
13.4 表单对象
13.4.1 form对象
13.4.2 form对象属性与方法
13.4.3 单选按钮与复选框
13.4.4 下拉列表
13.4.5 表单注册与表单验证
13.5 练习
第14章 HTML5、CSS3和JavaScript应用
14.1 JavaScript与CSS3
14.1.1 动态内容
14.1.2 动态样式
14.1.3 动态定位
14.1.4 显示与隐藏
14.1.5 表单数据即时验证效果
14.2 HTML5、CSS3和JavaScript实例
14.2.1 实例——跑马灯效果
14.2.2 实例——左右移动的图片
14.2.3 实例——浮动广告图片
14.3 练习
第15章 响应式网页设计
15.1 响应式网页设计的技术要点
15.1.1 响应式网页宽度
15.1.2 响应式网页字体
15.1.3 响应式网页图片
15.1.4 响应式网页布局
15.1.5 响应式网页CSS应用
15.2 响应式网页设计综合实例
15.3 练习
第16章 综合实例
16.1 网站的规划与设计
16.1.1 网站定位
16.1.2 需求分析
16.1.3 栏目设计
16.1.4 资料收集
16.1.5 站点目录管理
16.1.6 网站的风格设计
16.2 网页设计与制作
16.2.1 基础工作
16.2.2 网页布局
16.2.3 首页制作
16.2.4 二级页面制作
16.2.5 表单页面制作
16.3 总结
参考文献