本书是编者基于长期教学、研发过程中的网页开发基础知识编写而成的网页制作教材，强调后台程序设计（J2EE、.NET）的基础能力培养。全书主要内容共分7章：第1章讲解网络、网页与开发环境搭建的基础知识；第2章讲解结构标记、字体控制、段落控制、项目列表；第3章讲解链接、图片、表格和表单；第4章讲解CSS基础；第5章讲解CSS高级应用；第6章讲解JavaScript语法基础与流程控制；第7章讲解基于对象的JavaScript编程。书中内容突出HTML标记、CSS和JavaScript三大部分，涵盖了目前网页设计开发入门的主流知识点，案例丰富且系统性强，案例前后关联紧密且与开发环境无关，每章最后附带习题及关键提示信息，便于学生巩固和理解教材知识点。
本书适合作为高等院校计算机、电子商务、信息管理与信息系统专业的教材，也可供高职高专计算机专业的学生使用，同时还可作为IT从业人员的自学入门教材。

编者从事后台开发已有12 年的时间，随着对BS 模式应用开发的理解加深，越来
越发现网站前端代码的可复用技术富于艺术性，其跨平台特征更具有挑战性。网页作
为后台应用的前端，受到用户的关注最多，作用不言而喻。开发人员在技术上不可能
一蹴而就，这也要求本科院校立志于从事IT 开发的学生必须打好网页设计的基础。
对于开发人员来说，他们关注的重点是程序的兼容性、健壮性、可复用性和可维
护性，而不是主流集成开发环境的某一个版本有哪些菜单。然而目前大多数网页设计
教材都是讲解基于主流集成开发环境（DreamWeaver、FrontPage）的开发，很少有教
材既讲解原理，又兼顾实现代码，还能回避基础开发环境的差异。
基于以上考虑，编者对自己教学、开发过程中积累的网页开发基础知识进行整理，力争打
造一本实用的网页制作教材，为学生后期学习后台程序设计（J2EE、.NET）打下坚实的基础。
一、本书特色
教材内容分为HTML 标记、CSS 和JavaScript 三大部分，涵盖了目前网页设计开
发入门的主流知识点，力求让读者学习后既能知其然，还能知其所以然。读者学习后
能摆脱集成开发环境的束缚，不仅可以自主设计网站，还能结合本教材附录中讲解的
调试工具，快速对已有的网页代码进行维护。
本书特色如下：
是多年高校、培训机构授课经验的浓缩；
内容简洁，理论与实践并重；
案例丰富且系统性强，案例前后关联紧密；
教材实例与开发环境无关，代码兼容多个主流浏览器（Internet Explorer、Firefox 和
Chrome）；
实用性强，学生学习完毕之后能自主实现一个网站；
每章最后附带配套习题以及关键提示信息，便于学生巩固和理解教材知识点。
二、本书主要内容及建议课时
本书共分7章，主要内容及建议课时如下。

建议课时章 理论 上机内 容
第1章 2 2 网络基础、网页设计基础与开发环境搭建
第2章 4 2 结构标记、字体控制、段落控制、项目列表
第3章 4 4 链接、图片、表格和表单
第4章 2 4 CSS基础
第5章 6 8 CSS的高级应用
第6章 4 4 JavaScript语法基础与流程控制
第7章 4 6 基于对象的编程
三、本书读者范围
本书适合作为高等院校计算机、电子商务、信息管理与信息系统专业的教材，也
可供高职高专计算机专业的学生使用，同时还可作为IT从业人员的自学入门教材。
本书由田登山任主编，冯勇、孙慧、王潇、张溪竹任副主编。全书由田登山负责
统稿和定稿。
由于时间仓促、编者水平有限，书中难免存在疏漏和不足之处，敬请广大读者批
评指正。
田登山
2014年12月

第1章 网页设计基础1
1.1 网络基础..1
1.1.1 TCP/IP2
1.1.2 IP地址..3
1.1.3 域名.3
1.1.4 DNS.4
1.1.5 URL.5
1.1.6 FTP ..5
1.2 网页基础..5
1.2.1 网页基本概念6
1.2.2 网页组成..7
1.2.3 HTTP与网页下载工具8
1.2.4 网站制作流程.11
1.2.5 创建和测试..12
1.2.6 网站发布13
1.3 网页设计辅助软件..13
1.3.1 浏览器.13
1.3.2 文本编辑器..14
1.3.3 IDE 14
1.4 调试工具15
1.4.1 IE Developer Toolbar..15
1.4.2 FireBug15
1.4.3 Fiddler .15
本章小结.15
习题..16
第2章 文本格式处理.17
2.1 结构标记17
2.1.1 html标记18
2.1.2 head标记..18
2.1.3 meta标记..18
2.1.4 注释..19
2.1.5 body标记..20
2.2 控制字体22
2.2.1 font标记.22
2.2.2 物理样式与逻辑样式.24
2.2.3 转义字符25
2.3 控制段落26
2.3.1 段落标记p27
2.3.2 div标记与span标记.27
2.3.3 标题标记h ..29
2.3.4 br标记与nobr标记30
2.3.5 hr标记.30
2.3.6 align属性..31
2.3.7 空标记.31
2.4 列表31
2.4.1 li标记..32
2.4.2 ol标记.32
2.4.3 ul标记.33
2.4.4 dl、dt和dd标记..33
2.5 其他标记34
2.5.1 abbr标记34
2.5.2 acronym标记..35
2.5.3 del与ins标记36
本章小结.36
习题..36
第3章 丰富页面内容.38
3.1 路径38
3.1.1 绝对路径39
3.1.2 相对路径40
3.2 链接40
3.2.1 a标记..40
3.2.2 书签..42
3.2.3 base标记43
3.3 图片43
3.3.1 图片类型44
3.3.2 img标记.45
3.3.3 map标记46
3.3.4 marquee标记..47
3.4 基本表格50
3.4.1 table标记..50
3.4.2 行标记tr.50
3.4.3 单元格标记..51
3.4.4 caption标记.53
3.4.5 合并行与列..54
3.5 表单与输入控件56
3.5.1 表单..56
3.5.2 输入控件57
本章小结.61
习题..62
第4章 CSS基础.63
4.1 CSS概述63
4.1.1 CSS定义64
4.1.2 CSS选择器..64
4.1.3 网页中添加CSS66
4.1.4 样式的优先级.67
4.1.5 CSS选择器的模式匹配68
4.1.6 样式表的继承.71
4.2 CSS基本单位.72
4.2.1 长度单位72
4.2.2 颜色单位73
4.2.3 时间单位74
4.3 字体属性74
4.3.1 font-family.74
4.3.2 font-size ..75
4.3.3 font-style.75
4.3.4 font-weight 75
4.3.5 font-variant 76
4.3.6 line-height..77
4.3.7 font.77
4.4 文本属性78
4.4.1 color..78
4.4.2 direction..78
4.4.3 letter-spacing 78
4.4.4 text-align.79
4.4.5 text-decoration.80
4.4.6 text-indent..81
4.4.7 text-transform ..81
4.4.8 word-spacing 83
4.5 背景属性83
4.5.1 background-attachment ..83
4.5.2 background-color ..83
4.5.3 background-image.84
4.5.4 background-position.85
4.5.5 background-repeat.85
4.5.6 background 85
4.6 列表属性86
4.6.1 list-style-type 86
4.6.2 list-style-position 87
4.6.3 list-style-image 87
4.6.4 list-style ..88
本章小结.88
习题..88
第5章 CSS高级应用..90
5.1 内联对象与块对象..90
5.2 尺寸属性91
5.2.1 height 91
5.2.2 width.91
5.2.3 其他尺寸属性.91
5.3 分类属性92
5.3.1 display .92
5.3.2 visibility..93
5.3.3 float93
5.3.4 clear ..95
5.3.5 cursor 96
5.4 内外边距、边框与盒子模型.97
5.4.1 margin属性..97
5.4.2 border属性100
5.4.3 padding属性.101
5.4.4 盒子模型.104
5.5 表格属性.105
5.6 定位属性.113
5.6.1 外边距偏移113
5.6.2 vertical-align..114
5.6.3 clip ..114
5.6.4 overflow115
5.6.5 z-index ..115
5.6.6 position .115
5.7 页面布局设计..123
5.7.1 模拟浏览器123
5.7.2 复杂布局.133
5.7.3 网站色调.141
本章小结..143
习题143
第6章 JavaScript基础.145
6.1 语法基础.145
6.1.1 网页中如何添加JavaScript .146
6.1.2 数据类型.147
6.1.3 常量147
6.1.4 变量148
6.1.5 关键字..148
6.2 分隔符..149
6.2.1 注释149
6.2.2 空白符..149
6.2.3 普通分隔符149
6.3 表达式和运算符.150
6.3.1 算术运算符150
6.3.2 关系运算符151
6.3.3 布尔逻辑运算符.151
6.3.4 位运算符.152
6.3.5 赋值运算符154
6.3.6 运算符优先级..154
6.4 流程控制.155
6.4.1 顺序流程.155
6.4.2 条件流程.155
6.4.3 函数163
6.4.4 常用全局函数..169
6.4.5 循环流程.170
本章小结..178
习题178
第7章 基于对象的JavaScript编程179
7.1 对象基础.179
7.1.1 类与对象.180
7.1.2 属性与方法180
7.2 JavaScript常用类181
7.2.1 Date类.181
7.2.2 Array类181
7.2.3 String类..184
7.2.4 Math类185
7.3 浏览器内置对象.186
7.3.1 窗口对象window..186
7.3.2 文档对象document ..188
7.3.3 浏览器对象navigator..188
7.3.4 历史对象history.190
7.3.5 位置对象location ..190
7.4 事件及其处理..190
7.4.1 onload 191
7.4.2 onunload ..191
7.4.3 onmouseover .191
7.4.4 onmouseout 192
7.4.5 onfocus .192
7.4.6 onblur.192
7.4.7 onclick ..192
7.4.8 onselect.193
7.4.9 onchange..193
7.5 DOM ..193
7.5.1 操作DOM 节点194
7.5.2 修改样式表196
7.6 综合示例.197
7.6.1 数字时钟.197
7.6.2 计算页面停留时间198
7.6.3 校验表单.199
7.6.4 RGB颜色查看器204
7.6.5 局部更新.205
7.6.6 JavaScript解决跨平台问题.208
7.6.7 自动收缩菜单..217
本章小结..221
习题222
附录1 FireBug应用223
附录2 Weblink Checker测试实例..227

主要著译者顺序姓名学历职称学科专长通讯地址1田登山 博士 副教授网页制作、数据库、java 工作单位北京林业大学 邮政编码 电话 2 工作单位邮政编码 电话 3 工作单位 邮政编码 电话 审校者（主审者） 学历 工作单位 邮政编码 电话 职称 工作单位 邮政编码 电话 田登山，2003.9-今 北京林业大学管理工程系教师。教授网页制作、数据库、java等。培训学校课程,主讲Java、J2EE、SSH：2008年1月,中程在线嵌入式C语言开发课程；2007年9月，中科院软件所软件架构培训；2006年10－2006年12月：中科院计算所兼职；2006年３－2006年６月：北京市软件促进中心培训学校（北京市科委下属单位）相关企业培训,主讲Java、J2EE：2008年10月：中软宁波分公司ajax课程；2005年12月：河南水利局技术培训，参加人员为河南水利局技术骨干；2005年5月：浪潮集团北京公司技术培训，参加人员为浪潮集团北京公司高性能服务器组（863项目）技术骨干（都具有研究生以上学历，其中有一个博士后），受到该项目组的一致好评；2004年12月：青岛海信网络科技有限公司技术培训；2004年12月：湖南电信技术培训；2004年8月：中国人民银行张家口支行技术科培训；2004年7月：清华大学现代教育培训中心。