第1章 网页设计基础 1
1.1万维网概述 2
1.2 HTML的概念 2
1.3 HTML开发组织 2
1.4网页设计相关概念 2
1.4.1超链接 3
1.4.2统一资源定位器 3
1.4.3网站 3
1.4.4网页 3
1.4.5首页 3
1.5网页的开发工具和浏览工具 3
1.5.1网页开发工具 3
1.5.2网页浏览工具 5
1.5.3 Dreamweaver的使用 6
1.6网页制作相关技术 7
1.6.1客户端应用技术 7
1.6.2服务器端应用技术 9
小结 10
习题 10
第2章 初识HTML 11
2.1 HTM L概述 12
2.1.1 HTML发展历史 12
2.1.2 HTML文件基本结构 12
2.1.3使用Dreamweaver创建一个HTML5页面 13
2.2文字标签 15
2.2.1显示普通文字 15
2.2.2输入特殊符号 15
2.2.3标题字标签 15
2.2.4修饰文字标签 15
2.2.5修饰字体标签 16
2.3段落标签 17
2.3.1段落标签〈p〉 17
2.3.2取消文字换行标签〈nobr〉 17
2.3.3修饰段落的对齐属性align 17
2.3.4保留原始排版标签〈pre〉 18
2.4图片标签与列表标签 19
2.4.1插入图片标签〈img〉 19
2.4.2建立有序列表 19
2.4.3建立无序列表 22
2.4.4建立定义列表 23
2.5链接标签 25
2.5.1建立文本链接 25
2.5.2建立书签链接 26
小结 28
上机指导 28
习题 30
第3章HTML中的表格 31
3.1绘制表格 32
3.1.1设置表格的标题 32
3.1.2设置表格的宽度和高度 32
3.1.3设置表格的边框色 33
3.1.4设置表格的对齐方式 33
3.1.5设置表格的背景颜色 33
3.1.6设置表格的背景图片 34
3.2行标签〈tr〉的属性 35
3.2.1设置行的高度 35
3.2.2设置行的边框颜色 36
3.2.3设置行的背景颜色 36
3.2.4设置行的水平位置 36
3.2.5设置行的垂直位置 36
3.3单元格标签〈td〉的属性 38
3.3.1设置单元格的大小 38
3.3.2设置单元格的水平对齐属性 38
3.3.3设置单元格的垂直对齐属性 39
3.3.4设置单元格的水平跨度 39
3.3.5设置单元格的垂直跨度 40
3.3.6设置单元格的背景色 41
3.3.7设置单元格的背景图片 41
3.3.8单元格属性综合运用 41
3.4表头标签〈th〉的属性 42
3.5表格的结构标签 43
3.5.1设置表首样式 43
3.5.2设置表主体样式 44
3.5.3设置表尾样式 45
小结 46
上机指导 46
习题 48
第4章 使用HTML创建表单 49
4.1表单概述 50
4.2表单标签〈form〉 50
4.2.1处理程序属性——action 50
4.2.2表单名称属性——name 51
4.2.3传送方法属性——method 51
4.2.4编码方式属性——enctype 52
4.2.5目标显示方式属性——target 53
4.3输入标签〈input〉 53
4.3.1文本框——text 53
4.3.2密码域——password 54
4.3.3“单选”按钮——radio 56
4.3.4复选框——checkbox 57
4.3.5“普通”按钮——button 58
4.3.6“提交”按钮——submit 59
4.3.7“重置”按钮——reset 60
4.3.8图像域——image 61
4.3.9隐藏域——hidden 62
4.3.10文件域——file 63
4.4文本域标签——textarea 64
4.5列表／菜单标签 65
4.6 HTML5新增表单属性 66
小结 70
上机指导 70
习题 72
第5章 使用图像 73
5.1图片的基本格式 74
5.2添加图像——img 74
5.3设置图像属性 75
5.3.1图像高度——height 75
5.3.2图像宽度——width 76
5.3.3图像边框——border 77
5.3.4图像水平间距——hspace 78
5.3.5图像垂直间距——vspace 79
5.3.6图像相对于文字基准线的对齐方式——align 80
5.3.7图像的提示文字——title 81
5.3.8图像的替换文字——alt 82
5.4使用〈img〉标签插入avi文件 83
5.4.1 avi的源文件属性——dynsrc 83
5.4.2设定avi文件循环次数属性 —— loop 84
5.4.3设定avi文件播放方式属性 —— start 84
5.5图像的超链接 86
5.5.1设置图像的超链接 86
5.5.2设置图像热区链接 87
小结 89
上机指导 89
习题 91
第6章 走进HTML的多媒体世界 92
6.1设置滚动文字 93
6.1.1滚动文字标签——marquee 93
6.1.2滚动方向属性——direction 93
6.1.3滚动方式属性——behavior 94
6.1.4滚动速度属性——scrollamount 95
6.1.5滚动延迟属性——scrolldelay 95
6.1.6滚动循环属性——loop 96
6.1.7滚动范围属性——width、 height 97
6.1.8滚动背景颜色属性——bgcolor 97
6.1.9滚动空间属性——hspace、vspace 98
6.2 〈audio〉标签和〈video〉标签 99
6.3多媒体标签的基本属性及使用 100
6.3.1多媒体标签基本属性 100
6.3.2使用〈audio〉标签播放音频 103
6.3.3使用〈video〉标签播放视频 104
6.3.4设置背景音乐——bgsound 104
6.4多媒体标签的方法 105
6.5多媒体标签的事件 107
6.5.1事件处理 107
6.5.2事件介绍 107
小结 108
上机指导 108
习题 109
第7章CSS概述 110
7.1 CSS的发展史 111
7.2 CSS3特性 111
7.3主流浏览器对CSS的支持 112
7.4一个简单的CSS示例 113
小结 115
习题 115
第8章CSS中的选择器 116
8.1选择器概述 117
8.2基础选择器 118
8.2.1元素选择器 118
8.2.2类选择器 118
8.2.3 ID选择器 119
8.2.4属性选择器 119
8.3其他选择器 123
8.3.1后代选择器 123
8.3.2子代选择器 123
8.3.3相邻兄弟元素选择器 124
8.3.4通用兄弟元素选择器 124
8.4伪类选择器及伪元素 126
8.4.1伪类选择器 126
8.4.2伪元素选择器 127
小结 128
上机指导 129
习题 131
第9章CSS常用属性 132
9.1文本相关属性 133
9.1.1文字 133
9.1.2文本 137
9.1.3设置超链接样式 139
9.2背景相关属性 140
9.2.1背景常规属性 140
9.2.2 CSS3新特性 142
9.3列表相关属性 147
9.4框模型 149
9.4.1概述 149
9.4.2内外边距的相关属性 150
9.4.3边框 152
9.5定位相关属性 153
9.5.1概述 153
9.5.2设置定位方式 153
9.5.3浮动 155
小结 156
上机指导 156
习题 158
第10章CSS3中的变形与动画 159
10.1 2D变换——transform 160
10.1.1 transform的基本属性值 160
10.1.2应用transform属性实现旋转 161
10.1.3应用transform属性实现缩放 161
10.1.4应用transform属性实现平移 162
10.1.5应用transform属性实现倾斜 163
10.1.6变形原点 166
10.2过渡效果——transition 167
10.2.1指定参与过渡的属性 167
10.2.2指定过渡的持续时间 167
10.2.3指定过渡的延迟时间 168
10.2.4指定过渡的动画类型 168
10.3动画——Animation 173
10.3.1关键帧 173
10.3.2动画属性 174
小结 176
上机指导 176
习题 177
第11章JavaScript概述 178
11.1 JavaScript概貌 179
11.1.1 JavaScript的历史 179
11.1.2 JavaScript的主要特点 179
11.1.3 JavaScript成功案例 180
11.2 JavaScript开发环境要求 182
11.2.1硬件要求 182
11.2.2软件要求 182
11.3 JavaScript在HTML中的使用 183
11.3.1在页面中直接嵌入JavaScript 183
11.3.2链接外部JavaScript 184
小结 185
上机指导 185
习题 187
第12章JavaScript基础 188
12.1 JavaScript数据结构 189
12.1.1标识符 189
12.1.2关键字 189
12.1.3常量 190
12.1.4变量 190
12.2数据类型 191
12.2.1数字型数据 192
12.2.2字符串型数据 193
12.2.3布尔型数据 193
12.2.4特殊数据类型 194
12.2.5数据类型的转换规则 195
12.3运算符与表达式 197
12.3.1算术运算符 198
12.3.2比较运算符 198
12.3.3赋值运算符 198
12.3.4字符串运算符 199
12.3.5布尔运算符 199
12.3.6条件运算符 200
12.3.7运算符优先级 200
12.3.8表达式 200
12.4流程控制语句 203
12.4.1条件控制语句 203
12.4.2循环控制语句 209
12.4.3跳转语句 212
12.5函数 213
12.5.1函数的定义 213
12.5.2函数的调用 214
12.5.3几种特殊的函数 217
小结 219
上机指导 219
习题 220
第13章JavaScript对象编程 221
13.1 Window窗口对象 222
13.1.1 Window对象 222
13.1.2对话框（Dialog ） 223
13.1.3窗口对象常用操作 226
13.2 Document文档对象 229
13.2.1文档对象概述 229
13.2.2文档对象的常用属性、方法与事件 230
13.2.3 Document对象的应用 231
13.3 JavaScript与表单操作 237
13.3.1在JavaScript中访问表单 237
13.3.2在JavaScript中访问表单域 237
13.3.3表单的验证 237
13.4 DOM对象 239
13.4.1 DOM概述 239
13.4.2 DOM对象节点属性 241
13.4.3节点的几种操作 242
13.4.4获取文档中的指定元素 243
13.4.5与DHTML相对应的DOM 245
小结 246
上机指导 246
习题 248
第14章JavaScript中的事件处理 249
14.1事件与事件处理概述 250
14.1.1事件与事件名称 250
14.1.2 JavaScript的常用事件 250
14.1.3事件处理程序的调用 252
14.2 DOM事件模型 254
14.2.1事件流 254
14.2.2主流浏览器的事件模型 254
14.2.3事件对象 255
14.2.4注册与移除事件监听器 255
14.3鼠标和键盘事件 257
14.3.1鼠标的单击事件 257
14.3.2鼠标的按下和松开事件 257
14.3.3鼠标的移入和移出事件 257
14.3.4鼠标的移动事件 257
14.3.5键盘事件的使用 257
14.4页面事件 260
14.4.1加载与卸载事件 260
14.4.2页面的大小事件 261
14.5表单事件 262
14.5.1获得焦点与失去焦点事件 262
14.5.2失去焦点修改事件 262
14.5.3表单提交与重置事件 263
小结 265
上机指导 265
习题 266
第15章 综合项目——51购商城 267
15.1项目的设计思路 268
15.1.1项目概述 268
15.1.2界面预览 268
15.1.3功能结构 270
15.1.4文件夹组织结构 270
15.2主页的设计与实现 271
15.2.1主页的设计 271
15.2.2顶部区和底部区功能的实现 272
15.2.3商品分类导航功能的实现 274
15.2.4轮播图功能的实现 276
15.2.5商品推荐功能的实现 277
15.3商品列表页面的设计与实现 279
15.3.1商品列表页面的设计 279
15.3.2分类选项功能的实现 279
15.3.3商品列表区的实现 281
15.4商品详情页面的设计与实现 282
15.4.1商品详情页面的设计 282
15.4.2商品概要功能的实现 284
15.4.3商品评价功能的实现 285
15.4.4猜你喜欢功能的实现 286
15.5购物车页面的设计与实现 288
15.5.1购物车页面的设计 288
15.5.2购物车页面的实现 289
15.6付款页面的设计与实现 290
15.6.1付款页面的设计 290
15.6.2付款页面的实现 290
15.7登录和注册页面的设计与实现 292
15.7.1登录和注册页面的设计 292
15.7.2登录页面的实现 293
15.7.3注册页面的实现 294
小结 296
第16章 课程设计——游戏公园网站 297
16.1课程设计目的 298
16.2游戏公园网站概述 298
16.2.1网站特点 298
16.2.2功能结构 299
16.3主页的设计与实现 300
16.3.1主页的设计 300
16.3.2顶部区和底部区功能的实现 301
16.3.3推荐游戏功能的实现 303
16.3.4最新游戏功能的实现 304
16.4博客列表的设计与实现 305
16.4.1博客列表的设计 305
16.4.2博客列表的实现 306
16.5博客详情的设计与实现 308
16.5.1博客详情的设计 308
16.5.2博客详情的实现 308
16.6关于我们的设计与实现 309
16.6.1关于我们的设计 309
16.6.2关于我们的实现 310
小结 311
附录 实验 312
实验1通过Dreamweaver创建一个网页 312
实验2实现网页中的买家评论信息 313
实验3通过表格制作商城首页 315
实验4通过表单实现酒店筛选 317
实验5设置网页中图片的属性 318
实验6通过〈video〉标签添加视频 320
实验7实现鼠标滑过图片时的特效 321
实验8实现51购商城中鼠标划过的特效 323
实验9通过列表实现商品排列 325
实验10通过2D变换实现动态照片墙 327
实验11输出一张图片 329
实验12通过循环语句输出年份和月份 329
实验13实现商品详情中Tab菜单 331
实验14购物车常用操作 333