消息 首页 搜索 举报
  • 【现货速发】HTML5实用教程
21年品牌 40万+商家 超1.5亿件商品

【现货速发】HTML5实用教程

全新正版书籍，24小时发货，可开发票。

￥ 48.6 8.2折 ￥ 59.5 全新

库存6件

天津津南
认证卖家担保交易快速发货售后保障

作者吕云翔 刘猛猛

出版社清华大学出版社

ISBN9787302499893

出版时间2018-08

装帧平装

开本16开

定价59.5元

货号25327855

上书时间2024-12-28

易安居书舍
已实名 已认证 进店 收藏店铺
  • 最新上架

   商品详情   

品相描述：全新
商品描述
前言

前言

随着互联网进入移动互联时代，以往的HTML4标准已不再能够适应现实的需求，且仅靠HTML4并不能构建现实中越来越复杂的Web应用，由此大量的插件随之而来。为了扭转这一局面，HTML5应运而生。可以说，这是Web应用标准的一次新的统一，得到了各个主流浏览器前所未有的支持。HTML5这一被W3C标准化组织不断维护的标准，还在实验着一些新的技术，并且这些前沿的技术也在逐步得到各个浏览器厂商的支持。HTML5的问世为Web应用的开发者和使用者提供了很多便利，Web应用不必再试图通过插件来实现各种基本的功能。在HTML5的框架下，就可进行多媒体的添加、HTML元素的拖放、二维图像的绘制、地理位置的查询等操作，各种HTML5的新特性很好地满足了目前Web应用中对媒体、视觉效果等提出的更高要求。为可贵的是，自HTML5标准问世后，它便受到了各个浏览器厂商的鼎力支持，Web应用的标准得到了更好的维护，相信这样的标准可以让HTML5比它的前辈更加与时俱进，不断进行自我更新，以应对现实应用中越来越困难的新挑战。本书主要针对Web应用开发的初学者，以及对Web应用开发感兴趣的人士，旨在为读者提供HTML5基础的教程，使读者对HTML5的相关特性以及Web应用的开发有一个基本的认识。全书分13章，分别介绍HTML5标准中的不同特性，其中包含大量的实例以及实例在浏览器中的运行效果展示，另外还有相关的课后习题，来帮助读者更好地理解并应用HTML5的相关知识，为读者今后进行Web应用的开发做铺垫。同时，为了让读者更方便地进行HTML5代码编写与测试，本书还提供了浏览器、代码编辑器、浏览器调试工具和服务器环境相关的教学视频，供读者参考学习。本书的作者为吕云翔、刘猛猛，曾洪立、吕彼佳、姜彦华参与了部分内容的编写并进行了素材整理及配套资源制作等。由于HTML5的标准本身还在不断更新和发展，其中的一些内容可能会随着时间的推移而出现变化，加之我们的水平和能力有限，本书难免有疏漏之处，恳请各位同仁和广大读者给予批评指正，也希望各位能就实践过程中的经验和心得与我们交流（yunxianglu@hotmail.com）。编者2018年5月

导语摘要
《HTML5实用教程》主要针对Web应用开发的初学者，以及对于Web应用开发感兴趣的人士，旨在为读者提供HTML5基础的教程，使读者对HTML5的相关特性以及Web应用的开发有一个基本的认识。

目录

 


 


 


 


目录


 


 


 


第1章HTML5


1.1HTML5


1.1.1HTML5的发展历程


1.1.2浏览器支持


1.1.3兼容性考量


1.1.4HTML5新特性


1.2Web


1.2.1Web的诞生


1.2.2Web的特点


1.2.3Web的工作原理


1.2.4URL


1.3浏览器


1.3.1浏览器功能


1.3.2浏览器构成


1.3.3浏览器工作主流程


1.3.4主流浏览器


1.4HTML


1.4.1HTML文档基本结构


1.4.2HTML元素


1.4.3HTML属性


1.4.4HTML注释


1.5CSS


1.5.1CSS引用方法


1.5.2CSS语法


1.5.3盒模型


1.5.4CSS定位


1.5.5CSS3


1.6JavaScript


1.6.1JavaScript的历史


1.6.2JavaScript的特点


1.6.3JavaScript引用方法


1.6.4JavaScript语法


1.6.5JavaScript DOM


1.7代码编辑器


1.7.1Notepad  


1.7.2Sublime Text


1.7.3Adobe Dreamweaver


1.8使用浏览器调试


1.8.1HTML元素


1.8.2CSS样式


1.8.3JavaScript


1.8.4网络


1.8.5屏幕展示效果


1.9Web服务器环境


1.10习题


 


第2章表单


2.1表单形式


2.2传统输入控件


2.3新的输入控件


2.4新表单元素


2.5新表单属性


2.6习题


 


第3章语义化标签


3.1HTML5之前的语义化标签


3.2语义化标签的作用


3.3HTML5新的语义化标签


3.3.1语义化块级元素


3.3.2details和summary


3.3.3figure和figcaption


3.3.4mark


3.4习题


 


第4章音频和视频


4.1音频


4.1.1audio标签


4.1.2音频格式兼容


4.1.3audio标签属性


4.1.4audio标签方法及应用


4.2视频


4.2.1video标签


4.2.2视频格式兼容


4.2.3video标签长宽设置


4.2.4video标签属性


4.2.5video标签方法及应用


4.2.6视频字幕


4.3习题


 


第5章地理定位


5.1浏览器如何获取地理信息


5.2获取访客经纬度信息


5.3错误处理


5.4地理定位选项


5.5地理定位追踪


5.6习题


 


第6章拖放


6.1拖动(Drag)


6.2放下(Drop)


6.3习题


 


第7章Canvas画布


7.1Canvas标签使用


7.2Canvas坐标系统


7.3线、路径与形状


7.3.1绘制线段


7.3.2绘制路径


7.3.3绘制形状


7.3.4绘制曲线


7.4绘制文本


7.5图像


7.5.1绘制图像


7.5.2图像缩放与裁剪


7.5.3像素处理


7.6阴影


7.7填充


7.7.1填充图案


7.7.2填充渐变


7.8组合图形


7.8.1透明度


7.8.2合成操作


7.8.3裁剪


7.9坐标变换


7.9.1平移


7.9.2旋转


7.9.3缩放


7.9.4变形


7.10画布当前状态的保存与恢复


7.11画布的保存


7.12习题


 


第8章Web Worker工作线程


8.1如果没有Web Worker


8.2Web Worker的创建和使用


8.3错误处理


8.4终止线程


8.5共享线程


8.6习题


 


第9章数据存储


9.1Web Storage


9.1.1添加和读取数据


9.1.2删除数据


9.1.3查找所有数据


9.1.4响应存储变化


9.1.5数据保存格式


9.1.6对象的保存


9.1.7Web Storage与Cookie比较


9.2本地数据库


9.2.1IndexedDB


9.2.2创建并连接数据库


9.2.3添加数据


9.2.4逐个查询所有数据


9.2.5删除单条数据


9.2.6查询单条数据


9.3习题


 


第10章文件


10.1通过input标签上传文件


10.2读取文件基本信息


10.3自定义input标签样式


10.4多文件选取


10.5读取文件内容


10.5.1读取文本内容


10.5.2读取图片内容


10.6习题


 


第11章通信


11.1HTTP协议


11.1.1协议特性


11.1.2通信过程


11.1.3HTTP报文结构


11.1.4浏览器查看HTTP报文


11.1.5HTTPS


11.2发送表单信息


11.2.1表单的提交


11.2.2POST与GET比较


11.2.3Post/Redirect/Get设计模式


11.3AJAX


11.3.1XML


11.3.2XMLHttpRequest对象


11.3.3AJAX轮询


11.4服务器发送事件


11.5WebSocket


11.5.1全双工通信


11.5.2通信过程


11.6Fetch


11.6.1发起fetch请求


11.6.2自定义请求参数


11.6.3发送数据


11.7习题


 


第12章Service Worker服务线程


12.1Service Worker


12.2Service Worker的前景


12.3Service Worker的生命周期


12.4本章实例代码


12.5Register注册


12.6Install安装


12.7Activate激活


12.8Fetch


12.9缓存策略


12.9.1缓存优先、其次网络


12.9.2网络优先、其次缓存


12.9.3仅用缓存


12.9.4仅用网络


12.9.5缓存与网络竞争


12.9.6缓存然后网络


12.10Promise对象简介


12.10.1回调函数与Promise


12.10.2Promise的状态


12.10.3Promise的使用


12.11Cache


12.11.1Caches与Cache


12.11.2创建Cache


12.11.3在Cache内添加


12.11.4在Cache内删除


12.11.5在Cache内匹配


12.11.6获取所有已创建Cache命名


12.11.7删除一个Cache


12.12习题


第13章HTML5实例


13.1网格系统


13.2绘制贪吃蛇和果实


13.2.1绘制果实


13.2.2绘制贪吃蛇


13.3游戏的动态过程


13.3.1贪吃蛇移动


13.3.2贪吃蛇转向


13.3.3贪吃蛇吃果实


13.3.4贪吃蛇吃自己游戏结束


13.4游戏音效


13.5游戏分数记录


13.5.1记录分数


13.5.2显示分数


13.5.3动态化实现排行榜


13.5.4完善游戏页面


13.6习题


参考文献


 


 


 



内容摘要
《HTML5实用教程》主要针对Web应用开发的初学者，以及对于Web应用开发感兴趣的人士，旨在为读者提供HTML5基础的教程，使读者对HTML5的相关特性以及Web应用的开发有一个基本的认识。

主编推荐
《HTML5实用教程》分别介绍了HTML5标准中的不同特性，其中包含大量的实例和实例在浏览器中的运行效果展示，以及相关的课后习题，来帮助本书的读者更好地理解并应用HTML5的相关知识，为读者今后Web应用的开发做铺垫。同时，还提供了浏览器、代码编辑器、浏览器调试工具和服务器环境相关的教学视频，供读者参考学习。

精彩内容
第5章地 理 定 位

在如今的互联网时代，无论对于互联网企业还是互联网的使用者，地理位置都是一个十分重要的信息。团购网站可以根据用户的地理位置信息为用户提供近的娱乐地点，天气预报网站也可以根据用户的地理位置信息提供其所在城市未来两周的天气状况等，许许多多的网站都在使用着用户地理位置信息，尽管地理定位信息可以说是用户十分重要的个人隐私，也有很多用户不愿意暴露自己的地理位置相关信息。但在另一方面，用户的地理位置信息确实让互联网相关企业能够更有针对性地为用户提供服务。不过还是要提醒读者，在使用不安全的网站，或是有较大公开性的社交平台时，在决定是否提供地理位置信息前，请三思而后行。不同浏览器对于地理定位(Geolocation)API的提供有所差异，尤其是使用PC浏览器的读者，在试着编写并运行本章代码的过程中，有很大可能无法得出相应的结果。在此建议，本章地理定位API的代码，请部署在服务器端，如有条件尽量使用具有GPS定位系统的移动设备(如智能手机、智能平板)来访问服务器相关页面，这样有更大的可能性成功运行。对于使用PC进行访问，可能会出现地理位置获取失败的情况，建议更换不同浏览器进行尝试。5．1浏览器如何获取地理信息可以通过HTML5地理定位功能从浏览器获取地理位置信息，那么浏览器又是如何知道地理位置信息的呢？浏览器大致会通过以下几种方式来确定地理位置信息，并根据实际情况调整获取方式，通常在使用浏览器定位服务时无法知道浏览器到底是使用哪种方式获取的地理位置信息。1. GPS全球定位系统(Global Positioning System，GPS)是由美国国防部研制建立的一种具有全方位、全天候、全时段、高精度的卫星导航系统，能为全球用户提供低成本、高精度的三维位置、速度和精确定时等导航信息。目前GPS被广泛用于导航、防盗等设备中，为大量企业或个人提供定位服务。对于HTML5的学习者来说，需要知道的是，目前市面上大量的智能手机、智能平板、导航设备等都配备有GPS系统，能够获取到较高精度的地理定位信息。而GPS定位系统在笔记本电脑上的配置情况远不如移动设备。2. IP地址IP地址是互联网协议地址(Internet Protocol Address)的简写。它为互联网的每一个网络和每一台主机分配一个逻辑地址，大部分普通民用网络IP地址由互联网服务提供商(Internet Service Provider，ISP)统一提供和管理。HTML5地理定位相关的API有时会通过IP地址来判断用户的地理位置信息，很多从PC所获取的地理定位信息，很大可能是通过IP地址来确定当地互联网提供商服务器的位置来确定的。尽管这样的定位方式不够精确，但是这种方式还是确定了用户所在城镇等信息，可以为天气预报网站、网络购物平台所使用。3. 手机信号基站尽管市面上大量的手机都配备了GPS服务，但是GPS服务耗时较长，有时不够稳定精确。手机信号基站也是一个获取地理定位信息的选择。采用这种方法，可以通过计算手机与相邻各基站间的方位信息，来确定当前设备的地理坐标信息。4. WiFiWiFi定位通过周围一个或多个的WiFi热点信息，再通过一些距离计算可以获取到地理位置信息。这种方法在室内使用且周围有多个WiFi热点时精度相对较高且速度较快，它也是浏览器获取地理定位信息的方式之一。5．2获取访客经纬度信息经度与纬度共同组成了地理坐标系统，这样就可以确定地球上的一点。通过地理定位相关API，可以获取访客的地理坐标信息。请看如下实例，其在浏览器中的展示效果如图5．1所示。

图5．1经纬度信息

文件名： 获取访客经纬度信息．html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Geolocation</title>
</head>
<body>
<div id="myLocation">
</div>
<button id="getLoc" onclick="getMyLocation()">获取坐标</button>
<script>
function getMyLocation(){
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(displayLocation);
}else{
alert("您的浏览器不支持地理定位");
}
}
function displayLocation(position){
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;

var div = document.getElementById("myLocation");
div.innerHTML = "纬度: "   latitude  "<br>"   "经度: "   longitude;
}
</script>
</body>
</html>

上面这段代码首先在HTML页面中添加了一个按钮并为其指定单击事件以及事件处理函数getMyLocation()。当运行这个页面并单击按钮后，就会执行getMyLocation()函数。这个函数首先进行了一次判断，判断当前浏览器环境下是否能够提供地理定位服务，如果没有则提醒用户。这个判断语句的条件就是navigator对象是否存在geolocation的相关属性或方法。其中navigator对象包含浏览器相关信息及其所运行环境信息，除了地理位置信息外，还包括浏览器名称、版本、浏览器所运行环境的操作系统以及操作系统语言等信息。相信很多读者在下载一些软件时，会发现单击下载直接获取的资源就是当前使用的操作系统版本； 有时我们在国外上网，浏览一些本应是英文的网站时，发现网站的语言竟然是中文简体。这类服务很大程度上是依赖于navigator对象的相关信息来实现的。在确定了当前浏览器支持地理定位服务后，就可以通过navigator对象下的geolocation的getCurrentPosition()方法来获取当前坐标。这个方法所需传入的是一个函数。通常获取地理定位的方法会耗费一段时间，尽管只是几百毫秒，但相比于页面其他代码执行的时间而言可以说是十分漫长的了，所以getCurrentPosition()方法应当是异步的，即执行获取地理位置信息的相关程序不应影响主页面的运行，所以需要提供一个函数，当获取地理位置信息成功后来运行这个函数，通过该函数将所获取的信息反馈给用户。在这里传入的就是displayLocation()函数。在displayLocation()函数中，传入的参数即

   相关推荐   

—  没有更多了  —

店铺评价
消息 首页 搜索

以下为对购买帮助不大的评价

此功能需要访问孔网APP才能使用
暂时不用
打开孔网APP