Bootstrap 5.X从入门到项目实战

Bootstrap 5.X从入门到项目实战
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2023-06
版次: 1
ISBN: 9787302638735
定价: 75.00
装帧: 平装
开本: 16开
纸张: 胶版纸
1人买过
  • 《Bootstrap 5.X从入门到项目实战》是针对零基础读者编写的网站前端开发入门教材。本书采用目前**的Bootstrap 5.X版本,侧重案例实训,书中配有丰富的微课视频,读者可以通过微课视频更为直观地学习有关网站前端开发的热点案例。 《Bootstrap 5.X从入门到项目实战》分为18章,包括流行的开发框架Bootstrap,使用**的框架Bootstrap 5.X,快速掌握Bootstrap布局,Bootstrap中的弹性盒子布局,精通页面排版,CSS通用样式,Bootstrap在表单中的应用,常用的CSS组件,高级的CSS组件,卡片、旋转器和手风琴组件,认识JavaScript插件,精通JavaScript插件等内容。最后通过6个热点综合项目,帮助读者进一步掌握项目开发技能。 《Bootstrap 5.X从入门到项目实战》通过精选热点案例,可以让初学者快速掌握网站前端开发技术。通过微信扫码观看视频,可以随时随地在移动端学习开发知识。 李爱玲,长期从事网站开发工作,特别擅长使用前端开发框架Bootstrap和Vue.js,数年来承接了大量的项目,具有丰富的实践经验。曾主编《Bootstrap从入门到项目实战》获得读者一致好评。 第1章  流行的开发框架Bootstrap 1

    1.1  认识Bootstrap 1

    1.1.1  Bootstrap 的由来 1

    1.1.2  Bootstrap的构成模块 2

    1.2  Bootstrap 的特色 2

    1.3  Bootstrap的优势 3

    1.4  Bootstrap 5.X的新变化 4

    1.5  疑难问题解惑 6

    第2章  使用最新的框架Bootstrap 5.X 8

    2.1  下载Bootstrap 5.X 8

    2.2  安装 Bootstrap 5.X 10

    2.2.1  本地安装 10

    2.2.2  在线安装 11

    2.3  Bootstrap 的在线开发工具 11

    2.4  案例实训1——我的第一个Bootstrap网页 12

    2.5  案例实训2——设计网站主页的按钮 13

    2.6  疑难问题解惑 14

    第3章  快速掌握Bootstrap布局 15

    3.1  布局基础 15

    3.1.1  布局容器 15

    3.1.2  响应断点 18

    3.1.3  z-index堆叠样式属性 19

    3.1.4  响应式容器 19

    3.2  网格系统 20

    3.2.1  网格选项 20

    3.2.2  自动布局列 21

    3.2.3  响应类 24

    3.2.4  重排序 27

    3.2.5  列嵌套 29

    3.3  案例实训——开发电商网站特效 30

    3.4  疑难问题解惑 33

    第4章  Bootstrap中的弹性盒子布局 34

    4.1  定义弹性盒子 34

    4.2  排列方向 35

    4.2.1  水平方向排列 35

    4.2.2  垂直方向排列 36

    4.3  内容排列布局 37

    4.4  项目对齐布局 38

    4.5  自动对齐布局 39

    4.6  自动相等布局 41

    4.7  等宽变换布局 41

    4.8  自动浮动布局 42

    4.8.1  水平方向浮动布局 42

    4.8.2  垂直方向浮动布局 43

    4.9  弹性布局——包裹 44

    4.10  排列顺序布局 44

    4.11  案例实训——对齐内容布局 45

    4.12  疑难问题解惑 46

    第5章  精通页面排版 48

    5.1  页面排版的初始化 48

    5.2  优化页面排版 49

    5.2.1  标题 49

    5.2.2  段落 52

    5.2.3  强调 53

    5.2.4  缩略语 54

    5.2.5  引用 55

    5.3  显示代码 55

    5.3.1  行内代码 56

    5.3.2  多行代码块 56

    5.4  响应式图片 57

    5.4.1  图像的同步缩放 57

    5.4.2  图像缩略图 57

    5.4.3  图像对齐方式 57

    5.5  优化表格的样式 58

    5.5.1  表格默认风格 59

    5.5.2  为表格设计个性化风格 59

    5.6  案例实训——设计网站后台人员 管理系统页面 63

    5.7  疑难问题解惑 65

    第6章  CSS通用样式 66

    6.1  文本处理 66

    6.1.1  文本对齐 66

    6.1.2  文本换行 67

    6.1.3  转换大小写 69

    6.1.4  粗细和斜体 69

    6.1.5  其他文本样式类 70

    6.2  颜色样式 70

    6.2.1  文本颜色 71

    6.2.2  链接文本颜色 72

    6.2.3  背景颜色 72

    6.3  边框样式 73

    6.3.1  添加边框 73

    6.3.2  边框颜色 74

    6.3.3  圆角边框 75

    6.4  宽度和高度 77

    6.4.1  相对于父元素 77

    6.4.2  相对于视口 78

    6.5  边距 79

    6.5.1  边距的定义 79

    6.5.2  响应式边距 81

    6.6  浮动样式 81

    6.6.1  实现浮动样式 81

    6.6.2  响应式浮动样式 82

    6.7  display属性 83

    6.7.1  隐藏或显示元素 83

    6.7.2  响应式地隐藏或显示元素 83

    6.8  嵌入网页元素 84

    6.9  内容溢出 85

    6.10  定位网页元素 86

    6.11  案例实训——阴影效果 87

    6.12  疑难问题解惑 88

    第7章  Bootstrap在表单中的应用 90

    7.1  Bootstrap创建表单 90

    7.1.1  定义表单控件 90

    7.1.2  设置表单控件的大小 91

    7.1.3  设置表单控件只读 91

    7.1.4  设置只读纯文本 92

    7.1.5  范围输入 93

    7.2  单选按钮和复选框的样式 93

    7.2.1  默认堆叠方式 93

    7.2.2  水平排列方式 94

    7.2.3  无文本形式 95

    7.3  设计表单的布局 96

    7.3.1  使用网格系统布局表单 96

    7.3.2  设置列的宽度 98

    7.4  帮助文本 98

    7.5  禁用表单 99

    7.6  按钮 100

    7.6.1  定义按钮 100

    7.6.2  设计按钮风格 101

    7.7  按钮组 104

    7.7.1  定义按钮组 104

    7.7.2  定义按钮组工具栏 104

    7.7.3  设计按钮的组布局和样式 105

    7.8  下拉菜单 108

    7.8.1  定义下拉菜单 108

    7.8.2  设计下拉按钮的样式 109

    7.8.3  设计下拉菜单的样式 110

    7.8.4  单选和多选下拉菜单 114

    7.8.5  为元素设置下拉菜单 115

    7.9  Bootstrap 5.X新增的浮动标签 115

    7.10  案例实训——设置表单的验证功能 116

    7.11  疑难问题解惑 117

    第8章  常用的CSS组件 119

    8.1  导航组件 119

    8.1.1  定义导航 119

    8.1.2  设计导航的布局 120

    8.1.3  设计导航的风格 122

    8.1.4  设计导航选项卡 125

    8.2  警告框 127

    8.2.1  定义警告框 127

    8.2.2  添加链接 129

    8.2.3  额外附加内容 130

    8.2.4  关闭警告框 130

    8.3  徽章 131

    8.3.1  定义徽章 131

    8.3.2  设置颜色 132

    8.3.3  椭圆形徽章 133

    8.4  进度条 134

    8.4.1  定义进度条 134

    8.4.2  设计进度条样式 135

    8.4.3  设计进度条风格 136

    8.5  案例实训——设计具有淡入效果的 导航选项卡 138

    8.6  疑难问题解惑 139

    第9章  高级的CSS组件 141

    9.1  导航栏 141

    9.1.1  定义导航栏 141

    9.1.2  定位导航栏 145

    9.1.3  设计导航栏的颜色 146

    9.2  列表组 146

    9.2.1  定义列表组 147

    9.2.2  设计列表组的风格样式 147

    9.2.3  定制内容 150

    9.3  面包屑 151

    9.3.1  定义面包屑 151

    9.3.2  设计分隔符 152

    9.4  分页效果 153

    9.4.1  定义分页 153

    9.4.2  使用图标 154

    9.4.3  设计分页风格 154

    9.5  案例实训——设计企业招聘表页面 158

    9.6  疑难问题解答 159

    第10章  卡片、旋转器和手风琴组件 160

    10.1  卡片内容 160

    10.1.1  卡片的标题、主体、文本和超链接 160

    10.1.2  卡片的图片 161

    10.1.3  卡片的列表组 161

    10.1.4  卡片的页眉和页脚 162

    10.2  控制卡片的宽度 163

    10.2.1  使用网格系统控制卡片的宽度 163

    10.2.2  使用宽度类控制卡片的宽度 163

    10.2.3  使用CSS样式控制卡片的宽度 164

    10.3  卡片中文本的对齐方式 165

    10.4  卡片中添加导航 165

    10.5  设计卡片的风格 167

    10.5.1  设置卡片的背景颜色 167

    10.5.2  设置背景图像 168

    10.5.3  卡片的边框颜色 169

    10.5.4  设计卡片的样式 170

    10.6  卡片排版 170

    10.7  旋转器 172

    10.7.1  定义旋转器 172

    10.7.2  设置旋转器风格 172

    10.7.3  设置旋转器的对齐方式 174

    10.7.4  按钮旋转器 175

    10.8  新增的手风琴组件 176

    10.8.1  创建手风琴 176

    10.8.2  手风琴组件的结构 177

    10.8.3  手风琴组件的样式 178

    10.8.4  在手风琴组件中使用列表 179

    10.9  案例实训——使用网格系统布局卡片 181

    10.10  疑难问题解答 183

    第11章  认识JavaScript插件 185

    11.1  插件概述 185

    11.1.1  插件分类 185

    11.1.2  安装插件 186

    11.1.3  调用插件 186

    11.2  警告框 187

    11.2.1  关闭警告框 187

    11.2.2  显示警告框 188

    11.3  按钮 189

    11.4  轮播 190

    11.4.1  定义轮播 190

    11.4.2  设计轮播风格 192

    11.5  折叠 194

    11.5.1  定义折叠效果 194

    11.5.2  控制多目标 195

    11.5.3  设计手风琴效果 196

    11.6  下拉菜单 197

    11.6.1  调用下拉菜单 197

    11.6.2  设置下拉菜单 198

    11.6.3  添加用户行为 198

    11.7  模态框 200

    11.7.1  定义模态框 200

    11.7.2  模态框的布局和样式 202

    11.8  案例实训——设计抢红包提示框 206

    11.9  疑难问题解答 207

    第12章  精通JavaScript插件 209

    12.1  侧边栏导航 209

    12.1.1  创建侧边栏导航 209

    12.1.2  侧边栏导航的组件 210

    12.1.3  设置背景及背景是否可滚动 211

    12.1.4  通过JavaScript控制侧边栏导航 213

    12.2  弹窗 213

    12.2.1  创建弹窗 213

    12.2.2  设置弹窗方向 214

    12.2.3  关闭弹窗 215

    12.3  滚动监听 216

    12.3.1  导航栏中的滚动监听 216

    12.3.2  嵌套导航栏中的滚动监听 218

    12.3.3  列表组中的滚动监听 219

    12.4  标签页 221

    12.5  提示框 222

    12.5.1  创建提示框 222

    12.5.2  设置提示框的显示位置 223

    12.5.3  调用提示框 224

    12.6  吐司消息 225

    12.6.1  创建吐司消息 225

    12.6.2  堆叠吐司消息 226

    12.6.3  自定义吐司消息 227

    12.6.4  设置吐司消息的颜色 228

    12.7  案例实训——设计热销商品推荐区 228

    12.8  疑难问题解答 231

    第13章  项目实训1——招聘网中的简历模板 232

    13.1  案例概述 232

    13.1.1  案例结构 232

    13.1.2  设计效果 232

    13.1.3  设计准备 234

    13.2  设计布局 235

    13.3  设计左侧信息栏 236

    13.4  设计导航条 237

    13.5  设计主页 238

    13.5.1  工作经历 238

    13.5.2  专业技能 239

    13.5.3  教育经历 240

    13.5.4  综合概述 241

    13.6  设计联系页 242

    13.7  设计相册页 243

    第14章  项目实训2——开发连锁咖啡网站 245

    14.1  网站概述 245

    14.1.1  网站结构 245

    14.1.2  设计效果 245

    14.1.3  设计准备 246

    14.2  设计首页布局 247

    14.3  设计可切换导航 247

    14.4  主体内容 252

    14.4.1  设计轮播广告区 252

    14.4.2  设计产品推荐区 253

    14.4.3  设计登录、注册按钮和Logo 254

    14.4.4  设计特色展示区 255

    14.4.5  设计产品生产流程区 256

    14.5  设计底部隐藏导航 259

    第15章  项目实训3——开发摄影相册类项目 260

    15.1  案例概述 260

    15.1.1  案例结构 260

    15.1.2  设计效果 261

    15.1.3  设计准备 262

    15.2  设计导航栏 263

    15.3  设计首页 264

    15.3.1  设计相册展示区 264

    15.3.2  添加Swipebox灯箱插件 266

    15.4  分类页 270

    15.4.1  设计相册分类展示 270

    15.4.2  添加Swipebox灯箱插件 273

    15.5  博客 274

    15.6  联系页 275

    第16章  项目实训4——设计流行企业网站 278

    16.1  网站概述 278

    16.1.1  网站结构 278

    16.1.2  设计效果 278

    16.1.3  设计准备 279

    16.2  设计主页 280

    16.2.1  主页布局 280

    16.2.2  设计导航条 280

    16.2.3  设计轮播广告 282

    16.2.4  设计功能区 283

    16.2.5  设计特色展示 285

    16.2.6  设计脚注 288

    16.3  设计侧边导航栏 289

    16.4  设计登录页 290

    第17章  项目实训5——Web设计与定制网站 292

    17.1  网站概述 292

    17.1.1  网站结构 292

    17.1.2  网站布局 292

    17.1.3  设计准备 293

    17.2  设计主页面导航 293

    17.3  设计主页面内容 296

    17.3.1  设计首页 296

    17.3.2  关于我们 297

    17.3.3  我们的团队 299

    17.3.4  我们的服务 302

    17.3.5  我们的博客 303

    17.3.6  我们的定制 304

    17.4  设计脚注 306

    第18章  项目实训6——开发神影视频网站 307

    18.1  网站概述 307

    18.1.1  网站结构 307

    18.1.2  网站布局 307

    18.1.3  网站效果 307

    18.1.4  设计准备 308

    18.2  设计主页面 309

    18.2.1  设计头部内容 309

    18.2.2  设计轮播 310

    18.2.3  设计分类列表 311

    18.2.4  设计视频内容 313

    18.2.5  设计脚注 317
  • 内容简介:
    《Bootstrap 5.X从入门到项目实战》是针对零基础读者编写的网站前端开发入门教材。本书采用目前**的Bootstrap 5.X版本,侧重案例实训,书中配有丰富的微课视频,读者可以通过微课视频更为直观地学习有关网站前端开发的热点案例。 《Bootstrap 5.X从入门到项目实战》分为18章,包括流行的开发框架Bootstrap,使用**的框架Bootstrap 5.X,快速掌握Bootstrap布局,Bootstrap中的弹性盒子布局,精通页面排版,CSS通用样式,Bootstrap在表单中的应用,常用的CSS组件,高级的CSS组件,卡片、旋转器和手风琴组件,认识JavaScript插件,精通JavaScript插件等内容。最后通过6个热点综合项目,帮助读者进一步掌握项目开发技能。 《Bootstrap 5.X从入门到项目实战》通过精选热点案例,可以让初学者快速掌握网站前端开发技术。通过微信扫码观看视频,可以随时随地在移动端学习开发知识。
  • 作者简介:
    李爱玲,长期从事网站开发工作,特别擅长使用前端开发框架Bootstrap和Vue.js,数年来承接了大量的项目,具有丰富的实践经验。曾主编《Bootstrap从入门到项目实战》获得读者一致好评。
  • 目录:
    第1章  流行的开发框架Bootstrap 1

    1.1  认识Bootstrap 1

    1.1.1  Bootstrap 的由来 1

    1.1.2  Bootstrap的构成模块 2

    1.2  Bootstrap 的特色 2

    1.3  Bootstrap的优势 3

    1.4  Bootstrap 5.X的新变化 4

    1.5  疑难问题解惑 6

    第2章  使用最新的框架Bootstrap 5.X 8

    2.1  下载Bootstrap 5.X 8

    2.2  安装 Bootstrap 5.X 10

    2.2.1  本地安装 10

    2.2.2  在线安装 11

    2.3  Bootstrap 的在线开发工具 11

    2.4  案例实训1——我的第一个Bootstrap网页 12

    2.5  案例实训2——设计网站主页的按钮 13

    2.6  疑难问题解惑 14

    第3章  快速掌握Bootstrap布局 15

    3.1  布局基础 15

    3.1.1  布局容器 15

    3.1.2  响应断点 18

    3.1.3  z-index堆叠样式属性 19

    3.1.4  响应式容器 19

    3.2  网格系统 20

    3.2.1  网格选项 20

    3.2.2  自动布局列 21

    3.2.3  响应类 24

    3.2.4  重排序 27

    3.2.5  列嵌套 29

    3.3  案例实训——开发电商网站特效 30

    3.4  疑难问题解惑 33

    第4章  Bootstrap中的弹性盒子布局 34

    4.1  定义弹性盒子 34

    4.2  排列方向 35

    4.2.1  水平方向排列 35

    4.2.2  垂直方向排列 36

    4.3  内容排列布局 37

    4.4  项目对齐布局 38

    4.5  自动对齐布局 39

    4.6  自动相等布局 41

    4.7  等宽变换布局 41

    4.8  自动浮动布局 42

    4.8.1  水平方向浮动布局 42

    4.8.2  垂直方向浮动布局 43

    4.9  弹性布局——包裹 44

    4.10  排列顺序布局 44

    4.11  案例实训——对齐内容布局 45

    4.12  疑难问题解惑 46

    第5章  精通页面排版 48

    5.1  页面排版的初始化 48

    5.2  优化页面排版 49

    5.2.1  标题 49

    5.2.2  段落 52

    5.2.3  强调 53

    5.2.4  缩略语 54

    5.2.5  引用 55

    5.3  显示代码 55

    5.3.1  行内代码 56

    5.3.2  多行代码块 56

    5.4  响应式图片 57

    5.4.1  图像的同步缩放 57

    5.4.2  图像缩略图 57

    5.4.3  图像对齐方式 57

    5.5  优化表格的样式 58

    5.5.1  表格默认风格 59

    5.5.2  为表格设计个性化风格 59

    5.6  案例实训——设计网站后台人员 管理系统页面 63

    5.7  疑难问题解惑 65

    第6章  CSS通用样式 66

    6.1  文本处理 66

    6.1.1  文本对齐 66

    6.1.2  文本换行 67

    6.1.3  转换大小写 69

    6.1.4  粗细和斜体 69

    6.1.5  其他文本样式类 70

    6.2  颜色样式 70

    6.2.1  文本颜色 71

    6.2.2  链接文本颜色 72

    6.2.3  背景颜色 72

    6.3  边框样式 73

    6.3.1  添加边框 73

    6.3.2  边框颜色 74

    6.3.3  圆角边框 75

    6.4  宽度和高度 77

    6.4.1  相对于父元素 77

    6.4.2  相对于视口 78

    6.5  边距 79

    6.5.1  边距的定义 79

    6.5.2  响应式边距 81

    6.6  浮动样式 81

    6.6.1  实现浮动样式 81

    6.6.2  响应式浮动样式 82

    6.7  display属性 83

    6.7.1  隐藏或显示元素 83

    6.7.2  响应式地隐藏或显示元素 83

    6.8  嵌入网页元素 84

    6.9  内容溢出 85

    6.10  定位网页元素 86

    6.11  案例实训——阴影效果 87

    6.12  疑难问题解惑 88

    第7章  Bootstrap在表单中的应用 90

    7.1  Bootstrap创建表单 90

    7.1.1  定义表单控件 90

    7.1.2  设置表单控件的大小 91

    7.1.3  设置表单控件只读 91

    7.1.4  设置只读纯文本 92

    7.1.5  范围输入 93

    7.2  单选按钮和复选框的样式 93

    7.2.1  默认堆叠方式 93

    7.2.2  水平排列方式 94

    7.2.3  无文本形式 95

    7.3  设计表单的布局 96

    7.3.1  使用网格系统布局表单 96

    7.3.2  设置列的宽度 98

    7.4  帮助文本 98

    7.5  禁用表单 99

    7.6  按钮 100

    7.6.1  定义按钮 100

    7.6.2  设计按钮风格 101

    7.7  按钮组 104

    7.7.1  定义按钮组 104

    7.7.2  定义按钮组工具栏 104

    7.7.3  设计按钮的组布局和样式 105

    7.8  下拉菜单 108

    7.8.1  定义下拉菜单 108

    7.8.2  设计下拉按钮的样式 109

    7.8.3  设计下拉菜单的样式 110

    7.8.4  单选和多选下拉菜单 114

    7.8.5  为元素设置下拉菜单 115

    7.9  Bootstrap 5.X新增的浮动标签 115

    7.10  案例实训——设置表单的验证功能 116

    7.11  疑难问题解惑 117

    第8章  常用的CSS组件 119

    8.1  导航组件 119

    8.1.1  定义导航 119

    8.1.2  设计导航的布局 120

    8.1.3  设计导航的风格 122

    8.1.4  设计导航选项卡 125

    8.2  警告框 127

    8.2.1  定义警告框 127

    8.2.2  添加链接 129

    8.2.3  额外附加内容 130

    8.2.4  关闭警告框 130

    8.3  徽章 131

    8.3.1  定义徽章 131

    8.3.2  设置颜色 132

    8.3.3  椭圆形徽章 133

    8.4  进度条 134

    8.4.1  定义进度条 134

    8.4.2  设计进度条样式 135

    8.4.3  设计进度条风格 136

    8.5  案例实训——设计具有淡入效果的 导航选项卡 138

    8.6  疑难问题解惑 139

    第9章  高级的CSS组件 141

    9.1  导航栏 141

    9.1.1  定义导航栏 141

    9.1.2  定位导航栏 145

    9.1.3  设计导航栏的颜色 146

    9.2  列表组 146

    9.2.1  定义列表组 147

    9.2.2  设计列表组的风格样式 147

    9.2.3  定制内容 150

    9.3  面包屑 151

    9.3.1  定义面包屑 151

    9.3.2  设计分隔符 152

    9.4  分页效果 153

    9.4.1  定义分页 153

    9.4.2  使用图标 154

    9.4.3  设计分页风格 154

    9.5  案例实训——设计企业招聘表页面 158

    9.6  疑难问题解答 159

    第10章  卡片、旋转器和手风琴组件 160

    10.1  卡片内容 160

    10.1.1  卡片的标题、主体、文本和超链接 160

    10.1.2  卡片的图片 161

    10.1.3  卡片的列表组 161

    10.1.4  卡片的页眉和页脚 162

    10.2  控制卡片的宽度 163

    10.2.1  使用网格系统控制卡片的宽度 163

    10.2.2  使用宽度类控制卡片的宽度 163

    10.2.3  使用CSS样式控制卡片的宽度 164

    10.3  卡片中文本的对齐方式 165

    10.4  卡片中添加导航 165

    10.5  设计卡片的风格 167

    10.5.1  设置卡片的背景颜色 167

    10.5.2  设置背景图像 168

    10.5.3  卡片的边框颜色 169

    10.5.4  设计卡片的样式 170

    10.6  卡片排版 170

    10.7  旋转器 172

    10.7.1  定义旋转器 172

    10.7.2  设置旋转器风格 172

    10.7.3  设置旋转器的对齐方式 174

    10.7.4  按钮旋转器 175

    10.8  新增的手风琴组件 176

    10.8.1  创建手风琴 176

    10.8.2  手风琴组件的结构 177

    10.8.3  手风琴组件的样式 178

    10.8.4  在手风琴组件中使用列表 179

    10.9  案例实训——使用网格系统布局卡片 181

    10.10  疑难问题解答 183

    第11章  认识JavaScript插件 185

    11.1  插件概述 185

    11.1.1  插件分类 185

    11.1.2  安装插件 186

    11.1.3  调用插件 186

    11.2  警告框 187

    11.2.1  关闭警告框 187

    11.2.2  显示警告框 188

    11.3  按钮 189

    11.4  轮播 190

    11.4.1  定义轮播 190

    11.4.2  设计轮播风格 192

    11.5  折叠 194

    11.5.1  定义折叠效果 194

    11.5.2  控制多目标 195

    11.5.3  设计手风琴效果 196

    11.6  下拉菜单 197

    11.6.1  调用下拉菜单 197

    11.6.2  设置下拉菜单 198

    11.6.3  添加用户行为 198

    11.7  模态框 200

    11.7.1  定义模态框 200

    11.7.2  模态框的布局和样式 202

    11.8  案例实训——设计抢红包提示框 206

    11.9  疑难问题解答 207

    第12章  精通JavaScript插件 209

    12.1  侧边栏导航 209

    12.1.1  创建侧边栏导航 209

    12.1.2  侧边栏导航的组件 210

    12.1.3  设置背景及背景是否可滚动 211

    12.1.4  通过JavaScript控制侧边栏导航 213

    12.2  弹窗 213

    12.2.1  创建弹窗 213

    12.2.2  设置弹窗方向 214

    12.2.3  关闭弹窗 215

    12.3  滚动监听 216

    12.3.1  导航栏中的滚动监听 216

    12.3.2  嵌套导航栏中的滚动监听 218

    12.3.3  列表组中的滚动监听 219

    12.4  标签页 221

    12.5  提示框 222

    12.5.1  创建提示框 222

    12.5.2  设置提示框的显示位置 223

    12.5.3  调用提示框 224

    12.6  吐司消息 225

    12.6.1  创建吐司消息 225

    12.6.2  堆叠吐司消息 226

    12.6.3  自定义吐司消息 227

    12.6.4  设置吐司消息的颜色 228

    12.7  案例实训——设计热销商品推荐区 228

    12.8  疑难问题解答 231

    第13章  项目实训1——招聘网中的简历模板 232

    13.1  案例概述 232

    13.1.1  案例结构 232

    13.1.2  设计效果 232

    13.1.3  设计准备 234

    13.2  设计布局 235

    13.3  设计左侧信息栏 236

    13.4  设计导航条 237

    13.5  设计主页 238

    13.5.1  工作经历 238

    13.5.2  专业技能 239

    13.5.3  教育经历 240

    13.5.4  综合概述 241

    13.6  设计联系页 242

    13.7  设计相册页 243

    第14章  项目实训2——开发连锁咖啡网站 245

    14.1  网站概述 245

    14.1.1  网站结构 245

    14.1.2  设计效果 245

    14.1.3  设计准备 246

    14.2  设计首页布局 247

    14.3  设计可切换导航 247

    14.4  主体内容 252

    14.4.1  设计轮播广告区 252

    14.4.2  设计产品推荐区 253

    14.4.3  设计登录、注册按钮和Logo 254

    14.4.4  设计特色展示区 255

    14.4.5  设计产品生产流程区 256

    14.5  设计底部隐藏导航 259

    第15章  项目实训3——开发摄影相册类项目 260

    15.1  案例概述 260

    15.1.1  案例结构 260

    15.1.2  设计效果 261

    15.1.3  设计准备 262

    15.2  设计导航栏 263

    15.3  设计首页 264

    15.3.1  设计相册展示区 264

    15.3.2  添加Swipebox灯箱插件 266

    15.4  分类页 270

    15.4.1  设计相册分类展示 270

    15.4.2  添加Swipebox灯箱插件 273

    15.5  博客 274

    15.6  联系页 275

    第16章  项目实训4——设计流行企业网站 278

    16.1  网站概述 278

    16.1.1  网站结构 278

    16.1.2  设计效果 278

    16.1.3  设计准备 279

    16.2  设计主页 280

    16.2.1  主页布局 280

    16.2.2  设计导航条 280

    16.2.3  设计轮播广告 282

    16.2.4  设计功能区 283

    16.2.5  设计特色展示 285

    16.2.6  设计脚注 288

    16.3  设计侧边导航栏 289

    16.4  设计登录页 290

    第17章  项目实训5——Web设计与定制网站 292

    17.1  网站概述 292

    17.1.1  网站结构 292

    17.1.2  网站布局 292

    17.1.3  设计准备 293

    17.2  设计主页面导航 293

    17.3  设计主页面内容 296

    17.3.1  设计首页 296

    17.3.2  关于我们 297

    17.3.3  我们的团队 299

    17.3.4  我们的服务 302

    17.3.5  我们的博客 303

    17.3.6  我们的定制 304

    17.4  设计脚注 306

    第18章  项目实训6——开发神影视频网站 307

    18.1  网站概述 307

    18.1.1  网站结构 307

    18.1.2  网站布局 307

    18.1.3  网站效果 307

    18.1.4  设计准备 308

    18.2  设计主页面 309

    18.2.1  设计头部内容 309

    18.2.2  设计轮播 310

    18.2.3  设计分类列表 311

    18.2.4  设计视频内容 313

    18.2.5  设计脚注 317
查看详情
相关图书 / 更多
Bootstrap 5.X从入门到项目实战
Box-vellum包装结构设计实用教程
宋晓利;张改梅
Bootstrap 5.X从入门到项目实战
Bootstrap前端开发(全案例微课版)
刘荣英 著
Bootstrap 5.X从入门到项目实战
Bootstrap基础教程
赵丙秀 汪晓青 李文蕙
Bootstrap 5.X从入门到项目实战
Bootstrap响应式Web前端开发
王红 秦海玉 侯勇
Bootstrap 5.X从入门到项目实战
Boao Forum for Asia Asian Economic Outlook and Integration Progress Annual Report 2023
张宇燕
Bootstrap 5.X从入门到项目实战
Bootstrap响应式页面设计
朱翠苗、郑广成 编
Bootstrap 5.X从入门到项目实战
Bootstrap 5从入门到精通(视频教学版)
李小威
Bootstrap 5.X从入门到项目实战
Boao Forum for Asia Sustainable Development: Asia and the World Annual Report 2022
对外经济贸易大学出版社 编
Bootstrap 5.X从入门到项目实战
Botnet检测原理、方法与实践
邹福泰;易平;章思宇;胡煜宗
Bootstrap 5.X从入门到项目实战
Bootstrap Web前端开发技术(微课版)
肖立莉 刘德山
Bootstrap 5.X从入门到项目实战
Boao Forum for Asia Sustainable Development: Asia and the World Annual Report 2021
对外经济贸易大学出版社 编
Bootstrap 5.X从入门到项目实战
Boom! Boom!飞机冲撞大冒险——趣谈航空结构冲击动力学
刘小川
您可能感兴趣 / 更多
Bootstrap 5.X从入门到项目实战
政府研发资助对科技创新企业融资与研发投资的作用效果研究
李爱玲 著
Bootstrap 5.X从入门到项目实战
Bootstrap从入门到项目实战
李爱玲 著
Bootstrap 5.X从入门到项目实战
法制教育读本/中等职业教育各专业通用教材
李爱玲、葛桂芹、孙艳丽 编
Bootstrap 5.X从入门到项目实战
此生江湖聚散,你要敢爱敢当
李爱玲
Bootstrap 5.X从入门到项目实战
越女王,越少女
李爱玲 著
Bootstrap 5.X从入门到项目实战
你才是自己的过来人
李爱玲 著
Bootstrap 5.X从入门到项目实战
你若不伤,爱就无恙
李爱玲 著
Bootstrap 5.X从入门到项目实战
C语言程序设计(高等学校计算机课程规划教材)
李爱玲
Bootstrap 5.X从入门到项目实战
有机化学
李爱玲 主编