×
Wb交互界面设计与制作 微课版

Wb交互界面设计与制作 微课版

1星价 ¥48.9 (7.0折)
2星价¥48.9 定价¥69.8
暂无评论
图文详情
  • ISBN:9787115640895
  • 装帧:平装-胶订
  • 册数:暂无
  • 重量:暂无
  • 开本:16开
  • 页数:252
  • 出版时间:2024-07-01
  • 条形码:9787115640895 ; 978-7-115-64089-5

本书特色

(1)在内容编排上,从交互界面设计的基础知识开始,介绍交互界面的艺术设计、用户体验设计、内容规划,以及如何利用HTML5、CSS3和JavaScript 等相关技术进行交互界面开发。

(2)采用“理论穿插案例”,由浅入深、循序渐进的方式,结合大量的实际案例,展现交互界面开发过程中的具体操作过程,具有较强的实用性和可操作性,注重读者实践能力的培养。

(3)每章章末都设置了“本章小结”,简要总结了本章的主要内容和重点难点;同时,还设置了“本章习题”板块,包括选择题、简答题、操作题,便于读者巩固所学知识,可满足高校“教、学、做、考”一体化的教学需求。

内容简介

本书在编写过程中坚持理论性和实用性相结合,力求与互联网行业技术发展同步,着重提高读者Web交互界面设计和制作的能力。全书共9章,内容包括交互界面设计概述、Web交互界面设计基础、Web交互界面技术概述、HTML5和CSS3基础、Web交互界面设计案例、HTML5和CSS3进阶、JavaScript基础、Web交互界面开发、综合案例:网站交互界面开发。本书系统地介绍 Web交互界面设计与制作的全过程,可作为高等院校数字媒体技术、数字媒体艺术、计算机科学与技术等相关专业的教材或教学参考书,也可供各类培训机构、网页设计从业人员参考使用。

目录

第1章 交互界面设计概述 1

1.1 交互界面概念 1

1.2 交互界面历史 2

1.3 交互用户体验 3

1.3.1 用户体验概念 3

1.3.2 生活中的用户体验 4

1.3.3 用户体验五要素 4

1.3.4 用户体验案例 9

1.4 交互界面设计与开发流程 11

1.5 本章小结 13

1.6 本章习题 13

第 2章 Web交互界面设计基础 14

2.1 设计思路 14

2.2 设计要素 14

2.3 设计原则与准则 17

2.3.1 基本原则 17

2.3.2 基本准则 18

2.4 设计工具介绍 18

2.4.1 Photoshop概述 19

2.4.2 图层基本操作 22

2.4.3 案例实现:图层蒙版 25

2.4.4 案例实现:切片工具的应用 27

2.5 Web交互界面设计 31

2.5.1 案例实现:网站界面设计 31

2.5.2 案例实现:网页banner设计 37

2.6 本章小结 41

2.7 本章习题 41

1.选择题 41

2.简答题 41

第3章 Web交互界面技术概述 42

3.1 Web交互界面技术相关概念 42

3.1.1 Internet介绍 42

3.1.2 Web浏览器介绍 45

3.2 Web交互界面核心技术 45

3.2.1 网页开发基本要素 45

3.2.2 Web标准 46

3.2.3 HTML5概述 47

3.2.4 CSS3概述 47

3.2.5 JavaScript简介 48

3.2.6交互界面开发工具 49

3.3 本章小结 50

3.4 本章习题 50



第4章 HTML5和CSS3基础 51

4.1 HTML5基础 51

4.1.1 网页基本结构 51

4.1.2 标签类型 55

4.1.3 HTML5结构标签 56

4.1.4 HTML5文本标签 60

4.2 CSS3基础 62

4.2.1 CSS3的引用方法 63

4.2.2 CSS3选择器和声明 64

4.2.3 id和类命名规则 68

4.2.4 颜色值语法 68

4.2.5 CSS中的注释 68

4.2.6 CSS3文本属性 69

4.2.7 CSS3背景属性 72

4.3 案例实现:文章界面美化 75

4.4 本章小结 77

4.5 本章习题 77

第5章 Web交互界面设计案例 79

5.1 新闻列表制作 79

5.1.1 超链接 79

5.1.2 列表标签 80

5.1.3 列表样式属性 82

5.1.4 案例实现:新闻列表制作 83

5.2 导航制作 85

5.2.1 标准流 85

5.2.2 浮动(float)与清除浮动(clear) 85

5.2.3 案例实现:导航制作 87

5.3 图文板块制作 89

5.3.1 盒子模型 89

5.3.2 宽度和高度 90

5.3.3 边框 91

5.3.4 内边距 93

5.3.5 外边距 93

5.3.6 Web常见图片格式 94

5.3.7 Web中的插入图片 95

5.3.8 相对路径与绝对路径 95

5.3.9 案例实现:图文板块制作 96

5.4 图文列表制作 98

5.4.1 相对定位 99

5.4.2 绝对定位 99

5.4.3 层级z-index 100

5.4.4 CSS3的过渡动画 100

5. transition的简写属性 101

5.4.5 CSS3的2D变形 101

5.4.6 CSS3的3D变形 103

5.4.7 隐藏与显示属性 104

5.4.8 案例实现:图文列表制作 105

5.5 本章小结 106

5.6 本章习题 106

第6章 HTML5和CSS3拓展 109

6.1 HTML5表格 109

6.1.1 表格基本属性 109

6.1.2 单元格的合并及拆分 111

6.1.3 表格的嵌套 111

6.1.4 案例实现:课程表制作 111

6.2 HTML5表单 114

6.2.1 表单基本属性 114

6.2.2 HTML5新增表单控件 115

8. datepickers日期选择器 118

6.2.3 HTML5新增表单属性 119

6.3 媒体对象 121

6.3.1 Object对象 121

6.3.2 embed对象 122

6.3.3 Video对象 122

6.3.4 Audio对象 123

6.3.5 source媒体元素 124

6.4 CSS3进阶 124

6.4.1 伪类伪对象 125

6.4.2 帧动画(animation) 126

6.4.3 flex布局 128

6.4.4 响应式布局 129

6.5 案例实现:flex弹性盒子 132

1. 请思考 132

2. 案例分析 132

代码6-5 flex布局中HTML5部分 132

6.6 本章小结 133

6.7 本章习题 133

1.选择题 133

2. 简答题 133

3. 操作题 133

第7章 JavaScript基础 135

7.1 JavaScript简介 135

7.1.1 JS基本概念 135

7.1.2 JS发展历程 136

7.2 JS使用方法 136

7.2.1在页面嵌入JS代码 136

7.2.2 引入外部JS文件 138

7.2.3 JS代码位置 139

7.2.4 JS调试方法 140

7.3 JS语法基础 141

7.3.1 基本语法规则 141

7.3.2 变量和常量 143

7.3.3 基本数据类型 145

7.3.4 运算符与表达式 151

7.3.5 数学方法 155

7.4 流程控制语句 156

7.4.1 条件语句 156

7.4.2 循环语句 158

7.5 函数 160

7.5.1 函数的定义 160

7.5.2 函数的作用域 162

7.5.3 函数参数和参数对象 163

7.6 DOM基础 166

7.6.1 DOM 树与节点 166

7.6.2 标签节点常用属性 167

7.6.3 DOM获取标签节点 168

7.6.4 DOM生成或删除标签 172

7.6.5 DOM操作标签属性 173

7.8 案例实现:页面动态广告 174

7.9 本章小结 177

7.10 本章习题 177

第8章 Web交互界面开发 180

8.1 简易计算器开发 180

8.1.1 事件 180

8.1.2 案例实现:简易计算器 184

8.2 二级导航开发 186

8.2.1 JS修改样式 186

8.2.2 案例实现:二级导航 188

代码8- 15 一级导航HTML和CSS代码示例 188

8.3 时间走动制作 192

8.3.1 时间类 192

8.3.2 数组类 194

8.3.3 计时器 199

8.3.4 案例实现:时间走动 200

8.4 Web交互界面开发进阶 201

8.4.1 案例实现:图片轮播现 201

8.4.2 案例实现:选项卡 206

8.5 本章小结 209

8.6 本章习题 209

第9章 综合案例:企业网站交互界面开发 212

9.1 交互界面分析 212

9.2 初始化CSS 213

9.3 界面HTML框架搭建 215

9.4 时间走动特效实现 218

9.5 二级导航制作及交互实现 218

9.6 新闻列表制作及栏目复用 224

9.7 选项卡制作及交互实现 225

9.8 图片轮播制作及交互实现 229

9.9 本章小结 232

9.10 本章习题 233



展开全部

作者简介

张晓颖,软件学院数字媒体技术系副教授、高级工程师。曾任职重庆一家业内知名的IT企业。先后承担数字媒体技术专业《创意专题网页设计》《综合网站实训》《典型网页设计》等核心课程的教学任务。

预估到手价 ×

预估到手价是按参与促销活动、以最优惠的购买方案计算出的价格(不含优惠券部分),仅供参考,未必等同于实际到手价。

确定
快速
导航