HTML+CSS+JavaScript网页制作(Web前端开发)(第3版)电子书

书名页

版权

前言

第1章 HTML5概述

1.1 Web简介

1.1.1 WWW和浏览器的基本概念

1.1.2 URL

1.1.3 超文本

1.1.4 超文本标记语言HTML

1.1.5 HTTP

1.2 Web标准

1.2.1 什么是Web标准

1.2.2 理解表现和结构相分离

1.3 HTML简介

1.3.1 Web技术发展历程

1.3.2 HTML5的特性

1.3.3 HTML5元素

1.4 HTML5的基本结构

1.4.1 HTML5语法结构

1.4.2 HTML5编写规范

1.4.3 HTML5文档结构

1.5 创建HTML文件

1.6 支持HTML5的浏览器

习题1

第2章 HTML5基础

2.1 head元素

2.1.1 页面标题标签<title>

2.1.2 元信息标签<meta>

2.1.3 关联标签<link>

2.1.4 脚本标签<script>

2.2 文本元素

2.2.1 标题文字标签<h>

2.2.2 特殊符号

2.3 文本层次语义元素

2.3.1 时间和日期标签<time>

2.3.2 标记标签<mark>

2.3.3 引用标签<cite>

2.4 基本排版元素

2.4.1 段落标签<p>

2.4.2 换行标签<br/>

2.4.3 预格式化标签<pre>

2.4.4 缩排标签<blockquote>

2.4.5 水平线标签<hr/>

2.4.6 案例——制作爱心包装品牌简介页面

2.5 列表元素

2.5.1 无序列表

2.5.2 有序列表

2.5.3 定义列表

2.5.4 嵌套列表

2.6 图像元素

2.6.1 网页图像的常用格式

2.6.2 图像标签<img>

2.6.3 设置网页背景图像

2.6.4 图文混排

2.6.5 案例——制作爱心包装经营模式图文简介页面

2.7 超链接

2.7.1 超链接概述

2.7.2 超链接的应用

2.7.3 案例——制作爱心包装下载专区页面

2.8 div元素

2.9 span元素

2.9.1 基本语法

2.9.2 <span>与<div>标签的区别

2.9.3 使用<div>和<span>标签布局网页内容

习题2

第3章 HTML5页面的布局与交互

3.1 使用结构标签构建网页布局

3.1.1 区段标签<section>

3.1.2 导航标签<nav>

3.1.3 页眉标签<header>

3.1.4 页脚标签<footer>

3.1.5 独立内容标签<article>

3.1.6 附属信息标签<aside>

3.1.7 分组标签

3.1.8 案例——制作爱心包装新品发布页面

3.2 页面交互元素

3.2.1 <details>标签和<summary>标签

3.2.2 <progress>标签

3.3 表格

3.3.1 表格的结构

3.3.2 表格的基本语法

3.3.3 表格的属性

3.3.4 不规范表格

3.3.5 表格数据的分组

3.3.6 案例——使用表格布局爱心包装产品展示页面

3.4 表单

3.4.1 表单的基本概念

3.4.2 表单标签

3.4.3 表单元素

3.4.4 案例——制作爱心包装会员注册表单

3.4.5 表单分组

3.4.6 使用表格布局表单

3.4.7 表单的高级用法

习题3

第4章 CSS3基础

4.1 CSS简介

4.1.1 什么是CSS

4.1.2 CSS的开发环境

4.1.3 CSS编写规则

4.2 CSS的引用方法

4.2.1 定义行内样式

4.2.2 定义内部样式表

4.2.3 链入外部样式表

4.2.4 导入外部样式表

4.3 CSS语法基础

4.3.1 CSS样式规则

4.3.2 基本选择符

4.3.3 复合选择符

4.3.4 通配符选择符

4.3.5 特殊选择符

4.4 CSS的属性单位

4.4.1 长度单位和百分比单位

4.4.2 色彩单位

4.5 文档结构

4.5.1 文档结构的基本概念

4.5.2 继承

4.5.3 样式表的层叠、特殊性与重要性

4.5.4 元素类型

4.5.5 案例——制作爱心包装新闻更新局部页面

习题4

第5章 CSS盒模型

5.1 盒模型概述

5.2 盒模型的属性

5.2.1 边框

5.2.2 外边距

5.2.3 内边距

5.2.4 案例——盒模型属性之间的关系

5.3 盒模型的大小

5.3.1 盒模型的宽度与高度

5.3.2 设置块级元素与行级元素的宽度和高度

5.4 盒子的定位

5.4.1 定位属性

5.4.2 定位方式

5.5 浮动与清除浮动

5.5.1 浮动

5.5.2 清除浮动

5.5.3 案例——爱心包装登录页面的整体布局

习题5

第6章 使用CSS美化页面

6.1 设置字体样式

6.1.1 字体类型

6.1.2 字体大小

6.1.3 字体粗细

6.1.4 字体倾斜

6.1.5 设置字体样式综合案例

6.2 设置文本样式

6.2.1 文本水平对齐方式

6.2.2 行高

6.2.3 文本的修饰

6.2.4 段落首行缩进

6.2.5 首字下沉

6.2.6 文本的截断

6.2.7 文本的颜色

6.2.8 文本的背景颜色

6.2.9 设置文本样式综合案例

6.3 设置图像样式

6.3.1 图像缩放

6.3.2 图像边框

6.3.3 图像的不透明度

6.3.4 背景图像

6.3.5 背景重复

6.3.6 背景图像大小

6.4 设置表格样式

6.4.1 常用的CSS表格属性

6.4.2 案例——使用斑马线表格制作包装项目年度排行榜

6.5 设置表单样式

6.5.1 使用CSS修饰常用的表单元素

6.5.2 案例——制作爱心包装用户调查页面

6.6 设置超链接样式

6.6.1 设置文字超链接的外观

6.6.2 设置图文超链接的外观

6.7 设置列表

6.7.1 表格布局的缺点

6.7.2 列表布局的优势

6.7.3 CSS列表属性

6.7.4 案例——制作爱心包装二维码名片

6.8 创建导航菜单

6.8.1 纵向导航菜单

6.8.2 横向导航菜单

习题6

第7章 使用CSS布局页面

7.1 Div+CSS布局技术概述

7.1.1 认识Div+CSS布局

7.1.2 正确理解Web标准

7.2 Div的嵌套布局

7.2.1 将页面用Div分块

7.2.2 案例——制作爱心包装活动发布页面

7.3 常见的CSS布局样式

7.3.1 两列布局样式

7.3.2 三列布局样式

7.4 综合案例——制作爱心社区页面

7.4.1 页面布局规划

7.4.2 页面的制作过程

习题7

第8章 JavaScript语言基础

8.1 JavaScript简介

8.2 在网页中插入JavaScript的方法

8.2.1 在HTML文档中嵌入脚本程序

8.2.2 链接脚本文件

8.2.3 在HTML标签内添加脚本

8.3 JavaScript的基本数据类型和表达式

8.3.1 基本数据类型

8.3.2 常量

8.3.3 变量

8.3.4 运算符和表达式

8.4 JavaScript的程序结构

8.4.1 简单语句

8.4.2 程序控制流程

8.5 函数

8.5.1 函数的定义

8.5.2 函数的调用

8.5.3 全局变量与局部变量

8.6 基于对象的JavaScript语言

8.6.1 对象

8.6.2 对象的属性

8.6.3 对象的事件

8.6.4 对象的方法

8.7 JavaScript的内置对象

8.7.1 数组对象

8.7.2 字符串对象

8.7.3 日期对象

8.8 自定义对象

习题8

第9章 DOM对象及编程

9.1 DOM模型

9.2 window对象

9.2.1 window对象的属性

9.2.2 window对象的方法

9.3 document对象

9.3.1 document对象的属性

9.3.2 document对象的方法

9.4 location对象

9.4.1 location对象的属性

9.4.2 location对象的方法

9.5 history对象

9.6 form对象

9.6.1 form对象的属性

9.6.2 form对象的方法

9.7 JavaScript的对象事件处理程序

9.7.1 对象的事件

9.7.2 常用的事件及处理

9.7.3 表单对象与交互性

9.7.4 案例——使用form对象实现Web页面信息交互

习题9

第10章 使用JavaScript制作网页特效

10.1 文字特效

10.1.1 制作颜色变换的欢迎词

10.1.2 打字效果

10.2 菜单与选项卡特效

10.2.1 制作爱心包装导航菜单

10.2.2 制作Tab选项卡切换效果

10.3 广告特效

习题10

第11章 HTML5的多媒体播放和绘图

11.1 多媒体播放

11.1.1 HTML5的多媒体支持

11.1.2 音频标签

11.1.3 视频标签

11.1.4 HTML5多媒体API

11.2 Canvas绘图

11.2.1 创建canvas元素

11.2.2 构建绘图环境

11.2.3 通过JavaScript绘制图形

习题11

第12章 jQuery基础

12.1 jQuery概述

12.2 编写jQuery程序

12.2.1 下载与配置jQuery

12.2.2 编写一个简单的jQuery程序

12.3 jQuery对象和DOM对象

12.3.1 jQuery对象和DOM对象简介

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

12.4 jQuery插件

12.4.1 下载jQuery插件

12.4.2 引用jQuery插件的方法

12.5 jQuery选择器

12.5.1 jQuery的工厂函数

12.5.2 jQuery选择器定义

12.6 基础选择器

12.6.1 ID选择器

12.6.2 元素选择器

12.6.3 类名选择器

12.6.4 复合选择器

12.6.5 通配符选择器

12.7 层次选择器

12.7.1 ancestor descendant选择器

12.7.2 parent>child选择器

12.7.3 prev+next选择器

12.7.4 prev～siblings选择器

12.8 过滤选择器

12.8.1 简单过滤器

12.8.2 内容过滤器

12.8.3 可见性过滤器

12.8.4 子元素过滤器

12.9 表单选择器

习题12

第13章 jQuery动画与UI插件

13.1 jQuery的动画方法

13.2 显示与隐藏效果

13.2.1 隐藏元素的方法

13.2.2 显示元素的方法

13.3 淡入淡出效果

13.3.1 淡入效果

13.3.2 淡出效果

13.3.3 元素的不透明效果

13.3.4 交替淡入淡出效果

13.4 滑动效果

13.4.1 向下展开效果

13.4.2 向上收缩效果

13.4.3 交替伸缩效果

13.5 jQuery UI概述

13.5.1 jQuery UI简介

13.5.2 jQuery UI的下载

13.5.3 jQuery UI的使用

13.5.4 jQuery UI的工作原理

13.6 jQuery UI的常用插件

13.6.1 折叠面板插件

13.6.2 日期选择器插件

13.6.3 标签页插件

习题13

第14章 爱心包装网站开发综合案例

14.1 网站的开发流程

14.2 网站结构

14.2.1 创建站点目录

14.2.2 网站页面的组成

14.3 网站技术分析

14.4 制作首页

习题14

参考文献