3.2 编辑页面的内容和样式
3.2.1 设置首页基础样式
打开左侧边栏页面-自建页面-默认分类-个人主页，在首页页面的左下方选择“网页”，在右侧边栏选择皮肤-黄色主调白色底。
3.2.2 编辑头部布局、内容和基础样式
此时，页头默认已有布局和内容，即一个一行两列的布局，自定义列宽为2:10，左侧放logo，右侧放导航，我们只需要来简单调下样式。点击页面左上方最后一个小图标，勾选“显示布局边框”，这时页面上就可以清楚的看到页头、页中和页尾的边界，我们先来编辑头部的内容和样式。
首先，用鼠标点击一下页面上已有的导航插件，在右侧边栏基本样式中，设置默认-文字-对齐方式为：右对齐。
接着，点击右侧边栏下方的“更多局部样式”，选择“一级菜单文字”，设置默认-文字-颜色：#666，在默认-文字-样式中选择粗体，设置鼠标悬停-文字-颜色：#ffbf3b。
然后，再次点击右侧边栏下方的“更多局部样式”，选择“一级菜单”，设置选中-文字-颜色：#ffbf3b，选中-链接-颜色：#ffbf3b。
最后，头部样式基本调整完成，点击页面左上角的保存图标，选择左侧边栏页面-自建页面-首页右侧的菜单键，点击“访问”即可实时查页面在电脑上的实际效果。
3.2.3 编辑底部内容和基础样式
页尾默认自带样式和布局，页尾的背景色为#f8f8f8，一个行布局，里面放了一个版权组件。我们先拖拽元素-图标到页尾，放在版权组件的上方。选中图标，点击设置。
接着，在设置中选择一个邮件图标，图标描述为一个邮箱账号，图标链接为mailto:加邮箱账号，跳转方式选择“新窗口”。
再在基本样式中，设置默认-布局-margin下边距：10px，默认-布局-文字-大小：18px，默认-布局-链接-颜色：#181818，鼠标悬停-布局-链接-颜色：#ffbf3b。
然后，选中页尾，在右侧边栏基础样式中，设置默认-背景-颜色为“透明”。
3.2.4 编辑页中基础样式
首先，开始制作页中的第一个模块，拖拽一个布局行到页中容器，在布局行里再拖两个段落，一个按钮，都是找到插件之后直接拖拽即可。
接着，把要放的内容填进去，在第一个段落放标题，第二个段落放描述，并给按钮设置名称和链接。暂时不知道放什么链接的可以先用#代替。
再给元素所在的行设置一张1920*1200px的背景图。
在基本样式的默认-背景-图片，选择一张已经上传好的背景图，在默认-背景-重复选择“不重复”，在默认-背景-位置，选择“中下”，在默认-背景-固定选择“固定”。
在手机横屏中，设置默认-背景-颜色：#f8f8f8，默认-背景-图片设置“透明”，默认-文字-对齐设置“居中对齐”。
然后，鼠标先点击一下页中的任一位置，页面左下方会出现一系列你点击位置的父布局，点击包裹，在右侧边栏基本样式中设置默认-布局-padding左右填充为：0，默认-布局-最大：100%。
同样的方法，再选中页中，在右侧边栏基础样式中设置默认-布局-margin上下边距为：0。
选中元素所在的列（一个布局行包括一个行和一个列），在右侧边栏基本样式中，设置默认-布局-最大：1440px，默认-布局-padding左右填充均为：80px。
在右侧边栏样式-pad横屏中，设置默认-布局-padding左右填充均为：50px。
在右侧边栏样式-pad竖屏中，设置默认-布局-padding左右填充均为：30px，下填充为：50px。
选中第一个段落，在基本样式中，设置默认-文字-颜色：#fff，默认-文字-大小：45px。
在样式-pad竖屏中，设置默认-文字-大小：28px；在样式-手机横屏中，设置默认-文字-颜色：#333。
选中第二个段落，在基本样式中，设置默认-布局-margin下边距为：30px，默认-文字-颜色：#fff，默认-文字-大小：14px，默认-文字-行高：24px。
在样式-手机横屏中，设置默认-文字-颜色：#666。
选中按钮，在样式-更多局部样式-按钮-基本中，设置默认-布局-宽度：220px，默认-布局-高度：54px，在默认-边框-样式选择“实线”，默认-边框-宽度：2px，默认-边框-颜色：#fff，默认-文字-颜色：#fff，默认-文字-大小：14px，默认-文字-行高：54px；设置鼠标悬停-背景-颜色：#ffbf3b，鼠标悬停-文字-颜色：#fff。
在pad竖屏中，设置默认-布局-宽度：120px，默认-布局-高度：36px，默认-文字-大小：14px，默认-文字-行高：36px。
在手机横屏中，在默认-边框-样式选择“实线”，设置默认-边框-宽度：2px，默认-边框-颜色：#ffbf3b，默认-文字-颜色：#ffbf3b。
页中第一个模块暂告一段落，我们现在开始制作第二个模块，先拖拽插件布局框架，在布局中拖一个行到第一个模块的下方，再拖一个一行两列的布局到刚拖入的布局行中，左边放一张图片，右边放两个段落一个按钮。
放好插件之后，替换掉图片、段落和按钮的内容，然后开始调整样式。
和第一个模块一样，选中元素所在的最大的列，在右侧边栏基本样式中，设置默认-布局-最大：1440px，默认-布局-padding左右填充均为：80px。
在样式-pad横屏中，设置默认-布局-padding左右填充均为：50px。在样式-pad竖屏中，设置默认-布局-padding左右填充均为：30px，上下填充均为：50px。
选中里面的行，在右侧边栏属性-自定义列宽设置：7:5，在右侧边栏基本样式中，设置列间距-间距：140px。
在pad横屏中，设置列间距-间距：60px。
在pad竖屏中，设置列间距-间距：60px。
选中第一个段落，在基本样式中，把默认-文字-颜色调整为：#333。
选中第二个段落，在基本样式中，把默认-文字-颜色调整为：#666。
选中按钮，在样式-更多局部样式-按钮-基本中，把默认-边框-颜色调整为：#ffbf3b，默认-文字-颜色调整为：#ffbf3b。
第三个模块和第二个模块非常类似，因此，复制第二个模块再粘贴，并换掉内容。选择其中一个列左移或者右移，再选中第三个模块中最大的行，在样式-默认-背景-样式中设置：#f5f5f5就ok啦。
3.2.5 复制首页样式到其他页面
点击页面右下角“复制本页设置到其他页面”，将本页的头部、底部、皮肤、页中样式、页中包裹样式，复制到其他页面。这样其他页面的头部、底部、皮肤等就和首页统一了。
3.2.6 优化框架页
应用页面是系统自带的页面，为了使应用页面样式的统一，通常我们会在页面-应用页面-应用框架-用户框架页和应用框架页中统一调整样式。
打开页面-应用页面-用户框架页，选中页中包裹，在右侧边栏基本样式中，设置默认-布局-最大：1440px，默认-布局-padding左右填充为：80px。
在pad横屏中，设置默认-布局-padding左右填充为：50px。
在pad竖屏中，设置默认-布局-padding左右填充为：30px。
选中网页，点击“复制本页设置到其他样式”，在弹出框中，选择要复制的样式为“页中包裹样式”，选择要复制的页面为应用页面。
3.2.7 编辑其他页面
打开随手一记，第一个模块，还是先搭建框架，拖入一个布局行，再嵌套一个布局行在里面，嵌套的行有一个下边框作为与第二个模块的分割线，再放两个段落一个按钮，并打开对应插件的设置，填充好内容，样式调整与之前类似，这里就不多说了。
第二模块主要是一个日志的展示，一个大的布局行，嵌套一个一行两列的布局，属性-自定义列宽为3:9，左侧放一个应用-内容系统-内容分类，右侧放一个应用-内容系统-内容列表。
选中元素所在的最大的列，在右侧边栏基本样式中，设置默认-布局-最大：1440px，默认-布局-padding左右填充均为：80px。
在样式-pad横屏中，设置默认-布局-padding左右填充均为：50px。
在样式-pad竖屏中，设置默认-布局-padding左右填充均为：30px，上下填充均为：50px。
选中内容分类，点击设置，跳转页面选择当前页面“随手一记”。
选中内容分类，在右侧边栏更多局部样式-分类包裹的基本样式中，设置默认-背景-颜色为透明。
在更多局部样式-分类链接的基本样式中，设置默认-背景-颜色为透明，默认-文字-颜色：#666，默认-文字-大小：14px，默认-文字-行高：40px；设置鼠标悬停--文字-颜色：#ffbf3b。
选中内容列表，点击设置，开启“显示标题”。
选中内容列表，在右侧边栏更多局部样式-模块标题的基本样式中，设置默认-布局-padding上下填充均为：10px，默认-文字-大小：28px。在pad竖屏中，设置默认-布局-padding上下填充均为：5px，默认-文字-大小：18px。
在右侧边栏更多局部样式-列表的基本样式中，设置默认-布局-padding上填充为：10px，下填充为：30px，默认-边框-下边框-样式为实线，默认-边框-下边框-宽度：1px，默认-边框-下边框-颜色：#eee。在pad竖屏中，设置默认-布局-padding上填充为：0，下填充为：20px。
在右侧边栏更多局部样式-图片的基本样式中，设置默认-布局-宽度：100%。
在右侧边栏更多局部样式-摘要的基本样式中，设置显示状态为“显示”，默认-布局-margin上边距为：10px，默认-文字-颜色：#666，默认-文字-大小：14px，默认-文字-行高：25px。在手机横屏中，设置显示状态为“隐藏”。在手机竖屏中，设置显示状态为“隐藏”。
在右侧边栏更多局部样式-日期的基本样式中，设置默认-文字-颜色：#999。
在右侧边栏更多局部样式-图片包裹的基本样式中，设置默认-布局-宽度：32%。
在右侧边栏更多局部样式-文字包裹的基本样式中，设置默认-布局-宽度：68%，默认-布局-padding左填充为：30px。
在右侧边栏更多局部样式-操作按钮包裹的基本样式中，设置显示状态为“显示”。在手机横屏中，设置显示状态为“隐藏”。在手机竖屏中，设置显示状态为“隐藏”。
在右侧边栏更多局部样式-操作按钮的基本样式中，设置默认-文字-颜色：#999。
在右侧边栏更多局部样式-查看详情的基本样式中，设置显示状态为“隐藏”，默认-定位-定位-滚动漂浮，默认-定位-层级：2。
