目　录

准备篇
第 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
入门篇
第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
进阶篇
第 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

第 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
实战篇
第 24章　综合案例　256
24.1　网站开发与发布流程　256
24.1.1　网站开发流程　256
24.1.2　网站发布流程　257
24.2　花店系统前端开发过程　257
24.3　知识点提炼　265
24.4　思考与练习　265

扩展篇
第 25章　全新的HTML—HTML5　268
25.1　初识HTML 5　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