网页好设计！移动网站页面设计与效果整合实战开发 HTML5+CCS3+JQuery MobilePDF电子书下载

Chapter01 熟悉Dreamweaver CC 2

1.1 Dreamweaver概述 2

1.2 Dreamweaver CC工作环境 3

1.2.1 标题栏 4

1.2.2 菜单栏 4

1.2.3 工具面板和工具栏 5

1.2.4 状态栏 6

1.2.5 属性面板 6

1.2.6 浮动面板 7

1.3 Dreamweaver CC基本操作 7

1.3.1 输入文本和版式设计 8

1.3.2 插入图像和多媒体 9

1.3.3 创建链接 10

1.3.4 创建表格 12

1.3.5 创建CSS样式 13

1.3.6 创建表单 14

1.3.7 添加行为 15

Chapter02 移动Web设计概述 18

2.1 移动开发基础 18

2.1.1 国内移动Web设计概况 18

2.1.2 认识WebKit 21

2.2 jQuery Mobile概述 22

2.2.1 为什么要学jQuery Mobile 22

2.2.2 jQuery Mobile主要功能 23

2.2.3 jQuery Mobile主要特性 23

2.2.4 jQuery Mobile开发优势 25

2.2.5 jQuery Mobile的短板 26

2.3 使用jQuery Mobile 26

2.3.1 下载插件文件 26

2.3.2 初始安装配置 27

2.3.3 设计第一个jQuery Mobile页面 28

Chapter03 HTML5＋CSS3基础 32

3.1 HTML5文档结构 32

3.2 了解HTML5新标签 33

3.3 构建HTML5主体结构 34

3.3.1 标识文章 35

3.3.2 内容分段 37

3.3.3 设计导航信息 39

3.3.4 设计辅助信息 41

3.3.5 设计微格式 42

3.3.6 添加发布日期 43

3.4 定义语义块 43

3.4.1 添加标题块 44

3.4.2 标题分组 45

3.4.3 添加脚注块 45

3.4.4 添加联系信息 46

3.5 CSS3选择器 47

3.5.1 属性选择器 47

3.5.2 伪类选择器 49

3.6 阴影 50

3.6.1 box-shadow 50

3.6.2 text-shadow 50

3.7 背景 51

3.7.1 background-size 51

3.7.2 background-clip 51

3.7.3 background-origin 51

3.7.4 background 52

3.8 圆角边框 52

Chapter04 设计响应式页面 54

4.1 响应式设计入门 54

4.1.1 认识响应式设计 54

4.1.2 响应式Web设计流程 57

4.1.3 设计响应式图片 57

4.1.4 设计响应式结构 60

4.1.5 自适应内容显示 64

4.1.6 响应式Web设计实战 67

4.2 Dreamweaver流体网格布局 71

4.2.1 创建流体网格布局 71

4.2.2 插入流体网格元素 73

4.3 Media Queries移动布局 77

4.3.1 使用viewport 77

4.3.2 使用Media Queries 78

Chapter05 设计jQuery Mobile页面 86

5.1 设计Mobile起始页 86

5.1.1 单页结构 86

5.1.2 多页结构 89

5.1.3 外部页面 94

5.2 页面预加载和缓存 97

5.2.1 页面预加载 97

5.2.2 页面缓存 98

5.3 模态对话框 99

5.3.1 设计简单的对话框 99

5.3.2 设计关闭对话框 102

5.4 设计标题栏 103

5.4.1 定义标题栏结构 103

5.4.2 定义标题栏导航按钮 107

5.4.3 定义按钮显示位置 111

5.5 设计导航栏 112

5.5.1 定义导航栏结构 112

5.5.2 定义导航栏图标 116

5.5.3 定义导航栏图标位置 117

5.5.4 自定义导航栏图标 120

5.6 设计页脚栏 123

5.6.1 定义页脚栏按钮 123

5.6.2 添加表单对象 126

5.7 设计页面版式 129

5.7.1 网格化布局 129

5.7.2 可折叠版式 134

5.7.3 折叠组 136

Chapter06 使用组件 140

6.1 按钮 140

6.1.1 设计按钮 140

6.1.2 按钮组 143

6.2 表单 146

6.2.1 表单组件概述 146

6.2.2 文本输入框 147

6.2.3 滑块 151

6.2.4 翻转切换开关 154

6.2.5 单选按钮 156

6.2.6 复选框 158

6.2.7 选择菜单 162

6.2.8 列表框 166

6.3 列表 168

6.3.1 简单列表 169

6.3.2 嵌套列表 174

6.3.3 有序列表 177

6.3.4 拆分按钮列表项 178

6.3.5 分类列表 179

6.3.6 修饰图标和计数器 181

6.3.7 格式化列表 182

Chapter07 应用主题 190

7.1 定义主题 190

7.1.1 认识jQuery Mobile主题 190

7.1.2 默认主题 191

7.1.3 使用主题 192

7.1.4 编辑主题 195

7.1.5 自定义主题 197

7.2 列表主题 201

7.3 表单主题 204

7.4 按钮主题 207

7.5 激活主题 210

7.6 工具栏主题 211

7.7 页面主题 214

7.8 内容主题 215

Chapter08 高级开发 220

8.1 配置jQuery Mobile 220

8.1.1 页面加载和跟踪 220

8.1.2 修改grade()配置值 224

8.1.3 jQuery Mobile配置项 226

8.2 事件 229

8.2.1 触摸事件 229

8.2.2 翻转事件 233

8.2.3 滚屏事件 235

8.2.4 页面显示／隐藏事件 237

8.3 方法 240

8.3.1 转换路径 240

8.3.2 域名比较 242

8.3.3 纵向滚动 244

8.4 设计UI样式 245

8.4.1 关闭列表项箭头 245

8.4.2 固定标题栏和页脚栏 247

8.4.3 随机页面背景 248

8.5 定制组件 250

8.5.1 设置标题／按钮组件显示字数 250

8.5.2 设置按钮状态 252

8.5.3 禁用异步打开链接 253

8.6 HTML5应用 255

8.6.1 动态传递参数 255

8.6.2 离线访问 257

8.6.3 HTML5绘画 260

Chapter09 综合案例：飞鸽记事 264

9.1 设计思路 264

9.2 设计流程 264

9.3 难点技术分解 265

9.4 Web存储技术 265

9.4.1 兼容性检查 266

9.4.2 读写数据 268

9.4.3 使用Web Storage 269

9.4.4 Web Storage事件监测 269

9.5 开发详解 270

9.5.1 设计首页 270

9.5.2 设计列表页 273

9.5.3 设计详细页 276

9.5.4 设计修改页 278

9.5.5 设计添加页 281

9.6 开发小结 284