HTML5+CSS3+JavaScript网页设计经典课堂 / 高等院校课程设计案例精编
￥69.00定价
作者： 杨艳、张旭
出版时间：2019年1月
出版社：清华大学出版社
- 清华大学出版社
- 9787302517818
- 1-1
- 262854
- 48210589-7
- 平装
- 16开
- 2019年1月
- 计算机科学与技术
- 计算机
- 本专科
内容简介
《HTML5 CSS3 JavaScript 网页设计经典课堂》以HTML、CSS 和JavaScript 为写作基础，以“理论知识＋实操案例”为创作导向，围绕Web 前端的基本知识点展开讲解。书中的每个案例都给出了详细的实现代码，同时还对代码中的关键点和效果实现进行了描述。
《HTML5 CSS3 JavaScript 网页设计经典课堂》共14 章，分别对HTML5 中增加的元素和属性、HTML5 表单元素、HTML5 表单制作、HTML5 多媒体应用、HTML5 中的画布、地理位置的获取、离线储存和拖放、CSS3 中的选择器、CSS3 的颜色和图形的应用、CSS3 中的动画、用户交互界面设计、JavaScript 基础知识及使用JavaScript 给网页制作动态效果进行了详细的阐述。本书结构清晰，思路明确，内容丰富，语言简练，解说详略得当，既有鲜明的基础性，也有很强的实用性。
《HTML5 CSS3 JavaScript 网页设计经典课堂》既可作为大中专院校及高等院校相关专业的教学用书，又可作为网页设计爱好者的学习用书。同时，也可以作为社会各类网页设计及Web 前端开发培训班的*教材。
《HTML5 CSS3 JavaScript 网页设计经典课堂》共14 章，分别对HTML5 中增加的元素和属性、HTML5 表单元素、HTML5 表单制作、HTML5 多媒体应用、HTML5 中的画布、地理位置的获取、离线储存和拖放、CSS3 中的选择器、CSS3 的颜色和图形的应用、CSS3 中的动画、用户交互界面设计、JavaScript 基础知识及使用JavaScript 给网页制作动态效果进行了详细的阐述。本书结构清晰，思路明确，内容丰富，语言简练，解说详略得当，既有鲜明的基础性，也有很强的实用性。
《HTML5 CSS3 JavaScript 网页设计经典课堂》既可作为大中专院校及高等院校相关专业的教学用书，又可作为网页设计爱好者的学习用书。同时，也可以作为社会各类网页设计及Web 前端开发培训班的*教材。
目录
目录Chapter / 01HTML5 入门必备1.1 认识HTML5 21.1.1 HTML 发展历程 21.1.2 HTML5 和H5 的区别 21.2 新的特性 31.2.1 兼容性 31.2.2 化繁为简 31.2.3 通用访问 41.2.4 标准改进 41.3 为何使用HTML5 41.3.1 页面的交互性能更强大 51.3.2 字符集和DO CTYPE 的改进 61.3.3 HTML5 的优势 61.4 元素的分类 81.4.1 结构性元素 81.4.2 级块性元素 91.4.3 行内语义性元素 91.4.4 交互性元素 91.5 新增元素 101.6 新增属性 161.6.1 表单相关属性 161.6.2 其他相关属性 161.7 课堂练习 17强化训练 18Chapter / 02在页面中绘图2.1 canvas 入门 202.1.1 canvas 含义 202.1.2 canvas 坐标 202.2 使用canvas 212.2.1 在页面中加入canvas 212.2.2 绘制矩形和五角形 222.2.3 检测浏览器是否支持 252.3 绘制曲线路径 262.3.1 绘制路径的方法 262.3.2 描边样式的使用 272.3.3 填充和曲线的绘制方法 282.4 绘制图像 302.4.1 使用canvas 插入图片 302.4.2 渐变颜色的使用 312.4.3 变形图形的设置方法 332.4.4 组合图形的绘制方法 342.4.5 使用canvas 绘制文字 352.5 课堂练习 37强化训练 39Chapter / 03制作新型的表单3.1 新的表单元素 423.1.1 datalist 元素 423.1.2 keygen 元素 423.1.3 output 元素 433.2 新的表单属性 443.2.1 form 属性 443.2.2 formaction 属性 453.2.3 placeholder 属性 453.2.4 list 属性 463.2.5 min 和max 属性 463.2.6 novalidate 属性 473.2.7 multiple 属性 473.2.8 step 属性 483.3 表单的输入型控件 483.3.1 Input 类型E-mail 483.3.2 Input 类型url 493.3.3 Input 类型number 493.3.4 Input 类型range 503.3.5 Input 类型Date Pickers 503.3.6 Input 类型color 513.4 制作一个表单 523.5 课堂练习 54强化训练 56Chapter / 04地理位置请求4.1 关于地理位置信息 584.1.1 经度和纬度坐标 584.1.2 IP 地址定位数据 584.1.3 GPS 和Wi-Fi 地理定位数据 584.1.4 用户自定义的地理定位 594.2 浏览器对Geolocation 的支持 59ContentsContents4.2.1 GeolocationAPI 概述 594.2.2 Geolocation 的浏览器支持情况 624.3 隐私处理 624.3.1 应用隐私保护机制 624.3.2 处理位置信息 624.4 使用Geolocation API 634.4.1 检测浏览器是否支持 634.4.2 位置请求 644.5 在地图上显示位置 664.6 课堂练习 69强化训练 71Chapter / 05拖曳上传的应用5.1 拖放API 745.1.1 实现拖放API 的过程 745.1.2 dataTransfer 对象的属性与方法 745.2 拖放API 的应用 755.2.1 拖放应用 755.2.2 拖放列表 765.3 课堂练习 78强化训练 80Chapter / 06CSS3 选择器6.1 CSS 选择器 826.1.1 三大基础选择器 826.1.2 集体选择器 856.1.3 属性选择器 866.2 CSS3 入门 886.2.1 CSS3 与之前版本的异同点 886.2.2 CSS3 新增的长度单位 886.2.3 CSS3 新增结构性伪类 906.2.4 CSS3 新增UI 元素状态伪类 956.2.5 CSS3 新增属性 976.3 课堂练习 101强化训练 102Chapter / 07CSS3 设计动画7.1 过渡基础 104 Contents7.1.1 过渡属性 1047.1.2 浏览器支持情况 1047.2 实现过渡 1057.2.1 单项属性过渡 1057.2.2 多项属性过渡 1057.2.3 利用过渡设计电脑桌面 1077.3 实现动画 1087.3.1 浏览器支持情况 1087.3.2 动画属性 1097.3.3 实现动画效果 1117.4 课堂练习 112强化训练 114Chapter / 08多彩的样式设计8.1 设置多彩的文本样式 1168.1.1 设置文本阴影 1168.1.2 设置文本溢出 1248.1.3 给文本换行 1258.1.4 把单词拆分 1278.1.5 设置圆角边框 1288.1.6 设置盒子阴影 1288.2 页面中多彩颜色的设置 1308.2.1 使用HSL 颜色值 1308.2.2 使用HSLA 颜色值 1348.3 课堂练习 135强化训练 137Chapter / 09CSS3 用户的交互界面9.1 自适应显示效果 1409.1.1 多媒体查询语法 1409.1.2 多媒体查询方法 1409.1.3 自适应的导航栏 1429.2 用户界面简介 1469.2.1 让用户自调尺寸 1469.2.2 调整方框的大小 1479.2.3 修饰外形轮廓样式 1509.2.4 界面的多列布局 1519.3 课堂练习 153强化训练 154Chapter / 10弹性盒子模型10.1 盒子模型 15610.1.1 盒子简介 15610.1.2 外边距设置 15610.1.3 外边距合并 15810.1.4 内边距设置 16110.2 弹性盒子 16110.2.1 弹性盒子基础 16110.2.2 对父级容器的设置 16210.2.3 对子级内容的设置 17010.3 课堂练习 174强化训练 176Chapter / 11颜色渐变和图形转换11.1 渐变 17811.1.1 浏览器支持 17811.1.2 线性渐变 17911.1.3 径向渐变 18011.2 2D 转换 18111.2.1 移动translate() 18111.2.2 旋转rotate() 18211.2.3 缩放scale() 18311.2.4 倾斜skew() 18511.3 3D 转换 18611.3.1 rotateX() 方法 18611.3.2 rotateY() 方法 18811.3.3 转换属性 18811.3.4 3D 转换方法 19211.4 课堂练习 192强化训练 194Chapter / 12JavaScript 入门必学12.1 JavaScript 入门 19612.1.1 JavaScript 的发展 19612.1.2 JavaScript 的特点 19612.1.3 JavaScript 应用方向 19712.1.4 JavaScript 的用法 19712.2 JavaScript 的基本语法 19912.2.1 数据类型 20012.2.2 常量和变量 20212.2.3 运算符和表达式 20312.2.4 基本语句 20912.3 JavaScript 事件分析 21312.3.1 事件类型 21412.3.2 事件句柄 21712.3.3 事件处理 218 Contents12.4 课堂练习 219强化训练 220Chapter / 13特效应用13.1 JavaScript 函数 22213.1.1 JavaScript 函数定义 22213.1.2 JavaScript 函数参数 22413.1.3 JavaScript 函数调用方法 22713.2 JavaScript 应用表单 22813.2.1 按钮对象 22813.2.2 复选框对象 22913.2.3 列表框对象 23013.3 JavaScript 事件分析 23113.3.1 轮播图效果 23113.3.2 字体闪烁效果 23513.3.3 鼠标滑过效果 23513.4 JavaScript 特效制作 23713.4.1 显示网页停留时间 23713.4.2 制作定时关闭窗口 23813.5 课堂练习 239强化训练 240Chapter / 14综合实践应用14.1 制作一颗流星 24214.1.1 分析流星的尾部 24214.1.2 绘制一颗流行 24214.2 制作一场流星雨 24414.2.1 制作流星星 24414.2.2 鼠标移动的效果 246参考文献 251
