HTML5+CSS3+JavaScript网页设计教程(微课版)(高等职业院校互联网+新形态创新系列教

第1章 初步认识HTML 5 1.1 认识网页和网站 1.1.1 网页 1.1.2 网站 1.2 Web标准布局介绍 1.2.1 为什么使用Web标准 1.2.2 CSS布局标准 1.3 HTML与HTML 5 1.3.1 HTML发展历史 1.3.2 HTML 4.01和XHTML 1.3.3 HTML和XHTML的文档类型定义 1.3.4 从XHTML到HTML 5 1.3.5 HTML 5的优势 1.4 HTML 5语法变化 1.4.1 DOCTYPE声明 1.4.2 命名空间声明 1.4.3 编码类型 1.4.4 文档媒体类型 1.4.5 HTML 5兼容HTML 1.5 综合应用实例：浏览器HTML 5性能测试 本章小结 习题 第2章 HTML 5网页结构 2.1 认识html根元素 2.2 文档头部元素 2.3 结构元素 2.3.1 header元素 2.3.2 article元素 2.3.3 section元素 2.3.4 aside元素 2.3.5 footer元素 2.4 节点元素 2.4.1 nav元素 2.4.2 hgroup元素 2.4.3 address元素 2.5 语义元素 2.5.1 mark元素 2.5.2 cite元素 2.5.3 time元素 2.5.4 wbr元素 2.5.5 ruby、rt和rp元素 2.6 交互元素 2.6.1 meter元素 2.6.2 progress元素 2.6.3 details元素 2.6.4 summary元素 2.7 全局属性 2.7.1 hidden属性 2.7.2 contenteditable属性 2.7.3 spellcheck属性 2.8 综合应用实例：设计旅游网站首页 本章小结 习题 第3章 HTML 5表单应用 3.1 重新认识HTML表单 3.1.1 表单简介 3.1.2 表单标记 3.2 新增输入类型 3.2.1 url类型 3.2.2 number类型 3.2.3 email类型 3.2.4 range类型 3.2.5 datepickers类型 3.2.6 color类型 3.2.7 tel类型 3.2.8 search类型 3.3 新增属性 3.3.1 表单类属性 3.3.2 输入类属性 3.4 表单元素 3.4.1 datalist元素 3.4.2 keygen元素 3.4.3 output元素 3.4.4 optgroup元素 3.5 表单验证 3.5.1 自动验证 3.5.2 显式验证 3.5.3 自定义验证 3.5.4 取消验证 3.6 综合应用实例：设计用户录入表单 本章小结 习题 第4章 HTML 5多媒体应用 4.1 多媒体简介 4.2 播放视频 4.2.1 video元素基础用法 4.2.2 video元素方法 4.2.3 video元素事件 4.3 播放音频 4.3.1 audio元素基础用法 4.3.2 audio元素事件 4.4 综合应用实例：网页视频播放器 本章小结 习题 第5章 HTML 5绘图应用 5.1 认识canvas元素 5.1.1 canvas简介 5.1.2 创建canvas元素 5.1.3 综合应用实例：判断浏览器是否支持canvas元素 5.2 绘制简单图形 5.2.1 绘制矩形 5.2.2 绘制直线 5.2.3 绘制圆形 5.2.4 综合应用实例：绘制三角形 5.2.5 保存和恢复图形 5.2.6 输出图形 5.3 绘制文本 5.3.1 绘制普通文本 5.3.2 绘制阴影文本 5.4 变换图形 5.4.1 坐标变换 5.4.2 矩阵变换 5.4.3 组合图形 5.4.4 线性渐变 5.4.5 径向渐变 5.5 使用图像 5.5.1 绘制图像 5.5.2 平铺图像 5.5.3 裁剪和复制图像 5.6 综合应用实例：制作图片黑白和反转效果 本章小结 习题 第6章 HTML 5数据存储 6.1 认识Web存储和Cookie存储 6.2 两大Web存储对象 6.2.1 sessionStorage对象 6.2.2 localStorage对象 6.3 操作本地数据 6.3.1 保存数据 6.3.2 读取数据 6.3.3 清空数据 6.3.4 遍历数据 6.4 综合应用实例：实现工程管理模块 6.5 操作本地数据库数据 6.5.1 创建数据库 6.5.2 执行SQL语句 6.6 综合应用实例：查看学生列表 本章小结 习题 第7章 HTML 5文件和拖放 7.1 操作文件 7.1.1 获取文件信息 7.1.2 限制文件类型 7.2 综合应用实例：文件上传 7.3 FileReader接口 7.3.1 FileReader接口简介 7.3.2 读取文本文件内容 7.3.3 监听读取事件 7.3.4 处理读取异常 7.4 综合应用实例：预览图片 7.5 拖放功能 7.5.1 拖放API简介 7.5.2 dataTransfer对象 本章小结 习题 第8章 CSS 3新增选择器 8.1 CSS 3简介 8.2 综合应用实例：浏览器CSS 3性能测试 8.3 CSS选择器分类 8.4 属性选择器 8.4.1 E[att^="val"] 8.4.2 E[att$="val"] 8.4.3 E[att*="val"] 8.4.4 综合应用实例：设计颜色选择器 8.5 伪类选择器 8.5.1 E:last-child选择器 8.5.2 E:only-child选择器 8.5.3 E:nth-child(n)选择器 8.5.4 E:nth-last-child(n)选择器 8.5.5 E:root选择器 8.5.6 E:not(s)选择器 8.5.7 E:empty选择器 8.5.8 E:target选择器 8.5.9 综合应用实例：单击超链接显示具体内容 8.6 伪对象选择器 8.6.1 E::selection选择器 8.6.2 E::placeholder选择器 8.6.3 已修改的选择器 8.6.4 综合应用实例：练习content属性 8.7 兄弟选择器 本章小结 习题 第9章 CSS 3修饰文本和背景 9.1 新增基本属性 9.1.1 文本属性 9.1.2 字体属性 9.1.3 颜色属性 9.1.4 边框属性 9.1.5 背景属性 9.2 设置文本样式 9.2.1 文本换行设置 9.2.2 文本对齐方式 9.2.3 文本单个阴影 9.2.4 文本多个阴影 9.2.5 综合应用实例：制作火焰字 9.3 设置边框样式 9.3.1 边框圆角属性 9.3.2 图形填充边框 9.3.3 边框阴影效果 9.4 设置背景样式 9.4.1 background-size属性 9.4.2 background-origin属性 9.4.3 background-clip属性 9.5 综合应用实例：制作太极图 9.6 渐变属性 9.6.1 线性渐变 9.6.2 综合应用实例：实现图片闪光划过效果 9.6.3 径向渐变 9.6.4 综合应用实例：制作一张优惠券 9.6.5 重复渐变 9.6.6 综合应用实例：制作记事本纸张效果 本章小结 习题 第10章 CSS 3变形、过渡和动画 10.1 变形属性 10.1.1 平移 10.1.2 缩放 10.1.3 旋转 10.1.4 倾斜 10.1.5 综合应用实例：制作个性图片墙 10.1.6 指定变形中心原点 10.2 过渡属性 10.2.1 过渡属性概述 10.2.2 单个属性实现过渡 10.2.3 多个属性同时过渡 10.2.4 综合应用实例：光标悬浮特效的过渡功能 10.3 动画属性 10.3.1 了解animation属性 10.3.2 @keyframes动画帧 10.3.3 综合应用实例：绘制旋转的太极图案 10.4 综合应用实例：动态复古时钟 本章小结 习题 第11章 CSS 3布局属性 11.1 多列布局属性 11.1.1 多列布局属性列表 11.1.2 设置显示列的宽度 11.1.3 设置显示的固定列 11.1.4 设置显示列的样式 11.1.5 设置各列间的间距 11.2 弹性盒模型布局属性 11.2.1 Flex布局属性 11.2.2 flex-direction属性 11.2.3 flex-wrap属性 11.2.4 justify-content属性 11.2.5 其他属性简述 11.2.6 综合应用实例：实现三栏布局 本章小结 习题 第12章 JavaScript脚本编程快速入门 12.1 JavaScript语言简介 12.2 编写JavaScript程序 12.2.1 集成JavaScript程序 12.2.2 使用外部JavaScript文件 12.3 JavaScript脚本语法 12.3.1 数据类型 12.3.2 变量与常量 12.3.3 运算符 12.4 脚本控制语句 12.4.1 if条件语句 12.4.2 switch条件语句 12.4.3 while循环语句 12.4.4 dowhile循环语句 12.4.5 for循环语句 12.4.6 forin循环语句 12.5 函数 12.5.1 系统函数 12.5.2 自定义函数 12.6 常用对象 12.6.1 Array对象 12.6.2 Document对象 12.6.3 Window对象 12.7 常用事件 12.7.1 键盘事件 12.7.2 鼠标事件 12.7.3 页面事件 本章小结 习题 参考文献