Web前端开发技术电子书

题名页

版权页

前言

第一部分 Web基础

第1章 HTML基础

1.1 HTML简介

1.1.1 什么是HTML

1.1.2 HTML标签

1.1.3 HTML文档

1.1.4 HTML元素

1.1.5 HTML属性

1.1.6 HTML编辑

1.2 基本的HTML标签

1.2.1 HTML标题

1.2.2 HTML段落

1.2.3 HTML折行

1.2.4 HTML水平线

1.2.5 HTML列表

1.2.6 HTML特殊符号

1.2.7 HTML文本格式化标签

1.2.8 HTML注释

1.3 HTML链接

1.3.1 HTML链接语法

1.3.2 HTML链接——target属性

1.3.3 HTML链接——name属性

1.4 HTML图像

1.4.1 源属性（src）

1.4.2 替换文本属性（alt）

1.5 HTML表格

1.5.1 表格和边框属性

1.5.2 表格的表头

1.5.3 跨行或跨列的表格单元格

思考题

第2章 HTML高级应用

2.1 HTML表单

2.1.1 HTML输入类型

2.1.2 下拉列表框

2.1.3 文本域

2.1.4 Button元素

2.1.5 用<fieldset>组合表单数据

2.1.6 表单实例

2.2 HTML块

2.2.1 HTML块级元素和内联元素

2.2.2 HTML<div>元素

2.2.3 HTML<span>元素

2.3 网站布局

2.4 HTML文档类型

2.4.1 HTML版本

2.4.2 常用的声明

2.5 HTML头部元素

2.5.1 HTML<title>元素

2.5.2 HTML<base>元素

2.5.3 HTML<link>元素

2.5.4 HTML<style>元素

2.5.5 HTML<meta>元素

2.5.6 HTML<script>元素

2.6 HTML统一资源定位器

2.7 HTML多媒体

2.7.1 HTML object元素

2.7.2 HTML音频

2.7.3 HTML视频

思考题

第3章 CSS基础

3.1 CSS简介

3.1.1 什么是CSS

3.1.2 CSS的作用

3.2 CSS基础语法

3.3 如何创建CSS

3.3.1 外部样式表

3.3.2 内部样式表

3.3.3 内联样式

3.3.4 多重样式

3.4 CSS选择器

3.4.1 元素选择器

3.4.2 id选择器

3.4.3 类选择器

3.4.4 属性选择器

3.4.5 派生选择器

3.4.6 伪类

3.4.7 伪元素

3.4.8 选择器组合

3.5 CSS定位与盒模型

3.5.1 元素可见性

3.5.2 CSS定位

3.5.3 CSS盒模型

3.6 CSS实例

3.6.1 设置背景颜色和图片

3.6.2 修饰文本

3.6.3 修饰列表

3.6.4 定位

3.6.5 超链接

3.6.6 修饰表格

思考题

第4章 JavaScript

4.1 JavaScript简介

4.2 JavaScript使用

4.2.1 <script>标签

4.2.2 JavaScript函数和事件

4.2.3 外部的JavaScript

4.3 JavaScript基本语法

4.3.1 JavaScript输出

4.3.2 JavaScript语句

4.3.3 JavaScript注释

4.3.4 JavaScript变量

4.3.5 JavaScript数据类型

4.3.6 JavaScript函数

4.3.7 JavaScript变量的生存期

4.3.8 JavaScript运算符

4.3.9 JavaScript语句

4.3.10 JavaScript错误

4.4 HTML DOM

4.4.1 HTML DOM树

4.4.2 查找HTML元素

4.4.3 改变HTML

4.4.4 改变CSS

4.4.5 HTML DOM事件

4.4.6 操作HTML元素

4.5 JavaScript对象

4.5.1 创建并访问对象

4.5.2 JavaScript Number对象

4.5.3 JavaScript String对象

4.5.4 JavaScript Date对象

4.5.5 JavaScript Array对象

4.5.6 JavaScript Boolean对象

4.5.7 JavaScript Math对象

4.6 Window对象

4.6.1 Window尺寸

4.6.2 其他window方法

4.6.3 Window Screen

4.6.4 Window Location

4.6.5 Window History

4.6.6 Window Navigator

4.6.7 JavaScript消息框

4.6.8 JavaScript计时

4.6.9 JavaScript Cookies

4.7 JavaScript应用实例

4.7.1 制作浮动的带关闭按钮的广告图片

4.7.2 制作输入提示的特效

4.7.3 级联功能

4.7.4 树形菜单

4.7.5 带按钮的广告图片轮播

思考题

第5章 正则表达式

5.1 正则表达式简介

5.1.1 RegExp对象

5.1.2 RegExp对象属性

5.1.3 RegExp对象方法

5.1.4 支持正则表达式的String对象的方法

5.2 正则表达式语法

5.2.1 限定符

5.2.2 选择匹配符

5.2.3 分组组合与反向引用符

5.2.4 特殊字符

5.2.5 字符匹配符

5.2.6 定位符

5.2.7 原义字符

5.3 正则表达式实例

5.3.1 模式范例

5.3.2 常用表单验证

思考题

第6章 jQuery

6.1 jQuery简介

6.1.1 jQuery库

6.1.2 jQuery安装

6.1.3 jQuery语法

6.1.4 文档就绪函数

6.2 jQuery对象和DOM对象

6.2.1 DOM对象

6.2.2 jQuery对象

6.2.3 jQuery对象和DOM对象的相互转换

6.3 jQuery选择器

6.3.1 jQuery元素选择器

6.3.2 jQuery＃id选择器

6.3.3 jQuery.class选择器

6.3.4 jQuery属性选择器

6.3.5 jQuery层次选择器

6.3.6 jQuery CSS选择器

6.3.7 更多选择器示例

6.4 jQuery事件

6.4.1 jQuery事件函数

6.4.2 单独文件中的函数

6.4.3 jQuery名称冲突

6.4.4 jQuery编程原则

6.5 jQuery中的DOM操作

6.5.1 获取与设置内容

6.5.2 获取与设置属性

6.5.3 jQuery添加元素

6.5.4 jQuery删除元素

6.5.5 jQuery获取并设置CSS类

6.6 jQuery遍历节点

6.6.1 jQuery遍历祖先

6.6.2 jQuery遍历后代

6.6.3 jQuery遍历同胞

6.6.4 jQuery过滤

6.7 jQuery效果

6.7.1 hide（）、show（）和toggle（）

6.7.2 jQuery淡入淡出

6.7.3 jQuery滑动

6.7.4 jQuery动画

6.7.5 jQuery停止动画

6.7.6 jQuery Callback方法

6.7.7 jQuery链式编程

6.8 jQuery应用实例

6.8.1 jQuery遍历函数

6.8.2 评分控件

6.8.3 表格选取

6.8.4 倒计时读秒阅读协议

6.8.5 搜索框效果

6.8.6 全选/全不选/反选

6.8.7 提示文字

思考题

第二部分 Web进阶

第7章 HTML5

7.1 HTML5简介

7.2 HTML5新特性

7.2.1 简化的文档类型和字符集

7.2.2 使用新的HTML5解析器

7.2.3 HTML5文档结构

7.2.4 HTML5增强的iframe元素

7.2.5 HTML5新增的内联元素

7.2.6 HTML5表单的新特性

7.3 HTML5文件处理

7.3.1 选择文件的表单控件

7.3.2 HTML5 File API

7.3.3 FileList接口

7.3.4 FileReader接口

7.4 HTML5视频

7.4.1 视频格式

7.4.2 在HTML5中显示视频

7.4.3 <video>标签的属性

7.5 HTML5音频

7.5.1 音频格式

7.5.2 在HTML5中播放音频

7.5.3 <audio>标签的属性

7.6 HTML5拖放

7.6.1 HTML5拖放事件

7.6.2 HTML5拖放实例

7.6.3 实例分析

7.7 HTML5 Canvas

7.7.1 使用Canvas元素

7.7.2 绘制图形实例

7.7.3 图形的操作

7.8 HTML5内联SVG

7.8.1 SVG介绍

7.8.2 嵌入.svg文件

7.8.3 HTML页面直接定义SVG代码

7.8.4 HTML 5 Canvas与SVG

7.9 HTML5 MathML

7.10 HTML5地理定位

7.10.1 地理位置

7.10.2 使用地理位置实例

7.11 HTML5 Web存储

7.11.1 localStorage方法

7.11.2 sessionStorage 方法

7.11.3 IndexedDB

7.12 HTML5应用程序缓存

7.12.1 Cache Manifest基础

7.12.2 Manifest文件

7.12.3 更新缓存

7.13 HTML5 Web Worker

7.13.1 Web Worker工作过程

7.13.2 Web Worker工作实例

7.13.3 其他类型的Worker

7.14 HTML5服务器发送事件

7.14.1 接收Server-Sent事件通知

7.14.2 检测Server-Sent事件支持

7.14.3 服务器端代码示例

7.14.4 EventSource对象

7.15 Web通信

7.15.1 跨文档消息机制

7.15.2 XMLHttpRequest Level 2

7.15.3 Web Socket

思考题

第8章 最新的层叠样式表CSS3

8.1 CSS3简介

8.2 CSS3新技术

8.2.1 CSS3边框

8.2.2 CSS3背景

8.2.3 CSS3文本效果

8.2.4 CSS3字体

8.2.5 CSS3 2D转换

8.2.6 CSS3 3D转换

8.2.7 CSS3过渡

8.2.8 CSS3动画

8.2.9 CSS3多列

8.3 CSS3应用实例

8.3.1 设计页面布局

8.3.2 设计登录页面

8.3.3 设计3D导航菜单

8.3.4 设计自动轮播效果

思考题

第9章 Ajax技术

9.1 Ajax基础

9.1.1 XMLHttpRequest对象

9.1.2 XHR请求

9.1.3 XHR响应

9.1.4 XHR readyState

9.1.5 Ajax应用的5个步骤

9.2 jQuery Ajax

9.2.1 jQuery加载

9.2.2 jQuery get（）和post（）

9.2.3 jQuery$.ajax()

思考题

第10章 JSON简介

10.1 JSON与XML

10.2 JSON语法

10.2.1 JSON语法规则

10.2.2 JSON名称/值对

10.2.3 JSON使用JavaScript语法

10.2.4 JSON文件

10.3 JSON使用

10.3.1 将JSON文本转换为JavaScript对象

10.3.2 将JSON对象转换为JSON字符串

10.4 JSON特点及后台使用

10.5 综合应用

10.5.1 JSP页面

10.5.2 Servlet编写

思考题

附录 实验

实验一 使用JavaScript实现网页特效

实验二 使用jQuery实现网页特效

实验三 HTML5表单及文件处理

实验四 使用Canvas API画图

实验五 获取浏览器的地理位置信息

实验六 Web通信

实验七 使用CSS3表现页面

实验八 Ajax技术应用

参考文献