封面
版权信息
版 权
内 容 提 要
前 言
第01章 创建一个HTML网页
1.1 认识HTML
1.2 HTML标签
1.3 HTML文件的基本结构
1.4 Chrome的开发者工具
1.5 在记事本中编写HTML文件
1.6 使用编辑器创建HTML文档
1.6.1 下载 Hbuilder X
1.6.2 使用Hbuilder X
1.7 编写第一个HTML网页
1.8 练习题
1.9 章节任务
第02章 HTML基本标签
2.1 HTML文档头部<head>
2.2 网页标题<title>
2.3 元信息<meta>
2.3.1 设置网页关键字
2.3.2 设置网页说明
2.3.3 添加作者信息
2.3.4 规定字符编码
2.3.5 设置网页的定时跳转
2.4 HTML注释<!-- -->
2.5 HTML标题<h1>~<h6>
2.6 HTML段落<p>
2.7 换行<br>
2.8 水平线<hr>
2.9 文本格式化
2.10 HTML字符实体
2.10.1 不间断的空格
2.10.2 插入特殊符号
2.11 练习题
2.12 章节任务
第03章 建立超链接
3.1 超链接的基础知识
3.1.1 绝对路径
3.1.2 相对路径
3.1.3 超链接
3.2 在新窗口打开链接
3.3 创建锚点链接
3.3.1 锚点链接
3.3.2 链接同一网页中的锚点
3.3.3 链接到其他网页中的锚点
3.4 外部链接
3.4.1 链接到外部网站
3.4.2 链接到E-mail
3.4.3 链接到FTP
3.4.4 链接到Telnet
3.4.5 下载文件
3.5 练习题
3.6 章节任务
第04章 使用图像
4.1 图像的格式
4.1.1 GIF格式
4.1.2 JPEG格式
4.1.3 PNG格式
4.2 <img>标签基础语法
4.3 图像的路径src
4.4 图像的提示文字alt
4.5 图像的宽度(width)和高度(height)
4.6 图像的超链接
4.6.1 图像的超链接
4.6.2 图像热区链接
4.7 练习题
4.8 章节任务
第05章 使用列表
5.1 有序列表
5.1.1 <ol>标签
5.1.2 有序列表的序号类型type
5.1.3 有序列表的起始数值start
5.2 无序列表
5.3 定义列表<dl>
5.4 列表的嵌套
5.5 练习题
5.6 章节任务
第06章 使用表格
6.1 创建表格
6.1.1 表格的基本构成<table>、<tr>、<td>
6.1.2 设置表格的标题<caption>
6.1.3 表头<th>
6.2 表格基本属性
6.2.1 表格宽度width
6.2.2 表格的边框border
6.2.3 单元格间距cellspacing
6.2.4 表格内文字与边框间距cellpadding
6.3 表格的行属性
6.3.1 行内文字的水平对齐方式align
6.3.2 行内文字的垂直对齐方式valign
6.4 单元格属性
6.4.1 单元格跨列colspan
6.4.2 单元格跨行rowspan
6.5 表格结构
6.6 练习题
第07章 使用表单
7.1 form元素创建表单
7.1.1 提交表单action
7.1.2 表单名称name
7.1.3 传送方法method
7.2 插入input元素
7.2.1 文本框text
7.2.2 密码框password
7.2.3 单选按钮radio
7.2.4 复选框checkbox
7.2.5 普通按钮button
7.2.6 提交按钮submit
7.2.7 重置按钮reset
7.2.8 图像域image
7.3 HTML5新增输入类型
7.3.1 数值number
7.3.2 时间选择器DatePicker
7.4 下拉菜单
7.5 文本域textarea
7.6 创建表单案例
7.7 练习题
7.8 章节任务
第08章 使用CSS样式表
8.1 CSS基础语法
8.1.1 认识CSS
8.1.2 CSS语法结构
8.1.3 CSS选择器
8.2 添加CSS的方法
8.2.1 链接外部样式表
8.2.2 内部样式表
8.2.3 导入外部样式表
8.2.4 内嵌样式
8.3 字体属性
8.3.1 字体font-family
8.3.2 字号font-size
8.3.3 字体样式font-style
8.3.4 加粗字体font-weight
8.3.5 小写字母转为大写字母font-variant
8.3.6 字体复合属性
8.4 颜色属性color
8.5 背景属性
8.5.1 背景颜色background-color
8.5.2 背景图像background-image
8.5.3 背景大小background-size
8.5.4 背景重复background-repeat
8.5.5 背景位置background-position
8.5.6 背景附件background-attachment
8.5.7 背景复合属性background
8.6 段落属性
8.6.1 单词间隔word-spacing
8.6.2 字符间隔letter-spacing
8.6.3 文字修饰text-decoration
8.6.4 水平对齐方式text-align
8.6.5 垂直对齐方式vertical-align
8.6.6 文本转换text-transform
8.6.7 文本缩进text-indent
8.6.8 文本行高line-height
8.6.9 处理空白white-space
8.7 练习题
8.8 章节任务
第09章 盒模型布局
9.1 认识盒模型
9.1.1 盒模型的构成
9.1.2 查看元素的盒模型
9.2 内容区content
9.3 边框border
9.3.1 边框样式border-style
9.3.2 边框宽度border-width
9.3.3 边框颜色border-color
9.4 内边距padding
9.4.1 分别设置4个方向的内边距
9.4.2 内边距的复合属性padding
9.5 外边距margin
9.5.1 分别设置4个方向的外边距
9.5.2 外边距复合属性margin
9.6 盒模型的大小
9.7 块元素和内联元素
9.7.1 块元素和内联元素的特点
9.7.2 display属性规定元素的类型
9.8 初始化页面样式
9.9 练习题
9.10 章节任务
第10章 浮动与定位
10.1 文档流
10.2 浮动属性float
10.3 图文环绕
10.4 清除浮动clear
10.5 定位方式position
10.6 元素位置top、right、bottom、left
10.7 相对定位
10.8 绝对定位
10.9 固定定位
10.10 层叠顺序z-index
10.11 练习题
10.12 章节任务
第11章 Web标准与CSS网页布局实例
11.1 Web标准
11.2 DIV+CSS布局网页基础
11.2.1 认识DIV
11.2.2 一列固定宽度
11.2.3 一列自适应
11.2.4 两列固定宽度
11.2.5 两列宽度自适应
11.2.6 两列布局右列宽度自适应
11.3 使用CSS设计网站导航栏
11.3.1 有鼠标指针移入效果的导航栏
11.3.2 横向导航
11.4 使用CSS设计表单样式
11.4.1 改变按钮的背景颜色和文字颜色
11.4.2 设计文本框的样式
11.4.3 设计文本框中的提示文字
11.5 使用CSS设计表格样式
11.5.1 折叠边框
11.5.2 设计表格的字体样式
11.6 使用CSS设置链接样式
11.6.1 去掉超链接的下画线
11.6.2 改变鼠标指针的类型
11.6.3 设置超链接不同状态的样式
11.7 练习题
11.8 章节任务
第12章 HTML5新增元素
12.1 认识HTML5
12.2 HTML5与HTML4的区别
12.2.1 HTML5的文件特征
12.2.2 HTML5的SEO
12.3 HTML5废除的元素和属性
12.3.1 废除的元素
12.3.2 废除的属性
12.4 HTML5新增的结构元素
12.5 HTML5新增的多媒体元素
12.5.1 视频元素video
12.5.2 链接不同的视频文件
12.5.3 音频元素audio
12.6 HTML5新增的画布元素canvas
12.6.1 创建canvas元素
12.6.2 绘制矩形
12.6.3 绘制路径
12.6.4 颜色渐变
12.7 练习题
12.8 章节任务
第13章 CSS3新增属性
13.1 边框
13.1.1 圆角边框border-radius
13.1.2 边框图像border-image
13.1.3 边框阴影box-shadow
13.2 背景
13.2.1 背景图像尺寸background-size
13.2.2 背景图像定位区域background-origin
13.2.3 背景绘制区域background-clip
13.3 文本
13.3.1 文本阴影text-shadow
13.3.2 强制换行word-wrap
13.3.3 文本溢出text-overflow
13.4 多列
13.4.1 创建多列column-count
13.4.2 列的宽度column-width
13.4.3 列的间隔column-gap
13.4.4 列的规则column-rule
13.5 2D转换
13.5.1 移动translate()
13.5.2 旋转rotate()
13.5.3 缩放scale()
13.6 过渡
13.7 动画
13.7.1 @keyframes规则声明动画
13.7.2 animation动画
13.8 用户界面
13.8.1 box-sizing
13.8.2 resize
13.9 实例应用
13.9.1 使用移动方法实现完全居中
13.9.2 照片墙效果
13.10 练习题
13.11 章节任务
第14章 移动端网页
14.1 flex布局
14.1.1 flex相关概念
14.1.2 flex布局
14.2 移动端基本概念
14.2.1 两种像素
14.2.2 移动端的3个视口
14.2.3 设备像素比
14.3 移动端开发
14.3.1 移动端单位——vw适配
14.3.2 开发一个移动端网页
14.4 媒体查询
14.5 练习题
14.6 章节任务
第15章 JavaScript脚本基础
15.1 JavaScript简介
15.2 JavaScript基本语法
15.2.1 常量和变量
15.2.2 数据类型
15.2.3 表达式和运算符
15.2.4 基本语句
15.2.5 JavaScript注释
15.2.6 JavaScript代码调试
15.3 JavaScript事件
15.3.1 onclick事件
15.3.2 onchange事件
15.3.3 onfocus事件
15.3.4 onblur事件
15.3.5 onmouseover事件
15.3.6 onmouseout事件
15.3.7 ondblclick事件
15.3.8 其他常用事件
15.4 HTML DOM对象
15.4.1 DOM元素对象获取页面中的元素
15.4.2 DOM属性对象修改元素的属性
15.5 浏览器的其他内部对象
15.5.1 navigator对象
15.5.2 windows对象
15.5.3 location对象
15.5.4 history对象
15.6 练习题
15.7 章节任务
第16章 JavaScript 网页特效
16.1 时间特效
16.1.1 显示当前时间
16.1.2 显示当前日期
16.1.3 制作倒计时特效
16.2 图像特效
16.2.1 图像闪烁效果
16.2.2 图像轮播
16.3 窗口特效
16.3.1 打开新窗口
16.3.2 定时关闭窗口
16.4 鼠标指针特效
16.4.1 返回鼠标指针的位置信息
16.4.2 跟随鼠标指针移动的图像
16.5 练习题
16.6 章节任务
第17章 PC端实战——制作购物网页
17.1 项目结构
17.2 制作网页前的准备
17.2.1 分辨率
17.2.2 内容居中
17.3 项目布局
17.4 <header>部分难点讲解
17.4.1 <header>布局
17.4.2 图文对齐
17.5 <main>部分难点讲解
17.5.1 <main>布局
17.5.2 复杂网页的选择器使用
17.6 实现图像的 JavaScript 动效
17.6.1 图像的切换
17.6.2 收藏和取消
17.7 总结
更新时间:2021-09-29 18:07:41