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

前言

第1章 HTML5基础

1.1 Web的基本概念

1.1.1 WWW

1.1.2 网页浏览器

1.1.3 Web服务器

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 HTML5开发人员编码规范

1.3 用记事本编辑HTML文档

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

习题1

第2章 HTML5的块级元素

2.1 基本块级元素

2.1.1 标题元素h1～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章 HTML5的行级元素

3.1 格式化元素

3.1.1 字体样式元素

3.1.2 短语元素

3.2 图像元素img

3.3 超链接元素a

3.3.1 a元素

3.3.2 用图像作为超链接热点

3.3.3 指向其他页面的链接

3.3.4 创建链接至书签

3.3.5 指向下载文件的链接

3.3.6 指向电子邮件的链接

3.3.7 JavaScript链接

3.3.8 空链接

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

3.4.1 用map元素定义图像地图

3.4.2 img元素与map元素的关联

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.2 在HTML中使用CSS的方法

4.2.1 行内样式

4.2.2 内部样式

4.2.3 链入外部样式文件

4.2.4 导入外部样式文件

4.3 CSS的两个主要特性

4.3.1 层叠

4.3.2 继承

4.4 CSS的基本语法

4.4.1 基本语法

4.4.2 注意事项

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 类选择器

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 背景属性background

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章 CSS3的盒模型

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-path

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.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.5 运算符和表达式

7.5.1 运算符和表达式的分类

7.5.2 语句的书写规则

7.6 流程控制

7.6.1 顺序结构

7.6.2 条件选择结构

7.6.3 循环结构

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章 JavaScript对象基础

8.1 JavaScript对象概述

8.2 对象

8.2.1 对象的概念

8.2.2 类

8.2.3 创建对象

8.2.4 对象的属性

8.2.5 对象的方法

8.2.6 对象的遍历

8.2.7 对象的事件

8.3 内置对象

8.3.1 数学对象

8.3.2 字符串对象

8.3.3 日期对象

8.3.4 数组对象

8.3.5 扩展运算符

习题8

第9章 JavaScript对象模型

9.1 BOM的对象

9.1.1 BOM概述

9.1.2 window对象

9.1.3 document对象

9.1.4 location对象

9.1.5 navigator对象

9.1.6 screen对象

9.1.7 history对象

9.2 DOM的对象

9.2.1 节点和节点树

9.2.2 DOM的操作

9.2.3 Node对象

9.2.4 HTML DOM对象

9.2.5 HTML Document对象

9.2.6 HTML Element对象

9.2.7 Node操作实例

9.3 DOM与CSS

9.3.1 style对象

9.3.2 currentStyle对象

9.3.3 CSSStyleSheet对象

习题9

第10章 JavaScript事件处理

10.1 事件概述

10.1.1 事件的概念

10.1.2 事件的类型

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

10.2 window事件

10.2.1 load事件

10.2.2 resize事件

10.2.3 scroll事件

10.2.4 focus和blur事件

10.3 mouse事件

10.3.1 click事件

10.3.2 dblclick事件

10.3.3 mouseover和mouseout事件

10.3.4 mousedown、mousemove和mouseup事件

10.4 keyboard事件

10.4.1 keydown事件

10.4.2 keypress事件

10.4.3 keyup事件

10.5 form事件

10.5.1 submit和reset事件

10.5.2 子元素事件处理

10.6 事件捕捉与事件冒泡

10.6.1 事件捕捉与事件冒泡的执行顺序

10.6.2 阻止事件冒泡和捕捉

10.6.3 取消默认事件

习题10

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

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

11.1.1 创建网站的文件夹结构

11.1.2 网站页面的组成

11.2 制作社区新闻网的首页

11.2.1 页面结构代码

11.2.2 CSS样式

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

11.3.1 页面结构代码

11.3.2 CSS样式

11.4 制作社区新闻网的内容页

11.4.1 页面结构代码

11.4.2 CSS样式

习题11

参考文献