01 Div+CSS网页设计基础 1
1.1 网页设计基础 1
1.1.1 什么是网页设计 1
1.1.2 网页与网站 2
1.1.3 网页设计的原则 3
1.1.4 网页设计的成功要素 4
1.1.5 网页配色的基本方法 4
1.1.6 网站制作流程 6
1.2 网站标准和布局方式 8
1.2.1 网站标准 8
1.2.2 网页布局方式 9
1.3 掌握Dreamweaver的基本操作 12
1.3.1 使用Dreamweaver定义本地站点 12
1.3.2 使用Dreamweaver在网页中插入Div 13
1.3.3 使用Dreamweaver定义CSS样式 16
1.4 关于表格布局 17
1.4.1 表格布局的特点 17
1.4.2 冗余的嵌套表格和混乱的结构 18
1.5 关于Div+CSS布局 18
1.5.1 什么是Web标准 18
1.5.2 Div+CSS的优势 19
1.6 本章小结 2002 HTML、XHTML和HTML 5基础 21
2.1 了解HTML和XHTML 21
2.2 HTML基础 21
2.2.1 HTML概述 22
2.2.2 HTML的基本结构 22
2.2.3 HTML的基本语法 23
2.2.4 HTML的主要功能 24
2.3 HTML常用标签 24
2.3.1 基本标签 24
2.3.2 格式标签 25
2.3.3 文本标签 25
2.3.4 图像标签 26
2.3.5 超链接标签 26
2.3.6 表格标签 26
2.3.7 分区标签 27
2.4 XHTML基础 28
2.4.1 XHTML概述 28
2.4.2 XHTML的文档结构 28
2.4.3 XHTML的代码规范 29
2.4.4 XHTML的文档类型 31
2.4.5 使用XHTML的好处 32
2.4.6 制作第一个HTML页面 32
2.5 HTML 5基础 34
2.5.1 了解HTML 5 34
2.5.2 HTML 5的标签 34
2.5.3 HTML 5的标准属性 37
2.6 HTML 5的应用 39
2.6.1 ＜canvas＞标签的应用 39
2.6.2 ＜audio＞标签的应用 41
2.6.3 ＜video＞标签的应用 42
2.7 实例精讲——制作个人网站页面 44
2.8 本章小结 4803 CSS基础 49
3.1 了解CSS 49
3.1.1 CSS样式概述 49
3.1.2 CSS的特点 50
3.1.3 CSS样式能做什么 51
3.1.4 CSS样式不能做什么 52
3.2 CSS样式的语法 52
3.2.1 CSS的基本语法 52
3.2.2 CSS的样式规则 53
3.3 在网页中应用CSS的4种方式 53
3.3.1 内联样式 54
3.3.2 嵌入样式 55
3.3.3 链接外部样式 56
3.3.4 导入样式 58
3.4 CSS中的单位和值 59
3.4.1 颜色设置 59
3.4.2 长度单位 61
3.5 CSS文档结构 62
3.5.1 文档结构 62
3.5.2 CSS的继承性 62
3.5.3 CSS的特殊性 64
3.5.4 CSS的层叠性 64
3.5.5 CSS的重要性 64
3.6 CSS选择器 65
3.6.1 标签选择器 65
3.6.2 类选择器 66
3.6.3 ID选择器 66
3.6.4 通配选择器 67
3.6.5 伪类选择器 67
3.6.6 组合选择器 67
3.7 CSS选择器声明 67
3.7.1 群选择器 68
3.7.2 派生选择器 68
3.8 CSS3中新增的颜色定义方法 68
3.8.1 HSL colors 68
3.8.2 HSLA colors 70
3.8.3 RGBA colors 70
3.9 CSS3中新增的选择器 71
3.9.1 属性选择器 72
3.9.2 结构伪类选择器 72
3.9.3 UI元素状态伪类选择器 73
3.10 实例精讲——制作儿童类网站页面 73
3.11 本章小结 8004 Div+CSS布局入门 81
4.1 定义Div 81
4.1.1 什么是Div 81
4.1.2 在网页中插入Div 82
4.2 关于CSS盒模型 83
4.2.1 可视化盒模型 83
4.2.2 margin（边界） 84
4.2.3 border（边框） 85
4.2.4 padding（填充） 87
4.2.5 content（内容） 88
4.3 常用定位方式 88
4.3.1 CSS定位属性 88
4.3.2 相对定位 89
4.3.3 绝对定位 90
4.3.4 固定定位 91
4.3.5 浮动定位 92
4.3.6 空白边叠加 95
4.4 常用布局方式 97
4.4.1 居中布局 97
4.4.2 浮动布局 98
4.4.3 自适应高度的解决方法 101
4.5 块元素和行内元素 102
4.5.1 块元素 102
4.5.2 行内元素 103
4.6 CSS3中新增的弹性盒模型 103
4.6.1 盒子取向box-orient 104
4.6.2 盒子顺序box-direction 105
4.6.3 盒子位置box-ordinal-group 107
4.6.4 盒子弹性空间box-flex 108
4.6.5 盒子空间管理box-pack和box-align 109
4.6.6 盒子空间溢出管理box-lines 110
4.7 实例精讲——制作社区类网站页面 111
4.8 本章小结 11805 使用CSS控制文字样式 119
5.1 控制文字样式 119
5.1.1 定义字体 119
5.1.2 定义字体大小 121
5.1.3 定义字体颜色 122
5.1.4 定义字体粗细 123
5.1.5 定义字体样式 124
5.1.6 定义英文字体大小写 125
5.1.7 定义字体下画线、顶画线和删除线 127
5.2 控制字间距和段落样式 128
5.2.1 定义字间距 129
5.2.2 定义行间距 129
5.2.3 定义段落首字下沉 130
5.2.4 定义段落首行缩进 131
5.2.5 定义段落水平对齐 132
5.2.6 定义文本垂直对齐 133
5.3 CSS样式冲突 134
5.4 CSS3中新增的文字属性 136
5.4.1 文字阴影text-shadow 136
5.4.2 控制文本换行word-wrap 137
5.4.3 文本溢出处理text-overflow 139
5.4.4 保持字体大小不变font-size-adjust 140
5.5 实例精讲——制作工作室网站页面 141
5.6 本章小结 14806 使用CSS控制背景和图片样式 149
6.1 使用CSS设置背景颜色 149
6.1.1 定义页面背景颜色 149
6.1.2 通过背景颜色为页面分块 150
6.2 使用CSS设置背景图像 151
6.2.1 定义背景图像 151
6.2.2 定义背景图像的重复方式 152
6.2.3 定义背景图像的位置 155
6.2.4 固定背景图像 156
6.3 使用CSS设置图片样式 157
6.3.1 定义图片的边框 158
6.3.2 定义图片缩放 160
6.3.3 定义图片的水平对齐 162
6.3.4 定义图片的垂直对齐 163
6.4 创建图文混排效果 165
6.4.1 使用CSS实现文字环绕效果 165
6.4.2 设置图文混排的间距 166
6.5 CSS3中新增的背景属性 167
6.5.1 背景图像大小background-size 167
6.5.2 背景图像显示区域background-
origin 169
6.5.3 背景图像裁剪区域background-
clip 170
6.6 CSS3中新增的边框属性 172
6.6.1 多重边框颜色border-colors 172
6.6.2 圆角边框border-radius 173
6.6.3 图像边框border-image 174
6.7 实例精讲——制作设计幼儿园网页 176
6.8 本章小结 18607 使用CSS控制列表样式 187
7.1 列表概述 187
7.2 使用CSS定义列表样式 188
7.2.1 定义ul无序列表样式 188
7.2.2 定义ol有序列表样式 189
7.2.3 更改列表项目样式 190
7.2.4 使用图片作为列表样式 190
7.2.5 定义列表 191
7.3 使用列表制作导航菜单 192
7.3.1 使用CSS样式创建横向导航菜单 192
7.3.2 使用CSS样式将横向菜单转换为竖向菜单 194
7.4 CSS3中新增的内容和透明度属性 195
7.4.1 内容content 195
7.4.2 透明度opacity 196
7.5 实例精讲——制作音乐网站页面 197
7.6 本章小结 20808 使用CSS控制表单样式 209
8.1 关于表单元素 209
8.1.1 输入域标签＜input＞ 209
8.1.2 文本域标签＜textarea＞ 210
8.1.3 选择域标签＜select＞和＜option＞ 210
8.2 使用CSS控制表单元素 2
鄂公网安备 42010302001612号 