课程名称适应人群【web前端】bootstrap自适应定制，拖拽布局，一键生成页面零基础小白 新手前端 设计师 产品经理这里将介绍整个guiplan开发工具的使用以及前端布局的基础教程。 常用的基本操作，如div操作，文字操作，图片操作，组件操作，生

课时名称课时知识点绝对定位通过拖拽调整绝对定位位置以及相对定位属性设置

课时名称课时知识点复制粘贴组件复用做好的网页里元素的复用，按快捷键复制即可复制对应的html与css等所有的代码，粘贴即可自动添加到对应的位置。无需一个个去复制div与css

课时名称课时知识点背景图片一键添加默认图片，拖拽电脑任意图片替换图片背景，以及图片的七种布局方式

课时名称课时知识点弹性盒子水平排版布局弹性盒子布局，水平方向的布局方式。水平居中，垂直居中，顶部对齐，底部对齐，左对齐，右对齐，以及均匀排列

课时名称课时知识点前色与背景色网页中添加背景颜色以及字体颜色（前景色),利用颜色选择器快速添加颜色

课时名称课时知识点自定义样式与停靠样式除了bootstrap封装好的通用样式以外，也可以手动添加样式。以及伪类选择器的使用

课时名称课时知识点div操作常用布局方式少不了的就是div的操作，添加div,删除div,选择div,嵌套插入div，以及修改div高宽大小等

课时名称课时知识点边距与内距通过拖拽来调整边距与内距，也可按快捷键来设置默认内距

课时名称课时知识点下载项目、生成代码、保存文件做好的页面可下载代码进行二次开发，也可直接保存到本地html,css文件

课时名称课时知识点其他盒子布局倒序排序，超出换行更多排版倒序排版，超出换行

课时名称课时知识点高度与宽度通过拖拽调整所选div的高宽，也可点击按键快速设置高宽的百分比

课时名称课时知识点边框与圆角网页中添加边框以及圆角操作，边框的颜色，圆角的幅度

课时名称课时知识点弹性盒子垂直排版布局垂直方向下各种对齐布局与水平排版布局类似

课时名称课时知识点bootstrap组件使用导航、轮播图、按钮、文本框布局学完之后要涉及到组件使用，按钮，文本框，轮播图等

课时名称课时知识点文字操作网页中添加文字，并修改文字大小，颜色等

课时名称课时知识点自适应操作根据不同的屏幕显示不同的样式，利用bootstrap宽度的自适应进行排版，以及不同屏幕下自适应的定制。

课时名称课时知识点界面介绍开发工具界面介绍

课时名称课时知识点guiplan使用人群这节课不仅对开发工程师学习，设计师与产品经理可以用此软件来搭建原型图

课时名称课时知识点guiplan开发工具介绍软件基本介绍