网页设计与制作教程——Web前端开发(第6版)电子书

题名页

版权页

前言

第1章 HTML5概述

1.1 Web的基本概念

1.1.1 WWW

1.1.2 Web服务器

1.1.3 网页浏览器

1.1.4 网站

1.1.5 网页

1.1.6 URL

1.1.7 标记语言

1.1.8 网页标准

1.2 HTML5的基本结构和语法规则

1.2.1 HTML5文档的基本结构

1.2.2 HTML5的基本语法

1.2.3 HTML的全局属性

1.2.4 元素的分类

1.2.5 HTML的字符实体和颜色表示

1.2.6 HTML5开发人员编码规范

1.3 编辑HTML文件

1.3.1 常用HTML编辑软件

1.3.2 网页文件的创建

1.4 实训——制作社区网版权信息

习题1

第2章 块级元素

2.1 基本块级元素

2.1.1 标题元素hl～h6

2.1.2 段落元素p和换行元素br

2.1.3 水平线元素hr

2.1.4 注释元素

2.2 列表元素

2.2.1 无序列表元素ul

2.2.2 有序列表元素ol

2.2.3 定义列表元素dl

2.2.4 嵌套列表

2.3 表格元素table

2.3.1 基本表格

2.3.2 跨行跨列表格

2.3.3 表格数据的分组

2.3.4 调整列的格式

2.4 表单

2.4.1 表单元素form

2.4.2 输入元素input

2.4.3 标签元素label

2.4.4 选择栏元素select

2.4.5 按钮元素button

2.4.6 多行文本元素textarea

2.5 分区元素div

2.6 缩排元素blockquote

2.7 实训——制作精选信息版块

习题2

第3章 行内元素

3.1 格式化元素

3.1.1 字体样式元素

3.1.2 短语元素

3.2 图像元素img

3.3 超链接元素a

3.4 图像热区超链接元素map、area

3.5 范围元素span

3.6 多媒体元素

3.6.1 音频元素audio

3.6.2 视频元素video

3.7 用HBuilder X编辑HTML文档

3.8 实训——制作广告版块

习题3

第4章 CSS3基础

4.1 CSS简介

4.1.1 CSS的发展历史

4.1.2 CSS设计与编写原则

4.2 在HTML中使用CSS的方法

4.2.1 行内样式

4.2.2 内部样式

4.2.3 链入外部样式表文件

4.2.4 导入外部样式表文件

4.3 CSS的两个主要特性

4.4 CSS的基本语法

4.5 CSS的选择器

4.5.1 元素选择器

4.5.2 通配符选择器

4.5.3 属性选择器

4.5.4 派生选择器

4.5.5 兄弟选择器

4.5.6 id选择器

4.5.7 class选择器

4.5.8 伪类选择器

4.5.9 UI元素状态伪类选择器

4.5.10 结构伪类选择器

4.5.11 其他伪类选择器

4.5.12 伪元素选择器

4.6 属性值的写法和单位

4.6.1 长度、百分比单位

4.6.2 色彩单位

4.7 HTML文档结构与元素类型

4.7.1 文档结构的基本概念

4.7.2 元素类型

4.8 实训——制作内容详情页

习题4

第5章 CSS3的属性

5.1 CSS背景属性

5.1.1 背景颜色属性background-color

5.1.2 背景图像属性background-image

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

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

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

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

5.1.7 背景属性backgroud

5.1.8 背景覆盖区域属性background-clip

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

5.1.10 背景渐变属性background-image

5.2 CSS字体属性

5.2.1 字体类型属性font-family

5.2.2 字体尺寸属性font-size

5.2.3 字体倾斜属性font-style

5.2.4 小写字体属性font-variant

5.2.5 字体粗细属性font-weight

5.2.6 字体简写属性font

5.2.7 CSS3新增使用服务器字体

5.3 CSS文本属性

5.3.1 文本颜色属性color

5.3.2 文本方向属性direction

5.3.3 字符间隔属性letter-spacing

5.3.4 行高属性line-height

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

5.3.6 为文本添加装饰属性text-decoration

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

5.3.8 文本的阴影属性text-shadow

5.3.9 文本的大小写属性text-transform

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

5.3.11 单词之间的间隔属性word-spacing

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

5.3.13 文本的换行方式属性word-break

5.3.14 单词断字属性word-wrap

5.4 CSS尺寸属性

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 CSS列表属性

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 CSS表格属性

5.6.1 合并边框属性border-collapse

5.6.2 边框间隔属性border-spacing

5.6.3 标题位置属性caption-side

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

5.6.5 表格设置方式属性table-layout

5.7 CSS内容属性

5.8 CSS属性的应用

5.8.1 设置图像样式

5.8.2 设置链接

5.8.3 创建导航菜单

5.9 实训——制作社区网页面

5.9.1 制作通知公告版块

5.9.2 制作导航栏

习题5

第6章 CSS的盒模型

6.1 CSS盒模型的组成和大小

6.1.1 盒子的组成

6.1.2 盒子的大小

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

6.2 CSS盒模型的属性

6.2.1 CSS内边距属性padding

6.2.2 CSS外边距属性margin

6.2.3 CSS边框属性border

6.2.4 圆角边框属性border-radius

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

6.2.6 图片边框属性border-image

6.2.7 CSS轮廓属性outline

6.2.8 调整大小属性resize

6.3 CSS布局属性

6.3.1 元素的布局方式概述

6.3.2 CSS浮动属性float

6.3.3 清除浮动属性clear

6.3.4 裁剪属性clip

6.3.5 内容溢出时的显示方式属性overflow

6.3.6 元素显示方式属性display

6.3.7 元素可见性属性visibility

6.4 CSS盒子定位属性

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

6.4.2 定位方式属性position

6.4.3 层叠顺序属性z-index

6.5 CSS3多列属性

6.5.1 列数属性column-count

6.5.2 列宽属性column-width

6.5.3 列宽属性column

6.5.4 列之间的间隔属性column-gap

6.5.5 是否横跨所有列属性column-span

6.5.6 列间隔样式属性column-rule-style

6.5.7 列之间间隔颜色属性column-rule-color

6.5.8 列之间宽度属性column-rule-width

6.5.9 列之间间隔所有属性column-rule

6.6 CSS基本布局样式

6.6.1 CSS布局类型

6.6.2 CSS布局样式

6.7 实训——制作社区网网页

6.7.1 制作新闻图片板块

6.7.2 制作热点关注板块

习题6

第7章 JavaScript程序设计基础

7.1 JavaScript概述

7.1.1 JavaScript的诞生

7.1.2 ECMAScript的版本

7.1.3 JavaScript的特点

7.2 在HTML文档中使用JavaScript

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

7.2.2 链接脚本文件

7.2.3 在HTML标签内添加脚本

7.3 数据类型

7.3.1 数据类型的分类

7.3.2 基本数据类型

7.3.3 数据类型的判断

7.3.4 数据类型的转换

7.4 标识符、变量、运算符和表达式

7.4.1 标识符

7.4.2 常量

7.4.3 变量

7.4.4 运算符和表达式

7.4.5 语句的书写规则

7.5 流程控制语句

7.5.1 顺序结构语句

7.5.2 条件选择结构语句

7.5.3 循环结构语句

7.6 函数

7.6.1 函数的声明

7.6.2 函数的调用

7.6.3 变量的作用域

7.6.4 内嵌函数

7.6.5 闭包函数

7.6.6 系统函数

7.7 对象

7.7.1 对象的概念

7.7.2 创建类

7.7.3 对象的实例化

7.7.4 对象的属性

7.7.5 对象的方法

7.7.6 对象的遍历

7.7.7 对象的事件

7.8 内置对象

7.8.1 数学对象

7.8.2 字符串对象

7.8.3 日期对象

7.8.4 数组对象

7.9 正则表达式

7.9.1 创建正则表达式

7.9.2 正则表达式的组成

7.9.3 正则表达式使用的方法

7.10 使用开发者工具调试JavaScript程序

7.10.1 开发者工具调试使用方法

7.10.2 调试示例

习题7

第8章 JavaScript对象模型

8.1 BOM的对象

8.1.1 BOM概述

8.1.2 window对象

8.1.3 document对象

8.1.4 location对象

8.1.5 navigator对象

8.1.6 screen对象

8.1.7 history对象

8.2 DOM的对象

8.2.1 节点和节点树

8.2.2 DOM的操作

8.2.3 Node对象

8.2.4 HTML DOM对象

8.2.5 HTML Document对象

8.2.6 HTML Element对象

8.2.7 Node操作实例

习题8

第9章 JavaScript事件处理

9.1 事件概述

9.1.1 事件的概念

9.1.2 事件的类型

9.1.3 事件处理程序的绑定方式

9.2 window事件

9.2.1 load事件

9.2.2 resize事件

9.2.3 scroll事件

9.2.4 focus和 blur 事件

9.3 mouse事件

9.3.1 click 事件

9.3.2 dblclick事件

9.3.3 mouseover和mouseout事件

9.3.4 mousedown、mousemove和mouseup事件

9.4 keyboard事件

9.4.1 keydown 事件

9.4.2 keypress 事件

9.4.3 keyup 事件

9.5 form事件

9.5.1 onsubmit和onreset事件

9.5.2 子元素事件

9.6 事件捕捉与事件冒泡

习题9

第10章 CSS3变形、过渡和动画属性

10.1 变形

10.1.1 CSS的坐标系统

10.1.2 transform属性

10.1.3 transform-origin属性

10.1.4 transform-style属性

10.1.5 perspective和perspective-origin属性

10.1.6 backface-visibility属性

10.2 过渡

10.2.1 过渡属性

10.2.2 过渡事件

10.3 动画

10.3.1 动画属性

10.3.2 动画事件

习题10

第11章 HTML5的拖放和画布

11.1 拖放

11.1.1 draggable属性

11.1.2 拖放事件

11.1.3 数据传递对象dataTransfer

11.2 画布

11.2.1 创建canvas元素

11.2.2 构建绘图环境

11.2.3 绘制图形的步骤

11.2.4 绘制图形

习题 11

第12章 综合案例——社区新闻网的设计与实现

12.1 网站的开发流程和组织结构

12.1.1 创建站点目录

12.1.2 网站页面的组成

12.2 制作社区新闻网首页

12.3 制作社区新闻网的列表页

习题12

参考文献