本教材以Web前台应用开发的工作流程为主线，以前台设计的方法和技术为基础，将项目作为引导理论和规范操作的方式方法。本教材按Web应用前端开发的步骤、方法、技巧分为Web前端开发基础、JavaScript & DOM编程、常用Web前端框架以及综合实训四大部分，主要包括HTML、XML、XHTML、CSS、JavaScript、DOM、jQuery、ExtJS等技术内容。
本教材是作者总结多年教学经验并结合自身的实际项目工程经验编写而成，不但适合用作高职高专院校计算机类专业学习相关课程的教材，也适合于经验还不够丰富的前端工作者（前端设计师、前端开发工程师、前端架构师和用户体验设计师），希望教材能帮助大家从复杂、繁琐、无序的前台设计、开发和维护工作中解放出来，以良好的设计思维与架构方法为前台开发和设计保驾护航。
第一部分Web前端开发基础
第1章HTML & XML & XHTML3
1.1项目导引——心情旅游网站3
1.2项目分析4
1.3技术准备4
1.3.1网页标识语言HTML4
1.3.2XML基础5
1.3.3HTML、XML与XHTML7
1.4项目实施7
1.5技术拓展13
1.5.1HTML语言13
1.5.2XML20
1.5.3XHTML24
1.6本章小结26
1.7强化练习27
第2章CSS入门28
2.1项目导引——旅游网站首页的修饰28
2.2项目分析29
2.3技术准备29
2.3.1XHTML与CSS29
2.3.2CSS语法基础30
2.3.3使用CSS设置文本样式34
2.3.4使用CSS设置网页背景34
2.4项目实施35
2.5技术拓展38
2.5.1CSS语法补充38
2.5.2文本属性详解41
2.5.3背景属性详解49
2.5.4颜色属性详解52
2.6本章小结54
2.7强化练习54
第3章CSS进阶56
3.1项目导引——旅游网站首页的再修饰56
3.2项目分析56
3.3技术准备57
3.3.1CSS滤镜57
3.3.2使用CSS设置表格和表单样式61
3.3.3CSS设置导航菜单65
3.4项目实施67
3.5技术拓展70
3.5.1CSS盒子模型70
3.5.2盒子的浮动与定位72
3.5.3DIV+CSS布局方法75
3.6本章小结79
3.7强化练习80
第二部分JavaScript & DOM编程
第4章JavaScript语言入门83
4.1项目导引——网页程序设计83
4.2项目分析83
4.3技术准备84
4.3.1我的第一个JavaScript程序——网页中插入JavaScript84
4.3.2JavaScript基本语法86
4.3.3JavaScript控制语句88
4.3.4函数92
4.3.5事件93
4.3.6对象化编程94
4.4项目实施106
4.5技术拓展109
4.5.1JavaScript编码规范109
4.5.2JavaScript与正则表达式110
4.6本章小结112
4.7强化练习112
第5章DOM文档对象模型编程114
5.1项目导引——在线相册114
5.2项目分析115
5.3技术准备115
5.3.1BOM与DOM115
5.3.2认识DOM节点116
5.3.3节点列表（nodeList）120
5.3.4DOM基础操作实例121
5.4项目实施126
5.5技术拓展129
5.5.1DOM与样式表Style对象129
5.5.2DOM与表格130
5.6本章小结131
5.7强化练习131
第三部分常用Web前端框架
第6章 jQuery框架135
6.1项目导引——基于jQuery库的前端分页脚本插件135
6.2项目分析136
6.3技术准备137
6.3.1认识Ajax137
6.3.2jQuery概述140
6.3.3使用选择器141
6.3.4jQuery与CSS142
6.4项目实施144
6.5技术拓展153
6.5.1jQuery制作动画效果153
6.5.2jQuery与Ajax155
6.6本章小结156
6.7强化练习156
第7章ExtJS162
7.1项目导引——手机销售统计网站162
7.2项目分析163
7.3技术准备163
7.3.1ExtJS概述163
7.3.2JSON概述163
7.3.3ExtJS的数据模型和存储器164
7.4项目实施165
7.5技术拓展172
7.5.1JavaScript面向对象设计172
7.5.2ExtJS中的JSON支持174
7.5.3ExtJS的调试174
7.5.4ExtJS常用组件176
7.6本章小结178
7.7强化练习179
第四部分综 合 实 训
第8章项目实训183
8.1可行性分析183
8.2项目立项和项目章程184
8.2.1项目立项184
8.2.2项目章程184
8.3需求调研185
8.3.1需求调研涉所渗及的方面185
8.3.2Web项目需求调研的难点186
8.3.3Web项目调研方法186
8.4美工制图187
8.5页面编码187
8.5.1切图187
8.5.2静态页面编码189
8.5.3兼容性190
8.6程序开发190
8.6.1前台后台代码的整合190
8.6.2jQuery191
8.6.3Extjs191
8.6.4Ajax191
8.7测试191
8.7.1页面测试191
8.7.2业务测试192
8.7.3压力测试192
8.7.4Web站点速度测试192
8.8项目验收和交付193
8.8.1验收194
8.8.2交付194
8.8.3培训194
8.9SEO195
8.9.1什么是SEO195
8.9.2SEO关键词选择195
8.9.3SEO优化策略195
8.9.4SEO优化技巧196
参考文献198
本教材以Web前台应用开发的工作流程为主线，以前台设计的方法和技术为基础，将项目作为引导理论和规范操作的方式方法。在每一章提出不同的项目任务需求，在对项目任务需求进行分析的基础上展开内容，然后详细地介绍完成真实Web前台项目开发的流程与技术。
