第1章 网页设计基础 1
1.1网页概述 1
1.2 Web设计基础 3
1.2.1 Web设计原则 3
1.2.2网站结构规划 7
1.3布局设计 8
1.3.1布局设计原则 8
1.3.2布局设计类型 8
1.3.3布局设计元素 9
1.3.4布局设计技术 11
1.4内容设计 11
1.4.1文本 11
1.4.2多媒体 12
1.4.3内容排版 13
1.5风格设计 13
1.5.1网页设计构成要素 13
1.5.2网页设计的风格类型 14
1.6色彩设计 15
1.6.1色彩基础 15
1.6.2网页中的色彩 19
1.6.3网页配色方案 20
1.7 HTML基础 24
1.7.1 HTML文档的结构 24
1.7.2 HTML基本语法 25
1.7.3注释 26
1.7.4编写HTML文档的注意事项 26
1.7.5 HTML 5文档 27
1.8小结 28
1.9思考与练习 28
第2章CSS基础 29
2.1理解CSS 29
2.1.1 CSS简介 29
2.1.2 CSS构造 29
2.2样式表的定义与使用 30
2.2.1定义标记的style属性 30
2.2.2定义内部样式表 31
2.2.3嵌入外部样式表 31
2.2.4链接外部样式表 32
2.3选择符 33
2.3.1元素选择符 33
2.3.2关系选择符 35
2.3.3属性选择符 37
2.3.4伪类与伪对象选择符 38
2.3.5群组选择符 43
2.4长度单位与颜色设置方法 43
2.4.1长度、百分比单位 43
2.4.2颜色设置方法 43
2.5盒子模型 44
2.5.1设置边距 45
2.5.2设置边框 45
2.5.3设置填充 47
2.6圆角边框与块阴影 47
2.6.1圆角边框 47
2.6.2块阴影 49
2.7小结 50
2.8思考与练习 51
第3章 网页布局 52
3.1表格布局 52
3.2 DIV与SPAN 52
3.3 DIV+CSS布局设计方法 53
3.4中间自适应宽度三栏页面布局 54
3.5固定宽度布局 56
3.6 HTML 5的文档结构元素 57
3.7其他布局属性 61
3.8小结 61
3.9思考与练习 62
第4章 文本与图像 63
4.1文本样式 63
4.2文本排版样式 65
4.3文本元素 68
4.3.1基本的标签 68
4.3.2字符格式化 68
4.3.3输出 70
4.3.4块级 70
4.4添加特殊符号 72
4.4.1空格 72
4.4.2特殊符号 72
4.5图片 72
4.5.1图片标记 72
4.5.2图片的宽高、间距与边框 73
4.5.3图片的对齐方式 74
4.6背景 74
4.6.1背景颜色的属性 74
4.6.2背景图片的属性 75
4.6.3多重背景图像 76
4.7 CSS 3增强的文本功能 77
4.7.1文本阴影 77
4.7.2溢出文本处理 78
4.7.3文本换行显示 79
4.8 CSS 3增强的颜色功能 80
4.8.1 HSL色彩模式 80
4.8.2 HSLA色彩模式 80
4.8.3 RGBA色彩模式 81
4.8.4不透明度 81
4.9小结 81
4.10思考与练习 82
第5章 超链接 83
5.1创建超链接 83
5.1.1超链接路径 84
5.1.2内部链接 84
5.1.3外部链接 85
5.2链接对象 85
5.2.1图片链接 85
5.2.2书签链接 85
5.2.3电子邮件链接 87
5.2.4 FTP链接 87
5.2.5下载文件的链接 88
5.3网页链接属性设置 88
5.4图像映射 89
5.5小结 90
5.6思考与练习 90
第6章 列表 91
6.1无序列表 91
6.2有序列表 92
6.2.1编号样式 92
6.2.2编号起始值 92
6.2.3列表项样式 93
6.2.4列表项编号 93
6.3嵌套列表 94
6.4定义列表 95
6.5菜单列表 96
6.6图像列表 96
6.7列表符号位置 97
6.8使用列表制作导航 98
6.9小结 100
6.10思考与练习 100
第7章 表格 101
7.1表格标记 101
7.1.1表格标记 101
7.1.2表格标题 102
7.1.3表格表头 102
7.1.4划分表格结构 103
7.2表格修饰 104
7.3设置行的属性 107
7.4设置单元格属性 108
7.5单线表格制作 110
7.6表格的嵌套 110
7.7表格布局 111
7.8小结 112
7.9思考与练习 112
第8章 表单 113
8.1表单的概念 113
8.2输入 114
8.2.1单行文本输入框 115
8.2.2提交按钮和重置按钮 115
8.2.3密码输入框 116
8.2.4复选框 116
8.2.5单选按钮 117
8.2.6图像域 118
8.2.7文件域 118
8.2.8隐藏域 119
8.3多行文本输入框 119
8.4选择(列表/菜单) 120
8.5字段集与选项组 121
8.6小结 122
8.7思考与练习 122
第9章JavaScript 124
9.1 JavaScript简介 124
9.2 JavaScript程序 126
9.2.1语句 126
9.2.2函数 127
9.2.3消息对话框 130
9.3标识符和变量 131
9.3.1命名规定 131
9.3.2数据类型 131
9.3.3变量 132
9.3.4转义字符 134
9.4运算符和表达式 134
9.4.1算术运算符和表达式 134
9.4.2赋值运算符和表达式 135
9.4.3关系运算符和表达式 136
9.4.4逻辑运算符和表达式 138
9.4.5条件运算符和表达式 138
9.4.6其他运算符和表达式 138
9.5 JavaScript程序控制结构 139
9.5.1顺序程序 139
9.5.2分支程序 140
9.5.3循环程序 143
9.6常用对象 147
9.6.1对象简介 147
9.6.2核心对象 148
9.6.3文档 154
9.6.4窗口 157
9.7事件编程 157
9.7.1事件简介 157
9.7.2表单事件 159
9.7.3鼠标事件 160
9.7.4键盘事件 161
9.7.5页面载入和离开 161
9.8利用JS实现在线订购功能 161
9.9小结 162
9.10思考与练习 163
第10章jQuery 164
10.1 jQuery概述 164
10.2 jQuery选择器 166
10.2.1基本选择器 166
10.2.2层次选择器 167
10.2.3过滤选择器 168
10.2.4表单选择器 175
10.3 jQuery操作DOM 177
10.3.1访问元素 177
10.3.2节点操作 183
10.3.3遍历元素 188
10.3.4删除元素 189
10.4 jQuery中的事件 190
10.4.1页面载入事件 190
10.4.2绑定事件 190
10.4.3切换事件 192
10.4.4移除事件 193
10.4.5 trigger方法 194
10.5 jQuery动画与特效 194
10.5.1基本动画 194
10.5.2滑动动画 197
10.5.3淡入淡出动画 199
10.5.4自定义动画 201
10.6 jQuery UI插件 204
10.6.1 jQuery UI交互性插件 204
10.6.2 jQuery UI微型插件 208
10.7小结 212
10.8思考与练习 213
第11章 网页多媒体实现 215
11.1 HTML 5中的多媒体元素 215
11.1.1多媒体元素的基本属性 215
11.1.2多媒体元素的常用方法 218
11.1.3多媒体元素的重要事件 221
11.2 HTML绘图基础 224
11.2.1 canvas元素的基本用法 224
11.2.2绘制带边框矩形 226
11.2.3绘制渐变图形 227
11.3 CSS动画设计 228
11.3.1 CSS变形 228
11.3.2 CSS变形原点 231
11.3.3 CSS过渡 233
11.3.4 CSS动画 234
11.4网页中的 Flash动画与视频 235
11.5小结 235
11.6思考与练习 236
第12章 综合实例 237
12.1班级网站制作 237
12.1.1网站规划与设计 237
12.1.2页面布局 238
12.1.3首页制作 240
12.1.4二级页面 242
12.2用HTML 5和CSS 3开发博客 244
12.2.1网页结构设计 244
12.2.2用CSS 3添加样式 249
12.2.3内容域和边栏的风格化 251
12.2.4博客文章的风格化 252
12.2.5为评论设置斑马纹 253
12.3网页切片与搭建过程 255
12.3.1网页切片 255
12.3.2页面搭建过程 257
12.4小结 264
12.5思考与练习 265
第13章CMS主题制作 266
13.1 CMS简介 266
13.2安装Drupal 267
13.3 Drupal主题制作 269
13.4小结 281
13.5思考与练习 281
附录用Muse构建网站 282
参考文献 288