本书通过一个完整的门户网站项目全面系统地介绍了使用HTML+CSS+JavaScript技术来制作静态网站的方法，内容包括网站开发流程和相关岗位职责与要求、HTML+CSS+JavaScript的基本语法、网页客户端开发方法与技巧、网站的部署和运营等。本书以“讲清语法、学以致用”为指导思想，秉承“教、学、做合一”的原则，以“激发学者兴趣”为着眼点，认真组织内容，精心设计案例。书中内容浅显易懂并且实用，不仅仅将笔墨着力于语法讲解上，还通过一个个鲜活、典型的小实例，以及完整的门户网站来贯穿全书，达到学以致用的目的。同时又紧跟HTML5与CSS3的最新发展动态，适应性和实战性较强。

第1章 网站部署与发布及设计分析 /1
1.1 网页的基本概念 /1
1.2 网站的发布与测试 /5
1.2.1 在实验室或局域网内部发布HTML页面 /5
1.2.2 在Internet上发布网站 /7
1.3 软件开发流程 /8
1.4 网站开发人员相关岗位职责和要求 /10
1.5 网站开发工具和项目实施 /11
1.6 项目实训：免费域名的注册与空间申请 /12
1.7 综合练习 /12
第2章 HTML页面与框架 /14
2.1 HTML页面文件的整体结构 /15
2.2 HTML文件的标签与语法 /15
2.3 HTML文档编写规范 /16
2.4 利用Dreamweaver进行HTML页面设计 /16 第1章 网站部署与发布及设计分析 /1
1.1 网页的基本概念 /1
1.2 网站的发布与测试 /5
1.2.1 在实验室或局域网内部发布HTML页面 /5
1.2.2 在Internet上发布网站 /7
1.3 软件开发流程 /8
1.4 网站开发人员相关岗位职责和要求 /10
1.5 网站开发工具和项目实施 /11
1.6 项目实训：免费域名的注册与空间申请 /12
1.7 综合练习 /12
第2章 HTML页面与框架 /14
2.1 HTML页面文件的整体结构 /15
2.2 HTML文件的标签与语法 /15
2.3 HTML文档编写规范 /16
2.4 利用Dreamweaver进行HTML页面设计 /16
2.4.1 Dreamweaver介绍 /16
2.4.2 Dreamweaver设计页面过程 /19
2.5 项目实训：独立动手制作网页 /21
2.6 认识框架与框架集网页 /21
2.7 典型应用项目范例：利用框架制作设计院门户网站网页 /23
2.8 项目实训：利用框架设计网页 /27
2.9 综合练习 /27
第3章 表格 /29
3.1 表格标签 /29
3.1.1 利用＜table＞标签布局网站页面 /29
3.1.2 利用＜tr＞、＜th＞和＜td＞标签设计统计数据表格 /30
3.2 格式化表格与单元格 /32
3.2.1 通过设置表格的宽度高度和边框颜色来突出网页主题 /32
3.2.2 设置滚动公告消息的背景颜色与背景图片 /33
3.2.3 设置表格的边框大小和显示方式 /34
3.2.4 数据表格整体位置及单元格数据对齐方式的设置 /35
3.2.5 单元格背景颜色与背景图片的制作 /36
3.3 表格标题制作 /37
3.4 合并单元格 /38
3.5 设置表格的表头、主体与表尾 /39
3.6 表格列的设置 /41
3.7 典型应用项目范例：利用表格布局门户网站页面 /42
3.8 项目实训：大学门户网站首页布局设计 /46
3.9 综合练习 /47
第4章 表单 /48
4.1 认识表单 /48
4.1.1 表单简介 /48
4.1.2 ＜form＞标签 /48
4.2 使用输入标签＜input＞插入数据控件 /50
4.3 列表标签＜select＞ /53
4.4 文字域标签＜textarea＞ /55
4.5 虚框修饰标签＜fieldset＞＜legend＞ /56
4.6 典型应用项目范例：设计用户注册功能 /57
4.7 文件上传与下载 /60
4.8 项目实训：学生独立完成留言簿功能 /63
4.9 综合练习 /64
第5章 HTML网页格式设置 /65
5.1 HTML网页文字美化 /65
5.1.1 标题字格式 /65
5.1.2 文字修饰 /67
5.1.3 字体设置 /71
5.2 HTML网页段落设置 /73
5.3 HTML网页列表显示 /75
5.3.1 有序列表 /76
5.3.2 无序列表 /77
5.4 HTML网页其他标签 /80
5.4.1 水平线标签＜HR＞ /80
5.4.2 滚动文字标签＜MARQUEE＞ /82
5.4.3 输入空格等特殊符号 /84
5.4.4 插入或删除线标签 /84
5.4.5 设置提示文字 /84
5.4.6 设置跑马灯效果 /85
5.5 典型应用项目范例：网站滚动消息公告设计 /86
5.6 综合练习 /89
第6章 图片与超链接 /90
6.1 网页图片的格式 /90
6.2 插入图片 /91
6.3 设置影像地图 /94
6.3.1 定义影像地图热点 /94
6.3.2 在HTML文件中建立影像地图 /95
6.3.3 建立图像影像关联 /96
6.4 典型应用项目范例：影像地图在门户网站中的应用 /97
6.5 路径的概念 /98
6.5.1 统一资源定位器URL /98
6.5.2 相对路径和绝对路经 /99
6.6 超链接标签＜A＞ /100
6.7 超链接的应用 /101
6.7.1 图片链接 /101
6.7.2 邮箱链接 /102
6.7.3 书签链接 /103
6.7.4 其他相关标签 /104
6.8 典型应用项目范例：超链接在项目中的应用 /105
6.9 综合练习 /107
第7章 网页上的特殊元素与特效 /109
7.1 加入音乐 /109
7.1.1 常见的音乐格式 /110
7.1.2 音乐相关的标签 /111
7.2 加入视频和Flash /113
7.3 元信息标签＜META＞的应用 /115
7.4 嵌入Java Applet实现烟花特效网页 /118
7.5 嵌入JavaScript实现跑马灯特效网页 /119
7.6 典型应用项目范例：嵌入Flash网页动画 /120
7.7 综合练习 /121
第8章 JavaScript基础语法 /123
8.1 JavaScript概述 /123
8.2 JavaScript的功能 /124
8.3 编写第一个JavaScript程序 /125
8.4 在HTML页面中引入JavaScript的方式 /126
8.4.1 内部引用JavaScript /126
8.4.2 外部引用JavaScript /127

8.4.3 内联引用JavaScript /128
8.5 JavaScript基本语法 /129
8.5.1 JavaScript代码编写格式及规范 /129
8.5.2 JavaScript保留字 /130
8.5.3 基本的输出方法 /130
8.6 JavaScript交互基本方法 /131
8.6.1 显示警告对话框的alert( )方法 /131
8.6.2 显示确认对话框的confirm( )方法 /132
8.6.3 显示提示对话框的prompt( )方法 /133
8.7 基本数据类型、常量和变量 /135
8.7.1 基本数据类型 /135
8.7.2 常量 /135
8.7.3 变量 /136
8.7.4 变量的声明及作用域 /136
8.8 表达式和运算符 /137
8.8.1 表达式 /137
8.8.2 算术运算符和赋值运算符 /138
8.8.3 比较运算符和逻辑运算符 /141
8.8.4 位运算符和条件运算符 /143
8.8.5 其他运算符 /144
8.8.6 运算符的优先级 /147
8.9 典型应用项目范例：在网页上显示系统日期时间 /148
8.10 项目实训：根据半径的值求圆的周长、面积和体积 /149
8.11 综合练习 /149
第9章 JavaScript程序控制语句 /150
9.1 顺序控制语句 /150
9.2 分支控制语句 /152
9.2.1 if语句 /152
9.2.2 if...else语句 /153
9.2.3 switch语句 /155
9.3 循环控制语句 /157
9.3.1 while语句 /157
9.3.2 do…while语句 /158
9.3.3 for 语句 /159
9.3.4 for…in语句 /161
9.3.5 break和continue语句 /163
9.4 典型应用项目范例：网页分时问候 /163
9.5 项目实训：将成绩分数按4个等级输出结果 /165
9.6 综合练习 /165
第10章 JavaScript函数与对象 /166
10.1 函数概述 /166
10.2 JavaScript内置函数 /167
10.3 自定义函数 /181
10.4 典型应用项目范例：在网页上实现日期验证 /183
10.5 内置对象 /186
10.5.1 浏览器信息对象（navigator） /186
10.5.2 窗口对象（window） /188
10.5.3 屏幕对象（screen） /191
10.5.4 历史记录对象（history） /191
10.5.5 文档对象（document） /191
10.6 JavaScript操作页面中标签元素与属性 /192
10.6.1 页面标签对象的引用 /192
10.6.2 HTML文档中控件对象的属性 /195
10.6.3 表单及其控件的访问 /196
10.7 典型应用项目范例：弹出“用户登记”新窗口 /197
10.8 综合练习 /199
第11章 JavaScript事件触发与响应处理 /200
11.1 事件触发与响应 /200
11.2 常用事件程序编写 /201
11.2.1 click事件 /201
11.2.2 change事件 /202
11.2.3 select事件 /202
11.2.4 focus事件 /203
11.2.5 load事件 /204
11.2.6 鼠标移动事件 /205
11.2.7 onblur事件 /207
11.3 其他常用事件 /208
11.4 典型应用项目范例：Web页面打印 /210
11.5 综合练习 /212
第12章 JavaScript应用实例 /213
12.1 状态栏跑马灯 /213
12.2 禁止使用鼠标右键 /214
12.3 随机播放背景音乐 /216
12.4 动态导航菜单 /217
12.5 具有提示效果的超链接 /218
12.6 在网页上实现表单验证 /219
12.7 综合练习 /221
第13章 CSS /222
13.1 CSS文档制作与应用 /222
13.1.1 CSS文档制作 /222
13.1.2 CSS语言在HTML文档中的应用方式 /223
13.2 CSS选择器 /225
13.3 设置CSS样式 /226
13.3.1 设置字体样式 /226
13.3.2 设置文字样式（Text Property） /228
13.3.3 设置背景样式（Background Property） /230
13.3.4 设置区域样式（Box Property） /231
13.3.5 设置分类样式（Classification Property） /233
13.4 典型应用项目范例：门户网站菜单列表的设计 /234
13.5 定位效果制作 /241
13.5.1 利用层制作图层叠加特殊效果 /241
13.5.2 制作图片透明效果 /242
13.5.3 鼠标指针变换 /243
13.6 综合练习 /243
第14章 认识HTML5 /245
14.1 HTML5语法的改变 /245
14.1.1 HTML5中的标记方法 /245
14.1.2 HTML5与早期版本HTML的兼容性 /246
14.2 新增的和废除的元素 /247
14.3 新增的和废除的属性 /249
14.4 全局属性 /251
14.5 典型应用项目范例：HTML5离线访问功能的实现 /253
14.6 综合练习 /256
第15章 认识CSS3 /257
15.1 概要介绍 /257
15.1.1 CSS3新特性 /257
15.1.2 CSS的发展历史 /259
15.2 CSS3的功能 /259
15.2.1 模块与模块化结构 /259
15.2.2 CSS3自动拉伸背景图片新功能应用 /260
15.3 典型应用项目范例：CSS3文字特殊效果制作 /262
15.4 综合练习 /263
附录A /265
参考文献 /270

本书适合的读者
本书通过一个整体门户网站项目来讲解HTML、JavaScript和CSS的基本语法，书中每个知识点都有一个鲜活、典型的小实例，并在每章节后面有一个章节为知识综合案例，使学者达到学以致用的目的。本书可作为网页制作初学者的入门教程，同时也可为网站建设的专业人士提供一些参考。
为什么要学习HTML、JavaScript和CSS技术
Internet又称因特网，是全球性的网络，是一种公用信息的载体，这种大众传媒比以往的任何一种通讯媒体都要快，它缩短了人与人之间的距离，而网站就是Internet中信息载体的宿主单元，网站中的网页是人与人交流的主要窗口，因此，作为计算机相关专业的学生，无论是专业的网站设计人员，还是网站爱好者，都应该掌握一定的网站建设与制作技术。
如今建设互联网的各种新技术层出不穷并且日新月异，但有一点是肯定的，不管是采用什么技术设计的网站，用户在客户端通过浏览器打开看到的网页都是静态网页，都是由HTML、JavaScript和CSS技术构成的，所以如果您想从事网页设计或从事网站管理相关工作，就必须学习HTML、JavaScript和CSS技术，哪怕只是简单地了解，因为HTML、JavaScript和CSS技术是网页制作技术的基础和核心。
本书特色
（1）针对性、适用性强。
本书的编者都有10年以上软件开发教学经验，3年以上软件企业项目开发与管理企业经验，教材的编写是在大量的企业需求调查、学校学生调查的基础上进行的，重点讲解HTML、JavaScript和CSS网站客户端技术。
在本书的编写中，本着“学生会学，教师好教，企业需要”的原则，注意理论与实践的一体化，并注重实用性，每个知识点的介绍采用理论介绍、案例源代码、运行效果和源代码解释4个步骤完成，每章节有一个综合案例，综合案例针对软件企业项目开发过程来讲解，步骤为提出问题，分析问题，一步步解决问题，适用性非常强。并且为了学生扩展能力的培养，每章节中安排了学生任务扩展的项目实训。
（2）精心设计，理论与案例实训完美结合。
本书以HTML语言、JavaScript脚本、CSS样式三方面的知识，将教材分为15章，每章节的讲解都是先讲解理论知识，再介绍小案例，最后以完整网站项目贯通详解。
本书不仅仅分章节讲解HTML语言、JavaScript脚本、CSS样式三方面的知识，还试图为读者描绘一幅HTML、CSS、JavaScript的角色图，即HTML、CSS、JavaScript三者在网页制作这个大的生态环境中各自扮演的角色。
其中，HTML是网页制作的主要语言，是页面的基础架构；CSS简称样式表，是目前唯一的网页页面排版样式标准，它能使任何浏览器都听从指令，可开发Internet客户端的应用程序，Javascript是基于对象和事件驱动并具有相对安全性的客户端脚本语言，主要用来给HTML网页添加动态功能，比如响应用户的各种操作，减轻服务器端压力。
设计网站时需要利用相关工具来完成，好的工具能使设计者事半功倍，目前比较流行的网页设计工具是Dreamweaver，利用Dreamweaver进行网页设计在本书中有详细介绍。
设计出来的网站，必须能通过浏览器访问，甚至要能通过Internet来访问，所以网站必须要部署与发布，部署与发布有局域网和Internet发布，并且发布需要熟悉过程和一些网络术语，这在本书中都有详细介绍。
了解了以上内容，可以使读者理清思路，避免盲目学习，不然读者在学习过程中会有盲人摸象的感觉。
致谢
本书的编写过程是一个不断解决问题和完善的过程，在编写的过程中，所有参加教材编写的老师都是尽心尽力，利用宝贵的休息时间来编写的，是他们对本书编写进行了大量的调研，多次审订，并提出宝贵的修改意见，才使得本书得以顺利出版，否则本书不可能形成，在此表示忠心的感谢，同时也感谢书后参考文献的所有作者们，感谢他们的资料给予本书的引导作用。
本书由谢英辉任主编并负责教材总体设计与统稿，胡胜丰、雷军环，彭维捷，刘灿勋任副主编，参与了本书的编写工作和相关资料的整理工作，其中谢英辉负责第1、2、3、13、14、15章的编写，胡胜丰负责第8、9、10、11、12章的编写，雷军环负责第4、5章的编写，彭维捷负责第6章的编写，刘灿勋负责第7章的编写。
本书的结构是一种新的尝试，能否得到同行的认可，能否给教学带来新的感受，都要经过实践的检验。由于作者水平有限，错误之处在所难免，恳请各位读者给予批评和指正。
编 者