首页>参考读物>计算机科学与技术>软件与程序设计

HTML5入门经典
作者 : 刘欣 王雨竹 等编著
丛书名 : 华章程序员书库
出版日期 : 2013-04-28
ISBN : 978-7-111-42024-8
定价 : 59.00元
扩展资源下载
扩展信息
语种 : 简体中文
页数 : 432
开本 : 16
原书名 :
原出版社:
属性分类: 店面
包含CD :
绝版 : 未绝版
图书简介

本书以初学者为对象,全面介绍了使用HTML5进行网页开发的各种技术。在内容编排上由浅入深,让读者循序渐进掌握网页技术;在内容讲解上结合丰富的图解和形象的比喻,帮助读者理解“晦涩难懂”的技术;在内容形式上附有大量的提示、技巧、说明等栏目,夯实读者编程基础,丰富编程经验。全书共分4篇:第一篇为基础知识篇;第二篇为核心技术篇;第三篇为高级应用篇;第四篇为项目实战篇,主要包括旅游信息网前台页这个实战项目。
本书附有配套光盘,光盘中提供了本书所有程序的源代码、多媒体教学视频、程序开发资源库。其中,源代码全部经过精心测试,能够在Windows XP、Windows 7操作系统上编译和运行。
本书适用于HTML网页的爱好者、初学者和中级开发人员,也可以作为大中专院校和培训机构的教材。

图书特色

本书特点:
●  循序渐进,简单易学 ●  学练结合,注释详尽 ●  上机实践,巩固知识
●  视频学习,讲解详尽 ●  海量资源,超值奉送

本书主要内容以及学习路线图:











本书读者对象:
●  零基础的初学编程人员 ●  初、中级程序开发人员 ●  编程爱好者
●  想学编程的各企事业单位在职人员 ●  大、中专院校的老师和学生 ●  相关培训机构的老师和学员

本书服务:
服务网站:www.mingribook.com
服务QQ:4006751066(可容纳10万人在线)
服务信箱:mingrisoft@mingrisoft.com
服务电话:0431-84978981/84978982
学习社区:www.mrbccd.com

学练结合,实战精通
143个应用实例,39个上机实践,1个项目案例

视频讲解,易学易用
针对本书重点难点以及实例,制作了11小时多媒体视频辅助学习

开发资源库 ,速查速用
超值赠送实例资源库(951个实例),模块资源库(15个典型模块),项目资源库(15个项目案例)

考评结合,职场轻松面试
测试题库系统(596道测试题),面试资源库(369道面试真题)

互动学习,轻松过关
提供重点章节互动电子书,术语、难点一次过关
文档、视频、源程序立体整合,全新学习体验

图书前言

HTML5是下一代的HTML,它将会取代HTML4.0和XHTML1.1,成为新一代的Web语言。HTML5自2010年正式推出以来,就以一种惊人的速度被迅速推广,全球各知名浏览器厂商也对HTML 5提供了很好的支持。
  目前,有关HTML5的书籍很多,但是能真正从初学者的角度出发,把技术及应用讲解透彻的并不是很多。本书从初学者的角度出发,为想要学习HTML5网页制作及使用HTML5从事网页开发的初中级开发人员、网页爱好者、大学师生精心策划,所讲内容从技术应用的角度出发,结合实际应用进行讲解,以便让想要学习HTML5网页开发的人员能够学会网页制作,并能够根据自己的意愿开发出实用的网页。
本书内容
  本书按照学习HTML5的最佳结构来分配章节,共分为4篇20章,其中,前3篇学习HTML5的网页知识,第4篇学习实际项目的开发过程。本书知识结构如下图所示。
本书特点
  循序渐进,简单易学
  本书以初中级程序员为对象,先了解HTML5语言和属性的使用,再学习HTML5网页开发的基础技术,然后学习HTML5网页开发的高级内容,最后学习开发一个完整项目。讲解过程中步骤详尽,版式新颖,让读者在阅读时一目了然,从而能快速掌握书中内容。
  学练结合,注释详尽
  本书在讲解知识时提供了丰富的实例,帮助读者进行随学随练,真正能够学有所用。另外,为了便于读者更好地学习和使用本书,书中所有的代码都提供了详尽的注释。
  上机实践,巩固知识
  要充分理解和掌握一项技术,最佳的方式就是多练习、多实践。本书中在每章内容介绍完后,提供多个上机实践题目供读者自己完成,以此来检验读者对本章内容的掌握情况。每个实例任务分为“题目描述”和“技术指导”两部分。其中,“题目描述”给出了实例功能的详细描述和效果图,“技术指导”给出了实现实例的思路和关键代码。
  视频学习,讲解详尽
  为了更方便读者学习书中的内容,在本书光盘中提供了11个小时以上的多媒体视频讲座,其讲解细腻、层次清楚、互动性强。在加深对内容理解的同时,切实解决“是什么”、“为什么”、“怎么办”、“应注意些什么”等问题。
  海量资源,超值奉送
  本书光盘中提供了明日科技近十年积累的程序开发资源库,包括海量实例资源库、模块资源库、项目案例资源库、测试题库系统、面试资源库等内容。
  超值DVD光盘
  为了帮助读者学习和使用书中的实例,本书附赠有DVD光盘,里面不仅提供了书中所有实例项目的源代码、素材、光盘使用说明书,还提供了超过11个小时的多媒体教学视频及程序开发资源库。光盘目录示意图如下。
读者对象
  本书是一部零基础HTML语言的开发图书,非常适合以下人员阅读:
  零基础的初学编程的人员。
  初中级程序开发人员。
  编程爱好者。
  想学编程的各企事业单位在职人员。
  大中专院校的老师和学生。
  相关培训机构的老师和学员。
读者服务
  秉着“十年服务,始终如一”理念,明日科技承诺,如果您在学习或使用本书的过程中遇到问题或疑惑,可以通过如下方式与我们联系:
  服务网站:www.mingribook.com
  服务QQ:4006751066
  服务信箱:mingrisoft@mingrisoft.com
  服务电话:0431-84978981/84978982
  学习社区:www.mrbccd.com
  我们将在5个工作日内给您提供满意的回答。
本书作者
  本书由明日科技组织编写,参加编写的有刘欣、王雨竹、王小科、王国辉、陈丹丹、隋光宇、杨丽、顾彦玲、陈英、宋禹蒙、高春艳、刘莉莉、赛奎春等。由于作者水平有限,疏漏和不足之处在所难免,欢迎广大读者提出宝贵意见。
  非学无以广才,非志无以成学。祝大家读书快乐!

明日科技
2013年3月

上架指导

计算机\Web开发

封底文字

套书统一设计

作者简介

刘欣 王雨竹 等编著:暂无简介

图书目录

前言
第一篇 基础知识篇
第1章 HTML5开发前奏2
视频讲解:21分
1.1 为什么选择HTML5语言2
1.2 HTML发展历程3
1.3 谁在开发HTML53
1.4 HTML5的新认识4
1.4.1 兼容性4
1.4.2 实用性和用户优先4
1.4.3 化繁为简4
1.5 无插件范式5
1.6 探秘——HTML5新特性5
1.7 HTML的标记构成6
1.7.1 HTML标记的使用技巧6
1.7.2 开始标记7
1.7.3 头部标记8
1.7.4 标题标记8<br />1.7.5 主体标记<body>8<br />1.7.6 编写文件时的注意事项8<br />1.8 编写第一个HTML文件9<br />1.8.1 HTML文件的编写方法9<br />1.8.2 手工编写页面9<br />1.8.3 使用可视化软件制作页面11<br />1.8.4 使用浏览器浏览HTML文件15<br />1.8.5 明日图书网使用HTML开发15<br />1.9 小结16<br />1.10 习题16<br />第2章 HTML5带来的标记变化18<br /> 视频讲解:43分<br />2.1 重中之重——头部标记18<br />2.2 名称所在——标题<title>19<br />2.3 隐藏很深——元信息标记<meta>19<br />2.3.1 页面关键字20<br />2.3.2 页面描述20<br />2.3.3 编辑工具21<br />2.3.4 作者信息设置21<br />2.3.5 限制搜索方式22<br />2.3.6 网页文字及语言22<br />2.3.7 定时跳转页面22<br />2.3.8 有效期的设置24<br />2.3.9 禁止从缓存中调用24<br />2.3.10 删除过期的cookie24<br />2.3.11 强制打开新窗口25<br />2.3.12 网页的过渡效果设置25<br />2.4 基底网址标记<base>28<br />2.5 容量瓶——页面的主体标记<body>30<br />2.5.1 彩色字体——text30<br />2.5.2 背景颜色属性——bgcolor31<br />2.5.3 背景图像属性——background32<br />2.5.4 链接文字属性——link34<br />2.5.5 边距——margin36<br />2.6 程序员的备忘录——注释<!-- -->37<br />2.7 上机实践37<br />2.7.1 创建基本的HTML网页37<br />2.7.2 设定自动刷新39<br />2.8 小结39<br />2.9 习题39<br />第3章 HTML5网页的基本要素41<br /> 视频讲解:28分<br />3.1 从小到大——标题文字41<br />3.1.1 标题字标记<H>41<br />3.1.2 标题文字的对齐方式——align42<br />3.2 变化万千——文字格式43<br />3.2.1 文字字体——face43<br />3.2.2 字号——size44<br />3.2.3 文字颜色——color45<br />3.2.4 粗体、斜体、下划线——strong、em、u46<br />3.2.5 上标与下标——sup、sub47<br />3.2.6 删除线——strike47<br />3.2.7 等宽文字标记——code48<br />3.2.8 空格—— 49<br />3.2.9 其他特殊符号50<br />3.3 享有独立——段落格式51<br />3.3.1 实现段落——p51<br />3.3.2 取消文字换行标记——nobr51<br />3.3.3 换行标记——br52<br />3.3.4 保留原始排版方式标记——pre53<br />3.3.5 使文字水平居中——center54<br />3.3.6 文字段落的缩进——blockquote55<br />3.4 从头到尾——水平线标记55<br />3.4.1 添加水平线——hr56<br />3.4.2 水平线宽度与高度属性——width、height56<br />3.4.3 水平线的颜色——color57<br />3.4.4 水平线的对齐方式——align59<br />3.4.5 去掉水平线阴影——noshade59<br />3.5 其他文字标记60<br />3.5.1 文字标注标记——ruby60<br />3.5.2 声明变量标记——var61<br />3.5.3 忽视HTML标签标记——plaintext、xmp62<br />3.6 上机实践63<br />3.6.1 设置地址文字标记<address>63<br />3.6.2 基字标记<basefont>64<br />3.6.3 在文字上方标注说明标记<rt>64<br />3.7 小结65<br />3.8 习题65<br />第4章 让珍珠串起来——列表66<br /> 视频讲解:33分<br />4.1 有条不紊——列表标记66<br />4.2 欠缺规范——无序列表67<br />4.2.1 无序列表标记——ul67<br />4.2.2 无序列表的类型——type68<br />4.3 井井有条——有序列表70<br />4.3.1 有序列表标记——ol70<br />4.3.2 有序列表的类型——type 71<br />4.3.3 有序列表的起始数值——start72<br />4.4 定义列表标记——dl74<br />4.5 菜单列表标记——menu75<br />4.6 目录列表——dir76<br />4.7 一层又一层——嵌套列表77<br />4.7.1 定义列表的嵌套77<br />4.7.2 无序列表和有序列表的嵌套78<br />4.8 上机实践80<br />4.8.1 列表之间的嵌套80<br />4.8.2 定义列表的使用81<br />4.8.3 ol列表的使用82<br />4.9 小结83<br />4.10 习题83<br />第5章 在迷宫中寻找出口——超链接84<br /> 视频讲解:21分<br />5.1 超链接84<br />5.2 关于路径84<br />5.2.1 绝对路径84<br />5.2.2 相对路径85<br />5.2.3 根路径85<br />5.3 从哪里开始,到哪里结束——超链接 85<br />5.3.1 如何使用超链接标记 85<br />5.3.2 链接到另一个网页 85<br />5.3.3 超链接的目标窗口 87<br />5.4 深层挖掘——内部链接89<br />5.5 查找方便——书签链接91<br />5.5.1 建立书签91<br />5.5.2 链接到同一页面的书签93<br />5.5.3 链接到不同页面的书签 94<br />5.6 范围广泛——外部链接 95<br />5.6.1 通过HTTP 95<br />5.6.2 通过FTP 97<br />5.6.3 发送Email97<br />5.6.4 下载文件98<br />5.7 其他链接100<br />5.7.1 脚本链接100<br />5.7.2 空链接101<br />5.8 上机实践102<br />5.8.1 显示超链接的提示信息102<br />5.8.2 设置图片的超链接103<br />5.9 小结103<br />5.10 习题104<br />第6章 如何显示图像105<br /> 视频讲解:33分<br />6.1 必须知道的图像格式105<br />6.2 美丽图像—img106<br />6.3 了解内在——图像属性107<br />6.3.1 图像高度——height107<br />6.3.2 图像宽度——width108<br />6.3.3 图像边框——border109<br />6.3.4 图像水平间距——hspace110<br />6.3.5 图像垂直间距——vspace111<br />6.3.6 图像相对于文字基准线的对齐方式——align111<br />6.3.7 图像的提示文字——alt113<br />6.4 跳转——图像的超链接114<br />6.4.1 图像的超链接114<br />6.4.2 图像热区链接115<br />6.5 上机实践116<br />6.5.1 图像中的提示文字属性116<br />6.5.2 水平对齐、垂直对齐和文本围绕117<br />6.6 小结118<br />6.7 习题118<br />第7章 让程序听话——表格的应用119<br /> 视频讲解:47分<br />7.1 有序显示数据的基础——表格119<br />7.1.1 表格的基本构成——table、tr、td119<br />7.1.2 表格的标题——caption120<br />7.1.3 表格的表头——th121<br />7.2 里面的珍品——表格属性123<br />7.2.1 表格宽度——width123<br />7.2.2 表格高度——height124<br />7.2.3 表格对齐方式——align126<br />7.3 围绕一圈——表格边框127<br />7.3.1 表格边框宽度——border127<br />7.3.2 表格边框颜色——bordercolor128<br />7.3.3 内框宽度——cellspacing129<br />7.3.4 表格内文字与边框间距——cellpadding130<br />7.4 五彩世界——表格背景131<br />7.4.1 表格背景颜色——bgcolor131<br />7.4.2 表格的背景图像——background132<br />7.5 有效位置——表格行属性134<br />7.5.1 行高度的设置——height134<br />7.5.2 行的边框颜色——bordercolor135<br />7.5.3 行的背景颜色——bgcolor136<br />7.5.4 行文字的水平对齐方式——align137<br />7.5.5 行文字的垂直对齐方式——valign138<br />7.5.6 表格标题的垂直对齐方式——align139<br />7.6 深入了解——单元格属性140<br />7.6.1 单元格大小——width、height140<br />7.6.2 水平跨度——colspan141<br />7.6.3 垂直跨度——rowspan142<br />7.6.4 对齐方式——align、valign143<br />7.6.5 单元格的背景色——bgcolor144<br />7.6.6 单元格的边框颜色——bordercolor146<br />7.6.7 单元格的亮边框——bordercolorlight147<br />7.6.8 单元格的暗边框——bordercolordark148<br />7.6.9 单元格的背景图像——background150<br />7.7 完整的表格结构151<br />7.7.1 表格的表首标记——thead151<br />7.7.2 表格的表主体标记——tbody153<br />7.7.3 表格的表尾标记——tfoot154<br />7.8 一层又一层——表格嵌套156<br />7.9 上机实践158<br />7.9.1 表格的内部边框样式属性rules158<br />7.9.2 表格的边框样式属性frame159<br />7.10 小结160<br />7.11 习题160<br />第二篇 核心技术篇<br />第8章 更上一层楼——div标记162<br /> 视频讲解:32分<br />8.1 折叠在一起——层162<br />8.1.1 层的分类162<br />8.1.2 定义数据块163<br />8.2 独占一行——<div>标记163<br />8.2.1 <div>标记164<br />8.2.2 <div>标记的属性164<br />8.2.3 <span>标记与<div>标记171<br />8.3 <iframe>标记172<br />8.3.1 <iframe>标记172<br />8.3.2 <iframe>标记的属性173<br />8.4 <layer>标记和<ilayer>标记175<br />8.4.1 层标记的使用175<br />8.4.2 <layer>标记和<ilayer>标记的区别176<br />8.5 应用<div>标记制作下拉菜单导航条176<br />8.6 上机实践179<br />8.7 小结180<br />8.8 习题180<br />第9章 获取数据——表单页面182<br /> 视频讲解:25分<br />9.1 什么是表单182<br />9.2 处理页面——表单标记183<br />9.2.1 处理程序——action183<br />9.2.2 表单名称——name184<br />9.2.3 传送方法——method184<br />9.2.4 编码方式——enctype185<br />9.2.5 目标显示方式——target185<br />9.3 添加控件186<br />9.4 特定属性——输入标记187<br />9.4.1 文字字段——text187<br />9.4.2 密码域——password188<br />9.4.3 单选按钮——radio189<br />9.4.4 复选框——checkbox190<br />9.4.5 普通按钮——button191<br />9.4.6 提交按钮——submit192<br />9.4.7 重置按钮——reset193<br />9.4.8 图像域——image194<br />9.4.9 隐藏域——hidden195<br />9.4.10 文件域——file196<br />9.5 菜单列表类标记197<br />9.6 文本域标记<textarea>199<br />9.7 <id>标记200<br />9.8 上机实践201<br />9.8.1 使用enctype属性设置文件上传201<br />9.8.2 使用特定属性来提交表单202<br />9.9 小结203<br />9.10 习题203<br />第10章 新颖奇特——多媒体页面205<br /> 视频讲解:18分<br />10.1 走来走去——文字的滚动205<br />10.1.1 文字滚动——marquee205<br />10.1.2 方向滚动——direction206<br />10.1.3 方式滚动——behavior207<br />10.1.4 速度滚动——scrollamount207<br />10.1.5 延迟滚动——scrolldelay208<br />10.1.6 循环滚动——loop209<br />10.1.7 范围滚动——width、height210<br />10.1.8 背景颜色滚动——bgcolor210<br />10.1.9 空间滚动——hspace、vspace211<br />10.2 有声有色——背景音乐212<br />10.2.1 背景音乐——bgsound212<br />10.2.2 循环播放次数——loop214<br />10.3 影像观看——多媒体文件214<br />10.3.1 多媒体文件标记——embed214<br />10.3.2 自动运行——autostart215<br />10.3.3 媒体文件的循环播放——loop216<br />10.3.4 隐藏面板——hidden217<br />10.4 上机实践218<br />10.4.1 嵌入flash动画218<br />10.4.2 嵌入Mp3音乐219<br />10.5 小结220<br />10.6 习题220<br />第11章 多姿多彩——绘制图形221<br /> 视频讲解:84分<br />11.1 canvas的基础知识221<br />11.1.1 canvas是什么221<br />11.1.2 在页面中放置canvas元素221<br />11.1.3 绘制带边框矩形223<br />11.2 在画布中使用路径225<br />11.2.1 使用arc方法绘制圆形225<br />11.2.2 使用moveTo与lineTo路径绘制火柴人226<br />11.2.3 绘制贝济埃曲线228<br />11.3 运用样式与颜色230<br />11.3.1 fillStyle 和 strokeStyle属性230<br />11.3.2 透明度 globalAlpha232<br />11.3.3 线型的属性233<br />11.4 绘制渐变图形236<br />11.4.1 绘制线性渐变236<br />11.4.2 绘制径向渐变237<br />11.5 绘制变形图形238<br />11.5.1 坐标的变换238<br />11.5.2 矩阵变换240<br />11.6 组合多个图形243<br />11.7 给图形绘制阴影244<br />11.8 应用图像245<br />11.8.1 绘制图像245<br />11.8.2 图像的局部放大247<br />11.8.3 图像平铺248<br />11.8.4 图像裁剪250<br />11.8.5 像素的处理251<br />11.9 绘制文字253<br />11.10 保存与恢复状态254<br />11.11 文件的保存254<br />11.12 对画布绘制实现动画255<br />11.13 上机实践256<br />11.13.1 桌面时钟256<br />11.13.2 移动、缩放、旋转绘制的图形258<br />11.13.3 使用drawImage方法在画布中绘制图像259<br />11.14 小结260<br />11.15 习题260<br />第12章 与众不同——HTML5与HTML4261<br /> 视频讲解:50分<br />12.1 语法的改变261<br />12.1.1 HTML5的语法变化261<br />12.1.2 HTML5中的标记方法262<br />12.1.3 HTML5与之前HTML版本的不一致性262<br />12.1.4 标记示例263<br />12.2 新增的元素和废除的元素264<br />12.2.1 新增的结构元素264<br />12.2.2 新增的块级(block)的语义元素265<br />12.2.3 新增的行内(inline)的语义元素265<br />12.2.4 新增的嵌入多媒体元素与交互性元素266<br />12.2.5 新增的input元素的类型267<br />12.2.6 废除的元素268<br />12.3 新增的属性和废除的属性268<br />12.3.1 新增的属性268<br />12.3.2 废除的属性270<br />12.4 全局属性271<br />12.4.1 contentEditable属性 272<br />12.4.2 designMode属性273<br />12.4.3 hidden属性273<br />12.4.4 spellcheck属性273<br />12.4.5 tabindex属性274<br />12.5 上机实践274<br />12.5.1 article元素嵌套274<br />12.5.2 section元素275<br />12.5.3 spellcheck属性的使用276<br />12.6 小结277<br />12.7 习题277<br />第13章 一剑封喉的武器——文件与拖放278<br /> 视频讲解:40分<br />13.1 选择文件278<br />13.1.1 通过file对象选择文件278<br />13.1.2 使用Blob接口获取文件的类型与大小279<br />13.1.3 通过类型过滤选择的文件280<br />13.2 使用FileReader接口读取文件282<br />13.2.1 检测浏览器对FileReader接口282<br />13.2.2 FileReader接口的方法282<br />13.2.3 使用 readAsDataURL方法预览图片282<br />13.2.4 使用 readAsText方法读取文本文件284<br />13.2.5 FileReader接口中的事件285<br />13.3 拖放API287<br />13.3.1 实现拖放的步骤287<br />13.3.2 通过拖放显示欢迎信息287<br />13.4 dataTransfer对象应用详解289<br />13.4.1 使用effectAllowed和dropEffect属性设置拖放效果290<br />13.4.2 使用setDragImage方法设置拖放图标290<br />13.5 上机实践291<br />13.5.1 使用JavaScript实现元素拖放291<br />13.5.2 使用拖放API将商品拖入购物车292<br />13.5.3 元素在拖放过程中触发的事件293<br />13.6 小结294<br />13.7 习题295<br />第14章 另一个世界——多媒体播放296<br /> 视频讲解:36分<br />14.1 HTML5多媒体的简述296<br />14.1.1 HTML4中多媒体的应用296<br />14.1.2 HTML5页面中的多媒体297<br />14.2 多媒体元素基本属性298<br />14.3 多媒体元素常用方法302<br />14.3.1 媒体播放时的方法302<br />14.3.2 canPlayType方法303<br />14.4 多媒体元素重要事件303<br />14.4.1 事件处理方式303<br />14.4.2 事件介绍304<br />14.4.3 事件示例305<br />14.5 上机实践308<br />14.5.1 自定义video元素控制条工具栏308<br />14.5.2 video元素的error属性的返回值309<br />14.5.3 通过timeupdate事件显示媒体文件播放时间310<br />14.6 小结311<br />14.7 习题311<br />第三篇 高级应用篇<br />第15章 疯狂HTML5——表单314<br /> 视频讲解:48分<br />15.1 新增元素与属性314<br />15.1.1 新增的属性314<br />15.1.2 增加与改良的input元素的种类317<br />15.1.3 output元素的添加323<br />15.1.4 应用新增元素制作注册表单324<br />15.2 对表单的验证325<br />15.2.1 自动验证325<br />15.2.2 checkValidity显式验证法326<br />15.2.3 避免验证327<br />15.2.4 使用setCustomValidity方法自定义错误信息327<br />15.3 增加的页面元素329<br />15.3.1 新增的figure元素与figcaption元素329<br />15.3.2 新增的details元素330<br />15.3.3 新增的mark元素331<br />15.3.4 新增的progress元素333<br />15.3.5 新增的meter元素334<br />15.3.6 改良的ol列表335<br />15.3.7 改良的dl列表335<br />15.3.8 加以严格限制的cite元素336<br />15.3.9 重新定义的small元素337<br />15.4 上机实践337<br />15.4.1 search搜索类型的input元素337<br />15.4.2 range类型的input元素338<br />15.5 小结339<br />15.6 习题339<br />第16章 划时代的Web API340<br /> 视频讲解:49分<br />16.1 初识Web Storage340<br />16.1.1 Web Storage是什么340<br />16.1.2 使用Web Storage中的API341<br />16.1.3 sessionStorage和localStorage的实例——计数器342<br />16.1.4 Web Storage综合实例——留言本344<br />16.1.5 JSON对象的存数实例——用户信息卡346<br />16.2 本地数据库348<br />16.2.1 Web SQL数据库简介348<br />16.2.2 使用Web SQL Database API349<br />16.3 跨文档消息通信350<br />16.3.1 使用postMessage API350<br />16.3.2 跨域通信351<br />16.4 上机实践353<br />16.5 小结356<br />16.6 习题356<br />第17章 齐头并进——Web Worker处理线程358<br /> 视频讲解:21分<br />17.1 Web Worker概貌358<br />17.1.1 创建和使用Worker358<br />17.1.2 Web Worker应用实例——求和运算359<br />17.2 在Worker内部能做什么361<br />17.3 多个JavaScript文件的加载与执行361<br />17.4 线程嵌套362<br />17.4.1 单层嵌套362<br />17.4.2 在多个子线程之间进行数据的交互364<br />17.5 上机实践367<br />17.5.1 使用线程传递JSON对象367<br />17.5.2 使用线程嵌套交互数据367<br />17.6 小结368<br />17.7 习题368<br />第18章 不劳而获——离线应用程序370<br /> 视频讲解:13分<br />18.1 HTML5离线Web应用概述370<br />18.1.1 离线Web应用概述370<br />18.1.2 本地缓存与浏览器网页缓存的区别372<br />18.2 创建HTML5离线应用372<br />18.2.1 缓存清单(manifest)372<br />18.2.2 配置IIS服务器373<br />18.2.3 浏览manifest清单374<br />18.3 浏览器与服务器的交互过程374<br />18.4 applicationCache对象375<br />18.4.1 swapCache方法376<br />18.4.2 applicationCache对象的事件377<br />18.5 上机实践380<br />18.5.1 简单离线应用380<br />18.5.2 离线留言数据交互381<br />18.6 小结382<br />18.7 习题382<br />第19章 获取地理位置信息383<br /> 视频讲解:12分<br />19.1 Geolocation API的概述383<br />19.1.1 使用getCurrentPosition获取当前地理位置383<br />19.1.2 持续监视当前地理位置的信息385<br />19.1.3 停止获取当前用户的地理位置信息385<br />19.2 position对象385<br />19.3 在页面上使用Google地图387<br />19.4 上机实践388<br />19.4.1 获取地理位置定位388<br />19.4.2 用HTML5开发地理位置定位地图389<br />19.5 小结390<br />19.6 习题391<br />第四篇 项目实战篇<br />第20章 旅游信息网前台页394<br /> 视频讲解:23分<br />20.1 需求分析394<br />20.2 系统设计394<br />20.2.1 系统目标394<br />20.2.2 网站预览394<br />20.3 系统开发及运行环境398<br />20.4 关键技术398<br />20.4.1 网站主体结构设计398<br />20.4.2 HTML5结构元素的使用399<br />20.5 网站公共部分设计400<br />20.5.1 设计网站公共header400<br />20.5.2 设计网站公共footer406<br />20.6 网站主页设计407<br />20.6.1 显示网站介绍及相关图片407<br />20.6.2 主页左侧导航的实现408<br />20.7 “留下足迹”页设计411<br />20.7.1 播放音乐411<br />20.7.2 添加留言功能的实现412<br />20.8 小结413 </p> </div> </div> <div class="clearfix"></div> <div class="editor-recom" id="tspl"> <div class="title"> <span>图书评论</span> </div> <div class="box box-primary"> <div class="box-body chat" id="chat-box" ms-controller="bookAboutCtrl"> <!-- chat item --> <div class="item" ms-for="bookAbout in @bookAbouts"> <img ms-attr="{src : bookAbout.userImage}" alt="user image" class="offline" ms-if="bookAbout.userImage"> <img ms-attr="image/avater.png" alt="user image" class="offline" ms-if="!bookAbout.userImage"> <p class="message"> <a href="#" class="name"> {{bookAbout.userName}} <small class="text-muted">· {{bookAbout.createTime}}</small> </a> {{bookAbout.about}} </p> </div> <div class="clearfix"></div> <div id="pager" class="pages" style="padding: 26px 10px 10px;margin-top:0px;display: none;"></div> <div class="clearfix"></div> <!-- /.item --> </div> <div class="comment-num"> </div> <!-- /.chat --> <div class="box-footer"> <div class="media"> <a class="media-left" href="javascript:void(0);"> <img src="image/avater.png" alt="user image" class="offline"> </a> <div class="media-body"> <form> <div class="form-group text-right"> <textarea class="comment-content" id="ebookAbout"></textarea> <a class="btn btn-primary" onclick="ebook.addBookAbout(0);">发表评论</a> </div> </form> </div> </div> </div> </div> <!-- /.box (chat box) --> </div> <div class="editor-recom" id="jczytj"> <div class="title"> <span>教学资源推荐</span> </div> <div class="line-solid1"></div> <div class="s-content"> <div class="recot"> <a href="web/teachRes/detail/4153/208" target="_blank"> <img src="https://course.cmpreading.com/resource/access/L29wZW5yZXNvdXJjZXMvdGVhY2hfZWJvb2svaW1hZ2UvMjAxNy8wOS81MDc4NGY2YmZhYmEwNzM0NTQwOWVjNTQyZjU4ZWZiNF8yNTYuanBnJDk3ODcxMTE1NzgyNzcuanBn" width="152" height="221" /> </a> <div class="explain"> <div class="title"><a href="web/teachRes/detail/4153/208" target="_blank"><span>Java程序设计:基础、编程抽象与算法策略</span></a></div> <div class="author">作者: <span>[美]埃里克 S. 罗伯茨(Eric S. Roberts) 著</span></div> </div> </div> <div class="recot"> <a href="web/teachRes/detail/5248/208" target="_blank"> <img src="https://course.cmpreading.com/resource/access/L29wZW5yZXNvdXJjZXMvdGVhY2hfZWJvb2svaW1hZ2UvMjAyMS8wNy96aXAvMDZmNDJmYjY4YTFmZDM4YTIwNThkZmU1NzBmNThhY2RfMjU2LmpwZWck546w5LujeDg25rGH57yW6K-t6KiA56iL5bqP6K6-6K6hIEExLmpwZw==" width="152" height="221" /> </a> <div class="explain"> <div class="title"><a href="web/teachRes/detail/5248/208" target="_blank"><span>现代x86汇编语言程序设计(原书第2版)</span></a></div> <div class="author">作者: <span>[美] 丹尼尔·卡斯沃姆(Daniel Kusswurm) 著</span></div> </div> </div> <div class="recot"> <a href="web/teachRes/detail/1556/208" target="_blank"> <img src="https://course.cmpreading.com/resource/access/L29wZW5yZXNvdXJjZXMvdGVhY2hfZWJvb2svaW1hZ2UvMjAxNy8wNS8zZjU1MTM0N2Y5Y2I2MDA2MjczNmMyNzk0ZDE5MzFjOV8yNTYuanBnJDcxMTExNDY3NzguanBn" width="152" height="221" /> </a> <div class="explain"> <div class="title"><a href="web/teachRes/detail/1556/208" target="_blank"><span>程序设计教程—用C++语言编程</span></a></div> <div class="author">作者: <span>陈家骏 郑滔</span></div> </div> </div> <div class="recot"> <a href="web/teachRes/detail/1362/208" target="_blank"> <img src="https://course.cmpreading.com/resource/access/L29wZW5yZXNvdXJjZXMvdGVhY2hfZWJvb2svaW1hZ2UvMjAxNy8wNS85NjZiOWRiMzA4Y2U5MGQ4MTk0YTVkYjk5Mjk4NDAzOV8yNTYuanBnJDcxMTExMDk0NzMuanBn" width="152" height="221" /> </a> <div class="explain"> <div class="title"><a href="web/teachRes/detail/1362/208" target="_blank"><span>面向对象程序设计:C++语言描述(原书第2版)</span></a></div> <div class="author">作者: <span>(美)Richard Johnsonbaugh, Martin Kalin</span></div> </div> </div> </div> </div> <div class="clearfix"></div> <div class="editor-recom" id="ckydtj" style="margin-top: 20px"> <div class="title"> <span>参考读物推荐</span> </div> <div class="line-solid1"></div> <div class="s-content"> <div class="recot"> <a href="web/refbook/detail/9587/208" target="_blank"> <img src="https://course.cmpreading.com/resource/access/L29wZW5yZXNvdXJjZXMvdGVhY2hfZWJvb2svaW1hZ2UvMjAyMS8wOC96aXAvZjQyZWU3NmZkY2NkY2QxZGQ3ODgzM2IwOGRhNzg3YjVfMjU2LmpwZWckT3BlbkNWIDTorqHnrpfmnLrop4bop4kgQTEuanBn" width="152" height="221" /> </a> <div class="explain"> <div class="title"><a href="web/refbook/detail/9587/208" target="_blank"><span>OpenCV 4计算机视觉:Python语言实现(原书第3版)</span></a></div> <div class="author">作者: <span>[加]约瑟夫·豪斯(Joseph Howse),[爱]乔·米尼奇诺(Joe Minichino) 著</span></div> </div> </div> <div class="recot"> <a href="web/refbook/detail/8536/208" target="_blank"> <img src="https://course.cmpreading.com/resource/access/L29wZW5yZXNvdXJjZXMvdGVhY2hfZWJvb2svaW1hZ2UvMjAxOS8xMS96aXAvZDFmYTMyNmNiOTQ5NGJhOTM1NGRhMjg5MzY1MGRmMjFfMjU2LmpwZWckNjM3MDg0NzQ4NDI1MzgxNjkwMTcxMjYuanBn" width="152" height="221" /> </a> <div class="explain"> <div class="title"><a href="web/refbook/detail/8536/208" target="_blank"><span>Python数据分析与挖掘实战(第2版)</span></a></div> <div class="author">作者: <span>张良均 谭立云 刘名军 江建明 著</span></div> </div> </div> <div class="recot"> <a href="web/refbook/detail/1506/208" target="_blank"> <img src="https://course.cmpreading.com/resource/access/L29wZW5yZXNvdXJjZXMvdGVhY2hfZWJvb2svaW1hZ2UvMjAxNy8wNS82MmVmNWEyMmYxNzM3ODJkNTU4MTNiMzcwNjRhZGRlYl8yNTYuanBnJDcxMTEwOTc3OTMuanBn" width="152" height="221" /> </a> <div class="explain"> <div class="title"><a href="web/refbook/detail/1506/208" target="_blank"><span>Perl Web 开发技术</span></a></div> <div class="author">作者: <span>(美)Chris Radcliff</span></div> </div> </div> <div class="recot"> <a href="web/refbook/detail/4624/208" target="_blank"> <img src="https://course.cmpreading.com/resource/access/L29wZW5yZXNvdXJjZXMvdGVhY2hfZWJvb2svaW1hZ2UvMjAxNy8wNS9jZDE4YjIzYWI5NDk4OWE5ZjMyNzVkNjQyNWY2YWU2NV8yNTYuanBnJDk3ODcxMTEzNzc4NjMuanBn" width="152" height="221" /> </a> <div class="explain"> <div class="title"><a href="web/refbook/detail/4624/208" target="_blank"><span>C语言开发宝典</span></a></div> <div class="author">作者: <span>曹飞飞 高春艳 等编著</span></div> </div> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> <!--页尾--> <base href="/" /> <meta charset="UTF-8"> <!DOCTYPE html> <html> <body> <!--页尾--> <div class="footer"> <div class="inner"> <div class="pull-left"> <!-- <p> <a href="web/index/about#gw">关于我们</a> <a href="web/index/about#kf">客户服务</a> <a href="web/index/about#yl">友情链接</a> </p> <p>版权所有 2016 北京华章图文信息有限公司 <a href="https://beian.miit.gov.cn" target="_blank">京ICP备08102525号-9</a></p> --> <p>通信地址:北京市百万庄南街1号 邮编:100037</p> <p>电话:(010)68318309, 88378998 传真:(010)68311602, 68995260</p> </div> <div class="pull-right"> <!--<img class="qr-code" src="image/hzImage.png" style="width:70px; height:70px;"/>--> </div> </div> </div> </body> </html> </div> <!-- Modal --> <div class="modal fade" id="feedbackModal" tabindex="-1" role="dialog" aria-labelledby="markModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content" style="margin-top:200px;"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="markModalLabel">读者反馈</h4> </div> <div class="modal-body"> <textarea rows="7" class="form-control" id="feedback"></textarea> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">取消</button> <button type="button" class="btn btn-primary" onclick="ebook.addBookFeedback(0);">确定</button> </div> </div> </div> </div> <!-- 教辅资源列表 --> <div class="modal fade" id="teachResourceModal" tabindex="-1" role="dialog" aria-labelledby="teachResourcLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content" style="width: 614px"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="teachResourcLabel"></h4> </div> <div class="modal-body" style="height: 410px;width: 614px;"> <div class="cont-panel" style="margin-top: 10px;padding: 10px 20px;"> <form class="sui-form form-horizontal sui-validate"> <div class="form-panel"> <div class="control-group pull-left"> <div class="controls"> <input type="text" class="form-control" id="departmentKey" placeholder="关键字" style="width: 420px;border-radius: 6px;"> </div> </div> <div class="control-group pull-left"> <div class="controls" style="height: 30px;vertical-align: middle;"> <a href="javascript:void(0);" class="btn btn-primary" onclick="ebook.searchResource();" style="border-radius: 6px; padding: 6px 36px; margin-left: 20px; background-color:#28a3ef">搜索</a> </div> </div> <div class="clearfix"></div> <div class="control-group" style="margin: 10px 0px 15px 0px;"> <label class="control-label" style="width: 80px;text-align: left;font-size: 14px;">搜索结果:</label> </div> <div class="control-group" style="margin-left: 3px;"> <div class="controls search-result row" id="resourcesList"> </div> </div> </div> </form> </div> </div> </div> </div> </div> </body> </html>