HTML+CSS+JavaScript从入门到精通电子书

书名页

版权页

前言

第1章 Web基础知识

1.1 什么是前端开发

1.2 什么是HTML

1.3 HTML文件的基本标记

课后作业 简单网页的制作方法

第2章 填充网页内容

2.1 网页中文字和段落

2.1.1 标题文字

课堂练习 制作大小不同的标题

2.1.2 文字对齐

2.1.3 文字字体

课堂练习 字体的设置

2.1.4 段落换行

课堂练习 给文字换行

2.1.5 字体颜色

2.1.6 文字的上标和下标

课堂练习 制作数学方程式

2.1.7 文字删除线

2.1.8 文字不换行

2.1.9 文字加粗

2.2 网页中的图片样式

2.2.1 图片的格式

2.2.2 给网页添加图片

课堂练习 使用img标签

2.2.3 设置图片的大小

2.2.4 图片的边框显示

2.2.5 水平间距

课堂练习 设置图片的间距效果

2.2.6 提示文字

2.2.7 文字替换图片

综合实战 定义图片热区

课后作业 设置字体和图片样式

第3章 表格布局网页

3.1 创建表格

3.1.1 表格的基本构成

3.1.2 表格的标题

课堂练习 制作表格的标题

3.1.3 表格的表头

3.2 设置表格边框样式

3.2.1 给表格设置边框

课堂练习 设置表格边框

3.2.2 给表格边框设置颜色

3.2.3 表格中的单元格间距

课堂练习 设置表格单元格间距

3.2.4 表格中文字与边框间距

3.3 设置表格行内属性

3.3.1 行的背景颜色

3.3.2 行内文字的对齐方式

课堂练习 设置行内文字的对齐方式

3.4 设置表格的背景

3.4.1 表格背景颜色

3.4.2 为表格背景插入图像

3.5 设置单元格的样式

3.5.1 单元格的大小

3.5.2 单元格的背景颜色

3.5.3 单元格的边框属性

3.5.4 合并单元格

课堂练习 将多个单元格进行合并

综合实战 利用表格制作简单的网页

课后作业 制作一张课程表

第4章 列表和超链接

4.1 使用无序列表

4.1.1 ul标签使用方法

课堂练习 制作无序列表

4.1.2 type无序列表类型

4.2 使用有序列表

4.2.1 ol定义有序列表

课堂练习 制作有序列表

4.2.2 type有序列表类型

4.2.3 start有序列表的起始值

4.2.4 dl定义列表标签

课堂练习 制作定义列表

4.2.5 menu菜单列表

课堂练习 制作菜单列表样式

4.2.6 color设置列表文字颜色

4.3 列表的嵌套

4.3.1 定义列表的嵌套

课堂练习 使用嵌套列表制作诗集

4.3.2 无序列表和有序列表的嵌套

课堂练习 制作历史朝代表

4.3.3 有序列表之间的嵌套

4.4 超链接的路径

4.4.1 绝对路径

4.4.2 相对路径

4.5 创建超链接

4.5.1 超链接标签的属性

4.5.2 内部链接

课堂练习 制作网页中的链接方法

4.5.3 外部链接

综合实战 制作网站首页菜单

课后作业 首页的二级菜单

第5章 HTML5常用元素

5.1 HTML5新特性

5.2 HTML5的优势

5.2.1 页面的交互性能更强大

课堂练习 制作一个可以编辑的页面

5.2.2 HTML5中的标记方法

5.2.3 HTML5与旧版本的兼容性

5.3 HTML5中新增和废弃的元素

5.3.1 HTML5中新增的元素

5.3.2 HTML5中废弃的元素和属性

5.4 HTML5新的主体结构元素

5.4.1 article元素

课堂练习 定义外部内容

5.4.2 section元素

课堂练习 使用section元素

5.4.3 nav元素

课堂练习 制作简单导航栏

5.4.4 aside元素

课堂练习 aside元素的使用方法

5.4.5 time元素与微格式

课堂练习 使用time微格式

5.5 HTML5新的非主体结构元素

5.5.1 header元素

课堂练习 使用header元素

5.5.2 hgroup元素

5.5.3 footer元素

课堂练习 使用footer制作底部信息

综合实战 使用video元素添加视频

课后作业 制作一个播放器效果

第6章 表单的应用详解

6.1 表单的标签

6.1.1 处理动作action

6.1.2 表单名称name

6.1.3 传送方法method

6.1.4 编码方式enctype

6.1.5 目标显示方式target

6.1.6 表单的控件

6.2 输入型的控件

6.2.1 文字字段text

课堂练习 文字字段的设置

6.2.2 密码域password

课堂练习 密码域的设置

6.2.3 单选按钮radio

6.2.4 复选框checkbox

6.2.5 表单按钮button

课堂练习 表单的普通按钮

6.2.6 提交按钮submit

6.2.7 重置按钮reset

6.2.8 文件域file

课堂练习 文件域的添加方法

6.2.9 文本域标签textarea

课堂练习 设置表单的文本域

6.3 表单定义标签

6.3.1 使用label定义标签

课堂练习 用label定义标签

6.3.2 使用button定义按钮

课堂练习 使用button定义按钮

6.3.3 列表、表单标记

课堂练习 列表、表单的设置

6.4 HTML5中的表单

6.4.1 HTML5 form新特性

6.4.2 新型表单的输入型控件

6.4.3 表单中日期的制作

课堂练习 表单中出现的日期

6.4.4 限制数字范围

课堂练习 制作数字的最大和最小值

6.4.5 自选颜色的设置

课堂练习 选择喜欢的颜色

6.5 HTML5中表单新增的元素和属性

6.5.1 表单的新元素

6.5.2 表单新增属性

课堂练习 输入占位符的制作方法

课堂练习 自动获得焦点

课堂练习 检索datalist元素的值

综合实战 制作一个综合表单

课后作业 利用新增元素制作表单

第7章 选择器的妙用

7.1 CSS简介

7.1.1 CSS特点及优点

7.1.2 CSS的基本语法

7.1.3 引入CSS的方法

课堂练习 CSS内容引入方法

7.2 CSS选择器

7.2.1 三大基础选择器

7.2.2 集体选择器

课堂练习 使用集体选择器

7.2.3 属性选择器

课堂练习 使用属性选择器

7.2.4 后代选择器

课堂练习 后代选择器用法

7.2.5 子元素选择器

7.2.6 相邻兄弟选择器

课堂练习 选择器的结合使用

7.2.7 伪类

课堂练习 使用：first-child伪类

课堂练习 使用：lang伪类

7.2.8 伪元素

课堂练习 使用：first-line伪元素

课堂练习 使用：before伪元素

课堂练习 使用：after伪元素

7.3 CSS的继承和单位

7.3.1 继承关系

课堂练习 继承关系效果

7.3.2 CSS继承的局限性

课堂练习 设置字体的边框

7.3.3 CSS绝对数值单位

7.3.4 CSS相对数值单位

综合实战 制作悬浮下拉菜单

课后作业 使用伪元素制作效果

第8章 CSS定位效果

8.1 CSS定位机制简介

8.2 常规与浮动定位

8.2.1 常规定位

8.2.2 浮动定位

课堂练习 制作图片浮动效果

8.3 定位属性

8.3.1 绝对定位

课堂练习 绝对定位的应用

8.3.2 相对定位

课堂练习 相对定位的应用

8.3.3 固定定位

课堂练习 制作固定定位效果

8.4 z轴索引的优先级设置

课堂练习 设置z轴索引的优先级

综合实战 制作导航栏效果

课后作业 使用定位制作动态效果

第9章 网页常用的样式

9.1 字体样式

9.1.1 字体font-family

9.1.2 字号font-size

课堂练习 设置字号效果

9.1.3 字重font-weight

9.1.4 文本转换text-transform

9.1.5 字体风格font-style

9.1.6 字体颜色color

9.1.7 文本修饰text-decoration

9.1.8 简写font

课堂练习 简写font效果

9.2 段落样式

9.2.1 字符间隔letter-spacing

9.2.2 单词间隔word-spacing

9.2.3 段落缩进text-indent

9.2.4 横向对齐方式text-align

9.2.5 纵向对齐方式vertical-align

课堂练习 设置文字纵向对齐方式

9.2.6 文本行间距line-height

9.3 边框样式

9.3.1 边框线型border-style

9.3.2 边框颜色border-color

9.3.3 边框宽度border-width

9.3.4 制作边框效果

课堂练习 简单的边框效果

9.4 外轮廓样式

9.4.1 轮廓线型outline-style

9.4.2 轮廓颜色outline-color

9.4.3 轮廓宽度outline-width

9.4.4 外轮廓outline简写

9.4.5 边框与外轮廓的异同点

课堂练习 边框与外轮廓的差异

9.5 列表相关属性

9.5.1 列表样式list-style-type

课堂练习 使用CSS制作列表样式

9.5.2 列表标记的图像list-style-image

9.5.3 列表标记的位置list-style-position

9.5.4 列表属性简写格式list-style

综合实战 制作阴影效果

课后作业 制作网页各种样式

第10章 盒子模型详解

10.1 盒子模型

10.1.1 CSS中的盒子简介

10.1.2 外边距设置

课堂练习 margin属性效果

10.1.3 外边距合并

10.1.4 内边距设置

10.2 弹性盒子

10.2.1 弹性盒子基础

10.2.2 浏览器支持情况

10.2.3 对父级容器的设置

课堂练习 flex-direction属性应用

10.2.4 对子级内容的设置

课堂练习 flex属性效果

综合实战 制作三级菜单

课后作业 设置图片效果

第11章 初次使用JavaScript

11.1 JavaScript简介

11.1.1 JavaScript的特点

11.1.2 JavaScript应用方向

11.1.3 JavaScript的用法

课堂练习 在<head>中使用函数

11.2 JavaScript函数

11.2.1 JavaScript函数定义

课堂练习 调用函数

11.2.2 JavaScript函数参数

课堂练习 使用函数参数

11.2.3 JavaScript函数调用

11.3 JavaScript的基本语法

11.3.1 数据类型

11.3.2 常量和变量

11.3.3 运算符和表达式

11.3.4 基本语句

11.4 JavaScript事件

11.4.1 事件类型

11.4.2 事件句柄

11.4.3 事件处理

综合实战 制作文字渐变效果

课后作业 制作文字各种效果

第12章 JavaScript事件解析

12.1 JavaScript应用表单

12.1.1 按钮对象

课堂练习 制作点击按钮效果

12.1.2 复选框对象

12.2 JavaScript事件分析

12.2.1 轮播图效果

课堂练习 详解轮播图

12.2.2 字体闪烁效果

课堂练习 制作字体效果

12.3 JavaScript制作特效

12.3.1 显示网页停留时间

12.3.2 制作定时关闭窗口

课堂练习 制作窗口的自动关闭效果

12.4 网页常用效果

课堂练习 捕获错误信息

综合实战 轮播图的制作

课后作业 JavaScript的实际应用

附录 配套学习资源

附录A HTML页面基本元素速查

附录B CSS常用属性速查

附录C JavaScript对象参考手册

附录D jQuery参考手册

附录E 网页配色基本知识速查

附录F 本书实例源程序及素材