Web前端开发与应用教程

本书介绍了HTML5、CSS3和JavaScript三项Web前端开发常用技术及综合实例。首先介绍HTML5设计网页的文档结构、文本、图像、超链接、表格、表单等。其次介绍CSS3对表格、表单、图片、背景、边框等页面元素进行样式美化以及CSS3变形和动画等内容。再次介绍JavaScript内置对象、对象编程以及通过JavaScript操作CSS3和HTML5，实现Web前端的交互功能。后介绍综合实例将三部分技术结合起来，简单直观地介绍Web前端的开发思路和过程。本书通俗易懂、构思清晰，理论与实践并行，通过大量的实例，引导读者逐步深入，全面掌握Web前端开发技术。本书既可作为高等院校本专科计算机专业的教学用书，也可作为相关技术人员的参考用书。

前言
第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 保留关键字
……
第12章 JavaScript对象
第13章 JavaScript对象编程
第14章 HTML5、CSS3和JavaScript应用
第15章 响应式网页设计
第16章 综合实例
参考文献

    计算机通信类