响应式网页设计惊叹号：Dreamweaver CC*╳Bootstrap 4╳JavaScript 范例大全 pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

　　变动区块编排 | 滑动浏览 | 折叠内容 | 互动视窗 | 滚动监听 | 响应式导览列 | 一页式网站……等最详尽的Bootstrap 4功能大解析，响应式网页范例制作过程全公开。让企业、购物、美食网站在行动装置中完美呈现，一次掌握热门的响应式网页技术，提高网站好用度与流量！

　　●必备程式码下载。
　　●适用Dreamweaver CC 2018之后版本。

　　轻松掌握适用于各式行动装置的酷炫响应式网站版面技巧╳CSS进阶编排方法，快速学会Bootstrap模组化范例，开发出具设计感的响应式网页！

　　兼具技术及视觉两大观点，本书以 Bootstrap技术框架为基础，在 Dreamweaver 程式码操作环境中配合CSS3、HTML5与JavaScrip，透过最简便的工具及最详尽的Bootstrap组件范例应用说明，引领大家进入响应式网页的专业领域。

　　掌握最新网站设计12大趋势
　　●超吸睛的全画面式满版背景
　　●可综观全局的一页式网站设计
　　●随时都能使用的开合式导览列
　　●微互动大升级的卷轴设计

　　响应式网站给使用者最佳浏览画面，大幅缩减维护成本
　　●节省网站设计成本，并有利于搜寻引擎最佳化
　　●方便使用者浏览，降低网页跳离率，更利于网路行销
　　●避免使用者找不到内容，提高网页可用性
　　●使用网格系统解决不同装置的版面规划，画面尺寸怎么切换都OK

　　史上最详尽的Bootstrap功能说明，酷炫范例现学现用
　　●16大类Bootstrap 组件素材完整示范
　　●15种齐全而多样化的导览列按钮与必备的7种滑动浏览新花样
　　●6款绝不无聊的大图浏览方式
　　●8种精彩的网页内容展示效果

　　方便好用的程式码编辑器与响应式网页参考版型
　　●使用Visual Studio Code程式码编辑器设计开发响应式网页
　　●16个马上可供练习的参考版型

作者简介

李启宏 Niel Li    

　　个人网站：Mr-idea多媒体设计 www.mr-idea.idv.tw
 
　　现 任：　
　　优势数位设计学苑 资深课程专任讲师

　　经 历：
　　资深多媒体网页设计师
　　易禧科技 多媒体网页设计、平面设计课程讲师
　　文化大学推广教育部 多媒体设计课程讲师
　　新视界杂志、dpi设计流行创意杂志 杂志专栏作家

　　专 长：
　　多媒体网页设计、平面设计、网页视觉设计整合
　
　　认 证：
　　ACE on Photoshop CS4
　
　　着 作：
　　《网页设计惊叹号：Dreamweaver X PHP互动网站直击》
　　《网页设计惊叹号：Dreamweaver至高的网页特效188招》
　　《Dreamweaver vs photoshop CS3网页视觉设计与互动特效整合》

作者序

01响应式网页，一次解决多种装置显示问题的最佳解决方案
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超吸睛的全画面式满版背景
1-3-2充满活力，饱和鲜艳的颠覆式配色
1-3-3 一次可综观全局的单页式页面设计
1-3-4出现在网站上方的固定式导览选单
1-3-5随时都能使用的收合式选单与极简按钮
1-3-6极简扁平化风格设计
1-3-7穿插具有惊喜感的小动画
1-3-8一眼就看到的超级大字型
1-3-9适用于网页的色块式向量插图
1-3-10微互动大升级，跟着卷轴一起动起来
1-3-11一目了然的左右分屏式设计
1-3-12可提供丰富资讯的影片式背景
1-4如何编写响应式网页
1-4-1 本书的使用方式
1-4-2 响应式网页必要成分

02 认识 Dreamweaver cc 2019 与响应式网页相关的功能
2-1 先不急着编写CSS 语法
2-1-1 串联 CSS 与 新增 CSS 选取器
2-1-2 网页中常见的 CSS 属性
2-1-3 快速调整 CSS 属性
2-1-4 插入与编辑 CSS 导览列
2-2 制作响应式网页必会的 HTML5 标签与 CSS3 属性
2-2-1 HTML5 语意化标签
2-2-2 HTML5 语意化标签编排页面区块
2-2-3 使用 CSS3 设定文字属性
2-2-4 使用 CSS3 设定背景属性
2-2-5使用 CSS3 设定边框属性
2-2-6 使用 CSS3 设定区块阴影属性
2-2-7使用 CSS3 设定透明度与渐层
2-2-8 使用CSS3 设定变形
2-2-9 使用CSS3 设定转变
2-2-10 使用CSS3 设定动画
card 内容置中2-2-10 使用 HTML5 语意化标签与CSS3来美化与编排网页
2-3 认识与使用 Bootstrap
2-3-1 关于 Bootstrap 4
2-3-2 使用 Bootstrap 的准备
2-3-3 在 Dreamweaver 中建立 Bootstrap 页面
2-3-4 Bootstrap 栅格系统
2-3-5 其他版面区块的编排设定

03 使用 Bootstrap打造响应式网页
3-1 Bootstrap 文字编排与常用内容类别
3-1-1 颜色的通用类别：设文字颜色与背景色
3-1-2 文字的通用类别：设定文字属性
3-1-3 字体的通用类别：设定标题及字体样式
3-1-4 边界与内距的通用类别
3-1-5 表格（Table）的通用类别
3-1-6 图片区（figures）与圆角的通用类别
3-1-7 边框（Borders）与圆角的通用类别
3-1-8 浮动（float）的通用类别
3-2 Bootstrap 元件素材
3-2-1 标签（badge）
3-2-2 按钮（buttons）
3-2-3 面包屑（breadcrumb）
3-2-4 折叠内容（accordion）
3-2-5 标签切换内容（tab）
3-2-6 响应式图片（Responsive image）
3-2-7 广告大萤幕（Jumbotron）
3-2-8 多媒体物件（Media Object）
3-2-9 内嵌（Embeds）
3-2-10 列表群组（List group）
3-2-11 互动视窗（Modal）
3-2-12 弹出式提示框（Popovers）
3-2-13滚动监听（Scrollspy）
3-3 Bootstrap响应式导览列
3-3-1基本型收合导览按钮
3-3-2包含弹出选单的导览按钮列
3-3-3其他导览列功能
3-4 card 与 carousel应用
3-4-1卡片 card
3-4-2card卡片应用
3-4-3 card 图文框排列版面
3-4-4 card 图文编排应用
3-4-5轮播 Carousel
3-4-6 Carousel页面编排应用
3-4-7 图宽高100%满版的Carousel

04打造酷炫的一页式网站
4-1 制作页面卷动效果
4-2 设定导览列从旁边出现卷动页面
4-3 进阶版一页式网站
4-4 使用 CSS 与 JavaScript 打造变化多端的一页式网站

Ch05 更多关于的Bootstrap锦囊妙招
5-1 齐全而多样化的导览列按钮
5-1-1 横向按钮
5-1-2 侧边导览列
5-1-3 特殊按钮
5-2 必备滑动浏览新花样
5-2-1 简单就能左右切换图文内容
5-2-2 图片文字内容滑动切换
5-2-3 大图左右滑动浏览
5-2-4左右缩放滑动大图
5-2-5 图文区块同步切换
5-2-6 图文内容淡入淡出切换
5-2-7 单排多图片左右滑动
5-3 绝不无聊的大图浏览方式
5-3-1 不规则等宽多图排列开大图
5-3-2 整齐小图开大图
5-3-3 横排小图开大图
5-3-4 不规则小图开大图
5-3-5 同高小图开大图
5-3-6 图文小图开大图
5-4 更多精彩的网页展示效果
5-4-1 小图切换滑动
5-4-2 按钮切换动态内容
5-4-3 投影片播放式切换图片
5-4-4 淡入淡出切换图文内容
5-4-5 拖曳滑动区块
5-4-6 上下滑动切换
5-4-7 透明缩放切换
5-4-8 小图切换大图播放

附录A. 更接地气，使用程式码编辑器设计开发响应式网页
附录B. 马上可供练习的参考版型

 

None