最新公告
  • 开通终身SVIP,享全站不限量下载次数-云资源-集成各类网络资源-正在更新中-预计更新到5W+文章开通SVIP
  • 文章介绍
  • 评价建议
  • 资源名称:HTML5实战

    内容简介:

    陶国荣编著的《HTML5实战》是一本系统而全面的HTML 5教程,根据HTML 5标准的最新草案,系统地对HTML 5的所有重要知识点进行了全面的讲解。在写作方式上,本书以一种开创性的方式使理论与实践达到极好的平衡,不仅对理论知识进行了清晰而透彻的阐述,而且根据读者理解这些知识的需要,精心设计了106个完整(每个案例分为功能描述、实现代码、效果展示和代码分析4个部分)的实战案例,旨在帮助读者通过实践的方式迅速掌握这些知识。

    《HTML5实战》共11章,内容涵盖了HTML 5的各个方面。第1章通过实现一个简单的HTML 5页面讲解了如何搭建支持HTML 5的浏览器环境、HTML 5页面所具备的特征,以及如何检测浏览器对HTML 5的各种特性的支持情况;第2章介绍了HTML 5中常用的交互元素,包括内容交互元素、菜单交互元素和状态交互元素等几大类;第3章介绍了HTML根元素、文档元素,以及与脚本、节点、分组内容、文本层次语义、嵌入内容、公共属性相关的重要元素;第4章和第5章讲解了HTML 5中的表单和文件的功能特性以及常见的各种操作;第6章和第7章讲解了HTML 5中的音频、视频和绘图相关的知识,重点讲解了各种常见的操作和使用方法;第8章和第9章讲解了HTML 5中的数据存储和离线应用;第10章对Web Sockets、Geolocation、Web Workers、元素的拖放等重要内容进行了全面的讲解。

    本书适合所有想系统学习HTML 5的读者阅读。如果按照本书的顺序逐章阅读,同时亲自动手实现本书中的案例,相信一定能达到事半功倍的效果。

    资源目录:

    前言

    第1章 拥抱HTML

    第2章 HTML5中常用的交互元素

    第3章 HTML5中的重要元素

    第4章 HTML5中的表单 

    第5章 HTML5中的文件 

    第6章 HTML5中的视频和音频

    第7章 HTML5绘图基础 

    第8章 HTML5中的数据存储

    第9章 HTML5中的离线应用 

    第10章 HTML5中的其他应用型API

    第11章 HTML5中元素的拖放 

    实例

    目录 

    实例1-1 检测浏览器是否支持HTML5 

    实例1-2 Hello,World页面的实现 

    实例1-3 页面分栏实现 

    实例1-4 样式化页面实现 

    实例2-1 交互元素

    的使用 

    实例2-2 用脚本控制交互元素

    的使用 

    实例2-3 交互元素

    的结合使用 

    实例2-4 交互元素

    的使用 

    实例2-5 交互元素与

    的结合使用 

    实例2-6 交互元素的使用 

    实例2-7 交互元素的使用 

    实例3-1 元素的使用 

    实例3-2 元素的使用 

    实例3-3 元素<script>与的使用 

    实例3-4 元素

    1. 的使用 

    实例3-5 元素的使用 

    实例3-6 元素的使用 

    实例3-7 公共属性draggable的使用 

    实例3-8 公共属性hidden的使用 

    实例3-9 公共属性spellcheck的使用 

    实例3-10 公共属性contenteditable的使用 

    实例4-1 email类型的元素的使用 

    实例4-2 url类型的元素的使用 

    实例4-3 number类型的元素的使用 

    实例4-4 range类型的元素实现颜色选择器 

    实例4-5 分类展示不同形式的选择日期 

    实例4-6 search类型的元素的使用 

    实例4-7元素中autofocus属性的使用 

    实例4-8元素中pattern属性的使用 

    实例4-9元素中placeholder属性的使用 

    实例4-10元素中required属性的使用 

    实例4-11元素的使用 

    实例4-12元素的使用 

    实例4-13元素的使用 

    实例4-14 调用表单的checkValidity方法 

    实例4-15 调用表单的setCustomValidity方法 

    实例4-16 表单中novalidate属性的使用 

    实例5-1 选择单个文件上传 

    实例5-2 选择多个文件上传 

    实例5-3 获取上传文件的类型与大小 

    实例5-4 通过类型过滤上传文件 

    实例5-5 通过accept属性过滤上传文件的类型 

    实例5-6 使用readAsDataURL方法预览图片 

    实例5-7 使用readAsText方法读取文本文件 

    实例5-8 展示文件读取时触发事件的先后顺序 

    实例5-9 使用DataTransfer对象拖放上传图片文件 

    实例6-1 使用多媒体元素播放文件 

    实例6-2 设置

    实例6-3 设置

    实例6-4 设置

    实例6-5 获取

    实例6-6 获取

    实例6-7 自定义

    实例6-8 使用canPlayType方法检测浏览器支持媒体类型 

    实例6-9 获取多媒体元素在播放事件中的不同状态 

    实例6-10 通过timeupdate事件动态显示媒体文件播放时间 

    实例7-1 使用元素绘制正方形 

    实例7-2 使用元素绘制带边框的矩形 

    实例7-3 使用元素绘制有渐变色的图形 

    实例7-4 使用moveTo与lineTo方法绘制多条直线 

    实例7-5 使用arc方法绘制多个不同样式的圆形 

    实例7-6 使用元素绘制径向渐变的圆形 

    实例7-7 使用元素移动、缩放、旋转图形 

    实例7-8 使用元素设置多图形组合显示的方式 

    实例7-9 使用元素添加绘制图形阴影 

    实例7-10 使用drawImage方法在画布中绘制图像 

    实例7-11 使用createPattern方法在画布中平铺图像 

    实例7-12 使用clip方法在画布中切割图像 

    实例7-13 使用getImageData与putImageData方法处理图像像素 

    实例7-14 使用fillText与strokeText方法绘制文字 

    实例7-15 在画布中保存、恢复及输出图形 

    实例7-16 在画布中制作简单的动画 

    实例8-1 使用sessionStorage对象保存与读取临时数据 

    实例8-2 使用localStorage对象保存与读取登录用户名与密码 

    实例8-3 清空localStorage对象保存的全部数据 

    实例8-4 遍历localStorage对象保存的全部数据 

    实例8-5 使用JSON对象存取数据 

    实例8-6 管理localStorage数据 

    实例8-7 使用openDatabase打开与创建数据库 

    实例8-8 使用transaction方法执行事务 

    实例8-9 使用executeSql方法插入记录 

    实例8-10 使用executeSql方法管理数据记录 

    实例9-1 开发一个简单的离线应用 

    实例9-2 监测updateready事件触发 

    实例9-3 使用update方法更新本地缓存 

    实例9-4 使用swapCache方法更新本地缓存 

    实例9-5 检测离线应用在加载过程中触发的事件 

    实例9-6 通过onLine属性检测网络的当前状态 

    实例9-7 通过online与offline事件检测网络的当前状态 

    实例9-8 开发一个离线留言数据交互应用 

    实例10-1 使用postMessage方法实现跨文档传输数据 

    实例10-2 使用WebSocket对象传送数据 

    实例10-3 使用WebSocket传送JSON对象 

    实例10-4 使用getCurrentPosition方法获取出错数据信息 

    实例10-5 使用getCurrentPosition方法获取地理位置信息 

    实例10-6 使用Google地图锁定位置 

    实例10-7 使用Worker对象处理线程 

    实例10-8 使用线程传递JSON对象 

    实例10-9 使用线程嵌套交互数据 

    实例11-1 使用Javascript代码实现元素拖放 

    实例11-2 元素在拖放过程中触发的事件 

    实例11-3 使用setData与getData方法存入与读取拖放数据 

    实例11-4 使用setDragImage方法设置拖放图标 

    实例11-5 使用effectAllowed与dropEffect属性设置拖放效果 

    实例11-6 使用拖放API将商品拖入购物车 

    实例11-7 使用拖放API将图片拖入回收站

    资源截图:

    1.png


    曙光网云资源 » HTML5实战_前端开发教程

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。