导语

  

内容提要

  

    郑婷婷、黄杰晟主编的《响应式网页开发基础教程(jQuery+Bootstrap工业和信息化十三五人才培养规划教材)》全面介绍了响应式网页开发所涉及的关键技术，包括响应式网页设计基础、JavaScript基础、jQuery基础、Bootstrap基础、响应式布局、Bootstrap组件设计和页面效果设计实例等，最后给出综合实例讲解，以加深读者对响应式网页开发技术的认识。在内容选择、深度把握上，充分考虑了初学者的特点，并注重知识点之间的融会贯通，结合多个实例的讲解，力求循序渐进、深入浅出。
    本书既可以作为应用型本科、高职高专响应式Web程序设计相关课程的教材，也可作为相关课程的参考用书，还可供Web前端开发人员作为入门参考。

第1章  响应式网页设计基础
  1.1  什么是响应式网页
    1.1.1  响应式网页设计的产生
    1.1.2  响应式和“自适应网页”
    1.1.3  响应式网页的特点
  1.2  媒体查询及应用
    1.2.1  媒体查询简介
    1.2.2  媒体查询的基本形式
    1.2.3  常用媒体特性
    1.2.4  动手练习：制作响应式网页示例
  1.3  响应式网页呈现
    1.3.1  屏幕可视区域viewport
    1.3.2  相对大小与绝对大小
    1.3.3  响应式图像适配
  1.4  本章实训：创建一个响应式网页
    1.4.1  使用HTML 5标签建立页面基本结构
    1.4.2  布局与定位
    1.4.3  网页内容呈现
  习题
第2章  JavaScript基础
  2.1  初识JavaScript
    2.1.1  JavaScript的组成
    2.1.2  JavaScript在网页中的引用方式
    2.1.3  常用的输入/输出语句
  2.2  JavaScript编程基础
    2.2.1  变量与数据类型
    2.2.2  运算符
    2.2.3  程序的流程控制语句
    2.2.4  函数的使用
    2.2.5  常用JavaScript内置对象
  2.3  JavaScript事件处理
    2.3.1  事件与事件处理程序
    2.3.2  常用事件
  2.4  JavaScript的BOM与DOM
    2.4.1  BOM对象及其子对象
    2.4.2  DOM对象模型
    2.4.3  HTML文档的节点
    2.4.4  操作DOM节点对象
  2.5  本章实训：JavaScript在线上网页的应用实例
    2.5.1  网页换肤
    2.5.2  在线搜索
    2.5.3  百度一下
  习题
第3章  jQuery基础
  3.1  初识jQuery
    3.1.1  jQuery简介
    3.1.2  jQuery在网页中的引用方式
    3.1.3  jQuery初体验
  3.2  jQuery选择器
    3.2.1  基本选择器
    3.2.2  层级选择器
    3.2.3  过滤选择器
    3.2.4  筛选选择器
  3.3  jQuery控制属性与类
    3.3.1  控制属性attr
    3.3.2  控制CSS类
  3.4  事件处理与应用举例
    3.4.1  jQuery常用事件
    3.4.2  jQuery的动画效果与应用
  3.5  操作DOM对象
    3.5.1  jQuery操作DOM属性
    3.5.2  jQuery操作DOM节点
  3.6  本章实训：jQuery网页应用实例
    3.6.1  jQuery线上网页应用之导航菜单
    3.6.2  jQuery线上网页应用之图片展示
    3.6.3  jQuery插件应用举例
    3.6.4  jQuery操作DOM应用举例
  习题
第4章  Bootstrap基础
  4.1  Bootstrap入门
    4.1.1  Bootstrap简介
    4.1.2  如何使用Bootstrap
    4.1.3  在Dreamweaver CC中创建Bootstrap页面
  4.2  Bootstrap基本样式设计
    4.2.1  网格系统
    4.2.2  图片样式
    4.2.3  排版样式与辅助类
    4.2.4  表格样式
    4.2.5  徽章
    4.2.6  字体图标
  4.3  本章实训：Bootstrap基本样式设置
  习题
第5章  响应式布局
  5.1  响应式网页布局概述
    5.1.1  固定布局
    5.1.2  流式布局
    5.1.3  弹性布局
    5.1.4  混合布局
  5.2  网格布局
    5.2.1  网格布局的概念
    5.2.2  CSS中的Flex与Grid
  5.3  使用Bootstrap实现网格布局
    5.3.1  Bootstrap网格布局概述
    5.3.2  Bootstrap响应式网格布局
    5.3.3  列偏移与列排序
    5.3.4  列嵌套
  5.4  本章实训：基于Bootstrap的响应式布局实现
    5.4.1  建立页面基本结构
    5.4.2  响应式布局的实现
  习题
第6章  Bootstrap组件设计
  6.1  Bootstrap表单设计
    6.1.1  基础表单
    6.1.2  表单输入（input）
    6.1.3  表单控件设置
    6.1.4  表单验证状态
    6.1.5  按钮组
    6.1.6  输入框组
  6.2  Bootstrap下拉菜单
    6.2.1  下拉菜单示例
    6.2.2  下拉菜单实现方法
  6.3  Bootstrap导航及分页
    6.3.1  Bootstrap导航基本样式
    6.3.2  标签页式导航
    6.3.3  胶囊式导航
    6.3.4  面包屑导航
    6.3.5  导航栏及其组件
    6.3.6  分页设计
    6.3.7  滚动监听
    6.3.8  附加导航（Affix）
  6.4  Bootstrap消息提示
    6.4.1  工具提示（tooltip）
    6.4.2  警告框组件（alert）
    6.4.3  弹出框（popover）
  6.5  Bootstrap内置组件
    6.5.1  轮播图
    6.5.2  缩略图
    6.5.3  巨幕效果
    6.5.4  进度条
    6.5.5  模态框（modal）
    6.5.6  well和面板（panel）
    6.5.7  折叠组件
    6.5.8  在Adobe Dreamweaver CC中插入Bootstrap组件
  6.6  本章实训：使用Bootstrap实现简单的响应式网页
    6.6.1  搭建Bootstrap环境
    6.6.2  响应式导航条实现
    6.6.3  响应式轮播图
    6.6.4  页面内容
    6.6.5  页面底部
    6.6.6  页面样式及脚本代码
  习题
第7章  Bootstrap页面效果设计实例
  7.1  登录表单优化实例
    7.1.1  网页主体内容
    7.1.2  样式设置
  7.2  标签式导航优化效果实例
    7.2.1  网页主体内容
    7.2.2  样式设置
  7.3  “手风琴式”折叠菜单效果
    7.3.1  网页主体内容
    7.3.2  样式设置
  习题
第8章  Bootstrap响应式网页开发综合实例
  8.1  搭建Bootstrap基本框架
  8.2  设计导航栏
  8.3  设计轮播图
  8.4  设计内容布局
    8.4.1  网格布局系统
    8.4.2  标签页布局
    8.4.3  底部的设计
  习题