HTML5+CSS3入门经典
2013-4
管媛辉、 潘凯华 机械工业出版社 (2013-04出版)
管媛辉、潘凯华等编著的《HTML5+CSS3入门经典》以初学者为核心,全面介绍了使用HTML5+CSS3进行Web页面开发的各种技术。在内容编排上由浅入深,让读者循序渐进地掌握编程技术;在内容讲解上结合丰富的图解和形象的比喻,帮助读者理解“晦涩难懂”的技术;在内容形式上附有大量的提示、技巧、说明等栏目,夯实读者的编程技术,丰富其编程经验。全书共分4篇20章。其中,第一篇为HTML5基础篇,主要包括HTML5的出现、HTML5的元素与属性和HTML5中的表单等内容;第二篇为HTML5高级应用篇,主要包括HTML5中的文件、绘制图形、多媒体播放、HTML5中的数据存储、HTML5中的离线应用、使用WebWorker处理线程、HTML5中的其他应用型API;第三篇为CSS篇,主要包括CSS3概述,CSS3新增的选择器,字体与文本的相关属性,背景、边框和边距的相关属性,新增的弹性盒模型及分栏,尺寸和定位的相关属性,表格和列表的相关属性,CSS3的动画设计和CSS的其他重要属性等内容;第四篇为项目实战篇,主要包括旅游信息网前台页面实战项目。
《HTML5+CSS3入门经典》适合作为Web程序开发入门者的自学用书,也可以作为大中专院校和培训机构的教材。
前言第一篇 HTML 5基础篇第1章 迎接新的Web 时代——HTML 5 的出现视频讲解:16分钟1.1 HTML的历史1.1.1 HTML发展的历史1.1.2 HTML 5 时代即将来临1.2 HTML 5 的优势1.2.1 使用HTML 5 的理由1.2.2 HTML 5 的化繁为简1.2.3 HTML 5 的无插件范式1.2.4 HTML 5 的新特性1.3 HTML 5 的语法变化和标记方法1.3.1 HTML 5 的语法变化1.3.2 HTML 5 的标记方法1.3.3 标记实例1.4 小结1.5 习题第2章 去其糟粕,取其精华——HTML 5的元素与属性视频讲解:36分钟2.1 新增的元素和废除的元素2.1.1 新增的结构元素2.1.2 新增的块级(block)语义的元素2.1.3 新增的行内(inline)语义的元素2.1.4 新增的嵌入多媒体元素与交互性元素2.1.5 新增的input元素的类型2.1.6 废除的元素2.2 新增的属性和废除的属性2.2.1 新增的属性2.2.2 废除的属性2.3 全局属性2.3.1 contentEditable属性2.3.2 designMode属性2.3.3 hidden属性2.3.4 spellcheck属性2.3.5 tabindex属性2.4 上机实践2.4.1 使用hidden属性对用户评论内容进行隐藏2.4.2 使用spellcheck属性检查单词的拼写情况2.4.3 对页面输出的文字进行编辑2.5 小结2.6 习题第3章 你很重要——HTML 5 中的表单视频讲解:48分钟3.1 新增的元素与属性3.1.1 新增的属性3.1.2 增加与改良的input元素的种类3.1.3 output元素的添加3.2 对表单的验证3.2.1 自动验证3.2.2 checkValidity 显式验证法3.2.3 避免验证3.2.4 使用setCustomValidity 方法自定义错误信息3.3 增加的页面元素3.3.1 新增的.gure元素3.3.2 新增的details元素3.3.3 新增的mark元素3.3.4 新增的progress元素3.3.5 新增的meter元素3.3.6 改良的ol列表3.3.7 改良的dl列表3.3.8 加以严格限制的cite元素3.3.9 重新定义的small元素3.4 上机实践3.4.1 应用新增元素制作注册表单3.4.2 调用表单的checkValidity 方法验证密码格式3.4.3 应用output元素实现的乘法计算器3.5 小结3.6 习题第二篇 HTML 5高级应用篇第4章 不容小视——HTML 5 中的文件视频讲解:40分钟4.1 选择文件4.1.1 通过.le对象选择文件4.1.2 使用Blob接口获取文件的类型与大小4.1.3 通过类型过滤选择的文件4.2 使用FileReader接口读取文件4.2.1 检测浏览器对FileReader接口的实现4.2.2 FileReader接口的使用方法4.2.3 使用readAsDataURL方法预览图片4.2.4 使用readAsText 方法读取文本文件4.2.5 FileReader接口中的事件4.3 拖放API4.3.1 实现拖放的步骤4.3.2 通过拖放显示欢迎信息4.4 dataTransfer 对象应用详解4.4.1 使用effectAllowed 和dropEffect 属性设置拖放效果4.4.2 使用setDragImage方法设置拖放图标4.5 上机实践4.5.1 通过accept属性过滤上传文件的类型4.5.2 将图片文件拖放到页面中并显示4.6 小结4.7 习题第5章 梦幻的世界——绘制图形视频讲解:95分钟5.1 canvas的基础知识5.1.1 canvas是什么5.1.2 在页面中放置canvas元素5.1.3 绘制带边框的矩形5.2 在画布中使用路径5.2.1 使用arc方法绘制圆形5.2.2 使用moveTo 与lineTo 路径绘制火柴人5.2.3 贝塞尔和二次方曲线5.3 运用样式与颜色5.3.1 .llStyle和strokeStyle属性5.3.2 透明度globalAlpha5.3.3 线型5.4 绘制渐变图形5.4.1 绘制线性渐变5.4.2 绘制径向渐变5.5 绘制变形图形5.5.1 坐标的变换5.5.2 矩阵变换5.6 组合多个图形5.7 给图形绘制阴影5.8 应用图像5.8.1 绘制图像5.8.2 图像的局部放大5.8.3 图像平铺5.8.4 图像裁剪5.8.5 像素的处理5.9 绘制文字5.10 保存与恢复状态5.11 文件的保存5.12 对画布绘制实现动画5.13 桌面时钟5.14 上机实践5.14.1 通过设置lineJoin属性值来绘制不同的矩形5.14.2 绘制五角星5.14.3 大头贴边框5.15 小结5.16 习题第6章 如此神奇——多媒体播放视频讲解:36分钟6.1 HTML 5 多媒体简述6.1.1 HTML 4 中多媒体的应用6.1.2 HTML 5 页面中的多媒体6.2 多媒体元素的基本属性6.3 多媒体元素的常用方法6.3.1 媒体播放时的方法6.3.2 canPlayType(type) 方法6.4 事件以及事件的发生顺序6.4.1 事件处理方式6.4.2 事件介绍6.4.3 通过事件的控制来显示视频播放的时间6.5 上机实践6.5.1 在HTML 5 文档中播放音频6.5.2 在HTML 5 文档中播放视频6.6 小结6.7 习题第7章 数据管家——HTML 5 中的数据存储视频讲解:50分钟7.1 初识Web Storage7.1.1 Web Storage 是什么7.1.2 使用Web Storage 中的API7.1.3 sessionStorage和localStorage的实例——计数器7.1.4 Web Storage 综合实例——留言本7.1.5 JSON对象的存储实例——用户信息卡7.2 本地数据库7.2.1 Web SQL 数据库简介7.2.2 使用Web SQL Database API7.2.3 本地数据库实例——用户登录7.3 上机实践7.3.1 应用Web Storage 实现带留言人的留言本7.3.2 应用本地数据库实现留言本7.4 小结7.5 习题第8章 线下管家——HTML 5 中的离线应用视频讲解:13分钟8.1 HTML 5 离线应用8.1.1 HTML 5 离线应用概述8.1.2 本地缓存与浏览器网页缓存的区别8.2 创建HTML 5 离线应用8.2.1 缓存清单(manifest)8.2.2 配置IIS服务器8.2.3 浏览manifest清单8.3 浏览器与服务器的交互过程8.4 applicationCache对象8.4.1 swapCache方法8.4.2 applicationCache对象的事件8.5 上机实践8.5.1 判断在线状态8.5.2 检测本地缓存是否有更新8.6 小结8.7 习题第9章 齐头并进——使用Web Worker 处理线程视频讲解:21分钟9.1 Web Worker 概述9.1.1 创建和使用Worker9.1.2 Web Worker 应用实例——求和运算9.2 在Worker 内部能做什么9.3 多个JavaScript文件的加载与执行9.4 线程的嵌套使用9.4.1 最基本的单层嵌套9.4.2 在多线程中进行数据的交互9.5 上机实践9.5.1 通过传递JSON对象输出用户信息9.5.2 使用多线程随机显示5的整数倍数的数字9.6 小结9.7 习题第10章 未完待续——HTML 5 中的其他应用型API视频讲解:12分钟10.1 跨文档消息通信10.1.1 使用postMessage API10.1.2 跨文档消息传输10.2 Geolocation API 概述10.2.1 使用getCurrentPosition获取当前地理位置10.2.2 持续监视当前地理位置的信息10.2.3 停止获取当前用户的地理位置信息10.3 position对象10.4 上机实践10.4.1 显示当前地理位置的经纬度10.4.2 在Google地图上显示“我在这里”10.5 小结10.6 习题第三篇 CSS篇第11章 初露锋芒——CSS 3概述视频讲解:19分钟11.1 CSS 3概述11.2 CSS 3模块化结构11.3 CSS 3新特性预览11.4 主流浏览器对CSS 3的支持11.5 上机实践11.5.1 使用CSS 3样式添加图像边框11.5.2 应用CSS 3控制登录页面显示样式11.6 小结11.7 习题第12章 如此强大——CSS 3新增的选择器视频讲解:78分钟12.1 选择器概述12.2 属性选择器12.2.1 属性选择器是什么12.2.2 CSS 3中的属性选择器12.2.3 应用属性选择器实现文档按类型显示12.3 CSS 3新增的结构性伪类选择器12.3.1 CSS中的伪类选择器及伪元素12.3.2 结构性伪类选择器12.3.3 UI元素状态伪类选择器12.3.4 通用兄弟元素选择器12.4 上机实践12.4.1 随机改变页面的背景色12.4.2 设计赏心悦目的数据表格12.4.3 制作生动的列表导航12.5 小结12.6 习题第13章 文字的魅力——字体与文本的相关属性视频讲解:60分钟13.1 字体的相关属性13.2 给文字添加阴影——text-shadow属性13.2.1 text-shadow属性的使用方法13.2.2 指定多个阴影13.3 文本的相关属性13.3.1 文本自动换行:word-break13.3.2 长单词和URL地址换行13.4 CSS 3新增的服务器字体13.4.1 使用服务器字体13.4.2 定义粗体、斜体字13.4.3 优先使用客户端字体13.5 使用font-size-adjust属性微调字体大小13.5.1 字体不同导致文字大小的不同13.5.2 font-size-adjust属性的使用方法13.5.3 font-size-adjust属性的使用13.6 上机实践13.6.1 使用text-shadow属性设计立体文本13.6.2 防止表格标题行换行13.7 小结13.8 习题第14章 细节修饰——背景、边框和边距的相关属性视频讲解:53分钟14.1 设置背景14.1.1 设置背景颜色14.1.2 设置背景图片14.1.3 CSS 3新增的与背景相关的属性14.2 边框设置14.2.1 设置边框的线宽14.2.2 设置边框的样式14.2.3 设置边框的颜色14.2.4 边框综合属性14.2.5 CSS 3新增的与边框相关的属性14.3 内外边距的相关属性14.3.1 设置内边距14.3.2 设置外边距14.4 上机实践14.4.1 设计企业门户网站首页14.4.2 设置最新公告列表的分隔线14.4.3 通过CSS样式实现圆角矩形栏目标头14.5 小结14.6 习题第15章 如此魔力——新增的弹性盒模型及分栏视频讲解:53分钟15.1 盒的类型15.1.1 盒的基本类型15.1.2 inline-block盒模型15.1.3 inline-table盒模型15.1.4 表格相关的盒模型15.1.5 list-item盒模型15.1.6 run-in盒模型与compact盒模型15.2 为盒设置阴影和倒影15.2.1 box-shadow属性的使用方法15.2.2 对表格及单元格使用阴影15.2.3 为盒设置倒影15.3 布局的相关属性15.3.1 使用.oat属性实现多栏布局15.3.2 使用clear实现换行15.3.3 使用clip属性控制裁剪15.3.4 控制组件的滚动条15.4 CSS 3的多栏布局15.4.1 CSS 3新增的分栏功能15.4.2 使用盒模型实现多栏布局15.5 上机实践15.5.1 设计多栏布局15.5.2 为商品列表添加阴影和倒影15.6 小结15.7 习题第16章 大体勾勒——尺寸和定位的相关属性视频讲解:46分钟16.1 尺寸的相关属性16.1.1 设置对象的宽度16.1.2 设置对象的高度16.1.3 CSS 3新增的与尺寸相关的属性16.2 定位的相关属性16.2.1 设置定位方式16.2.2 设置层叠顺序16.2.3 设置与其父对象的上、下、左、右边的距离16.3 上机实践16.3.1 高度可自由调整的许愿墙背景16.3.2 让多个字条层叠显示16.4 小结16.5 习题第17章 增姿增色——表格和列表的相关属性视频讲解:43分钟17.1 表格的相关属性17.1.1 设置表格边框线的显示方式17.1.2 设置单元格边框间距17.1.3 设置表格标题的位置17.1.4 设置单元格无内容时是否显示边框17.1.5 设置表格的布局方式17.2 列表的相关属性17.2.1 设置项目符号的种类17.2.2 设置作为项目符号的图片17.2.3 设置项目符号排列的位置17.2.4 综合属性——list-style17.3 上机实践17.3.1 设计隔行变色的单线表格17.3.2 应用列表实现横向展示商品17.4 小结17.5 习题第18章 充满生机——CSS 3的动画设计视频讲解:78分钟18.1 2D变换18.1.1 应用transform属性实现平移18.1.2 应用transform属性实现缩放18.1.3 应用transform属性实现倾斜18.1.4 应用transform属性实现旋转18.1.5 更改变换的中心点18.2 过渡效果18.2.1 指定过渡持续的时间18.2.2 指定参与过渡的属性18.2.3 指定过渡的动画类型18.2.4 指定过渡的延迟时间18.3 Animation动画18.3.1 关键帧18.3.2 动画属性18.4 上机实践18.4.1 实现方形变圆形动画效果18.4.2 应用Animation动画实现模拟进度条效果18.5 小结18.6 习题第19章 锦上添花——CSS的其他重要属性视频讲解:24分钟19.1 控制鼠标指针19.2 打印的相关属性19.2.1 应用@media print控制打印的内容19.2.2 在对象之前插入页分隔符19.2.3 在对象之后插入页分隔符19.2.4 设置是否允许在对象的内部插入页分隔符19.3 Media Queries19.3.1 Media Queries的语法19.3.2 根据浏览器宽度自动调整布局19.4 上机实践19.4.1 实现分页打印客户信息表格19.4.2 设置不同的鼠标指针19.5 小结19.6 习题第四篇 项目实战篇第20章 旅游信息网前台页面视频讲解:23分钟20.1 需求分析20.2 网站总体设计20.2.1 网站功能概述20.2.2 网站开发及运行环境20.2.3 文件夹组织结构20.3 网站主体结构设计20.4 网站公共部分设计20.4.1 设计网站公共header20.4.2 设计网站公共footer20.5 网站主页设计20.5.1 显示网站介绍及相关图片20.5.2 主页左侧导航的实现20.6 “留下足迹”页面设计20.6.1 播放音乐20.6.2 添加留言功能的实现20.7 小结
管媛辉、潘凯华等编著的《HTML5+CSS3入门经典》从初学者的角度出发,为想要学习HTML 5+CSS 3页面设计、想要进行Web程序开发的初中级开发人员、编程爱好者、大学师生精心策划。从技术应用的角度出发,结合实际应用进行讲解,以便让想要学习Web程序开发的人员能够将美工设计完成的图片转换为网站前台页面,让想要学习Web页面设计的人员能够根据自己的意愿设计网站页面。