21世纪高等教育计算机规划教材:HTML
本书内容主要分为三大部分。第一部分介绍了HTML5的相关开发技术,包括HTML的发展,HTML5与之前版本的区别,HTML5的表单元素应用,HTML5的多媒体元素应用,HTML5的图像及动画应用,HTML5的元素拖曳技术,HTML5的数据存储技术,HTML5的离线应用及地理位置应用。第二部分介绍了CSS3的相关知识,包括CSS3选择器的应用,使用CSS3控制页面样式,使用CSS3在页面中插入信息,使用CSS3控制元素变形以及CSS3中的元素过渡应用。第三部分为HTML5与CSS3的综合应用实例。 本书主要面向高等院校学生,以及没有开发经验或者仅有少量程序设计基础的读者,因此书中所讲解内容较为基础、细致。书中每一章节都提供了上机实践环节,使读者在理论学习基础上结合实际操作,力求使读者真正做到学以致用。
基本信息
- 书名
21世纪高等教育计算机规划教材:HTML
- 外文名
HTML5 Programming
- 作者
范立锋 于合龙
- 出版社
人民邮电出版社
- 出版日期
2013年5月1日
内容简介
《21世纪高等教育计算机规划教材:HTML5基础开发教程》主要面向高等院校学生,以及没有开发经验或者仅有少量程序设计基础的读者,因此书中所讲解内容较为基础、细致。书中每一章节都提供了上机实践环节,使读者在理论学习基础上结合实际操作,力求使读者真正做到学以致用。
图书目录
第1章 初识HTML5 1.1 HTML发展史 1.2 为什么要学习HTML5 1.3 HTML5的开发环境 1.4 浏览器对HTML5支持性检测 小结 习题 第2章 HTML5——全新的HTML 2.1 新的语法结构 2.2 新的页面架构 2.3 元素的改变 2.3.1 新增的元素 2.3.2 停止使用的元素 2.4 属性的改变 2.4.1 新增的属性 2.4.2 停止使用的属性 2.4.3 全局属性 小结 习题 第3章 HTML5的表单 3.1 新的input输入类型及属性 3.1.1 新的input输入类型 3.1.2 新的input公用属性 3.2 表单的验证方式 3.2.1 自动验证方式 3.2.2 调用checkValidity()方法实现验证 3.2.3 自定义提示信息 3.2.4 设置不验证 3.3 上机实践——设计注册页面 3.3.1 实践目的 3.3.2 设计思路 3.3.3 实现过程 3.3.4 演示效果 小结 习题 第4章 HTML5的多媒体 4.1 HTML5的多媒体元素 4.2 多媒体元素的属性 4.2.1 autoplay属性 4.2.2 controls属性 4.2.3 error属性 4.2.4 poster属性 4.2.5 networkState属性 4.2.6 width与height属性 4.2.7 readyState属性 4.2.8 其他属性 4.3 多媒体元素的方法 4.3.1 多媒体支持性检测方法 4.3.2 多媒体播放方法 4.4 多媒体元素的事件 4.4.1 事件捕捉方法 4.4.2 支持的事件类型 4.4.3 播放事件的应用 4.5 上机实践——DIY视频播放器 4.5.1 实践目的 4.5.2 设计思路 4.5.3 实现过程 4.5.4 演示效果 小结 习题 第5章 HTML5的图像及动画 5.1 了解canvas元素 5.1.1 canvas的用法 5.1.2 一个简单的canvas画图实例 5.2 使用路径画图 5.2.1 理解canvas的坐标系 5.2.2 使用moveTo、lineTo画线 5.2.3 使用arc方法画弧 5.2.4 绘制贝塞尔图形 5.3 图形操作 5.3.1 图形样式设置 5.3.2 画渐变图形 5.3.3 图形坐标变换 5.3.4 图形组合处理 5.3.5 图形阴影 5.4 图像操作 5.4.1 画图像 5.4.2 图像平铺 5.4.3 图像剪裁 5.4.4 像素处理 5.5 canvas其他操作 5.5.1 绘制文字 5.5.2 保存、恢复图形 5.6 制作动画 5.7 上机实践——绘制时钟 5.7.1 实践目的 5.7.2 设计思路 5.7.3 实现过程 5.7.4 演示效果 小结 习题 第6章 HTML5的元素拖曳 6.1 拖曳曾经的解决方案 6.2 HTML5中拖曳的实现 6.3 dataTransfer对象 6.4 文件拖曳操作 6.5 上机实践——拖曳式点菜界面 6.5.1 实践目的 6.5.2 设计思路 6.5.3 实现过程 6.5.4 演示效果 小结 习题 第7章 HTML5的数据存储 7.1 为什么需要数据存储 7.2 Web Storage 7.2.1 Web Storage与Cookie的比较 7.2.2 Web Storage的两种存储方式 7.2.3 localStorage的多数据操作 7.3 Web SQL数据库 7.3.1 创建数据库 7.3.2 Web SQL的增删改查 7.4 上机实践——注册与登录 7.4.1 实践目的 7.4.2 设计思路 7.4.3 实现过程 7.4.4 演示效果 小结 习题 第8章 HTML5离线应用及地理位置应用 8.1 离线应用 8.1.1 离线应用的工作原理 8.1.2 管理本地缓存 8.1.3 applicationCache检测及更新缓存 8.1.4 检测在线状态 8.2 地理位置应用 8.2.1 Geolocation的工作原理 8.2.2 获取当前地理位置 8.2.3 监视地理位置信息 8.2.4 停止获取当前地理位置信息 8.3 上机实践——在搜狗地图中定位 8.3.1 实践目的 8.3.2 设计思路 8.3.3 实现过程 8.3.4 演示效果 小结 习题 第9章 CSS3入门与基础 9.1 CSS3是什么 9.2 CSS3的一个简单应用 9.3 CSS3的常用选择器 9.3.1 为什么要使用选择器 9.3.2 属性选择器 9.3.3 类选择器 9.3.4 伪类选择器 9.4 控制页面样式 9.4.1 控制圆角边框样式 9.4.2 控制背景样式 9.4.3 控制颜色样式 9.4.4 控制页面布局 9.5 上机实践——购物车结算界面 9.5.1 实践目的 9.5.2 设计思路 9.5.3 实现过程 9.5.4 显示效果 小结 习题 第10章 CSS3高级应用 10.1 在页面中插入内容 10.1.1 插入文字 10.1.2 插入图像 10.1.3 插入项目编号 10.2 文字样式控制 10.2.1 为文字增加阴影效果 10.2.2 设置单词及网址自动换行 10.2.3 使用服务器端字体 10.3 元素变形处理 10.3.1 缩放效果 10.3.2 旋转效果 10.3.3 移动效果 10.3.4 倾斜效果 10.4 样式过渡 10.5 更为复杂的样式过渡 10.6 上机实践——个性留言板 10.6.1 实践目的 10.6.2 设计思路 10.6.3 实现过程 10.6.4 显示效果 小结 习题 第11章 综合案例 11.1 马里奥大逃亡游戏 11.1.1 游戏介绍 11.1.2 需求分析 11.1.3 详细设计 11.1.4 游戏效果 11.2 欧美风格企业网站 11.2.1 需求分析 11.2.2 概要设计 11.2.3 详细设计 11.2.4 网站效果
编辑推荐
《21世纪高等教育计算机规划教材:HTML+CSS+JavaScript网站开发实用技术》涵盖知识全面,案例丰富,易学易用,将知识点融于案例之中,并提供了全部代码和素材资源,能够更好地帮助读者了解和使用网站的前端开发技术。《21世纪高等教育计算机规划教材:HTML+CSS+JavaScript网站开发实用技术》可作为高等院校、高职高专院校网站设计课程的教学用书,也可作为信息技术类及相关专业的读者或从事网站前端开发人员的参考用书。
目录
第1章 网站开发基础知识 1 1.1 互联网的访问过程 1 1.2 互联网的工作机制 3 1.3 网站设计中的基本概念 4 1.4 制作网站的标准和常用技术 6 1.4.1 Web标准 7 1.4.2 网站开发常用技术 8 1.5 常用开发工具 9 1.6 网站建设的流程 10 1.6.1 明确网站的定位 10 1.6.2 确定网站的主题 11 1.6.3 网站的整体规划 12 1.6.4 收集资料与素材 13 1.6.5 设计制作网页页面 14 1.6.6 测试和发布 15 1.6.7 网站的维护与推广 16 1.7 建立站点 16 1.7.1 DreamweaverCS5介绍 16 1.7.2 Dreamweaver站点组成 19 1.7.3 创建站点 19 1.7.4 管理站点 20 1.8 应用案例 21 本章小结 22 思考与练习 23 第2章 静态网页制作——使用HTML技术 24 2.1 HTML概述 24 2.1.1 HTML简介 24 2.1.2 用记事本创建HTML文件 26 2.1.3 HTML文档结构与书写规范 26 2.1.4 建立HTML文件 27 2.2 HTML页面修饰标记 30 2.2.1 传统HTML页面标记 30 2.2.2 HTML5改进的页面标记 32 2.3 列表 33 2.3.1 有序列表(ol) 33 2.3.2 无序列表(ul) 35 2.3.3 自定义列表(dl) 36 2.4 多媒体 37 2.4.1 图像标记(img) 37 2.4.2 背景音乐标记(bgsound)和滚动字幕标记(marquee)* 41 2.4.3 多媒体文件标记(embed) 43 2.4.4 HTML5新增视频标记(video) 44 2.4.5 HTML5新增音频标记(audio) 46 2.5 超链接 47 2.5.1 超链接标记(a) 48 2.5.2 超链接类型 48 2.5.3 超链接路径 49 2.6 表单 51 2.6.1 表单定义标记(form) 52 2.6.2 输入标记(input) 52 2.6.3 HTML5新增input类型 55 2.6.4 列表框标记(select) 58 2.6.5 文本域输入标记(textarea) 59 2.7 应用案例 60 2.7.1 多层嵌套列表案例 60 2.7.2 会员注册表单案例 62 2.7.3 旅游网站首页案例 64 本章小结 66 思考与练习 67 第3章 规划页面——HTML的页面布局设计 69 3.1 表格 69 3.1.1 HTML的表格标记 69 3.1.2 HTML表格的属性 71 3.1.3 表格嵌套 74 3.2 框架 75 3.2.1 框架基本结构 75 3.2.2 框架分割方式 76 3.2.3 框架集常用属性 77 3.2.4 内嵌框架 80 3.3 使用层进行网页布局 82 3.4 应用案例 83 3.4.1 用表格实现页面布局案例 83 3.4.2 用框架实现布局案例 87 本章小结 93 思考与练习 93 第4章 美化网页——使用CSS技术 95 4.1 CSS概述 95 4.1.1 CSS的引入 95 4.1.2 CSS简介 98 4.2 CSS基本选择器 99 4.2.1 标记选择器 99 4.2.2 类选择器 100 4.2.3 ID选择器 101 4.3 在HTML中使用CSS的方法 103 4.3.1 行内样式 103 4.3.2 嵌入样式 103 4.3.3 链接样式 104 4.3.4 导入样式 105 4.3.5 样式的优先级 106 4.4 CSS复合选择器 109 4.4.1 交集选择器 109 4.4.2 并集选择器 110 4.4.3 后代选择器 111 4.4.4 子选择器 113 4.4.5 相邻选择器 113 4.4.6 伪类选择器 114 4.4.7 伪对象选择器 116 4.5 用CSS设置文本样式 117 4.5.1 字体属性 117 4.5.2 文本属性 122 4.6 用CSS设置颜色与背景 125 4.7 用CSS设置图像效果 129 4.7.1 为图片添加边框 129 4.7.2 图片缩放 131 4.7.3 图文混排 132 4.8 应用案例 135 4.8.1 用CSS美化表单案例 135 4.8.2 用CSS设计网站页面案例 137 本章小结 140 思考与练习 141 第5章 使用DIV+CSS实现精美布局 143 5.1 CSS盒模型 143 5.1.1 内容 144 5.1.2 边界 145 5.1.3 填充 147 5.1.4 边框 148 5.2 CSS布局常用属性 151 5.2.1 定位属性(position) 151 5.2.2 浮动属性(float) 156 5.3 DIV+CSS网页布局 158 5.3.1 基本布局 158 5.3.2 复杂布局 162 5.4 应用案例 166 5.4.1 用DIV+CSS实现图文混排案例 166 5.4.2 用CSS设计圆角案例 171 5.4.3 二级导航菜单制作案例 173 本章小结 178 思考与练习 179 第6章 让网页动起来——使用JavaScript技术 180 6.1 JavaScript简介 180 6.1.1 JavaScript的概念和特点 180 6.1.2 JavaScript与Java 181 6.1.3 第一个JavaScript程序 182 6.2 JavaScript语言基础 184 6.2.1 JavaScript语法格式 185 6.2.2 JavaScript代码书写位置 185 6.2.3 JavaScript语句 186 6.2.4 JavaScript注释 187 6.2.5 数据类型 187 6.2.6 变量 189 6.2.7 常量 190 6.3 表达式与运算符 191 6.3.1 表达式 191 6.3.2 运算符 192 6.4 JavaScript控制结构与函数 197 6.4.1 JavaScirpt控制结构 197 6.4.2 函数 205 6.5 应用案例 209 本章小结 210 思考与练习 211 第7章 使用JavaScript对象编程 212 7.1 JavaScript对象概述 212 7.1.1 对象 212 7.1.2 对象的引用 213 7.1.3 对象的操作 214 7.1.4 JavaScript的对象类型 216 7.2 JavaScript内置对象 216 7.2.1 String对象 216 7.2.2 Array对象 220 7.2.3 Date对象 226 7.2.4 Math对象 228 7.3 浏览器对象 230 7.3.1 BOM概述 230 7.3.2 窗口对象(Window) 231 7.3.3 浏览器对象(Navigator) 236 7.3.4 屏幕对象(Screen) 237 7.3.5 地址对象(Location) 240 7.3.6 历史对象(History) 240 7.3.7 文档对象(Document) 241 7.4 HTMLDOM对象 245 7.4.1 DOM概述 245 7.4.2 HTMLDOM对象 247 7.4.3 访问HTMLDOM对象 247 7.5 自定义对象 252 7.5.1 定义对象 252 7.5.2 创建对象实例 252 7.5.3 自定义对象的应用 253 7.6 应用案例 254 7.6.1 表单验证案例 254 7.6.2 实现复选框的全选效果案例 258 本章小结 260 思考与练习 260 第8章 实现用户与页面的交互——事件处理 262 8.1 事件的基本概念 262 8.1.1 事件和事件处理 262 8.1.2 事件绑定 263 8.2 JavaScript常见事件 264 8.3 事件对象 265 8.4 鼠标和键盘事件 267 8.4.1 鼠标事件 267 8.4.2 键盘事件 271 8.5 页面事件 273 8.6 表单事件 273 8.6.1 提交与重置事件 273 8.6.2 元素内容修改事件 277 8.6.3 获得焦点事件与失去焦点事件 278 8.7 编辑事件 279 8.7.1 文本编辑事件 279 8.7.2 拖放事件 280 8.8 应用案例 281 8.8.1 商品评级网页案例 281 8.8.2 跟随鼠标文字特效案例 283 8.8.3 网络相册案例 285 本章小结 288 思考与练习 289 第9章 网站的发布与管理 290 9.1 网页中的(meta)标记 290 9.1.1 name属性和content属性 291 9.1.2 http—equiv属性和content属性 292 9.2 测试网站 294 9.2.1 代码测试 294 9.2.2 验证HTML 295 9.2.3 检查链接 296 9.2.4 检查屏幕分辨率和颜色 298 9.2.5 可访问性检验工具 298 9.2.6 检查页面在不同浏览器中的显示效果 298 9.3 构建自己的Web服务器 298 9.3.1 Web服务器简介 299 9.3.2 安装Web服务器 299 9.4 在互联网上建立Web站点 302 9.4.1 域名注册 302 9.4.2 虚拟空间申请 305 9.4.3 发布网站 307 9.5 网站维护 308 9.5.1 网站的推广 309 9.5.2 网站的安全 310 本章小结 310 思考与练习 310 附录 HTML标记列表 312 参考文献 316