-
内容大纲
本书采用通俗易懂的语言,使用HTML、CSS、JavaScript、jQuery等技术介绍交互式设计的基础内容和核心原理,再通过项目实践应用相关技术,理论与实践相结合,使读者更深刻地理解本书内容。
本书共分8个单元,内容包括前端编程基础知识、基本网页特效、增强用户体验、网页事件处理、表单处理、动效布局以及两个实战项目——在线音乐播放器和来享用点餐App。本书以实用、高效为标准,内容深入浅出、循序渐进,每个单元通过多个案例演示贯穿本单元的技术内容,凭借案例实战提升技能,帮助读者更好地掌握理论层面和技术层面的知识,使读者更深入、快速地应用Web前端交互式设计。
本书适合作为高等职业院校各专业“网页设计与制作”课程的教材,也可作为Web前端开发人员培训教材,还可作为Web开发爱好者的自学用书。 -
作者介绍
-
目录
单元1 前端编程基础知识
1.1 理解什么是脚本
1.1.1 脚本语言的定义
1.1.2 脚本语言的特点
1.1.3 脚本语言的分类
1.1.4 浏览器脚本语言的应用
1.1.5 jQuery库
1.2 如何创建脚本
1.2.1 认识JavaScript脚本文件
1.2.2 创建第一个JavaScript脚本
1.2.3 动手练一练
1.3 弹框可以这样做
1.3.1 浏览器的默认弹框
1.3.2 浏览器的自定义弹框
1.3.3 动手练一练
小结
习题
单元2 基本网页特效
2.1 理解网页交互动效
2.1.1 网页动效的概念
2.1.2 网页动效的分类
2.1.3 网页特效的实现
2.2 【案例1】背景调色板
2.2.1 案例介绍
2.2.2 案例准备
2.2.3 案例实现
2.2.4 案例拓展
2.3 【案例2】注册与登录
2.3.1 案例介绍
2.3.2 案例准备
2.3.3 案例实现
2.3.4 案例拓展
2.4 【案例3】电子时钟
2.4.1 案例介绍
2.4.2 案例准备
2.4.3 案例实现
2.4.4 案例拓展
2.5 【案例4】工作任务单
2.5.1 案例介绍
2.5.2 案例准备
2.5.3 案例实现
2.5.4 案例拓展
小结
习题
单元3 增强用户体验
3.1 Web页面动画特效
3.1.1 CSS3过渡与动画
3.1.2 JavaScript实现动画特效
3.1.3 jQuery动画的实现
3.2 【案例1】微信红包领取动画
3.2.1 案例介绍
3.2.2 案例准备
3.2.3 案例实现
3.2.4 案例拓展
3.3 【案例2】图片懒加载
3.3.1 案例介绍
3.3.2 案例准备
3.3.3 案例实现
3.3.4 案例拓展
3.4 【案例3】图片轮播
3.4.1 案例介绍
3.4.2 案例准备
3.4.3 案例实现
3.4.4 案例拓展
3.5 【案例4】趣味电子书
3.5.1 案例介绍
3.5.2 案例准备
3.5.3 案例实现
3.5.4 案例拓展
小结
习题
单元4 网页事件处理
4.1 事件处理方法
4.1.1 鼠标事件处理
4.1.2 键盘事件处理
4.1.3 窗口事件处理
4.2 【案例1】Tab选项卡切换
4.2.1 案例介绍
4.2.2 案例准备
4.2.3 案例实现
4.2.4 案例拓展
4.3 【案例2】响应式滑块图文轮播
4.3.1 案例介绍
4.3.2 案例准备
4.3.3 案例实现
4.3.4 案例拓展
4.4 【案例3】焦点图展示效果
4.4.1 案例介绍
4.4.2 案例准备
4.4.3 案例实现
4.4.4 案例拓展
4.5 【案例4】公司简介
4.5.1 案例介绍
4.5.2 案例准备
4.5.3 案例实现
4.5.4 案例拓展
小结
习题
单元5 表单处理
5.1 表单验证
5.1.1 HTML表单元素
5.1.2 正则表达式
5.1.3 表单事件处理
5.2 【案例1】信息登记卡
5.2.1 案例介绍
5.2.2 案例准备
5.2.3 案例实现
5.2.4 案例拓展
5.3 【案例2】可视化拖动表单
5.3.1 案例介绍
5.3.2 案例准备
5.3.3 案例实现
5.3.4 案例拓展
5.4 【案例3】仿问卷星
5.4.1 案例介绍
5.4.2 案例准备
5.4.3 案例实现
5.4.4 案例拓展
小结
习题
单元6 动效布局
6.1 BOM与DOM对象
6.1.1 BOM对象
6.1.2 DOM对象
6.2 【案例1】页面骨架屏布局
6.2.1 案例介绍
6.2.2 案例准备
6.2.3 案例实现
6.2.4 案例拓展
6.3 【案例2】瀑布流布局
6.3.1 案例介绍
6.3.2 案例准备
6.3.3 案例实现
6.3.4 案例拓展
6.4 【案例3】图片响应式布局
6.4.1 案例介绍
6.4.2 案例准备
6.4.3 案例实现
6.4.4 案例拓展
6.5 【案例4】商品列表布局
6.5.1 案例介绍
6.5.2 案例实现
6.5.3 案例拓展
小结
习题
单元7 实战:在线音乐播放器
7.1 在线播放器页面布局
7.1.1 页面布局
7.1.2 页面展示
7.2 导航与轮播图
7.2.1 技术准备
7.2.2 代码实现
7.3 推荐音乐列表
7.3.1 技术准备
7.3.2 代码实现
7.4 音乐播放
7.4.1 技术准备
7.4.2 代码实现
7.5 歌词展示
7.5.1 技术准备
7.5.2 代码实现
小结
单元8 实战:来享用点餐App
8.1 点餐App首页
8.1.1 效果展示
8.1.2 代码实现
8.2 餐品列表
8.2.1 效果展示
8.2.2 代码实现
8.3 结算中心
8.3.1 效果展示
8.3.2 代码实现
8.4 在线支付
8.4.1 效果展示
8.4.2 代码实现
8.5 就餐评价
8.5.1 效果展示
8.5.2 代码实现
小结
参考文献
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...