锐商企业CMS设计教程锐商软件
2013年5月28日
第一版
用PHOTOSHOP设计草图
我们首先用PHOTOSHOP设计一个网站的美工布局草图后面的设计将参照该草图进行。需要指出作为一款基于选项的CMS锐商企业CMS COMSHARP C MS并不能像传统的基于HTML模板的CMS那样实现完全自由的布局但其灵活强大的选项控制 已经能够实现您所能想到的绝大多数布局风格。
我们需要设计两幅草图一幅用于首页一幅用于内部栏目 比如产品页。
首页草图/ 内部产品页草图如下
用九宫格切图
锐商企业CMSCOMSHARP CMS 的页面布局原理是将页面分成几个区域 Logo区整页Header位置 主导航区 Banner区侧边栏导航区 内容区联系区整页Footer位置等每个区域有不同的风格选项不同位置选项可以自由配色设置尺寸背景纹理结合页面整体背景您可以搭配出不同的布局与美工框架。 锐商企业CMSCOMSHARP CMS的布局分两种模式
画布模式
将页面看作一个摆放在页面背景上的画布该画布分Logo区主导航区主菜单 Banner区面包屑导航区侧边栏导航区二级三级菜单 内容区页面工具条区联系区。该画布可以设置宽度位置偏移对齐方式边界宽度颜色及阴影。
详细内容请参阅《锐商企业CMS简明教程》的“整体布局/画布模式”一节。
网格模式
将整个页面用网格划分成多个网格区域 Logo区及其两边的延伸区主导航区主菜单及其两边延伸区 Banner区及其两边延伸区面包屑导航区及其两边延伸区 内容区及其两边延伸区页面工具条区及其两边延伸区联系区及其两边延伸区。每个区域及其两边延伸区都可以单独配色或设置背景纹理通过这些背景纹理图片您可以拼接出各种页面布局。比如通过在各个区域的两边延伸区设置阴影图片可以搭配出带边界阴影的页面风格。
详细内容请参阅《锐商企业CMS简明教程》的“整体布局/网格模式”一节。
本教程默认使用网格模式
使用网格模式将整个网站页面以九宫格的方式进行切割划分为以下区域及其左右延伸区域通过在不同区域及其左右延伸区域设置背景颜色背景纹理或背景图片可以实现页面的美工视觉布局
公司标志与系统菜单区域/以及其左右延伸区域 A1 A0 A2主导航区域/以及其左右延伸区域 B1 B0 B2Banner区域/以及其左右延伸区域 C1 C0 C2内容区域/以及其左右延伸区域 D1 D0 D2联系区域/以及其左右延伸区域 E1 E0 E2以首页草图为例 以下是以九宫格方式进行布局切图后的结果
根据切图 网站页面工作区的宽度为941px在“管理/系统选项/布局/页面布局选项”那里填写6将布局模式设定为网格布局然后在“管理/系统选项/布局/工作区宽度”那里填写941将工作区的宽度设定为941px。
所谓工作区就是A0,B0,C0,D0,E0区域 网站不同区域的内容将摆放在这些区域其左右两侧延伸区可用来放置背景图或背景纹理 以实现视觉布局。
公司标志与系统菜单区域
A1 |A0|A2
1 Logo与系统菜单区按目前设计 Logo是放在主导航条上的系统菜单区的内容只有“中文| ENGLISH” 语种切换菜单 以及 “LOGIN”登录按钮 Logo与系统菜单区将使用“管理/系统选项/公司标志区/ 自定义Lo go区内容”实现。
2 该区域背景为纯色#47a cf4可以在“管理/系统选项/公司标志区/公司标志和系统菜单区域背景颜色”这里设置也可以使用背景图片的形式设置我们选择后者。3 前面经过测量公司标志与系统菜单区域高度20px宽度使用整体工作区宽度941px。我们从设计稿中该区域取一块背景图做背景纹理因为该区域包括其左右延伸区域使用纯色背景我们取一个Pattern即可。注意背景纹理Pattern的尺寸理论上可以任意 因为设置背景纹理的时候可以选择在x/y方向上重复对于纯色背景 图片文件尺寸与图片物理尺寸之间关系不大我们取100x100。
4 公司标志与系统菜单区域设置了背景纹理图片后的效果
spinservers怎么样?spinservers大硬盘服务器。Spinservers刚刚在美国圣何塞机房补货120台独立服务器,CPU都是双E5系列,64-512GB DDR4内存,超大SSD或NVMe存储,数量有限,机器都是预部署好的,下单即可上架,无需人工干预,有需要的朋友抓紧下单哦。Spinservers是Majestic Hosting Solutions,LLC旗下站点,主营美国独立...
beervm是一家国人商家,主要提供国内KVM VPS,有河南移动、广州移动等。现在预售湖南长沙联通vds,性价比高。湖南长沙vps(长沙vds),1GB内存/7GB SSD空间/10TB流量/1Gbps端口/独立IP/KVM,350元/月,有需要的可以关注一下。Beervm长沙联通vps套餐:长沙联通1G青春版(预售)长沙联通3G标准版(预售)长沙联通3G(预售)vCPU:1vCPU:2vCPU...
目前云服务器市场竞争是相当的大的,比如我们在年中活动中看到各大服务商都找准这个噱头的活动发布各种活动,有的甚至就是平时的活动价格,只是换一个说法而已。可见这个行业确实竞争很大,当然我们也可以看到很多主机商几个月就消失,也有看到很多个人商家捣鼓几个品牌然后忽悠一圈跑路的。当然,个人建议在选择服务商的时候尽量选择老牌商家,这样性能更为稳定一些。近期可能会准备重新整理Vultr商家的一些信息和教程。以前...