第1章 网页设计简介 1
1.1 万维网概述 1
1.2 HTML语言 2
1.3 网页设计相关概念 3
1.3.1 超链接 4
1.3.2 统一资源定位器 4
1.3.3 网站 5
1.3.4 网页 5
1.3.5 首页 5
1.4 网页制作开发工具 6
1.4.1 编辑工具 6
1.4.2 浏览工具 8
1.5 网页制作相关技术 8
1.5.1 CSS 9
1.5.2 JavaScript 9
小结 9
习题 9
实验 10
第2章 HTML基础介绍 11
2.1 HTML文档结构 11
2.1.1 基本结构 11
2.1.2 头部内容 11
2.1.3 主体内容 13
2.1.4 编写网页的开头 13
2.2 HTML基本语法 14
2.2.1 标记语法 14
2.2.2 属性语法 15
2.3 注释 15
2.4 编写HTML文件时的注意事项 16
2.5 实例 16
小结 17
习题 17
实验 18
第3章 文字与段落 19
3.1 文字内容 19
3.1.1 添加文字 19
3.1.2 标题字 20
3.1.3 添加空格 21
3.1.4 添加特殊符号 21
3.1.5 注释语句 23
3.2 文字样式 24
3.3 文字的修饰 25
3.3.1 粗体、斜体、下划线 25
3.3.2 删除线 25
3.3.3 上标、下标 26
3.3.4 设置文字标注 27
3.3.5 设置地址文字 28
3.3.6 设置等宽文字 28
3.4 段落 29
3.4.1 段落标记 29
3.4.2 换行标记 30
3.4.3 居中标记 31
3.4.4 水平分隔线 32
3.4.5 预格式化标记 33
3.4.6 设置段落缩进 34
3.5 小实例 35
小结 36
习题 37
实验 37
第4章 列表 39
4.1 列表简介 39
4.2 无序列表 39
4.3 有序列表 40
4.3.1 有序列表及其编号样式 40
4.3.2 编号起始值 41
4.3.3 列表项样式 42
4.3.4 列表项编号 43
4.4 嵌套列表 44
4.5 定义列表 46
4.6 菜单列表和目录列表 47
4.7 小实例 49
小结 50
习题 50
实验 50
第5章 超链接 52
5.1 超链接简介 52
5.2 创建超链接 53
5.2.1 设置超链接路径 55
5.2.2 内部链接 56
5.2.3 外部链接 56
5.3 链接对象 57
5.3.1 图片链接 57
5.3.2 书签链接 58
5.3.3 电子邮件链接 61
5.3.4 FTP链接 63
5.3.5 下载文件的链接 63
5.4 小实例 65
小结 67
习题 67
实验 68
第6章 表格 70
6.1 表格简介 70
6.2 表格标记和表格标题 70
6.2.1 表格标记 70
6.2.2 表格标题 72
6.2.3 表格表头 73
6.3 表格的属性修饰 74
6.3.1 设置表格的边框属性 75
6.3.2 设置表格的宽度和高度 75
6.3.3 设置表格的背景颜色 76
6.3.4 设置表格的背景图像 76
6.3.5 设置边框样式 77
6.3.6 设置表格的单元格间距 78
6.3.7 设置表格的单元格边距 78
6.3.8 设置表格的水平对齐属性 79
6.4 设置表格行的属性 79
6.4.1 行内容水平对齐 80
6.4.2 行内容垂直对齐 81
6.5 设置表格中某一单元格的属性 82
6.5.1 设置单元格跨行 82
6.5.2 设置单元格跨列 84
6.6 表格嵌套 85
6.7 小实例 86
小结 90
习题 90
实验 91
第7章 表单 92
7.1 表单简介 92
7.1.1 表单的结构 92
7.1.2 get方法与post方法 93
7.2 输入 94
7.2.1 单行文本输入框 94
7.2.2 提交按钮和重置按钮 95
7.2.3 密码输入框 96
7.2.4 复选框 97
7.2.5 单选按钮 98
7.2.6 图像按钮 99
7.2.7 文件选择输入框 100
7.2.8 隐藏框 101
7.3 多行文本输入框 102
7.4 下拉列表框 103
7.5 小实例 106
小结 108
习题 109
实验 110
第8章 使用CSS格式化网页 111
8.1 理解CSS 111
8.1.1 CSS简介 111
8.1.2 CSS的构造 112
8.2 样式表的定义与使用 113
8.2.1 定义标记的style属性 113
8.2.2 定义内部样式表 114
8.2.3 嵌入外部样式表 115
8.2.4 链接外部样式表 116
8.3 定义选择符 117
8.3.1 按照名称选择元素 117
8.3.2 按照id和class选择元素 118
8.3.3 按照上下文选择元素 119
8.3.4 选择元素的一部分 120
8.3.5 指定元素组 121
8.4 文字与排版样式的使用 121
8.4.1 长度、百分比单位 121
8.4.2 文字样式属性 122
8.4.3 排版样式属性 129
8.5 背景与颜色的使用 134
8.5.1 设置颜色方法 134
8.5.2 背景颜色的属性 135
8.5.3 背景图片的属性 136
8.6 美化网页与超链接的设置 140
8.6.1 设置网页链接属性 140
8.6.2 设置滚动条属性 141
8.6.3 设置光标属性 142
8.7 矩形模块的概念与使用 144
8.7.1 矩形模块 144
8.7.2 设置边界 144
8.7.3 设置元素边框 145
8.7.4 设置元素内边界 150
8.8 列表样式 151
8.9 DIV应用 154
8.10 小实例 157
小结 159
习题 159
实验 160
第9章 CSS应用 162
9.1 CSS与文字段落 162
9.1.1 CSS文字与段落修饰 162
9.1.2 新闻页面的设计实例 162
9.2 CSS与列表 167
9.2.1 CSS列表修饰 167
9.2.2 导航条的设计实例 168
9.3 CSS与超链接 170
9.3.1 CSS超链接修饰 170
9.3.2 电子相册的设计实例 171
9.4 CSS与表格 174
9.4.1 CSS表格修饰 174
9.4.2 产品介绍页面的设计实例 175
9.5 CSS与表单 178
9.5.1 CSS表单修饰 178
9.5.2 在线预订页面的设计实例 180
小结 183
习题 183
实验 184
第10章 JavaScript基础 186
10.1 JavaScript起步 186
10.1.1 JavaScript简介 186
10.1.2 JavaScript的实例 187
10.1.3 JavaScript的放置 189
10.2 JavaScript程序 191
10.2.1 语句和语句块 191
10.2.2 函数 192
10.2.3 常用系统函数 197
10.2.4 消息对话框 198
10.2.5 注释 199
10.3 标识符和变量 200
10.3.1 关于命名的规定 200
10.3.2 JavaScript的数据类型 201
10.3.3 变量 202
10.3.4 转义字符 203
10.4 运算符和表达式 204
10.4.1 算术运算符和表达式 204
10.4.2 赋值运算符和表达式 205
10.4.3 关系运算符和表达式 206
10.4.4 逻辑运算符和表达式 208
10.4.5 条件运算符和表达式 209
10.4.6 其他运算符和表达式 209
10.5 JavaScript程序控制结构 210
10.5.1 顺序程序 210
10.5.2 分支程序 210
10.5.3 循环程序 216
10.6 常用对象 221
10.6.1 对象简介 221
10.6.2 核心对象 222
10.6.3 文档 229
10.6.4 窗口 234
10.7 事件编程 239
10.7.1 事件简介 239
10.7.2 表单事件 241
10.7.3 鼠标事件 243
10.7.4 键盘事件 243
10.7.5 页面的载入和离开 244
10.8 小实例 244
小结 246
习题 247
实验 249
第11章 Web设计基础 250
11.1 Web设计原则 250
11.1.1 明确站点类型 250
11.1.2 保持界面简洁、内容明确 253
11.1.3 保持页面设计的一致性 254
11.1.4 注重用户体验 254
11.2 网站结构规划 255
11.2.1 网站栏目规划 255
11.2.2 目录结构规划 256
11.3 网页布局 257
11.3.1 布局设计原则 257
11.3.2 布局设计类型 259
11.3.3 布局设计元素 262
11.3.4 布局设计技术 263
11.4 内容设计 265
11.4.1 文本 265
11.4.2 多媒体 266
11.4.3 内容排版 268
11.5 色彩设计 269
11.5.1 色彩基础 269
11.5.2 网页中的色彩设计 270
小结 271
实验 271
第12章 页面布局技术 272
12.1 表格布局方法 272
12.1.1 表格布局的案例分析 272
12.1.2 表格布局的操作方法 274
12.1.3 表格布局实例制作 275
12.2 DIV+CSS布局方法 277
12.2.1 DIV+CSS布局的优势 278
12.2.2 DIV+CSS布局的案例分析 278
12.2.3 DIV+CSS布局的操作方法 280
12.2.4 DIV+CSS页面布局实例制作 282
12.3 页面导航布局方法 285
12.3.1 页面导航案例分析 285
12.3.2 页面导航实例制作 286
小结 289
实验 290
第13章 HTML5开发 291
13.1 HTML5概述 291
13.1.1 HTML5发展历程 291
13.1.2 HTML5新特性 292
13.1.3 HTML5浏览器支持 293
13.2 HTML5语义化标签 293
13.3 Canvas应用 297
13.3.1 Canvas概述 297
13.3.2 坐标与路径 298
13.3.3 绘制矩形 300
13.3.4 绘制圆形 301
13.3.5 绘制图像 302
13.3.6 图形渐变 304
13.3.7 空间转换 305
13.3.8 样式特效 307
13.4 表单 310
13.4.1 新增输入元素 310
13.4.2 新增其他元素 312
13.4.3 新增属性 314
13.5 HTML5中的多媒体应用 316
13.5.1 音频的应用 317
13.5.2 视频的应用 318
13.6 HTML5中的其他应用 320
13.6.1 Web存储 320
13.6.2 地理定位 322
13.6.3 应用缓存 322
13.6.4 Web Workers 322
小结 323
习题 323
实验 324
第14章 综合网站制作实例 325
14.1 班级网站的规划与设计 325
14.1.1 网站定位 325
14.1.2 需求分析 325
14.1.3 栏目设计 326
14.1.4 站点定义与目录管理 326
14.1.5 网站的风格设计 327
14.2 网页设计与制作 327
14.2.1 页面布局 327
14.2.2 全局CSS的定义 328
14.2.3 首页的制作 330
14.2.4 二级页面的制作 336
14.2.5 内容页面的制作 338
14.3 网站的测试与发布 339
14.3.1 安装IIS服务器 339
14.3.2 建立虚拟目录 339
14.3.3 管理站点 340
小结 341