HTML+CSS网页开发技术精解

第1篇 HTML篇
第1章 网页标识语言HTML基础
1.1 HTML语言概述
1.1.1 认识HTML语言
1.1.2 HTML语言的发展历史
1.2 HTML文件的基本结构
1.2.1 HTML文件结构
1.2.2 编写HTML文件的注意事项
1.3 编写简单的HTML实例
1.3.1 使用记事本手工编写HTML页面
1.3.2 使用Dreamweaver辅助编写HTML页面
1.4 课后习题
第2章 页面基本元素
2.1 页面头部元素＜head＞
2.2 页面标题元素＜title＞
2.3 元信息元素＜meta＞
2.3.1 元信息元素名称属性name、content
2.3.2 元信息元素的附加属性http-equiv
2.3.3 设置页面关键字
2.3.4 设置页面说明
2.3.5 定义页面的跳转
2.3.6 定义页面的作者信息
2.3.7 定义页面的版权信息
2.4 页面主体元素＜body＞
2.4.1 主体元素的背景颜色属性bgcolor
2.4.2 主体元素的背景图片属性background
2.4.3 主体元素的文本属性text
2.4.4 未访问过的链接属性link
2.4.5 激活的链接属性alink
2.4.6 已访问过的链接属性vlink
2.4.7 IE浏览器中的左边界属性leftmargin
2.4.8 IE浏览器中的上边界属性topmargin
2.4.9 主体元素的背景图片滚动属性bgproperties
2.5 创建样式元素＜style＞
2.6 脚本元素＜script＞
2.7 课后习题
第3章 网页文本与段落信息组织
3.1 文本基本标记
3.1.1 字体属性face
3.1.2 字号属性size
3.1.3 颜色属性color
3.2 标题元素
3.3 段落元素
3.4 文本的间隔和布局
3.4.1 换行元素＜br＞
3.4.2 缩进元素＜blockquote＞
3.4.3 保留格式元素＜pre＞
3.4.4 取消换行元素＜nobr＞
3.4.5 引用元素＜q＞
3.5 水平分隔线元素＜hr＞
3.5.1 粗细属性size
3.5.2 阴影属性noshade
3.5.3 宽度属性width
3.5.4 对齐属性align
3.5.5 颜色属性color
3.6 文本的样式设置
3.6.1 放大元素＜big＞
3.6.2 缩小元素＜small＞
3.6.3 斜体显示元素＜i＞、＜em＞和＜cite＞
3.6.4 加粗的强调元素＜strong＞和＜b＞
3.6.5 下标元素＜sub＞
3.6.6 上标元素＜sup＞
3.7 课后习题
第4章 列表的建立和使用
4.1 使用无序列表
4.1.1 无序列表标记ul
4.1.2 无序列表的类型type
4.1.3 菜单列表标记menu
4.1.4 目录列表dir
4.2 使用有序列表
4.2.1 有序列表标记ol
4.2.2 有序列表的类型type
4.2.3 有序列表的起始数值start
4.3 列表条目元素＜li＞
4.3.1 项目符号的类型属性type
4.3.2 条目编号属性value
4.4 定义列表元素＜dl＞
4.5 课后习题
第5章 网页图像和多媒体信息组织
5.1 图像元素＜img＞
5.1.1 图像元素的路径属性src
5.1.2 代替图片的文本属性alt
5.1.3 图像元素的宽度、高度属性width、height
5.1.4 图像元素的边框属性border
5.1.5 图像元素的对齐属性align
5.1.6 图像元素的垂直边距属性vspace
5.1.7 图像元素的水平边距属性hspace
5.2 使用背景音乐
5.2.1 背景音乐的路径属性src
5.2.2 背景音乐的重复属性loop
5.3 滚动标签marquee
5.3.1 滚动标记marquee
5.3.2 滚动方向direction
5.3.3 滚动方式behavir
5.3.4 滚动次数loop
5.3.5 滚动速度scrollamount
5.3.6 滚动延迟scrolldelay
5.3.7 滚动区域的背景颜色bgcolor
5.3.8 滚动背景宽度width和高度height
5.3.9 设置空白空间hspace、vspace
5.4 多媒体标签
5.5 课后习题
第6章 超链接的建立
6.1 超链接基础
6.2 链接元素＜a＞
6.2.1 指定路径属性href
6.2.2 显示链接目标属性target
6.3 设置不同的链接目标
6.3.1 设置页面内部的特定目标的链接
6.3.3 设置图片的超链接
6.3.4 设置电子邮件链接
6.4 图像热区链接
6.5 课后习题
第7章 用表格排列组织网页元素
7.1 表格元素的结构
7.1.1 表格＜table＞
7.1.2 行＜tr＞
7.1.3 单元格＜td＞
7.2 ＜table＞元素的属性
7.2.1 边框属性border
7.2.2 水平对齐属性align
7.2.3 高度属性height
7.2.4 宽度属性width
7.2.5 边框颜色属性bordercolor
7.2.6 边框亮边线属性bordercolorlight
7.2.7 边框暗边线属性bordercolordark
7.2.8 背景颜色属性bgcolor
7.2.9 背景图片属性background
7.2.10 单元格间距属性cellspacing
7.2.11 单元格补白属性cellspadding
7.3 ＜tr＞元素的属性
7.3.1 水平对齐属性align
7.3.2 垂直对齐属性valign
7.3.3 背景颜色属性bgcolor
7.3.4 边框颜色属性bordercolor
7.3.5 边框暗边线属性bordercolordark
7.3.6 边框亮边线属性bordercolorlight
7.4 ＜td＞元素的属性
7.4.1 宽度属性width
7.4.2 高度属性height
7.4.3 背景颜色属性bgcolor
7.4.4 背景图片属性background
7.4.5 水平对齐属性align
7.4.6 垂直对齐属性valign
7.4.7 边框颜色属性bordercolor
7.4.8 合并列属性colspan
7.4.9 合并行属性rowspan
7.5 表格中使用的其他元素
7.5.1 表格标题元素＜caption＞
7.5.2 表格头行元素＜thead＞
7.5.3 表主体元素＜tbody＞
7.5.4 表格行尾元素＜tfoot＞
7.6 课后习题
第8章 用表单创建交互式网页
8.1 表单元素form
8.1.1 处理动作action
8.1.2 表单名称name
8.1.3 传送方法method
8.1.4 编码方式enctype
8.1.5 目标显示方式target
8.2 表单控件＜input＞
8.2.1 文字字段text
8.2.2 密码域password
8.2.3 单选按钮radio
8.2.4 复选框checkbox
8.2.5 普通按钮button
8.2.6 提交按钮submit
8.2.7 重置按钮reset
8.2.8 图像域image
8.2.9 隐藏域hidden
8.2.10 文件域file
8.3 选择列表条目元素＜option＞
8.4 选择列表元素＜select＞
8.4.1 高度属性size
8.4.2 多项选择属性multiple
8.5 文本区域元素＜textarea＞
8.6 课后习题
第9章 创建框架结构网页
9.1 框架简介
9.2 框架集元素＜frameset＞
9.2.1 水平分割窗口rows
9.2.2 垂直分割窗口cols
9.2.3 边框属性frameborder
9.2.4 边框宽度framespacing
9.2.5 边框颜色bordercolor
9.3 框架内容元素＜frame＞
9.3.1 框架页面源文件src
9.3.2 框架名称name
9.3.3 框架窗口的尺寸noresize
9.3.4 框架边框与页面内容的水平边距marginwidth
9.3.5 框架边框与页面内容的垂直边距marginheight
9.3.6 设置框架滚动条scrolling
9.3.7 不支持框架标记noframes
9.4 浮动框架元素＜iframe＞
9.4.1 浮动框架的页面源文件src
9.4.2 浮动框架的宽度width和高度height
9.4.3 浮动框架对齐方式align
9.4.4 框架边框与页面内容的水平边距marginwidth
9.4.5 框架边框与页面内容的垂直边距marginheight
9.4.6 设置浮动框架是否显示滚动条scrolling
9.4.7 浮动框架的边框frameborder
9.5 课后习题
第2篇 CSS基础篇
第10章 （X）HTML与CSS概述
10.1 HTML与XHTML
10.1.1 什么是XHTML
10.1.2 DOCTYPE声明
10.1.3 XHTML与HTML的重要区别
10.2 何谓Web标准
10.3 （X）HTML与CSS
10.3.1 CSS标准
10.3.2 传统HTML的缺点
10.3.3 如何编辑CSS
10.4 课后习题
第11章 CSS语言基础
11.1 CSS基本语法
11.2 基本CSS选择器
11.2.1 标签选择器
11.2.2 类选择器
11.2.3 ID选择器
11.3 在HTML中添加CSS的方法
11.3.1 在标签中加入样式
11.3.2 在HTML文档中植入CSS样式
11.3.3 链接外部样式
11.3.4 导入样式
11.3.5 在脚本内添加CSS样式
11.4 课后习题
第12章 用CSS设置文本样式
12.1 文字样式的设置
12.1.1 字体font-family
12.1.2 字号font-size
12.1.3 文字倾斜效果font-style
12.1.4 文字加粗font-weight
12.1.5 字体变体font-variant
12.2 文本的排版
12.2.1 调整字母间距letter-spacing
12.2.2 调整单词间距word-spacing
12.2.3 添加文字修饰text-decoration
12.2.4 设置文本排列方式text-align
12.2.5 设置段落缩进text-indent
12.2.6 调整行高line-height
12.2.7 转换英文大小写text-transform
12.2.8 垂直对齐属性vertical-align
12.3 课后习题
第13章 用CSS设置网页图片和背景
13.1 设置图片边框
13.1.1 基本属性
13.1.2 设置不同的边框样式
13.2 图片缩放
13.3 图文混排
13.3.1 文字环绕
13.3.2 设置图片与文字的间距
13.4 设置网页的背景
13.4.1 背景颜色background-color
13.4.2 背景图像background-image
13.5 设置背景图像的属性
13.5.1 背景图片重复background-repeat
13.5.2 背景图片滚动属性background-attachment
13.5.3 背景图片定位background-position
13.6 课后习题
第14章 CSS中的滤镜
14.1 不透明度alpha
14.2 动感模糊blur
14.3 对颜色进行透明处理chroma
14.4 设置阴影dropShadow
14.5 对象的翻转flipH、flipV
14.6 发光效果glow
14.7 灰度处理gray
14.8 反相invert
14.9 X光片效果xray
14.10 波形滤镜wave
14.11 课后习题
第15章 用CSS设置表格和表单样式
15.1 控制表格元素的显示
15.1.1 边框合并属性border-collapse
15.1.2 表格边框间距属性border-spacing
15.1.3 表格标题位置属性caption-side
15.1.4 表格布局属性table-layout
15.2 美化表格
15.2.1 隔行换色的斑马纹表格
15.2.2 通过mouse事件制作变色的单元格
15.3 CSS与表单
15.3.1 表单中的元素
15.3.2 改变按钮的背景颜色和文字颜色
15.3.3 用dl、dd、dt替换table实现表单布局
15.3.4 设计文本框的样式
15.3.5 改变下拉菜单颜色
15.4 课后习题
第16章 用CSS设置链接与导航菜单
16.1 链接标签
16.2 创建按钮式超链接
16.3 控制鼠标指针
16.4 设置项目列表样式
16.4.1 列表符号类型list-style-type
16.4.2 列表符号的混用
16.4.3 列表图像属性list-style-image
16.4.4 标签位置属性list-style-position
16.4.5 列表综合属性list-style
16.5 创建简单的导航菜单
16.5.1 简单的竖直排列菜单
16.5.2 横竖自由转换菜单
16.6 鼠标指针移上时图片渐变的效果
16.7 课后习题
第3篇 CCS布局篇
第17章 CSS盒子模型
17.1 “盒子”与“模型”的概念
17.2 边框border
17.2.1 边框宽度border-width
17.2.2 边框颜色border-color
17.2.3 边框样式border-style
17.3 设置内边距padding
17.3.1 顶部属性padding-top
17.3.2 右侧属性padding-right
17.3.3 底部属性padding-bottom
17.3.4 左侧属性padding-left
17.4 设置外边距margin
17.4.1 顶部边界属性margin-top
17.4.2 右侧边界属性margin-right
17.4.3 底部边界属性margin-bottom
17.4.4 左侧边界属性margin-left
17.5 课后习题
第18章 盒子的浮动与定位
18.1 盒子的浮动
18.1.1 元素的浮动属性float
18.1.2 清除浮动属性clear
18.2 元素的定位
18.2.1 元素的定位属性position
18.2.2 上边偏移属性top、下边偏移属性bottom
18.2.3 左边偏移属性left、右边偏移属性right
18.3 盒子的定位
18.3.1 绝对定位（absolute）
18.3.2 固定定位（fixed）
18.3.3 相对定位（relative）
18.3.4 静态定位（static）
18.4 z-index空间位置
18.5 课后习题
第19章 CSS+DIV布局方法
19.1 CSS布局理念
19.1.1 将页面用DIV分块
19.1.2 设计各块的位置
19.1.3 用CSS定位
19.2 固定宽度布局
19.2.1 两列布局
19.2.2 三列布局
19.2.3 多列布局
19.3 圆角框
19.4 变宽度网页布局制作
19.5 课后习题
第4篇 JavaScript篇
第20章 JavaScript基础
20.1 JavaScript起步
20.1.1 JavaScript简介
20.1.2 JavaScript实例
20.1.3 JavaScript放置位置
20.2 JavaScript程序
20.2.1 语句和语句块
20.2.2 函数
20.2.3 常用系统函数
20.2.4 消息对话框
20.2.5 注释
20.3 标识符和变量
20.3.1 关于命名的规定
20.3.2 JavaScript的数据类型
20.3.3 变量
20.3.4 转义字符
20.4 运算符和表达式
20.4.1 算术运算符和表达式
20.4.2 赋值运算符和表达式
20.4.3 关系运算符和表达式
20.4.4 逻辑运算符和表达式
20.4.5 条件运算符和表达式
20.5 对象
20.5.1 对象属性的使用
20.5.2 对象方法的使用
20.5.3 浏览器的内部对象
20.6 事件编程
20.6.1 事件简介
20.6.2 onFocus事件
20.6.3 鼠标事件
20.6.4 单击事件
20.6.5 页面载入和离开
20.7 课后习题
第5篇 综合案例篇
第21章 网站页面制作综合案例
21.1 案例概述
21.2 内容分析
21.3 HTML结构设计
21.4 页面方案设计
21.5 定义页面的整体样式
21.6 制作页面头部
21.6.1 制作页面头部的结构
21.6.2 定义页面头部的样式
21.7 制作左侧导航
21.7.1 制作左侧导航部分的结构
21.7.2 定义左侧导航的样式
21.8 制作“联系我们”部分
21.8.1 制作“联系我们”部分的结构
21.8.2 定义“联系我们”内容的样式
21.9 制作“公司介绍”部分
21.9.1 制作“公司介绍”部分结构
21.9.2 定义“公司介绍”部分的样式
21.10 制作“图片展示”和“新闻动态”
21.10.1 制作页面结构
21.10.2 定义页面样式
21.11 制作“酒店订购”部分
21.11.1 制作页面结构
21.11.2 定义页面样式
21.12 制作底部版权部分
21.13 课后习题
附录A HTML标签索引表
附录B CSS常用样式速查表
附录C JavaScript语法手册
附录D 课后习题答案