响应式网页设计实战【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

响应式网页设计实战PDF格式电子书版下载

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

第1章 自适应／响应式网页设计概述1

1.1 弹性的样式与版面1

1.2 以移动设备为优先1

1.3 业界流行的RWD Framework2

1.4 并非一定需要RWD Framework2

1.5 RWD实现的机制5

1.6 浏览器的支持度5

第2章 网页的新旧切版方式和字体资源7

2.1 程序代码的编辑器7

2.2 CSS搭配HTML4切版方式7

2.2.1 开始切版前的HTML基本程序代码结构7

2.2.2 规划要创建的版面8

2.2.3 建立区块的程序代码9

2.2.4 标示区块的范围9

2.2.5 设置区块尺寸10

2.2.6 限定版面总宽度12

2.2.7 设置区块为浮动排列12

2.2.8 调整各区块的间距14

2.2.9 版面的居中对齐15

2.2.10 改用百分比作为显示度量单位16

2.3 CSS搭配HTML5切版方式18

2.3.1 建立区块的程序代码20

2.3.2 标示区块范围20

2.3.3 设置区块尺寸21

2.3.4 限定版面的总宽度23

2.3.5 设置区块为浮动排列24

2.3.6 调整各区块的间距25

2.3.7 版面的居中对齐27

2.3.8 改用以百分比为显示度量单位28

2.4 CSS搭配JavaScript切版方式30

2.4.1 精简原有的程序代码30

2.4.2 注释掉整段CSS规则语句32

2.4.3 用JavaScript程序代码实现特定版型32

2.4.4 JavaScript版型程序代码的第1阶段简化33

2.4.5 JavaScript版型程序代码的第2阶段简化34

2.5 跨网域运用在线字体35

2.6 使用本地的字体38

第3章 版型尺寸的固定与弹性42

3.1 HTML传统方式42

3.2 CSS应用方式45

3.2.1 @media语句45

3.2.2 meta viewport语句51

3.3 JavaScript搭建方式52

第4章 Bootstrap的学习与使用56

4.1 Twitter的Bootstrap简易应用方式56

4.2 免费小图标58

4.3 下拉式或上拉式菜单59

4.3.1 下拉式菜单59

4.3.2 上拉式菜单61

4.3.3 具有选项分隔线的下拉式菜单61

4.3.4 具有选项分类和选项分隔线的下拉式菜单62

4.4 一般按钮和按钮组64

4.4.1 按钮组64

4.4.2 按钮组的工具栏64

4.5 带有菜单按钮的按钮组65

4.5.1 横向按钮组65

4.5.2 纵向按钮组66

4.5.3 窗口宽度型67

4.5.4 分离型按钮组68

4.6 不同尺寸的按钮69

4.6.1 大尺寸按钮69

4.6.2 标准尺寸的上拉式菜单按钮70

4.6.3 小尺寸按钮71

4.6.4 特小尺寸按钮72

4.7 窗体中的文本栏73

4.7.1 标签文字组合式74

4.7.2 单选按钮和多选按钮组合式75

4.7.3 一般按钮组合式76

4.7.4 下拉式菜单按钮组合式77

4.8 窗体中的导航栏79

4.8.1 默认的标签型导航栏79

4.8.2 简易标签型导航栏80

4.8.3 具有窗口宽度的堆栈式导航栏80

4.8.4 均分窗口宽度的标签型导航栏80

4.8.5 动态置顶导航栏82

4.9 浏览分层提示和分页84

4.9.1 浏览分层提示84

4.9.2 分页导航栏85

4.9.3 前一页和下一页按钮86

4.10 文字标签、文字徽章与文字框87

4.10.1 文字标签87

4.10.2 文字徽章87

4.10.3 文字框88

4.11 缩略图与图解说明89

4.12 警告文字框91

4.13 进度条92

4.14 媒体对象95

4.14.1 一般图片列表95

4.14.2 多层次图片列表97

4.15 列表分组100

4.15.1 默认的列表分组100

4.15.2 加上数值徽章的列表分组101

4.15.3 按钮型列表分组102

4.15.4 应用颜色样式的列表分组103

4.15.5 带有内容的列表分组104

4.16 面板105

4.16.1 一般面板105

4.16.2 带有表格内容的面板107

4.16.3 带有列表分组内容的面板109

4.17 自适应嵌入110

第5章 Zurb's Foundation的学习与使用112

5.1 Zurb's Foundation简易应用方式112

5.2 滑入菜单113

5.2.1 默认的滑入菜单113

5.2.2 双边滑入菜单114

5.2.3 双边多层次滑入菜单118

5.3 置顶导航栏122

5.4 工具栏与内置小图标125

5.4.1 跨窗口宽度的工具栏125

5.4.2 纵向工具栏126

5.4.3 内置图标工具按钮所构成的工具栏127

5.5 侧边导航栏128

5.6 动态置顶追踪型导航栏129

5.7 子导航栏131

5.8 浏览分层提示132

5.9 分页导航栏133

5.10 缩略图134

5.11 缩放式视频137

5.12 窗体组件138

5.13 切换按钮148

5.14 滑杆151

5.15 窗体验证156

5.16 按钮160

5.17 按钮组162

5.18 分割下拉式菜单按钮组167

5.19 整体下拉式菜单按钮169

5.20 字体样式171

5.21 行内列表173

5.22 文字标签173

5.23 modal窗格174

5.24 警告框180

5.25 面板框182

5.26 动态提示框183

5.27 页面操作展示185

5.28 简易型下拉式菜单与下拉式内容框189

5.29 价目表192

5.30 进度条193

5.31 表格194

5.32 折叠式面板195

5.33 标签面板203

5.34 均分版型206

第6章 Yahoo's Pure的学习与使用210

6.1 Yahoo's Pure简易应用方式210

6.2 版型网格和最小容器单元210

6.3 窗体组件213

6.4 按钮222

6.5 表格224

6.6 菜单229