网页设计与制作教程（HTML+CSS+JavaScript）：第3版

参考文献

习题11

11.6 网站的整合

11.5.2 页面样式设计

11.5.1 页面结构代码

11.5 制作合作案例页面

11.4.3 页面交互与网页特效的实现

11.4.2 页面样式设计

11.4.1 页面结构代码

11.4 制作首页

11.3 网站技术分析

11.2.2 网站页面的组成

11.2.1 创建站点目录

11.2 网站结构

11.1 网站的开发流程

第11章 “馨美装修”网站的制作

习题10

10.2.3 通过JavaScript绘制图形

10.2.2 构建绘图环境

10.2.1 创建canvas元素

10.2 绘图API

10.1.3 数据传递对象dataTransfer

10.1.2 拖放事件

10.1.1 draggable属性

10.1 拖放API

第10章 HTML5的高级应用

习题9

9.11 综合案例——“馨美装修”工程复选框全选效果

9.10.3 表单对象与交互性

9.10.2 常用的事件及处理

9.10.1 对象的事件

9.10 对象事件处理程序

9.9.3 nodeList对象

9.9.2 element对象

9.9.1 node对象

9.9 DOM节点

9.8.2 form对象的方法

9.8.1 form对象的属性

9.8 form对象

9.7 navigator对象

9.6 screen对象

9.5 history对象

9.4.2 location对象的方法

9.4.1 location对象的属性

9.4 location对象

9.3.2 document对象的方法

9.3.1 document对象的属性

9.3 document对象

9.2.2 window对象的方法

9.2.1 window对象的属性

9.2 window对象

9.1 DOM概述

第9章 JavaScript DOM编程

习题8

8.7.4 内置函数

8.7.3 变量的作用域

8.7.2 函数的调用

8.7.1 函数的声明

8.7 函数

8.6.3 循环结构语句

8.6.2 条件选择结构语句

8.6.1 顺序结构语句

8.6 流程控制语句

8.5.2 运算符和表达式的分类

8.5.1 基本概念

8.5 运算符和表达式

8.4.2 变量

8.4.1 常量

8.4 常量和变量

8.3.3 数据类型的转换

8.3.2 基本数据类型

8.3.1 数据类型的分类

8.3 数据类型

8.2.3 在HTML标签内添加脚本

8.2.2 链接脚本文件

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

8.2 在HTML文件中使用JavaScript

8.1 JavaScript概述

第8章 JavaScript基础

练习7

7.4.2 商务服务中心页面的制作过程

7.4.1 商务服务中心页面布局规划

7.4 综合案例——制作“馨美装修”商务服务中心页面

7.3.2 <div>-<dl>-<dt>-<dd>局部布局

7.3.1 <div>-<ul>-<li>局部布局

7.3 典型的局部布局

7.2.2 CSS布局样式

7.2.1 CSS布局类型

7.2 典型的Div+CSS整体页面布局

7.1.2 使用嵌套的Div实现页面排版

7.1.1 Div+CSS布局的优点

7.1 Div+CSS布局技术简介

第7章 Div+CSS布局页面

习题6

6.6 综合案例——“馨美装修”登录页面整体布局

6.5 CSS3多列属性

6.4.3 层叠顺序属性z-index

6.4.2 定位方式属性position

6.4.1 定位位置属性top、right、bottom、left

6.4 CSS3盒子定位属性

6.3.6 元素可见性属性visibility

6.3.5 元素显示方式属性display

6.3.4 裁剪属性clip

6.3.3 清除浮动属性clear

6.3.2 CSS浮动属性float

6.3.1 元素的布局方式概述

6.3 CSS3布局属性

6.2.6 调整大小属性resize

6.2.5 盒模型的阴影属性box-shadow

6.2.4 圆角边框属性border-radius

6.2.3 边框属性border

6.2.2 外边距属性margin

6.2.1 内边距属性padding

6.2 盒模型的属性

6.1.3 块级元素与行级元素的宽度和高度

6.1.2 盒子的大小

6.1.1 盒子的组成

6.1 盒模型概述

第6章 CSS3盒模型

习题5

5.8.2 网购学堂页面的制作过程

5.8.1 网购学堂页面布局规划

5.8 综合案例——制作“馨美装修”网购学堂页面

5.7.4 创建导航菜单

5.7.3 设置链接

5.7.2 设置表单样式

5.7.1 设置图像样式

5.7 CSS3属性的应用

5.6.5 案例——使用斑马线表格制作装修工程年度排行榜

5.6.4 单元格无内容显示方式属性empty-cells

5.6.3 标题位置属性caption-side

5.6.2 边框间隔属性border-spacing

5.6.1 合并边框属性border-collapse

5.6 CSS3表格属性

5.5.4 列表简写属性list-style

5.5.3 标记的类型属性list-style-type

5.5.2 列表项标记的位置属性list-style-position

5.5.1 图像作为列表项的标记属性list-style-image

5.5 CSS3列表属性

5.4.6 最大高度属性max-height

5.4.5 最小高度属性min-height

5.4.4 最大宽度属性max-width

5.4.3 最小宽度属性min-width

5.4.2 高度属性height

5.4.1 宽度属性width

5.4 CSS3尺寸属性

5.3.8 背景图像起点属性background-origin

5.3.7 背景属性background

5.3.6 背景图像大小属性background-size

5.3.5 背景图像位置属性background-position

5.3.4 固定背景图像属性background-attachment

5.3.3 重复背景图像属性background-repeat

5.3.2 背景图像属性background-image

5.3.1 背景颜色属性background-color

5.3 CSS3背景属性

5.2.8 文本的截断效果属性text-overflow

5.2.7 元素内部的空白属性white-space

5.2.6 文本的阴影属性text-shadow

5.2.5 段落首行缩进属性text-indent

5.2.4 为文本添加修饰属性text-decoration

5.2.3 文本水平对齐方式属性text-align

5.2.2 行高属性line-height

5.2.1 文本颜色属性color

5.2 CSS3文本属性

5.1.5 字体粗细font-weight

5.1.4 小写字体属性font-variant

5.1.3 字体倾斜属性font-style

5.1.2 字体尺寸属性font-size

5.1.1 字体类型属性font-family

5.1 CSS3字体属性

第5章 使用CSS3修饰网页元素

习题4

4.7 综合案例——制作“馨美装修”帮助中心局部页面

4.6.3 优先级

4.6.2 层叠性

4.6.1 继承性

4.6 继承性、层叠性和优先级

4.5.2 元素类型

4.5.1 文档结构的基本概念

4.5 文档结构与元素类型

4.4.6 案例——制作“馨美装修”网站使用条款页面

4.4.5 伪元素选择符

4.4.4 伪类选择符

4.4.3 通配符选择符

4.4.2 复合选择符

4.4.1 基本选择符

4.4 CSS3的选择符

4.3.4 色彩单位

4.3.3 长度、百分比单位

4.3.2 注意事项

4.3.1 基本语法

4.3 CSS3的基本语法和属性值单位

4.2.4 导入外部样式表

4.2.3 链入外部样式表

4.2.2 内部样式表

4.2.1 行内样式

4.2 在HTML中引入CSS3样式表

4.1.5 CSS3的工作环境

4.1.4 CSS3编写规范

4.1.3 CSS3的局限性

4.1.2 CSS3的优点

4.1.1 初识CSS3

4.1 CSS3简介

第4章 CSS3样式基础

习题3

3.7.7 案例——制作“馨美装修”联系我们表单

3.7.6 表单分组

3.7.5 多行文本元素textarea

3.7.4 选择栏元素select

3.7.3 标签元素label

3.7.2 输入元素input

3.7.1 表单元素form

3.7 表单

3.6.6 案例—使用表格布局“馨美装修”案例页面

3.6.5 调整列的格式

3.6.4 数据分组

3.6.3 不规范表格

3.6.2 基本表格

3.6.1 表格的组成

3.6 表格元素

3.5.2 progress元素

3.5.1 details元素和summary元素

3.5 HTML5页面交互元素

3.4.8 案例—制作“馨美装修”人才招聘页面

3.4.7 分组元素

3.4.6 aside元素

3.4.5 article元素

3.4.4 footer元素

3.4.3 header元素

3.4.2 nav元素

3.4.1 section元素

3.4 HTML5文档结构元素

3.3.3 案例——布局“馨美装修”技术支持页面

3.3.2 span元素与div元素的异同

3.3.1 基本语法

3.3 范围元素

3.2.2 使用div元素布局页面内容

3.2.1 基本语法

3.2 分区元素

3.1.3 使用iframe框架元素实现页面间的跳转

3.1.2 使用iframe框架元素布局页面

3.1.1 基本格法

3.1 iframe框架元素

第3章 网页布局与交互

习题2

2.10.3 video元素

2.10.2 audio元素

2.10.1 HTML5对音频和视频的支持

2.10 HTML5多媒体元素

2.9.5 案例——制作“馨美装修”广告联盟页面

2.9.4 嵌套列表

2.9.3 定义列表

2.9.2 有序列表

2.9.1 无序列表

2.9 列表元素

2.8.9 案例——制作“馨美装修”服务资源页面

2.8.8 空链接

2.8.7 图像链接

2.8.6 JavaScript链接

2.8.5 电子邮件链接

2.8.4 下载文件链接

2.8.3 书签链接

2.8.2 页面转向链接

2.8.1 a元素

2.8 超链接元素

2.7.2 图像元素的基本用法

2.7.1 常用的Web图像格式

2.7 图像元素

2.6.5 案例——制作“馨美装修”网购向导页面

2.6.4 水平线元素

2.6.3 缩排元素

2.6.2 段落元素和换行元素

2.6.1 标题元素

2.6 基本排版元素

2.5.3 time元素

2.5.2 cite元素

2.5.1 mark元素

2.5 文本层次语义元素

2.4.2 短语元素

2.4.1 字体样式元素

2.4 文本元素

2.3 HTML5的颜色表示

2.2.2 特殊符号

2.2.1 注释

2.2 注释和特殊符号

2.1.3 无语义元素

2.1.2 语义元素

2.1.1 元信息元素

2.1 HTML5元素的分类

第2章 编辑HTML5元素

习题1

1.5 案例——制作“馨美装修”公司介绍页面

1.4.2 HTML文件的创建

1.4.1 常见的网页编辑工具

1.4 编辑HTML文件

1.3.3 HTML5编码规范

1.3.2 HTML5文档结构

1.3.1 HTML5语法结构

1.3 HTML5的基本结构和编码规范

1.2.3 JavaScript简介

1.2.2 CSS3简介

1.2.1 HTML5简介

1.2 Web前端开发技术简介

1.1 网页与网站的概念

第1章 网页设计与制作基础

前言

版权信息

封面

封面

版权信息

前言

第1章 网页设计与制作基础

1.1 网页与网站的概念

1.2 Web前端开发技术简介

1.2.1 HTML5简介

1.2.2 CSS3简介

1.2.3 JavaScript简介

1.3 HTML5的基本结构和编码规范

1.3.1 HTML5语法结构

1.3.2 HTML5文档结构

1.3.3 HTML5编码规范

1.4 编辑HTML文件

1.4.1 常见的网页编辑工具

1.4.2 HTML文件的创建

1.5 案例——制作“馨美装修”公司介绍页面

习题1

第2章 编辑HTML5元素

2.1 HTML5元素的分类

2.1.1 元信息元素

2.1.2 语义元素

2.1.3 无语义元素

2.2 注释和特殊符号

2.2.1 注释

2.2.2 特殊符号

2.3 HTML5的颜色表示

2.4 文本元素

2.4.1 字体样式元素

2.4.2 短语元素

2.5 文本层次语义元素

2.5.1 mark元素

2.5.2 cite元素

2.5.3 time元素

2.6 基本排版元素

2.6.1 标题元素

2.6.2 段落元素和换行元素

2.6.3 缩排元素

2.6.4 水平线元素

2.6.5 案例——制作“馨美装修”网购向导页面

2.7 图像元素

2.7.1 常用的Web图像格式

2.7.2 图像元素的基本用法

2.8 超链接元素

2.8.1 a元素

2.8.2 页面转向链接

2.8.3 书签链接

2.8.4 下载文件链接

2.8.5 电子邮件链接

2.8.6 JavaScript链接

2.8.7 图像链接

2.8.8 空链接

2.8.9 案例——制作“馨美装修”服务资源页面

2.9 列表元素

2.9.1 无序列表

2.9.2 有序列表

2.9.3 定义列表

2.9.4 嵌套列表

2.9.5 案例——制作“馨美装修”广告联盟页面

2.10 HTML5多媒体元素

2.10.1 HTML5对音频和视频的支持

2.10.2 audio元素

2.10.3 video元素

习题2

第3章 网页布局与交互

3.1 iframe框架元素

3.1.1 基本格法

3.1.2 使用iframe框架元素布局页面

3.1.3 使用iframe框架元素实现页面间的跳转

3.2 分区元素

3.2.1 基本语法

3.2.2 使用div元素布局页面内容

3.3 范围元素

3.3.1 基本语法

3.3.2 span元素与div元素的异同

3.3.3 案例——布局“馨美装修”技术支持页面

3.4 HTML5文档结构元素

3.4.1 section元素

3.4.2 nav元素

3.4.3 header元素

3.4.4 footer元素

3.4.5 article元素

3.4.6 aside元素

3.4.7 分组元素

3.4.8 案例—制作“馨美装修”人才招聘页面

3.5 HTML5页面交互元素

3.5.1 details元素和summary元素

3.5.2 progress元素

3.6 表格元素

3.6.1 表格的组成

3.6.2 基本表格

3.6.3 不规范表格

3.6.4 数据分组

3.6.5 调整列的格式

3.6.6 案例—使用表格布局“馨美装修”案例页面

3.7 表单

3.7.1 表单元素form

3.7.2 输入元素input

3.7.3 标签元素label

3.7.4 选择栏元素select

3.7.5 多行文本元素textarea

3.7.6 表单分组

3.7.7 案例——制作“馨美装修”联系我们表单

习题3

第4章 CSS3样式基础

4.1 CSS3简介

4.1.1 初识CSS3

4.1.2 CSS3的优点

4.1.3 CSS3的局限性

4.1.4 CSS3编写规范

4.1.5 CSS3的工作环境

4.2 在HTML中引入CSS3样式表

4.2.1 行内样式

4.2.2 内部样式表

4.2.3 链入外部样式表

4.2.4 导入外部样式表

4.3 CSS3的基本语法和属性值单位

4.3.1 基本语法

4.3.2 注意事项

4.3.3 长度、百分比单位

4.3.4 色彩单位

4.4 CSS3的选择符

4.4.1 基本选择符

4.4.2 复合选择符

4.4.3 通配符选择符

4.4.4 伪类选择符

4.4.5 伪元素选择符

4.4.6 案例——制作“馨美装修”网站使用条款页面

4.5 文档结构与元素类型

4.5.1 文档结构的基本概念

4.5.2 元素类型

4.6 继承性、层叠性和优先级

4.6.1 继承性

4.6.2 层叠性

4.6.3 优先级

4.7 综合案例——制作“馨美装修”帮助中心局部页面

习题4

第5章 使用CSS3修饰网页元素

5.1 CSS3字体属性

5.1.1 字体类型属性font-family

5.1.2 字体尺寸属性font-size

5.1.3 字体倾斜属性font-style

5.1.4 小写字体属性font-variant

5.1.5 字体粗细font-weight

5.2 CSS3文本属性

5.2.1 文本颜色属性color

5.2.2 行高属性line-height

5.2.3 文本水平对齐方式属性text-align

5.2.4 为文本添加修饰属性text-decoration

5.2.5 段落首行缩进属性text-indent

5.2.6 文本的阴影属性text-shadow

5.2.7 元素内部的空白属性white-space

5.2.8 文本的截断效果属性text-overflow

5.3 CSS3背景属性

5.3.1 背景颜色属性background-color

5.3.2 背景图像属性background-image

5.3.3 重复背景图像属性background-repeat

5.3.4 固定背景图像属性background-attachment

5.3.5 背景图像位置属性background-position

5.3.6 背景图像大小属性background-size

5.3.7 背景属性background

5.3.8 背景图像起点属性background-origin

5.4 CSS3尺寸属性

5.4.1 宽度属性width

5.4.2 高度属性height

5.4.3 最小宽度属性min-width

5.4.4 最大宽度属性max-width

5.4.5 最小高度属性min-height

5.4.6 最大高度属性max-height

5.5 CSS3列表属性

5.5.1 图像作为列表项的标记属性list-style-image

5.5.2 列表项标记的位置属性list-style-position

5.5.3 标记的类型属性list-style-type

5.5.4 列表简写属性list-style

5.6 CSS3表格属性

5.6.1 合并边框属性border-collapse

5.6.2 边框间隔属性border-spacing

5.6.3 标题位置属性caption-side

5.6.4 单元格无内容显示方式属性empty-cells

5.6.5 案例——使用斑马线表格制作装修工程年度排行榜

5.7 CSS3属性的应用

5.7.1 设置图像样式

5.7.2 设置表单样式

5.7.3 设置链接

5.7.4 创建导航菜单

5.8 综合案例——制作“馨美装修”网购学堂页面

5.8.1 网购学堂页面布局规划

5.8.2 网购学堂页面的制作过程

习题5

第6章 CSS3盒模型

6.1 盒模型概述

6.1.1 盒子的组成

6.1.2 盒子的大小

6.1.3 块级元素与行级元素的宽度和高度

6.2 盒模型的属性

6.2.1 内边距属性padding

6.2.2 外边距属性margin

6.2.3 边框属性border

6.2.4 圆角边框属性border-radius

6.2.5 盒模型的阴影属性box-shadow

6.2.6 调整大小属性resize

6.3 CSS3布局属性

6.3.1 元素的布局方式概述

6.3.2 CSS浮动属性float

6.3.3 清除浮动属性clear

6.3.4 裁剪属性clip

6.3.5 元素显示方式属性display

6.3.6 元素可见性属性visibility

6.4 CSS3盒子定位属性

6.4.1 定位位置属性top、right、bottom、left

6.4.2 定位方式属性position

6.4.3 层叠顺序属性z-index

6.5 CSS3多列属性

6.6 综合案例——“馨美装修”登录页面整体布局

习题6

第7章 Div+CSS布局页面

7.1 Div+CSS布局技术简介

7.1.1 Div+CSS布局的优点

7.1.2 使用嵌套的Div实现页面排版

7.2 典型的Div+CSS整体页面布局

7.2.1 CSS布局类型

7.2.2 CSS布局样式

7.3 典型的局部布局

7.3.1 <div>-<ul>-<li>局部布局

7.3.2 <div>-<dl>-<dt>-<dd>局部布局

7.4 综合案例——制作“馨美装修”商务服务中心页面

7.4.1 商务服务中心页面布局规划

7.4.2 商务服务中心页面的制作过程

练习7

第8章 JavaScript基础

8.1 JavaScript概述

8.2 在HTML文件中使用JavaScript

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

8.2.2 链接脚本文件

8.2.3 在HTML标签内添加脚本

8.3 数据类型

8.3.1 数据类型的分类

8.3.2 基本数据类型

8.3.3 数据类型的转换

8.4 常量和变量

8.4.1 常量

8.4.2 变量

8.5 运算符和表达式

8.5.1 基本概念

8.5.2 运算符和表达式的分类

8.6 流程控制语句

8.6.1 顺序结构语句

8.6.2 条件选择结构语句

8.6.3 循环结构语句

8.7 函数

8.7.1 函数的声明

8.7.2 函数的调用

8.7.3 变量的作用域

8.7.4 内置函数

习题8

第9章 JavaScript 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 screen对象

9.7 navigator对象

9.8 form对象

9.8.1 form对象的属性

9.8.2 form对象的方法

9.9 DOM节点

9.9.1 node对象

9.9.2 element对象

9.9.3 nodeList对象

9.10 对象事件处理程序

9.10.1 对象的事件

9.10.2 常用的事件及处理

9.10.3 表单对象与交互性

9.11 综合案例——“馨美装修”工程复选框全选效果

习题9

第10章 HTML5的高级应用

10.1 拖放API

10.1.1 draggable属性

10.1.2 拖放事件

10.1.3 数据传递对象dataTransfer

10.2 绘图API

10.2.1 创建canvas元素

10.2.2 构建绘图环境

10.2.3 通过JavaScript绘制图形

习题10

第11章 “馨美装修”网站的制作

11.1 网站的开发流程

11.2 网站结构

11.2.1 创建站点目录

11.2.2 网站页面的组成

11.3 网站技术分析

11.4 制作首页

11.4.1 页面结构代码

11.4.2 页面样式设计

11.4.3 页面交互与网页特效的实现

11.5 制作合作案例页面

11.5.1 页面结构代码

11.5.2 页面样式设计

11.6 网站的整合

习题11

参考文献