HTML5+CSS3+jQuery Mobile移动网站与App开发实战 视频讲解版PDF|Epub|txt|kindle电子书版本网盘下载

HTML5+CSS3+jQuery Mobile移动网站与App开发实战 视频讲解版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第一篇 HTML5基础2

第1章 HTML和HTML5基础2

1.1 HTML基础2

1.1.1 什么是HTML2

1.1.2 HTML的主要功能3

1.1.3 HTML的编辑环境3

1.1.4 认识Dreamweaver中的代码工具4

1.2 HTML5基础6

1.2.1 HTML5概述6

1.2.2 HTML5的优势6

1.3 认识HTML57

1.3.1 HTML5的文档结构7

1.3.2 HTML5的基本语法8

1.3.3 HTML5精简的头部8

1.4 HTML5中新增的标签9

1.4.1 结构标签9

1.4.2 文本标签9

1.4.3 应用和辅助标签10

1.4.4 进度标签10

1.4.5 交互性标签10

1.4.6 在文档和应用中使用的标签10

1.4.7 ＜ruby＞标签11

1.4.8 其他标签11

1.5 HTML5中废弃的标签11

1.6 本章小结12

1.7 课后习题12

第2章 HTML中的主体标签13

2.1 HTML头部＜head＞标签设置13

2.1.1 ＜title＞标签13

练习——为网页设置标题13

2.1.2 ＜base＞标签14

2.1.3 ＜meta＞标签14

练习——设置网页关键字、说明以及页面的定时跳转16

2.2 HTML主体＜body＞标签设置17

2.2.1 边距属性margin17

练习——设置网页整体边距17

2.2.2 背景颜色属性bgcolor18

练习——设置网页背景颜色18

2.2.3 背景图像属性background19

练习——设置网页背景图像19

2.2.4 文字属性text20

练习——设置网页文字默认颜色20

2.2.5 默认链接属性link21

练习——设置网页中超链接文字的默认颜色21

2.3 在HTML代码中添加注释22

2.4 本章小结23

2.5 课后习题23

第3章 HTML中基础标签的应用24

3.1 文字设置标签24

3.1.1 ＜font＞标签24

练习——使用＜font＞标签设置网页文字效果25

3.1.2 ＜b＞和＜strong＞标签实现文字加粗26

3.1.3 ＜i＞和＜em＞标签实现文字倾斜26

3.1.4 ＜u＞标签实现文字下画线26

练习——为文字添加加粗、倾斜和下画线修饰27

3.1.5 其他文字修饰标签28

练习——为文字添加上标和删除线28

3.2 分行与分段标签29

3.2.1 使用＜br＞标签为文本分行29

练习——为网页中的文本进行分行处理29

3.2.2 使用＜p＞标签为文本分段31

练习——为网页中的文本进行分段处理31

3.2.3 ＜h1＞至＜h6＞标签31

练习——设置文本标题32

3.2.4 ＜hr＞标签32

练习——在网页中插入水平线33

3.2.5 文本对齐设置33

练习——设置网页文本对齐34

3.2.6 在HTML中插入空格和特殊字符35

练习——在网页中输入空格和特殊字符35

3.3 图片标签设置36

3.3.1 ＜img＞标签36

练习——在网页中插入图片37

3.3.2 图文混排38

练习——制作图文介绍页面38

3.4 列表标签设置39

3.4.1 使用＜ul＞标签创建项目列表40

练习——制作新闻列表40

3.4.2 使用＜ol＞标签创建编号列表41

练习——制作编号有序列表41

3.4.3 使用＜dl＞标签创建定义列表43

练习——制作复杂的新闻列表43

3.5 超链接标签设置44

3.5.1 超链接＜a＞标签44

3.5.2 相对链接和绝对链接45

练习——在网页中创建超链接45

3.5.3 网页中的特殊超链接46

练习——在网页中创建特殊超链接46

3.5.4 超链接标签中的其他属性设置48

3.6 表格标签设置49

3.6.1 表格的基本构成＜table＞、＜tr＞和＜td＞标签49

3.6.2 表格标题＜caption＞标签49

练习——创建数据表格50

3.6.3 表头＜thead＞、表主体＜tbody＞和表尾＜tfoot＞标签51

练习——设置表格中的表头、表主体和表尾51

3.7 本章小结52

3.8 课后习题53

第4章 HTML中表单标签的应用54

4.1 了解HTML中的表单54

4.1.1 表单的作用54

4.1.2 ＜form＞标签54

4.1.3 表单的数据传递方式55

4.2 普通的HTML表单元素55

4.2.1 文本域55

4.2.2 密码域55

4.2.3 文本区域56

4.2.4 隐藏域56

4.2.5 复选框56

4.2.6 单选按钮56

4.2.7 选择域56

4.2.8 文件域57

4.2.9 按钮57

4.2.10 图像域57

练习——制作登录表单58

4.3 HTML5新增表单输入类型61

4.3.1 url类型61

4.3.2 email类型61

4.3.3 range类型61

4.3.4 number类型61

4.3.5 tel类型62

4.3.6 search类型62

4.3.7 color类型62

4.3.8 date类型62

4.3.9 month、week、time、datetime、datetime-local类型63

练习——制作留言表单页面63

4.3.10 浏览器对HTML5表单的支持情况65

4.4 HTML5新增表单属性65

4.4.1 form属性66

4.4.2 formaction属性66

4.4.3 formmethod、formenctype、formnovalidate、formtarget属性66

4.4.4 placeholder属性66

4.4.5 autofocus属性67

练习——为表单元素设置默认提示内容67

4.4.6 autocomplete属性68

4.5 使用HTML5表单验证68

4.5.1 与验证有关的表单元素属性68

练习——验证网页表单元素69

4.5.2 表单验证方法70

4.5.3 表单验证事件72

4.6 本章小结73

4.7 课后习题73

第5章 HTML中多媒体标签的应用74

5.1 使用＜embed＞标签74

5.1.1 使用＜embed＞标签嵌入音频74

练习——在网页中嵌入音频75

5.1.2 使用＜embed＞标签嵌入视频75

练习——在网页中嵌入视频76

5.2 了解HTML5中多媒体的应用76

5.2.1 在线多媒体的发展77

5.2.2 检查浏览器是否支持＜audio＞和＜video＞标签77

5.3 HTML5新增＜audio＞标签的应用77

5.3.1 ＜audio＞标签所支持的音频格式77

5.3.2 使用＜audio＞标签77

练习——在网页中嵌入音频播放78

5.4 HTML5新增＜video＞标签的应用79

5.4.1 ＜video＞标签所支持的视频格式79

5.4.2 使用＜video＞标签79

练习——在网页中嵌入视频播放79

5.4.3 使用＜source＞标签80

5.5 ＜audio＞与＜video＞标签的属性81

5.5.1 元素的标签属性81

5.5.2 元素的接口属性82

练习——实现网页中视频的快进控制83

5.6 ＜audio＞与＜video＞标签的接口方法84

练习——控制网页中视频的播放和暂停85

5.7 ＜audio＞与＜video＞标签的事件86

练习——自定义视频播放控制组件87

5.8 本章小结91

5.9 课后习题91

第6章 HTML5中＜canvas＞标签的应用93

6.1 ＜canvas＞标签93

6.1.1 了解＜canvas＞标签93

6.1.2 在网页中使用＜canvas＞标签93

6.1.3 使用＜canvas＞标签实现绘图的流程94

6.2 绘制基本图形95

6.2.1 绘制直线95

练习——在网页中绘制直线95

6.2.2 绘制矩形96

练习——在网页中绘制矩形97

6.2.3 绘制圆形98

练习——在网页中绘制圆形99

6.2.4 绘制三角形100

练习——在网页中绘制三角形100

6.2.5 图形组合102

6.3 绘制文本103

6.3.1 使用文本103

练习——在网页中绘制文字104

6.3.2 创建对象阴影105

练习——为网页中所绘制文字添加阴影105

6.4 在网页中实现特殊形状图像106

6.4.1 绘制图像106

练习——在网页中绘制图像107

6.4.2 裁切区域108

练习——在网页中实现圆形图像效果108

6.5 本章小结110

6.6 课后习题110

第7章 HTML5中文档结构标签的应用111

7.1 构建HTML5页面主体内容111

7.1.1 文章＜article＞标签111

7.1.2 章节＜section＞标签113

7.1.3 导航＜nav＞标签115

7.1.4 辅助内容＜aside＞标签116

7.1.5 日期时间＜time＞标签117

7.2 HTML5文档中的语义模块标签117

7.2.1 标题＜header＞标签117

7.2.2 标题分组＜hgroup＞标签118

7.2.3 页脚＜footer＞标签119

7.2.4 联系信息＜address＞标签120

7.3 制作HTML5文章页面121

练习——制作HTML5文章页面121

7.4 本章小结125

7.5 课后习题125

第二篇 CSS样式127

第8章 CSS样式基础127

8.1 了解CSS样式127

8.1.1 什么是CSS样式127

8.1.2 CSS样式的发展127

8.2 CSS样式语法128

8.2.1 CSS样式的基本语法128

8.2.2 CSS规则构成129

8.3 CSS样式选择器130

8.3.1 通配选择器130

8.3.2 标签选择器130

练习——创建通配选择器和标签选择器130

8.3.3 ID选择器132

8.3.4 类选择器132

练习——创建ID选择器和类选择器132

8.3.5 伪类和伪对象选择器135

练习——创建并应用超链接伪类样式136

8.3.6 群组选择器137

8.3.7 派生选择器137

练习——在网页中创建并应用群组和派生CSS样式138

8.4 在网页中应用CSS样式的4种方式139

8.4.1 内联CSS样式139

8.4.2 内部CSS样式140

8.4.3 外部CSS样式140

练习——创建并链接外部CSS样式表文件141

8.4.4 导入外部CSS样式143

8.5 CSS样式的特性144

8.5.1 CSS样式的继承性144

8.5.2 CSS样式的特殊性144

8.5.3 CSS样式的层叠性145

8.5.4 CSS样式的重要性145

8.6 本章小结145

8.7 课后习题145

第9章 CSS布局147

9.1 创建Div147

9.1.1 了解Div147

9.1.2 如何插入Div148

9.1.3 块元素与行内元素149

9.2 CSS盒模型150

9.2.1 什么是CSS盒模型150

9.2.2 CSS盒模型的特性151

9.2.3 margin属性——边距151

9.2.4 border属性——边框151

9.2.5 padding属性——填充151

练习——设置网页元素盒模型152

9.3 网页元素定位属性154

9.3.1 position属性——元素定位154

9.3.2 网页元素相对定位155

练习——实现网页元素的叠加显示155

9.3.3 网页元素绝对定位156

练习——网页元素固定在右侧显示156

9.3.4 网页元素固定定位157

练习——实现固定位置的导航菜单157

9.3.5 网页元素浮动定位159

练习——制作顺序排列的图像列表159

9.4 网页常用布局方式161

9.4.1 居中的布局162

9.4.2 浮动的布局163

9.4.3 自适应高度的解决方法168

9.5 本章小结169

9.6 课后习题169

第10章 CSS样式属性详解170

10.1 使用CSS设置文字样式170

10.1.1 font-family属性——字体170

10.1.2 font-size属性——字体大小170

10.1.3 color属性——字体颜色171

练习——设置网页文字基本效果171

10.1.4 font-weight属性——字体粗细173

10.1.5 font-style属性——字体样式173

练习——设置网页文字的加粗和倾斜效果174

10.1.6 text-transform属性——英文字体大小写175

练习——设置网页中英文字体大小写175

10.1.7 text-decoration属性——文字修饰177

练习——为网页文字添加修饰177

10.1.8 letter-spacing属性——字符间距178

练习——设置中文字符间距179

10.2 使用CSS设置段落样式179

10.2.1 line-height属性——行间距179

10.2.2 text-indent属性——段落首行缩进180

练习——美化网页中的段落文本180

10.2.3 text-align属性——文本水平对齐181

练习——设置文本水平对齐181

10.2.4 vertical-align属性——文本垂直对齐183

练习——设置文本垂直对齐183

10.3 使用CSS设置背景颜色和背景图像185

10.3.1 background-color属性——背景颜色185

10.3.2 background-image属性——背景图像185

10.3.3 background-repeat属性——背景图像平铺方式185

练习——设置网页背景效果186

10.3.4 background-position属性——背景图像位置188

练习——定位网页中的背景图像188

10.3.5 background-attachment属性——背景图像固定190

练习——固定网页中的背景图像190

10.4 使用CSS设置列表样式191

10.4.1 list-style-type属性——设置列表符号191

练习——设置新闻列表效果191

10.4.2 list-style-image属性——自定义列表符号192

练习——自定义新闻列表符号192

10.4.3 设置定义列表194

练习——制作复杂新闻列表194

10.5 使用CSS设置边框样式195

10.5.1 border-width属性——边框宽度195

10.5.2 border-style属性——边框样式195

10.5.3 border-color属性——边框颜色196

练习——为网页元素添加边框效果196

10.6 超链接CSS样式伪类197

10.6.1 :link伪类197

10.6.2 :hover伪类198

10.6.3 :active伪类198

10.6.4 :visited伪类199

练习——设置网页中超链接文字效果199

10.6.5 按钮式超链接202

练习——制作网站导航菜单202

10.7 cursor属性——光标指针效果204

练习——在网页中实现多种光标指针效果204

10.8 本章小结206

10.9 课后习题206

第11章 CSS3.0新增属性详解207

11.1 了解CSS3.0207

11.1.1 CSS3.0的发展207

11.1.2 浏览器对CSS3.0的支持情况207

11.1.3 了解CSS3.0的全新功能208

11.2 CSS3.0颜色设置方式208

11.2.1 RGBA颜色值208

练习——使用RGBA设置半透明背景颜色209

11.2.2 HSL和HSLA颜色值209

练习——使用HSLA设置半透明背景颜色210

11.2.3 transparent颜色值211

11.3 CSS3.0新增文字设置属性211

11.3.1 text-overflow属性——文本溢出处理211

练习——设置网页中溢出文本的处理方式212

11.3.2 word-wrap和word-break属性——控制文本换行213

练习——控制英文内容强制换行213

11.3.3 text-shadow属性——文本阴影214

练习——为网页文本添加阴影效果215

11.3.4 @font-face规则——使用服务器端字体215

练习——在网页中使用特殊字体216

11.4 CSS3.0新增背景设置属性217

11.4.1 线性渐变背景颜色217

练习——为网页设置线性渐变背景颜色218

11.4.2 径向渐变背景颜色220

练习——为网页设置径向渐变背景颜色221

11.4.3 background属性——设置多背景图像222

练习——为网页设置多个背景图像222

11.4.4 background-size属性——背景图像大小223

练习——控制网页背景图像的大小223

11.4.5 background-origin属性——背景图像原点225

练习——控制背景图像开始显示的原点位置226

11.4.6 background-clip属性——背景图像显示区域226

练习——控制背景图像的显示区域227

11.5 CSS3.0新增边框设置属性228

11.5.1 border-colors属性——多重边框颜色228

练习——实现网页元素多色彩边框效果228

11.5.2 border-image属性——图像边框229

练习——为网页元素添加图像边框效果230

11.5.3 border-radius属性——圆角边框231

练习——在网页中实现圆角边框效果231

11.6 CSS3.0新增多列布局属性233

11.6.1 columns属性——多列布局233

练习——将网页内容分为多列233

11.6.2 column-width属性——列宽度234

11.6.3 column-count属性——列数234

11.6.4 column-gap属性——列间距234

11.6.5 column-rule属性——列分隔线235

11.6.6 column-span属性——横跨所有列235

练习——实现网页内容的分栏显示效果235

11.7 CSS3.0新增其他属性237

11.7.1 opaity属性——元素不透明度237

练习——设置网页元素的半透明效果238

11.7.2 box-shadow属性——元素阴影239

练习——为网页元素添加阴影效果239

11.7.3 resize属性——改变元素尺寸240

练习——实现网页元素尺寸任意缩放241

11.7.4 outline属性——轮廓外边框242

练习——为网页元素添加轮廓外边框243

11.7.5 appearance属性——伪装的元素244

练习——将超链接文字伪装成按钮245

11.7.6 content属性——为元素赋予内容246

练习——为网页元素赋予文字内容246

11.8 本章小结247

11.9 课后习题247

第12章 使用CSS3.0实现动画效果248

12.1 实现元素变形248

12.1.1 transform属性248

12.1.2 使用rotate（）函数实现元素旋转248

练习——实现网页元素的旋转变形效果249

12.1.3 使用scale（）函数实现元素缩放和翻转变形250

练习——实现网页元素的缩放和翻转效果250

12.1.4 使用translate（）函数实现元素移动251

练习——实现网页元素的移动效果251

12.1.5 使用skew（）函数实现元素倾斜253

练习——实现网页元素的倾斜效果253

12.1.6 使用matrix（）函数实现元素矩阵变形254

练习——实现网页元素的矩阵变形效果254

12.1.7 定义变形中心点255

练习——设置网页元素的变形中心点256

12.1.8 同时使用多个变形函数257

练习——为网页元素同时应用多个变形效果257

12.2 CSS3.0实现过渡动画效果258

12.2.1 transition属性258

12.2.2 transition-property属性——实现过渡效果259

练习——实现网页元素旋转并放大动画259

12.2.3 transition-duration属性——设置过渡时间260

练习——设置网页元素变形动画持续时间260

12.2.4 transition-delay属性——实现过渡延迟效果262

练习——设置网页元素变形动画延迟时间262

12.2.5 transition-timing-function属性——设置过渡方式263

练习——设置网页元素变形动画过渡方式263

12.3 本章小结264

12.4 课后习题264

第三篇 jQuery Mobile页面266

第13章 初识jQuery Mobile266

13.1 jQuery入门266

13.1.1 什么是jQuery266

13.1.2 如何引用jQuery函数库267

13.1.3 jQuery基本语法267

13.1.4 jQuery选择器268

13.1.5 使用jQuery设置CSS样式属性269

练习——使用jQuery改变CSS样式效果269

13.2 jQuery Mobile基础270

13.2.1 什么是jQuery Mobile270

13.2.2 jQuery Mobile的优势271

13.3 jQuery Mobile页面开发前的准备工作271

13.3.1 如何测试所制作的移动页面271

13.3.2 加载jQuery Mobile函数库文件273

13.4 认识jQuery Mobile页面结构274

13.4.1 创建jQuery Mobile页面274

练习——创建jQuery Mobile页面274

13.4.2 jQuery Mobile页面的基本架构276

13.4.3 多容器jQuery Mobile页面277

13.5 jQuery Mobile页面的基本操作277

13.5.1 jQuery Mobile页面中多容器之间的链接277

练习——创建jQuery Mobile页面多容器之间链接278

13.5.2 链接外部jQuery Mobile页面280

练习——链接外部jQuery Mobile页面280

13.5.3 预加载jQuery Mobile页面282

13.5.4 页面缓存282

练习——在jQuery Mobile页面中实现预加载和缓存283

13.5.5 在jQuery Mobile页面中实现后退功能283

练习——在jQuery Mobile页面中实现后退功能284

13.5.6 弹出对话框285

练习——以弹出窗口方式显示链接内容285

13.6 本章小结287

13.7 课后习题287

第14章 jQuery Mobile页面详解288

14.1 头部栏288

14.1.1 头部栏的基本结构288

14.1.2 设置后退按钮的文字289

14.1.3 添加按钮290

练习——在jQuery Mobile页面头部栏中添加按钮290

14.1.4 设置按钮位置293

14.2 导航栏294

14.2.1 导航栏的基本结构295

练习——在jQuery Mobile页面中创建导航栏295

14.2.2 导航栏的图标297

14.2.3 设置导航栏图标位置299

14.3 尾部栏300

14.3.1 添加按钮300

练习——在jQuery Mobile页面尾部栏中添加按钮300

14.3.2 添加表单元素301

练习——在jQuery Mobile页面尾部栏中添加下拉列表302

14.4 jQuery Mobile页面正文内容处理303

14.4.1 jQuery Mobile布局网格303

练习——创建布局网格303

14.4.2 可折叠区块305

练习——创建可折叠内容306

14.4.3 嵌套可折叠区块307

14.4.4 可折叠区块组308

练习——创建可折叠区块组308

14.5 本章小结309

14.6 课后习题309

第15章 使用jQuery Mobile页面组件和主题311

15.1 列表组件311

15.1.1 无序列表311

练习——在jQuery Mobile页面中创建列表311

15.1.2 有序列表312

15.1.3 分割列表选项313

练习——分割jQuery Mobile页面中的列表选项313

15.1.4 列表选项分组315

练习——实现列表选项的分组315

15.1.5 开启或禁用列表项中的图标317

练习——开启或禁用列表项中的图标317

15.1.6 图标与计数器319

练习——为列表项添加图标和计数器319

15.1.7 列表项内容格式化处理320

练习——列表项内容的格式化处理321

15.2 按钮组件323

15.2.1 使用按钮组件323

练习——在jQuery Mobile页面中添加按钮323

15.2.2 使用按钮组325

练习——在jQuery Mobile页面中使用按钮组325

15.3 表单组件326

15.3.1 文本输入框326

练习——在jQuery Mobile页面添加不同类型输入框326

15.3.2 滑块327

练习——使用滑块修改页面元素的背景颜色327

15.3.3 翻转切换开关328

15.3.4 单选按钮328

练习——制作投票表单329

15.3.5 复选框330

练习——制作调查表单330

15.3.6 选择菜单331

15.3.7 多项选择菜单333

15.4 关于jQuery Mobile页面主题334

15.4.1 什么是jQuery Mobile页面主题334

15.4.2 jQuery Mobile页面主题的特点334

15.4.3 默认的jQuery Mobile页面主题335

练习——应用jQuery Mobile页面的默认主题335

15.4.4 如何修改默认的jQuery Mobile页面主题336

练习——修改jQuery Mobile页面的默认效果336

15.5 自定义jQuery Mobile页面主题338

15.5.1 自定义jQuery Mobile页面背景338

练习——自定义jQuery Mobile页面背景338

15.5.2 自定义jQuery Mobile页面工具栏341

练习——自定义jQuery Mobile页面工具栏341

15.5.3 自定义jQuery Mobile页面内容区域343

练习——自定义可折叠区块主题344

15.6 本章小结345

15.7 课后习题345

第16章 使用jQuery Mobile页面事件346

16.1 应用jQuery Mobile事件346

16.1.1 页面显示／隐藏事件346

16.1.2 加载外部页面事件347

16.1.3 页面切换事件347

练习——设置jQuery Mobile页面切换过渡动画效果348

16.1.4 触摸事件350

练习——使用触摸事件实现滑动屏幕浏览图片351

16.1.5 滚动屏幕事件354

练习——使用滚动屏幕事件改变元素的背景颜色354

16.1.6 屏幕翻转事件357

练习——通过屏幕翻转事件判断移动设备方向357

16.2 jQuery Mobile页面的设置技巧361

16.2.1 固定页面头部栏与尾部栏361

练习——固定jQuery Mobile页面中头部栏和尾部栏的位置361

16.2.2 随机显示页面背景362

练习——随机显示jQuery Mobile页面的背景图片362

16.3 本章小结366

16.4 课后习题366

第17章 移动端应用开发实战367

17.1 移动APP引导页面367

17.1.1 功能分析367

17.1.2 制作步骤368

练习——制作移动APP引导页面368

17.2 电商APP页面374

17.2.1 功能分析374

17.2.2 制作电商APP页面375

练习——制作电商APP页面375

17.2.3 制作侧边导航菜单381

练习——制作侧边导航菜单381

17.3 可滑动操作的移动页面386

17.3.1 功能分析386

17.3.2 制作可滑动切换的背景386

练习——制作可滑动切换的背景386

17.3.3 制作可滑动底部导航栏389

练习——制作可滑动底部导航栏389

17.4 本章小结393

17.5 课后习题393