准备篇 2
第1章 Web技术综述 2
1.1 Internet基础 2
1.1.1 TCP/IP 2
1.1.2 主机和IP地址 2
1.1.3 DNS和域名 3
1.2 Web概述 4
1.2.1 Web起源 4
1.2.2 Web的工作原理 4
1.2.3 Web基本技术 4
1.2.4 Web服务器 5
1.3 超文本与标签语言 6
1.3.1 超文本 6
1.3.2 标签语言 6
1.4 Web标准综述 7
1.4.1 Web标准体系 8
1.4.2 Web标准的意义 8
1.5 浏览器 9
1.5.1 主流浏览器 9
1.5.2 浏览器内核 9
1.6 知识点提炼 10
1.7 思考与练习 10
1.8 上机实例练习——浏览器安装及内核检测 11
第2章 开发工具介绍 12
2.1 Web开发工具 12
2.1.1 Photoshop图像制作 12
2.1.2 Fireworks网页作图 13
2.1.3 Flash网页动画 13
2.1.4 记事本 13
2.1.5 Notepad代码编辑器 14
2.1.6 EditPlus代码编辑器 15
2.1.7 TextPad代码编辑器 15
2.1.8 Dreamweaver网页编辑器 16
2.1.9 CSS3 Menu——CSS菜单设计工具 16
2.1.10 ColorImpact颜色方案设计工具 17
2.2 Dreamweaver软件的使用 17
2.2.1 基本操作 17
2.2.2 界面介绍 21
2.2.3 站点管理配置 22
2.3 知识点提炼 23
2.4 思考与练习 23
2.5 上机实例练习——新建站点、新建网页 24
第3章 Web运行环境搭建 25
3.1 Web常见运行环境 25
3.2 Windows7环境下IIS安装 26
3.3 IIS中站点配置 28
3.4 知识点提炼 30
3.5 思考与练习 30
3.6 上机实例练习——安装IIS并配置站点 30
入门篇 32
第4章 HTML/CSS/JavaScript综述 32
4.1 HTML综述 32
4.1.1 HTML所扮演的角色 32
4.1.2 HTML代码片段 33
4.2 CSS综述 33
4.2.1 CSS所扮演的角色 33
4.2.2 CSS代码片段 34
4.3 JavaScript综述 34
4.3.1 JavaScript所扮演的角色 35
4.3.2 JavaScript代码片段 35
4.4 小实例——HTML、CSS、JavaScript的综合应用 36
4.5 知识点提炼 37
4.6 思考与练习 37
4.7 上机实例练习——仿照4-3-2.html练习 38
第5章 HTML基础介绍 39
5.1 HTML文档结构 39
5.2 HTML基本语法 39
5.2.1 标签语法 39
5.2.2 属性语法 40
5.3 HTML文件命名规则 42
5.4 编写HTML文档注意事项 42
5.5 小实例——简单图文混排网页制作 43
5.6 知识点提炼 44
5.7 思考与练习 44
5.8 上机实例练习——用记事本仿5-5.html编写一个HTML文件 45
第6章 HTML文件的标准结构 46
6.1 文件头部内容 46
6.1.1 设置网页标题＜title＞ 46
6.1.2 定义元素信息＜meta＞ 47
6.1.3 设置网页关键词——keywords 48
6.1.4 设置网页描述——description 48
6.2 文件主体内容 49
6.2.1 设置页面背景——bgcolor 49
6.2.2 设置背景图片——background 50
6.2.3 设置页面边距 51
6.2.4 设计正文颜色——text 52
6.3 小实例——Web课程介绍网页 53
6.4 知识点提炼 53
6.5 思考与练习 54
6.6 上机实例练习——个人文字简历网页 54
第7章 文本与段落 55
7.1 内容编辑 55
7.1.1 添加文本 55
7.1.2 添加注释＜！-- --＞ 56
7.1.3 添加空格 ； 57
7.1.4 添加删除线＜del＞ 57
7.1.5 插入特殊符号 58
7.2 文本修饰 59
7.2.1 简单文本修饰＜b＞＜i＞＜u＞ 59
7.2.2 设置文本效果＜font＞ 60
7.2.3 文字上下标＜sup＞＜sub＞ 61
7.2.4 设置地址文本＜address＞ 61
7.3 段落排版 62
7.3.1 段落＜p＞ 62
7.3.2 换行＜br/＞ 63
7.3.3 预格式化＜pre＞ 64
7.3.4 段落缩进＜blockquote＞ 65
7.3.5 设置水平线＜hr/＞ 65
7.4 小实例——唐诗宋词网页设计 66
7.5 知识点提炼 67
7.6 思考与练习 67
7.7 上机实例练习——重写唐诗宋词网页，并设置网页背景和文本颜色等 68
第8章 列表 69
8.1 列表类 69
8.1.1 无序列表＜ul＞ 69
8.1.2 有序列表＜ol＞ 70
8.1.3 定义列表＜dl＞ 71
8.2 嵌套列表 72
8.2.1 无序与有序嵌套列表 72
8.2.2 定义嵌套列表 73
8.3 小实例——列表在网页中的应用 74
8.4 知识点提炼 75
8.5 思考与练习 75
8.6 上机实例练习——制作一个多类别的新闻列表网页 76
第9章 超链接 77
9.1 超链接概述 77
9.2 超链接路径 78
9.2.1 绝对路径 78
9.2.2 相对路径 78
9.2.3 根路径 79
9.3 超链接的使用 79
9.3.1 创建内部链接 79
9.3.2 创建外部链接 80
9.4 小实例——超链接的应用 81
9.5 知识点提炼 82
9.6 思考与练习 82
9.7 上机实例练习——小型电子书 82
第10章 图片与多媒体的使用 83
10.1 图片 83
10.1.1 网页图片格式 83
10.1.2 插入图片方法 84
10.1.3 设置图片替代文本——alt 85
10.1.4 设置图片属性——width、height 86
10.1.5 添加图片链接＜a＞ 88
10.1.6 创建图片热区链接 90
10.2 多媒体＜embed＞ 91
10.2.1 插入音频 92
10.2.2 插入视频 92
10.2.3 插入Flash动画 93
10.3 知识点提炼 93
10.4 思考与练习 94
10.5 上机实例练习——多媒体网页制作 94
第11章 表格的应用 95
11.1 表格概述 95
11.1.1 表格结构＜table＞ 96
11.1.2 设置表格标题＜caption＞ 97
11.1.3 设置表格表头＜th＞ 98
11.2 表格属性 99
11.2.1 设置表格宽度和高度——width和height 99
11.2.2 设置表格边框——border 100
11.2.3 设置表格边距cellpadding和间距cellspacing 101
11.2.4 内容水平对齐——align 102
11.2.5 内容垂直对齐——valign 103
11.2.6 设置跨行——rowspan 104
11.2.7 设置跨列——colspan 105
11.3 表格嵌套 106
11.4 小实例——表格在网页布局中的应用 107
11.5 用DW工具快速创建表格方法 108
11.6 知识点提炼 110
11.7 思考与练习 110
11.8 上机实例练习——利用表格布局制作一个网页 111
第12章 框架的应用 112
12.1 框架概述 112
12.2 框架的基本结构 113
12.3 设置框架集 113
12.3.1 左右分割——cols 114
12.3.2 上下分割rows 115
12.4 嵌套框架 115
12.5 设置框架＜frame＞ 116
12.5.1 设置框架源文件属性——src 117
12.5.2 设置框架名称——name 117
12.5.3 设置框架边框——frameborder 117
12.5.4 设置框架滚动条——scrolling 117
12.5.5 调整框架尺寸——noresize 118
12.6 浮动框架 118
12.6.1 设置浮动框架 118
12.6.2 浮动框架属性——width和height 119
12.7 小实例——利用框架制作电子简历 120
12.8 知识点提炼 121
12.9 思考与练习 121
12.10 上机实例练习——利用框架制作电子相册 121
第13章 表单的设计 122
13.1 表单标签 122
13.2 表单标签＜form＞ 122
13.3 表单域＜input/＞ 123
13.3.1 文本框——text 123
13.3.2 密码框——password 124
13.3.3 文件域——file 125
13.3.4 复选框——checkbox 125
13.3.5 单选按钮——radio 126
13.3.6 标准按钮——button 127
13.3.7 提交按钮——submit 128
13.3.8 重置按钮——reset 129
13.3.9 图像域——image 130
13.3.10 隐藏域——hidden 131
13.4 文本区域＜textarea＞ 131
13.5 下拉菜单＜select＞和列表项＜option＞ 132
13.6 小实例——在线报名表单设计 133
13.7 知识点提炼 136
13.8 思考与练习 136
13.9 上机实例练习——应聘简历表单设计 136
进阶篇 138
第14章 CSS样式表基础 138
14.1 CSS概述 138
14.2 CSS语法 138
14.3 CSS常用选择器 139
14.3.1 类选择符 139
14.3.2 id选择符 140
14.3.3 包含选择符 140
14.3.4 伪类 140
14.4 CSS使用方法 140
14.4.1 链入外部样式表 141
14.4.2 内部样式表 142
14.4.3 嵌入样式表 143
14.4.4 导入外部样式表 144
14.5 CSS特性和优先级问题 145
14.6 小实例——CSS样式的应用 146
14.7 知识点提炼 146
14.8 思考与练习 147
14.9 上机实例练习——利用外部样式设计一个网页 147
第15章 字体样式表 148
15.1 字体颜色——color 148
15.2 字体设置——font-family 149
15.3 字号设置——font-size 150
15.4 字体样式——font-style 152
15.5 字体加粗——font-weight 153
15.6 字体变体——font-variant 154
15.7 组合设置字体属性——font 155
15.8 小实例——利用CSS进行字体综合设置 156
15.9 知识点提炼 157
15.10 思考与练习 157
15.11 上机实例练习——制作利用CSS进行字体设置网页 158
第16章 段落样式表 159
16.1 调整字符间距——letter-spacing 159
16.2 调整单词间距——word-spacing 160
16.3 添加文本修饰——text-decoration 161
16.4 文本对齐方式——text-align 162
16.5 设置段落缩进——text-indent 163
16.6 设置行高——line-height 164
16.7 英文大小写转换——text-transform 165
16.8 小实例——利用CSS进行段落精确编排 166
16.9 知识点提炼 167
16.10 思考与练习 167
16.11 上机实例练习——制作一个利用CSS进行精美编排的网页 168
第17章 列表和背景 169
17.1 列表样式——list-style-type 169
17.2 列表图像——list-style-image 171
17.3 列表位置——list-style-position 172
17.4 设置背景颜色——background-color 173
17.5 设置背景图片——background-image 174
17.6 设置背景附件——background-attachment 175
17.7 设置背景图片重复——background-repeat 177
17.8 设置背景图片位置——background-position 178
17.9 综合设置背景——background 180
17.10 小实例——字体和背景的综合应用 181
17.11 知识点提炼 182
17.12 思考与练习 182
17.13 上机实例练习——利用背景和列表样式制作新闻列表 183
第18章 CSS盒子模型 184
18.1 CSS盒子模型概述 184
18.2 CSS内边距——padding 184
18.3 CSS边框——border 186
18.3.1 边框样式——border-style 187
18.3.2 边框颜色——border-color 189
18.3.3 边框宽度——border-width 190
18.4 CSS外边距——margin 192
18.5 盒子模型显示——display 193
18.6 小实例——盒子模型的综合应用 195
18.7 知识点提炼 196
18.8 思考与练习 196
18.9 上机实例练习——利用盒子模型制作照片边框效果 197
第19章 DIV+CSS页面布局 198
19.1 层的创建＜div＞ 198
19.2 创建嵌套层 199
19.3 层的常见属性 200
19.4 CSS定位 201
19.4.1 定位方式——position 201
19.4.2 堆叠顺序——z-index 203
19.4.3 CSS浮动——float 203
19.4.4 浮动清除——clear 204
19.4.5 溢出设置——overflow 205
19.4.6 可见设置——visibility 206
19.5 页面内容样式设计 207
19.5.1 垂直导航菜单 207
19.5.2 水平导航菜单 208
19.5.3 新闻列表 208
19.5.4 图文混排 209
19.6 小实验——DIV+CSS页面布局 210
19.7 知识点提炼 212
19.8 思考与练习 212
19.9 上机实例练习——利用DIV+CSS布局一个网页 213
高级篇 216
第20章 JavaScript概述 216
20.1 JavaScript语言概况 216
20.2 JavaScript的特点 216
20.3 JavaScript使用方法 217
20.4 知识点提炼 218
20.5 思考与练习 218
20.6 上机实例练习——写一个带JS的网页 219
第21章 JavaScript基本语法 220
21.1 基本数据类型 220
21.2 运算符 220
21.2.1 算术运算符 221
21.2.2 逻辑运算符 222
21.2.3 比较运算符 224
21.3 程序结构 225
21.3.1 If语句 225
21.3.2 Switch语句 226
21.3.3 For语句 228
21.3.4 While与Do…While 228
21.4 函数 230
21.4.1 有参函数 230
21.4.2 无参函数 231
21.5 小实例——用户登录 232
21.6 知识点提炼 233
21.7 思考与练习 233
21.8 上机实例练习——编写一个求长方体体积的程序网页 234
第22章 JavaScript事件分析 235
22.1 事件概述 235
22.2 主要事件 235
22.2.1 鼠标单击事件onClick 236
22.2.2 内容改变事件onChange 237
22.2.3 内容选择事件onSelect 238
22.2.4 聚焦事件onFocus 238
22.2.5 失焦事件onBlur 239
22.2.6 装载事件onLoad 240
22.2.7 卸载事件onUnload 240
22.2.8 鼠标事件onMouseOver 241
22.2.9 鼠标移开事件onMouseOut 242
22.3 小实例——主要事件综合应用 242
22.4 知识点提炼 243
22.5 思考与练习 243
22.6 上机实例练习——制作鼠标经过图片放大效果 244
第23章 JavaScript对象 245
23.1 对象概述 245
23.2 浏览器对象 246
23.2.1 Navigator对象 246
23.2.2 Location对象 247
23.2.3 Window对象 248
23.2.4 Document对象 250
23.2.5 History对象 250
23.3 内置对象和方法 251
23.4 小实例——对象的综合应用 252
23.5 知识点提炼 253
23.6 思考与练习 253
23.7 上机实例练习——编写显示客户端系统及当前时间的网页 254
实战篇 256
第24章 综合案例 256
24.1 网站开发与发布流程 256
24.1.1 网站开发流程 256
24.1.2 网站发布流程 257
24.2 花店系统前端开发过程 257
24.3 知识点提炼 265
24.4 思考与练习 265
扩展篇 268
第25章 全新的HTML—HTML5 268
25.1 初识HTML5 268
25.2 HTML5语法结构 269
25.3 HTML5页面架构元素 269
25.4 元素的改变 270
25.4.1 新增元素 271
25.4.2 停止使用的元素 277
25.5 属性的改变 277
25.5.1 新增的属性 278
25.5.2 停止使用的属性 278
25.5.3 全局属性 279
25.6 知识点提炼 282
25.7 思考与练习 282
第26章 HTML5的表单 283
26.1 新的input输入类型及属性 283
26.1.1 新的input输入类型 283
26.1.2 新的input公用属性 288
26.2 表单的验证方式 293
26.2.1 调用checkValidity（）方法实现验证 293
26.2.2 调用setCustomValidity（）方法实现验证 294
26.2.3 设置不验证 295
26.3 知识点提炼 296
26.4 思考与练习 296
参考文献 297