|
編輯推薦: |
本书坚持使用HTML 5作为开发环境,重点介绍使用新技术的案例,避免使用即将淘汰的设计方法。
本书体系结构严谨,概念清晰,由浅入深,符合学生的认知规律,易学易懂,且配有许多难度适中、逻辑合理、适于初学者和进阶者开拓思路,以及深入了解HTML 5基础理论和开发技巧的习题;章末要点总结适合于教学和自学。
力求突出HTML 5开发理论中精华的部分,同时增加补充一些实际开发中可能会用到的高级知识和HTML 5中的特色功能以供读者进一步深入学习。
|
內容簡介: |
《HTML5基础与实践教程》主要介绍了HTML 5相关的知识。全书共7章,对HTML 5进行细致讲解,包括:Web的发展历程和特性,以及浏览器的知识;HTML 5,CSS和JavaScript的基础知识;代码编辑器、浏览器调试和代码规范;HTML 5的相关特性。第7章讲解了3个HTML 5实战开发案例,分别是2048游戏、教务管理系统和贪吃蛇游戏,通过这3个例子,帮助读者掌握HTML 5综合实战开发的技巧。
《HTML5基础与实践教程》提供了大量实例、实例运行效果图、概念原理图以及课后习题来帮助读者更好地学习HTML 5相关的知识。
《HTML5基础与实践教程》既可以作为高等院校计算机与软件相关专业的教材,也可以作为Web开发初学者的学习指导用书。
|
目錄:
|
前言
第1章Web1
1.1Web概述1
1.1.1Web的诞生1
1.1.2Web的特点2
1.1.3Web的工作原理3
1.1.4Web URL介绍3
1.2浏览器4
1.2.1浏览器构成4
1.2.2浏览器工作主流程5
1.2.3主流浏览器6
1.3思考题7
第2章HTML 58
2.1HTML 5简介9
2.2HTML 5特性9
2.3HTML 5基本概念10
2.3.1元素10
2.3.2属性12
2.3.3注释14
2.3.4区块14
2.3.5HTML 5属性基础实例15
2.4CSS 3入门16
2.4.1CSS引用方法16
2.4.2CSS语法18
2.4.3盒模型19
2.4.4CSS定位21
2.4.5CSS 3简介23
2.4.6CSS入门实例24
2.5JavaScript入门25
2.5.1JavaScript历史25
2.5.2JavaScript特点25
2.5.3JavaScript引用方法26
2.5.4JavaScript语法27
2.5.5JavaScript DOM34
2.5.6jQuery简介37
2.5.7JavaScript 入门实例38
2.6思考题41
第3章HTML 5开发准备42
3.1开发环境与工具42
3.1.1Notepad++42
3.1.2Sublime Text43
3.1.3Adobe Dreamweaver43
3.2浏览器调试44
3.2.1HTML元素45
3.2.2CSS样式45
3.2.3JavaScript46
3.2.4网络48
3.2.5屏幕展示效果49
3.3代码规范50
3.4思考题60
第4章常用控件61
4.1表单控件61
4.1.1表单形式61
4.1.2传统输入控件63
4.1.3新输入控件64
4.1.4新表单元素69
4.1.5新表单属性71
4.1.6常用表单控件实例73
4.2语义化标签75
4.2.1HTML 5之前的语义化标签75
4.2.2语义化标签的作用76
4.2.3HTML 5新的语义化标签77
4.2.4语义化块级元素77
4.2.5语义化标签使用实例81
4.3媒体标签83
4.3.1音频84
4.3.2视频91
4.3.3媒体标签使用实例98
4.4文件标签101
4.4.1通过input标签上传文件101
4.4.2读取文件基本信息102
4.4.3自定义input标签样式103
4.4.4多文件选取105
4.4.5读取文件内容107
4.4.6文件标签使用实例108
4.5思考题109
第5章数据存储110
5.1Web Storage111
5.1.1添加和读取数据111
5.1.2删除数据115
5.1.3查找所有数据117
5.1.4响应存储变化117
5.1.5数据保存格式117
5.1.6对象的保存119
5.1.7Web Storage与cookie比较121
5.1.8Web Storage使用实例123
5.2本地数据库125
5.2.1IndexedDB125
5.2.2创建并连接数据库126
5.2.3添加数据127
5.2.4逐个查询所有数据128
5.2.5删除单条数据129
5.2.6查询单条数据130
5.2.7IndexedDB使用实例132
5.3思考题135
第6章高级编程136
6.1Canvas画布136
6.1.1Canvas标签使用136
6.1.2Canvas坐标系统137
6.1.3线、路径与形状137
6.1.4图像处理145
6.1.5画布当前状态的保存与恢复170
6.1.6画布的保存173
6.1.7Canvas画布使用实例174
6.2通信176
6.2.1HTTP176
6.2.2AJAX182
6.2.3WebSocket193
6.2.4通信协议使用实例202
6.3Web Worker线程204
6.3.1Web Worker的创建和使用206
6.3.2Web Worker的错误处理211
6.3.3Web Worker的终止线程212
6.3.4Web Worker的共享线程212
6.3.5Web Worker使用实例213
6.4思考题216
第7章HTML 5实战217
7.12048游戏217
7.1.1游戏界面217
7.1.2游戏代码217
7.2教务管理系统226
7.2.1类库准备226
7.2.2主页的设计与实现226
7.2.3数据展示页面228
7.2.4用户管理页面234
7.2.5功能测试237
7.3贪吃蛇游戏239
7.3.1网格系统239
7.3.2绘制贪吃蛇和果实240
7.3.3游戏的动态过程244
7.3.4游戏音效251
7.3.5游戏分数记录253
7.4思考题268
参考文献270
网络资源270
|
內容試閱:
|
HTML 5是指包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务(Plug-in-Based Rich Internet Application,RIA),例如,Adobe Flash、Microsoft Silverlight与Oracle JavaFX的需求,提供更多能有效加强网络应用的标准集。HTML 5是HTML的最新版本,2014年10月由万维网联盟(W3C)完成标准制定。其目标是替换1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络标准匹配当代的网络需求。可以说,这是Web应用标准的一次新的统一,受到了各个主流浏览器前所未有的支持。并且HTML 5这一被W3C标准化组织不断维护的标准,还在实验着一些新的技术,并且这些前沿的技术也在逐步地得到各个浏览器厂商的支持。
HTML 5的问世为Web应用的开发者和使用者提供了很多的便利,Web应用不必再试图通过插件来实现各种基本的功能。而是仅在HTML 5的框架下,进行多媒体的添加、HTML元素的拖放、二维图像的绘制、地理位置的查询等,各种HTML 5的新特性很好地适应了目前Web应用中的对媒体、视觉效果等所提出的要求。最为可贵的是,自HTML 5标准问世之后,它受到了各个浏览器厂商的鼎力支持,Web应用的标准得到了更好的维护,可以让HTML 5更加与时俱进,不断地进行自我更新,以解决现实应用中越来越困难的新挑战。
本书主要针对Web应用开发的初学者,以及对于Web应用开发感兴趣的人士,旨在为读者提供HTML 5基础知识,使读者对HTML 5的相关特性及Web应用的开发有一个基本的认识。
第1章主要讲解了Web的发展历程和特性,以及浏览器的知识,为理解本书之后的内容做准备。
第2章主要讲解了HTML 5、CSS和JavaScript的基础知识,让读者对这些知识有一些初步了解。
第3章包括了代码编辑器、浏览器调试和代码规范的介绍,为读者在之后章节的学习提供了运行和调试的技巧。
第4~6章主要围绕HTML 5的相关特性进行讲解,包括了新表单元素、语义化标签、媒体标签、文本标签、Web、Storage、本地数据库、Canvas画布、通信和Web Worker线程。
第7章讲解了3个HTML 5实战开发案例,分别是2048游戏、教务管理系统和贪吃蛇游戏,通过这3个例子,帮助读者掌握HTML 5综合实战开发的技巧。
本书具有以下优点。
目标针对性强:本书针对国内计算机、软件相关专业的学生,旨在为将来具备良好编程能力的学生提供一本能够快速熟悉HTML 5的教材。熟练掌握HTML 5开发过程中必备的基础知识,为今后的课程学习和职业前途打下坚实的基础。
内容与时俱进:计算机学科发展异常迅速,内容更新很快。作为教材,一方面要反映本领域基础性、普遍性的知识,保持内容的相对稳定性;另一方面,也需要不断跟踪科技的发展。本书坚持使用HTML 5作为开发环境,重点介绍使用新技术的案例,避免使用即将淘汰的设计方法。
结构合理,习题精要:本书体系结构严谨,概念清晰,由浅入深,符合学生的认知规律,易学易懂,且配有许多难度适中、逻辑合理、适于初学者和进阶者开拓思路,以及深入了解HTML 5基础理论和开发技巧的习题;章末要点总结适合于教学和自学。本书是学生掌握HTML 5开发的必备书目。
理论结合实践:本书用实例讲授知识点,不局限于枯燥的理论介绍。与许多课程的规律类似,实践对于HTML 5学习而言也是强化和提升学习效果的必由之途,否则无异于“入宝山而空返”。读者通过将书中代码手敲一遍或仿照书中实例自己编写小型应用进行练习,可切实强化编程能力,提高软件分析设计的能力,真正回归语言学习的真谛。
着眼整体认识,体现特色内容:本书注重系统思维,首先展现HTML 5基础知识体系的整体框架,然后深入细节,便于读者在脑海中清晰地构建知识网络,实现融会贯通。在具体内容上,力求突出HTML 5开发理论中最精华的部分,避免面面俱到、没有重点,同时增加补充一些实际开发中可能会用到的高级知识和HTML 5中的特色功能以供读者进一步深入学习。
本书的编者有吕云翔、刘猛猛、欧阳植昊、索宇澄、曾洪立,曾洪立参与了部分内容的编写并进行了素材整理及配套资源制作等。
由于HTML 5的标准本身还在不断地更新和发展,其中的一些内容可能会随着时间的推移而出现变化,加之编者水平和能力有限,本书难免有疏漏之处。恳请各位同仁和广大读者给予批评指正,也希望读者能将实践过程中的经验和心得与我们交流。
|
|