HTML5程序开发范例宝典

HTML5程序开发范例宝典
作 者: 韩旭 高飞 孙桂杰
出版社: 人民邮电出版社
丛编项: 软件工程师典藏版
版权说明: 本书为公共版权或经版权方授权,请支持正版图书
标 签: HTML XML 程序设计 计算机/网络
ISBN 出版时间 包装 开本 页数 字数
未知 暂无 暂无 未知 0 暂无

作者简介

  明日科技 吉林省明日科技有限公司是一家以计算机软件和数字出版为核心的高科技企业,多年来始终致力于行业管理软件、数字化出版物等领域的实践,目前已和多家国内上市企业形成产品合作关系,公司的多款软件产品应用于国内的多家企业集团。明日科技拥有软件开发和项目实施方面的资深专家和学习型技术团队,利用积累的专业知识和经验,已开发数百种专业技术图书和数十种数字化学习产品,成为国内IT信息服务领域的知名品牌。

内容简介

《HTML5程序开发范例宝典》紧密围绕编程者在编程中遇到的实际问题和开发中应该掌握的技术,全面介绍了利用HTML进行程序开发的各方面技术和技巧。全书共16章,内容包括HTML网页布局、HTML基本元素、HTML高级元素、表单的使用、列表的使用、超链接、表格应用、图形图像处理、文字及图片特效、多媒体应用、文件与拖放、Web API与通信API、Web Workers处理线程、离线应用和地理位置定位、RGraph插件制作统计图、HTML游戏开发。全书共提供了383个实例,每个实例都突出实用性,其中大部分是程序开发者梦寐以求的有关问题的解决方案。《HTML5程序开发范例宝典》附有配套光盘。光盘提供了书中所有实例的源代码,全部源代码都经过了精心调试,在Windows XP/Windows Server 2003/Windows 7下测试通过,保证能够正常运行。《HTML5程序开发范例宝典》适用于广大计算机爱好者和编程人员,也可作为大中专院校相关专业的教材。

图书目录

目录

第1章 HTML网页布局 1

1.1 页面背景和布局 2

实例001 统一站内网页风格 2

实例002 网页换肤 6

实例003 制作渐变背景 8

实例004 把两个div并排显示在浏览器中 9

实例005 通过DIV+CSS对电子

商城的页面进行布局 10

实例006 设置4张图片并排显示在浏览器 12

实例007 应用标签设计用户注册页面 13

实例008 应用div元素构建一个完整的表格 14

实例009 使用column-count属性实现分栏的实例 16

实例010 文字和图片完整居中 18

实例011 应用CSS控制登录页面显示样式 19

1.2 框架的应用 21

实例012 框架集的嵌套 21

实例013 在网页中应用浮动框架 23

实例014 创建空白框架 25

1.3 使用新元素对页面进行布局 27

实例015 使用HTML5的新元素对页面进行分栏设计 27

实例016 应用HTML5新增的元素制作简单用户注册

页面 28

第2章 HTML基本元素 31

2.1 HTML基本标记 32

实例017 演示进入和离开网页的过渡效果 32

实例018 背景图片的设置与显示效果 34

实例019 设置未访问的链接文字的颜色 36

实例020 使用http-equiv属性设定页面的自动刷新 37

实例021 在网页中完成对明日科技公司的简介 38

2.2 HTML5新增结构元素 39

实例022 应用section元素对页面上的内容进行分块 39

实例023 以博客为例了解article

元素的使用 40

实例024 一个关于article元素嵌套的实例 41

实例025 通过article元素表示插件的实例 42

实例026 联合使用section和article标签 43

实例027 在网页中显示联系信息 44

实例028 一个nav元素的使用实例 44

实例029 一个在文章内部的aside元素实例 46

2.3 网页文本内容 47

实例030 观察标题到的变化 47

实例031 用align属性设置标题文字的对齐方式 48

实例032 设置不同的文字字体 49

实例033 显示文字的粗体、斜体、下划线的效果 50

实例034 使用标记表示段落格式 50

实例035 使用标记

实现文字的换行显示 51

实例036 应用标记使段落居中显示 52

实例037 对页面中的文本定义默认的字体样式 53

实例038 应用标记定义一个网站的地址 54

实例039 通过格式标签定义文本样式 54

实例040 制作彩色滚动条 55

实例041 在文字上方标注说明 57

实例042 应用删除线样式标记商品原价 58

第3章 HTML高级元素 61

3.1 新增和改良的页面元素 62

实例043 使用details标记元素实现交互 62

实例044 应用output元素拖动滑竿改变数值 63

实例045 实现下拉弹出效果 64

实例046 刷新弹出图片和

文字 65

实例047 使用summary标记元素实现交互 67

实例048 使用menu标记元素实现菜单交互 68

实例049 实现右键菜单功能 69

实例050 使用command标记元素实现动态对话框效果 71

实例051 使用progress标记元素

实现进度条效果 73

实例052 使用meter标记元素实现百分比效果 74

实例053 设置progress进度条的样式 75

实例054 使用html根元素显示文字 76

实例055 通过标签设置目标链接 77

实例056 通过JavaScript脚本获取并显示文本框的内容 79

实例057 实现树节点效果 80

实例058 使用mark元素高亮显示搜索关键词 81

实例059 在网页中突出显示某些文字 82

实例060 使用cite元素引用文档 83

实例061 在网页中显示一幅图片 84

实例062 在网页中显示一个文本

框架 85

实例063 使用object元素在网页中显示一个Flash 86

3.2 新增的全局属性 87

实例064 使用鼠标光标拖动网页中的文字 87

实例065 自动隐藏或显示网页中的文字 88

实例066 自动检测输入的拼音是否正确 89

实例067 编辑修改网页中的文字 90

第4章 表单的使用 93

4.1 表单和表单元素 94

实例068 使用文本框做一个人口调查的页面 94

实例069 使用密码域创建一个简单的注册页面 95

实例070 使用单选按钮做一个用户信息表 96

实例071 使用复选框选择你所喜欢的运动 97

实例072 使用文件域来上传图片 98

实例073 使用文本域创建一个留言板页面 100

实例074 创建一个用来做学生业余生活调查的页面 101

实例075 让密码域更安全 102

实例076 制作个人信息页面 103

4.2 增加与改良的input元素 105

实例077 验证邮件地址是否合法 105

实例078 验证URL地址 107

实例079 验证在文本框中输入数字的大小 109

实例080 通过滑动条设置颜色 110

实例081 自动弹出日期和时间输入框 112

实例082 显示文本框中的搜索关键字 114

实例083 使元素自动获取焦点 116

实例084 验证表单中输入的数据是否合法 117

实例085 在文本框中显示提示信息 119

实例086 验证文本框中的内容是否为空 120

实例087 开启表单的自动完成功能 121

实例088 重写表单中的某些属性 122

实例089 验证表单中的数据是否为网址格式 123

实例090 自动设置表单中传递的数字 125

实例091 在表单中选择多个上传文件 126

实例092 实现播放器样式的按钮 128

实例093 一个简单的乘法计算器 130

实例094 在网页中生成一个密钥 131

实例095 验证输入的密码是否合法 132

实例096 验证两次输入的密码是否一致 134

实例097 取消表单验证 135

实例098 实现一个精美的登录表单界面 136

4.3 JavaScript操作表单 138

实例099 通过正则表达式验证日期 138

实例100 通过正则表达式验证电话号码 140

实例101 验证输入的字符串是否为汉字 142

实例102 验证身份证号码 143

实例103 验证车牌号码 145

实例104 验证数量和金额 146

实例105 验证字符串是否以指定字符开头 148

实例106在网页中实现自动增加表格效果 149

实例107 开发一个计数器程序 151

实例108 判断用户是否选择了文本框中的指定文本 152

实例109 实现一个动态菜单样式 153

实例110 动态添加表单中的元素 155

实例111 获取文本框并修改其内容 157

实例112 textarea根据内容自动增高 158

实例113 判断用户选择了几个复选框 159

实例114 实现搜索文本框的效果 160

实例115 通过下拉菜单动态改变文本框背景颜色 162

实例116 自动计算金额 163

实例117 设置文本框的只读属性 165

实例118 限制多行文本域输入的字符个数 167

实例119 自动选择文本框/编辑框中的文字 169

实例120 按下回车键时自动切换焦点 170

实例121 获取下拉列表/菜单的值 172

实例122 遍历多选择下拉列表 174

实例123 在下拉列表中进行多选移除 176

实例124 将数组中的数据添加到下拉菜单中 177

实例125 应用下拉菜单选择所要联机的网站 179

实例126 多级级联菜单 181

实例127 可以输入文字的下拉菜单 182

实例128 根据下拉菜单的值显示不同控件 184

实例129 选中单选按钮后显示其他表单元素 185

实例130 通过单选按钮控制其他表单元素是否可用 187

实例131 不提交表单获取复选框的值 188

实例132 控制复选框的全选或反选 189

实例133 只有一个复选框时控制复选框的全选或反选 191

实例134 通过JavaScript控制表单的提交与重置 192

实例135 防止表单重复提交 193

实例136 通过for循环获取表单元素的中文名称 195

实例137 可以提交到不同处理页的表单 196

第5章 列表的使用 199

5.1 有序列表 200

实例138 使用ol来设置有序列表 200

实例139 使用type类型来设置有序列表 201

实例140 使用start来设置有序列表的起始数值 202

5.2 序列表 204

实例141 使用标签来显示序列表 204

实例142 使用type类型来设置序列表