《HTML+CSS+DIV网页设计与布局(第2版)(微课版)》聂斌张明遥

内容提要

本书在第1版的基础上进行了知识更新和修改。以HTML语言为基础,分为4部分。第1部分(第1章)为基础知识篇;第2部分(第2-7章)为HTML学习篇,包括网页文字和图片、超链接、表格、多媒体和列表、表单、框架;第3部分(第8-11章)为CSS学习篇,包括认识CSS,设置文本样式,设置背景、边框和边距,设置表格、列表和滚动条、CSS滤镜;第4部分(第12-14章)为布局学习篇,包括控制元素布局、网页布局与设计技巧、网页布局综合案例。

第一篇认识网站和网页
第 1章认识网站开发
1.1 认识网站开发
1.1.1 网页设计概述
1.1.2 网页构成元素
1.1.3 网站建设流程
1.1.4 网站开发软件
1.2 HTML基本概念
1.2.1 HTML简介
1.2.2 HTML基本结构
1.3 一个简单的HTML实例
1.3.1 编写HTML代码
1.3.2 运行HTML文件查看效果
1.4 HTML基本标记
1.4.1 文件类型标记
1.4.2 HTML头标记
1.4.3 HTML主体标记
1.4.4 页面标题
1.5 HTML页面的元信息META
1.5.1 利用搜索的页面关键字
1.5.2 页面对外的说明
1.5.3 网页的作者信息
1.5.4 网页的开发语言
1.5.5 网页的定时跳转
1.6 小结
本章习题
上机指导
实验一:查看百度页面的源代码
实验二:练习纯手写一个HTML包含头、标题、主体三部分的网页
实验三:设置实验二的网页语言为中文
第二篇 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.2 与文字排版相关的元素
2.2.1 文本缩进
2.2.3 换行
2.2.3 段落
2.2.4 段落居中
2.2.5 预定义格式
2.2.6 水平分隔线
2.3 文字闪烁
2.4 设置网页背景颜色
2.5 在网页中插入图像
2.6 设置背景图片
2.7 小结
本章习题
上机指导
实验一:练习使用元素来设置文字的大小、颜色和字体
实验二:练习使用与文字排版相关的元素来设置文字的段落的样式
实验三:练习使用BACKGROUND属性来设置网页的背景图片
第3章超链接
3.1 创建超链接
3.1.1 超链接标记
3.1.2 链接地址
3.1.3 打开链接的方式
3.2 锚点
3.2.1 创建锚点
3.2.2 链接到本页锚点
3.2.3 链接到其他网页的锚点
3.3 图像的超链接
3.3.1 将整个图像设为链接
3.3.2 设置图像热点区域
3.4 小结
本章习题
上机指导
实验一:练习使用标记创建一个以新窗口打开的超链接
实验二:练习使用标记创建一个链接到其他网页的锚点链接
实验三:练习使用标记设置一个矩形的图像热点区域
第4章表格
4.1 创建表格
4.2 表格属性
4.2.1 表格宽度
4.2.2 表格高度
4.2.3 表格背景图片
4.2.4 单元格间距
4.2.5 表格内单元格与文字的距离
4.3 表格边框
4.3.1 边框宽度
4.3.2 边框颜色
4.3.3 亮边框颜色
4.3.4 暗边框颜色
4.4 设置表格行的对齐方式
4.4.1 垂直对齐方式
4.4.2 水平对齐方式
4.5 行和列的合并
4.5.1 列的合并
4.5.2 行的合并
4.6. 表格结构
4.6.1 表头
4.6.2 主体
4.6.3 表尾
4.7 表格标题
4.8 表格嵌套
4.9 小结
本章习题
上机指导
实验一:练习使用
元素创建一个表格实验二:练习使用
元素中的各种属性创建一个课程表实验三:练习使用

元素添加一个滚动字幕
实验三:练习使用元素和元素创建一个嵌套列表
第6章表单
6.1 添加表单
6.1.1 链接跳转
6.1.2 链接跳转方式
6.1.3 表单名称
6.2 输入标签
6.2.1 文本框
6.2.2 密码框
6.2.3 单选框
6.2.4 复选框
6.2.5 提交按钮
6.2.6 重置按钮
6.2.7 图像按钮
6.2.8 文件域
6.2.9 隐藏域
6.3 下拉列表
6.4 文本域
6.5 小结
本章习题
上机指导
实验一:练习使用元素插入一个表单
实验二:练习使用在表单元素中添加不同的表单控件
实验三:练习使用在表单元素中添加下拉列表
第7章框架
7.1 创建框架
7.2 分割窗口
7.2.1 上下分割
7.2.2 左右分割
7.2.3 窗口的嵌套
7.3设置框架边框
7.3.1 设置框架边框显示或隐藏
7.3.2 设置框架边框宽度
7.3.3 设置框架边框颜色
7.4 框架属性
7.4.1 设置框架滚动条显示
7.4.2 固定框架
7.4.3 不支持框架标记
7.5 在框架中使用链接
7.6 浮动框架
7.6.1 插入浮动框架
7.6.2 浮动框架大小
7.6.3 浮动框架对齐方式
7.6.4 浮动框架页面的链接
7.7 小结
本章习题
上机指导
实验一:练习使用元素创建一个框架
实验二:练习使用元素创建一个嵌套框架
实验三:练习使用元素创建一个浮动框架 第三篇 CSS学习篇 第8章认识CSS 8.1 CSS简介 8.2 CSS样式表的设置方法 8.2.1 内联样式表 8.2.2 内部样式表 8.2.3 外部样式表 8.2.4 引用多个样式表 8.2.5 使用@import引用外部样式表 8.2.6 CSS注释 8.3 选择符 8.3.1 类型选择符 8.3.2 类选择符 8.3.3 ID选择符 8.3.4 包含选择符 8.3.5 选择符分组 8.3.6 通用选择符 8.3.7 子选择符 8.3.8 相邻选择符 8.3.9 属性选择符 8.4 伪类和伪元素 8.4.1 超链接的伪类 8.4.2 伪元素 8.5 CSS优先级 8.6 CSS中的单位 8.6.1 颜色单位 8.6.2 长度单位 8.6.3 时间单位 8.6.4 角度单位 8.6.5 频率单位 8.6 小结 本章习题 上机指导 实验一:练习使用CSS内部样式表来设置网页样式 实验二:练习使用CSS外部样式表来设置网页样式 实验三:练习使用CSS伪类来设置超链接的样式 第9章设置文字和文本样式 9.1 设置文字样式 9.1.1 字体设置 9.1.2 文字大小 9.1.3 设置粗体 9.1.4 设置文字颜色 9.1.5 设置斜体 9.1.5 综合设置 9.2 设置文本样式 9.2.1 设置阴影效果 9.2.2 大小写转换 9.2.3 文本缩进 9.2.4 文本的水平对齐方式 9.2.5 文本的垂直对齐方式 9.2.6 设置文本流入方向 9.2.7 设置文本修饰 9.3 空白与换行 9.3.1 空格的处理方式 9.3.2 字内换行 9.4 设置间距 9.4.1 行间距 9.4.2 字间距 9.4.3 词间距 9.4 小结 本章习题 上机指导 实验一:练习使用font属性来综合设置文字样式 实验二:练习使用不同的属性来设置文本的样式 实验三:练习使用不同的属性来设置文本的间距 第 10章设置背景、边框、边距和补白 10.1 背景颜色 10.2 背景图像 10.2.1 背景图像 10.2.2 设置固定背景图像 10.2.3 设置背景图像平铺方式 10.2.4 背景图像定位 10.3 边框 10.3.1 设置边框样式 10.3.2 设置不同的边框样式 10.3.3 设置边框宽度 10.3.4 设置不同的边框宽度 10.3.4 设置边框颜色 10.3.6 设置不同的边框颜色 10.3.7 综合设置边框效果 10.4 边距 10.4.1 设置上边距 10.4.2 设置下边距 10.4.3 设置左边距 10.4.4 设置右边距 10.4.5 综合设置边距 10.5 补白 10.5.1 设置顶端补白 10.5.2 设置底部补白 10.5.3 设置左侧补白 10.5.4 设置右侧补白 10.5.5 综合设置补白 10.6 小结 本章习题 上机指导 实验一:练习使用背景图像属性来综合设置背景图像的样式 实验二:练习使用边框属性来综合设置元素边框的样式 实验三:练习使用margin属性和padding属性来综合设置元素的边距和补白 第 11章设置表格、列表和滚动条样式 11.1 表格 11.1.1 合并表格边框 11.1.2 定义表格边框间距 11.1.3 定义表格标题位置 11.1.4 设置表格布局 11.2 列表 11.2.1 设置列表符号样式 11.2.2 使用图片设置列表样式 11.2.3 列表符号显示位置 11.2.4 综合设置列表样式 11.3 滚动条 11.3.1 设置滚动条颜色 11.3.2 设置滚动条亮边框颜色 11.3.3 设置滚动条暗边框颜色 11.3.4 设置滚动条方向箭头颜色 11.3.5 设置滚动条基准色 11.4 小结 本章习题 上机指导 实验一:练习使用CSS中的表格属性来设置表格的样式 实验二:练习使用CSS中的列表属性来设置列表的样式 实验三:练习使用CSS中的滚动条属性来设置滚动条的样式 第 12章 CSS滤镜(备选) 12.1 网页的滤镜和摄影的滤镜 12.2 常用CSS滤镜 12.2.1 透明层次滤镜 12.2.3 颜色透明滤镜 12.2.4 模糊滤镜 12.2.5 固定阴影滤镜 12.2.6 移动阴影滤镜 12.2.7 光晕滤镜 12.2.8 灰度滤镜 12.2.9 反色滤镜 12.2.10 镜像滤镜 12.2.11 遮罩滤镜( 12.2.12 x射线滤镜 12.2.13 波纹滤镜 12.3 常用CSS滤镜 12.4 小结 本章习题 上机指导 实验一:在网页中放置一张图片并设置透明层次滤镜 实验二:为同一张图片设置两个以上的滤镜 第四篇布局学习篇 第 12章控制元素布局 12.1 块级元素和内联元素 12.1.1 块级元素和内联元素的概念 12.1.2 <div>元素和元素 12.2 定位 12.2.1 定位方式 12.2.2 偏移 12.2.3 综合运用 12.2.4 定位元素的层叠次序 12.3 浮动 12.3.1 浮动的概念 12.3.2 设置浮动 12.3.3 清除浮动 12.4 溢出与剪切 12.4.1 溢出内容的设置 12.4.2 设置水平方向超出范围的处理方式 12.4.3 设置垂直方向超出范围的处理方式 12.4.4 内容的剪切 12.5 对象的显示与隐藏 12.6 小结 本章习题 上机指导 实验一:练习使用定位来设置元素的位置 实验二:练习使用浮动来设置元素的位置 实验三:练习使用清除浮动来清除元素的浮动效果 第 13章网页布局与设计技巧 13.1 网页布局 13.1.1 网页大小 13.1.2 网页栏目划分 13.1.3 表格布局 13.1.4 CSS布局 13.2 CSS布局技巧 13.2.1 一栏布局 13.2.2 二栏布局 13.2.3 多栏布局 13.3 CSS的盒子模型 13.3.1 盒子模型的定义 13.3.2 宽度width和高度height 13.3.3 边框border 13.3.4 内边距padding局部样式 13.3.5 内边距padding简洁写法 13.3.6 外边距margin局部样式 13.3.7 外边距margin简洁样式 13.4 小结 本章习题 上机指导 实验一:利用表格来设计网页 实验二:利用CSS来设计网页 实验三:利用CSS对网页进行布局 第 14章网页布局综合案例——宝贝屋网上商店 14.1 案例分析 14.2 内容分析 14.3 原型设计 14.4 布局设计 14.4.1 整体样式设计 14.4.2 页头部分 14.4.3 内容部分 14.4.4 页脚部分 14.5 交互效果设计 14.5.1 顶部导航栏 14.5.2 主导航栏 14.5.3 账号区 14.5.4 图像边框 14.5.5 产品分类 14.6 小结元素创建嵌套表格第5章多媒体、滚动字幕和列表5.1 多媒体元素5.1.1 插入多媒体元素5.1.2 循环播放5.1.3 自动播放5.1.4 隐藏多媒体元素5.2 插入背景音乐5.3 滚动字幕5.3.1 添加滚动字幕5.3.2 滚动方向5.3.3 滚动方式5.3.4 滚动字幕背景颜色5.3.5 滚动速度5.3.6 滚动延迟5.3.7 滚动次数5.3.8 滚动字幕空白空间5.3.9 设置鼠标经过效果5.4 无序列表5.4.1 无序列表结构5.4.2 无序列表的列表项样式5.5 有序列表5.5.1 有序列表结构5.5.2 有序列表的列表项样式5.6 嵌套列表5.7 定义列表5.8 目录列表5.9 菜单列表5.10 小结本章习题上机指导实验一:练习使用元素插入一个多媒体元素实验二:练习使用