Web前端开发技术与案例教程

运用大量实例，使用通俗易懂的语言表达晦涩难懂的技术难点，循序渐进地引导读者掌握Web前端开发的相关知识。 综合案例应用HTML、CSS和JavaScript实现一个静态的网站，从创建网站的基本流程入手，详细介绍每一个页面的设计与制作过程。 提供教学课件、书中全部的源代码、全部实例程序代码、实例系统和部分习题的参考答案等。

本书介绍Web前端开发所涉及的HTML、CSS和JavaScript相关知识，包括Web开发基础、HTML基础、HTML进阶、HTML综合案例、CSS基础、CSS进阶、CSS综合案例、JavaScript入门、JavaScript进阶、JavaScript综合案例，最后结合HTML、CSS和JavaScript设置了综合案例。为方便教师授课和读者自学，本书提供了丰富的配套资源，包括教学课件、书中全部的源代码、全部实例程序代码、实例系统和部分习题的参考答案等。
本书适合本、专科计算机及相关专业的教学使用，也可作为计算机爱好者学习Web应用开发技术的工具书。

前言
第1章 Web开发基础
1.1 WWW简介
1.1.1 WWW概述
1.1.2 统一资源定位符（URL）
1.1.3 WWW的文档
1.2 Web页面设计技术
1.2.1 HTML简介
1.2.2 CSS简介
1.2.3 JavaScript简介
1.3 Web开发与发布
1.3.1 DreamWeaver简介
1.3.2 DreamWeaver使用
1.3.3 Web网站发布
习题
第2章 HTML基础
2.1 HTML文档
2.1.1 HTML标签
2.1.2 HTML元素
2.1.3 HTML属性
2.1.4 HTML文档的基本结构
2.2 网页文字设计
2.2.1 文本设计
2.2.2 列表
2.2.3 表格
2.2.4 语义元素
2.3 建立超链接
2.3.1 超链接的概念
2.3.2 绝对路径和相对路径
2.3.3 定义超链接
2.3.4 命名锚点
2.4 网页表单设计
2.4.1 创建表单
2.4.2 input元素创建控件
2.4.3 其他常用控件
2.4.4 HTML5新的表单元素
习题
第3章 HTML进阶
3.1 网页多媒体设计
3.1.1 图像
3.1.2 声音和视频
3.1.3 内联框架
3.1.4 对象
3.2 图形绘制与数学公式
3.2.1 Canvas绘图
3.2.2 SVG绘图
3.2.3 MathML数学符号和公式
3.3 网页布局
3.3.1 使用div元素的网页布局
3.3.2 HTML5网页布局
3.4 HTML5用户接口API
3.4.1 HTML5拖放与通知
3.4.2 HTML5地理定位
3.5 案例——个人博客主页
习题
第4章 HTML综合案例——萌宠之家
4.1 基本页面布局
4.2 各页面设计
4.2.1 主页面
4.2.2 aboutUs页面
4.2.3 services页面
4.2.4 team页面
4.2.5 gallery页面
4.2.6 contact页面
第5章 CSS基础
5.1 CSS的作用
5.2 CSS的使用方法
5.2.1 如何编写CSS
5.2.2 CSS的基础语法
5.2.3 应用CSS的方法
5.2.4 CSS的层次结构
5.3 CSS的选择器
5.3.1 类型选择器
5.3.2 类选择器
5.3.3 ID选择器
5.3.4 结合类型选择器
5.3.5 后代选择器
5.3.6 多重选择器
5.4 CSS的基础样式
5.4.1 背景（background）
5.4.2 文本格式（text）
5.4.3 字体属性（fonts）
5.4.4 链接（link）
5.4.5 列表（list）
5.5 案例——人物信息卡片
习题
第6章 CSS进阶
6.1 CSS高阶选择器
6.1.1 子选择器
6.1.2 相邻兄弟选择器
6.1.3 属性选择器
6.2 CSS伪类及伪元素
6.2.1 CSS伪类
6.2.2 CSS伪元素
6.3 CSS布局基础
6.3.1 CSS框模型
6.3.2 定位机制（Position）
6.3.3 浮动属性（Float）
6.4 CSS响应式页面设计
6.4.1 什么是响应式页面设计
6.4.2 响应式网页设计-视口
6.4.3 响应式网页设计-网格视图
6.4.4 响应式网页设计-媒体查询
6.5 CSS3新特性
6.5.1 CSS3新的边框属性
6.5.2 CSS3新的背景属性
6.5.3 CSS3文本阴影
6.6 案例——响应式布局
习题
第7章 CSS综合案例——计算器
7.1 计算器的设计
7.1.1 页面原型设计
7.1.2 计算器页面布局
7.2 计算器基本样式设置
7.2.1 设置计算器主体样式
7.2.2 设置计算机标题样式
7.2.3 设置显示屏样式
7.2.4 设置按钮的样式
7.3 计算器进阶样式设置
7.3.1 设置显示框字体
7.3.2 设置按钮渐变及阴影
7.3.3 设置鼠标单击特效
7.3.4 效果展示及后续工作
第8章 JavaScript入门
8.1 JavaScript基础
8.2 JavaScript基本语法
8.2.1 数据
8.2.2 操作符
8.2.3 语句
8.3 JavaScript对象
8.3.1 内置对象
8.3.2 自定义对象
8.3.3 BOM对象
8.3.4 DOM对象
8.4 JavaScript事件
8.4.1 常用事件
8.4.2 事件添加
8.4.3 基本功能实现
8.4.4 调试
习题
第9章 JavaScript进阶
9.1 jQuery
9.1.1 jQuery选择器
9.1.2 jQuery操作样式表
9.1.3 jQuery操作文档
9.1.4 jQuery事件
9.1.5 jQuery效果
9.1.6 jQuery Ajax
9.2 eCharts
9.2.1 eCharts概述
9.2.2 eCharts基本使用
9.2.3 eCharts API
9.2.4 eCharts组件
9.3 案例
9.3.1 HTML基本结构与CSS基本样式
9.3.2 jQuery效果处理
习题
第10章 JavaScript综合案例——学校信息管理系统
10.1 系统页面设计
10.1.1 页面框架设计
10.1.2 年级概况页面实现
10.1.3 班级概况页面设计
10.1.4 成绩管理页面设计
10.1.5 学生管理页面设计
10.1.6 后台管理页面设计
10.2 系统功能实现
10.2.1 页面框架功能实现
10.2.2 年级概况页面实现
……