Embed Size (px)
Citation preview
COMSHARP CMS 简明教程
快速入门
第 1 页，共 38 页
COMSHARP CMS 简明教程
概述COMSHARP CMS 一经安装部署，即可进入内容建设阶段。COMSHARP CMS 的内容建设与外观设计是完全独立的，可以单独进行，但我们仍然建议您首先在默认外观主题下完成大部分内容建设，然后针对您的内容，选择或设计自己的外观主题。COMSHARP CMS 的内容创建可以直接在最终页面上，以全站所见即所得的方式进行。创建内容分级目录
创建主目录（一级目录） 在主目录下创建子目录（二级目录） 在子目录下创建页目录（三级目录）
在各级目录下创建内容 在页面上创建内容
在开始内容建设之前，请使用您在安装部署过程中创建的后台管理账户进行登录。在侧边栏的“快速登陆”中输入用户名和密码，或者点击网站右上角的“登录”。登录后，您的站点将变成可编辑状态，各种编辑工具分布在页面的各个操作现场。
第 2 页，共 38 页
COMSHARP CMS 简明教程
创建内容分级目录内容目录 是对站点内容的组织，将内容合理地分布在不同分级目录下，可以帮助用户更好的访问这些内容。COMSHARP
CMS 的网站前端编辑系统（FrEE）允许您直接在最终页面上编辑站点目录结构，并自动生成导航系统。COMSHARP CMS 允许的目录深度为三级，这是基于网站易用性 原则而做的一个强制性设置，网站易用性原则要求内容组织尽可能扁平化，如果您的内容不得不超过三级深度，我们建议您使用 COMSHARP CMS 的分页机制对内容进行分页。无论如何，请注意，将内容埋藏在很深的目录结构中会给访问者带来严重的挫败感和畏惧心理。内容目录与内容的关系
内容可以存放在任何目录下 子目录（二级目录）位于主目录（一级目录）下 页目录（三级目录）位于子目录下
第 3 页，共 38 页
COMSHARP CMS 简明教程
创建主目录如下图所示，登陆后，在“管理” 旁边的工具上按添加按钮，那里有两个添加按钮，第一个用来添加主目录（主菜单），第二个用来添加社区。
主目录创建与编辑界面
第 4 页，共 38 页
COMSHARP CMS 简明教程
主目录的创建与编辑界面分三部分： 主目录内容：设置主目录在导航上所表现的标题文字与描述； 主目录属性：设置该主目录的名字，对应的主菜单呈现图标及 Banner 图片或动画； 主目录权限：设置本主目录及其所有下属二级，三级目录与内容的浏览，编辑，评论权限。
第 5 页，共 38 页
COMSHARP CMS 简明教程
创建子目录如下图所示，如果您要在主目录下添加一个子目录，可以在选定的主目录条目上按“添加”按钮。
子目录创建与编辑界面
第 6 页，共 38 页
COMSHARP CMS 简明教程
和主目录一样，子目录的创建与编辑界面也分三部分： 子目录内容：用来设置子目录在导航系统中表现的文字与描述 子目录属性：设置子目录的名称等属性 子目录权限：设置子目录及其下属目录与内容的访问，编辑，评论权限
第 7 页，共 38 页
COMSHARP CMS 简明教程
创建页目录如下图所示，如果您要在子目录下添加一个页目录，可以在选定的子目录条目上按“添加”按钮。
页目录
第 8 页，共 38 页
COMSHARP CMS 简明教程
第 9 页，共 38 页
COMSHARP CMS 简明教程
创建内容
COMSHARP CMS 支持各种类型的内容。常规内容，多媒体，在线地图，在线文档，以及自由代码。常规内容可以使用系统内置的 TinyMCE 所见即所得编辑器进行编辑；多媒体内容可以直接从本地上传 FLV, MP3, Flash 等各种多媒体文件直接在线播放；在线地图可以输入 Google，Baidu 等各种在线地图的引用地址，直接在线显示您的位置信息；在线文档使用 Google Docs API 在线显示 Word，Excel，PPT，PDF 等各种电子文档；自由代码则允许您直接将任意前端代码放入本页，支持 HTML，CSS，JavaScript 等。并行编辑多语种内容COMSHARP CMS 支持网站多语种版本并行创建，在任何涉及到内容的地方，都会出现多语种选项卡，进入相应的语种，提供该语种下的内容即可。使用 TinyMCE 所见即所得编辑器编辑常规内容
第 10 页，共 38 页
COMSHARP CMS 简明教程使用 COMSHARP CMS 的所见即所得编辑器，您可以象编辑一个 Word 文件那样编辑本页的内容，保存后，内容立即生效并可立即被全球访问。COMSHARP CMS 的内容编辑器允许您直接在编辑器中将位于您本地电脑中的图片，视频，Flash 素材，音频，可下载文档等直接插入内容，编辑器会帮您将本地文件上传到网站服务器。编辑器也可以调出您网站服务器资源文件夹中的素材供您选用，您可以在 “管理 | 资源管理”中向网站服务器上传资源素材，系统会自动生成缩略图和预览图，方便您调用前预览。
第 11 页，共 38 页
COMSHARP CMS 简明教程
进阶操作
第 12 页，共 38 页
COMSHARP CMS 简明教程
概述在进阶操作，您将学习如何使用 COMSHARP CMS 实现新闻，博客，社区类内容，并学习如何对内容，社区，资源进行引用，在目标页自动显示新闻，博客，社区等栏目的最新内容。同时，您将学习如何对站点的美工外观进行搭配和设计。内容编辑进阶操作
创建新闻内容 - 如何创建新闻类栏目 创建博客内容 - 如何在站点实现博客功能 内容引用 - 如何引用新闻，博客类内容，如何引用社区帖子，如何引用后台资源库的资源 创建社区 - 如何创建社区，论坛 为页面设置 SEO Tags - 如何设置页面的 SEO 相关标签 编辑首页 - 如何对首页进行编辑设计
主题设计进阶操作 网站整体布局设置 - 如何配置站点的整体布局风格 站点配色 - 如何为站点各个区域进行配色 为主要栏目设置 Banner - 如何为站点各个主要栏目设置 Banner 图片会动画 设置页面布局与底纹 - 如何用配镜拼图大搭配站点的美工框架 维护站点主题 - 如何对站点的主题进行维护和管理
第 13 页，共 38 页
COMSHARP CMS 简明教程
创建新闻内容新闻内容和普通内容唯一的区别是新闻内容是基于时间的，在当前页面上点击“编辑当前页面属性”，进入“页目录属性”选项卡，在内容类型中选择“基于 时间的内容”。基于时间的内容可以用于新闻，博客之类的页面。在设置了“基于时间的内容”属性后，您在当前页新增内容的时候，内容会按时间倒序排列，后添 加的内容显示在前面。
第 14 页，共 38 页
COMSHARP CMS 简明教程
第 15 页，共 38 页
COMSHARP CMS 简明教程余下的工作，和普通内容编辑一样，在各自语种下，使用 TinyMCE 编辑器，在线编辑您的内容，或者，对于多媒体，在线地图，在线文档，自由代码一类内容，使用各自的界面，直接在线编辑创建即可。
第 16 页，共 38 页
COMSHARP CMS 简明教程
创建博客内容博客和新闻一样，将您的页面内容类型设置为“基于时间的内容”之后，您可以象添加普通内容那样添加您的博客文章。
第 17 页，共 38 页
COMSHARP CMS 简明教程
内容引用内容引用，就是对指定页面上的内容，按标题或摘要进行引用，生成的引用可以放在任何页面（通常放在首页或栏目概述页），被引用页面上的内容，会自动展示在目标页面。内容引用一般用来显示新闻，博客栏目的最新内容，比如，在网站的首页，显示最新新闻，或最新博客文章摘要。如何使用内容引用首先在主菜单的“管理”选项上点击“进入系统管理后台”。
选择“管理 - 内容管理 - 内容引用”，选择您想引用的页面。
第 18 页，共 38 页
COMSHARP CMS 简明教程
在下方的“内容引用选项”中，设置引用选项
第 19 页，共 38 页
COMSHARP CMS 简明教程
最后，点击下方的“生成内容引用代码”按钮，即可在“内容引用代码”文本框中看到自动生成的内容引用代码。把这段代码拷贝粘贴到目标页面的相应位置即可（可直接在所见即所得编辑器中粘贴，无需进入 Html 窗口）。
第 20 页，共 38 页
COMSHARP CMS 简明教程
第 21 页，共 38 页
COMSHARP CMS 简明教程
创建社区COMSHARP CMS 内置社区功能，社区可以是 BBS 论坛，也可以是一个供会员以 BBS 论坛风格发布信息和分享信息的平台，您可以对论坛的界面进行定制，以满足您的业务表述。比如，您可以创建一个同您的客户进行订单跟进的平台，客户登录后， 可以看到他们所有的订单，双方可以就每个订单的进度，文档等进行沟通。您可以为不同客户创建不同的平台，以他们的账户登录后，他们会自动进入各自的平台。要创建一个新的社区，首先在主菜单栏上选择“管理”，在出现的下拉菜单中选择“添加新社区”。您可以创建任意多个社区，每个社区下可以创建任意多个论坛。
社区内容在“社区内容”选项卡，在各语种下输入社区的标题和描述；您还可以使用“界面定制”选项，按您的需要定制下属所有论坛的命令、主题状态和主题命令。
论坛命令：任何论坛都有三个命令，显示当前主题，新增一个主题，和主题查询。您可以对这些命令的表述进行定制，比如，改为“当前订单列表”，“新增一个订单信息”，“订单搜索”。
主题状态：任何主题都有 6 个状态，1. 尚无跟贴，2. 已有跟贴，3. 超过十个跟贴的热帖，4. 红脸贴，5. 黑脸贴，6. 置顶贴。一个主题发布后，尚无人跟进，为 1，已有人跟进，为 2，如果跟进的信息超过了 10 条，则为3；同时每个帖子还支持三个操作，红脸，黑脸和置顶， 置顶容易理解，就是将主题始终放在顶部，红脸和黑脸是两个可以自由描述的状态，比如，红脸表示受欢迎，黑脸表示不受欢迎。
主题命令：对应上面主题状态中红脸，黑脸和置顶，您可以对实现这三个操作的命令进行定制，比如，红脸对应“订单已发送”，黑脸表示“订单延误”，置顶对应“正在发运的订单”。
第 22 页，共 38 页
COMSHARP CMS 简明教程
社区属性在“社区属性”选项卡，您可以设置本社区的属性，如本社区下属论坛的版主，以及本社区在主菜单中的呈现，如活动和非活动菜单图标，以及 Banner 图片或动画。社区权限在“社区权限”选项卡，您可以设置本社区下所有论坛的浏览，发贴，跟贴权限，通过这些权限的搭配，您可以将指定论坛分配给指定用户或用户群，以便他们自动进入各自的通道，互不干涉。
第 23 页，共 38 页
COMSHARP CMS 简明教程
为页面设置 SEO TagsSEO Tags 是当前页面中一些与 SEO 有关的设定，如页面标题（title 标签），描述（meta description 标签）和关键词（meta keywords 标签），搜索引擎在抓取您的页面时，这些设定可以帮助搜索引擎更好地理解您页面的内容。如何设置进入您要设置其 SEO 标签的页面，点击“编辑本页属性”，进入“页目录内容”选项卡，在不同语种下，分别设置当前页面的 SEO 标题、SEO 描述和 SEO 关键词。
第 24 页，共 38 页
COMSHARP CMS 简明教程
第 25 页，共 38 页
COMSHARP CMS 简明教程
编辑首页首页是一个站点最重要的页面，首页的设计往往是站点设计中最具挑战性的部分。COMSHARP CMS 内置的 TinyMCE 编辑器可以所见即所得方式，编辑任何页面（包括首页）的内容，不过，由于首页往往拥有比较复杂的结构和基于 JavaScript 的动态效果，使用所见即所得编辑器，很可能无法满足您的全部需要，在这种时候，您可以直接使用编辑器的 HTML 窗口，或以添加自由代码的方式，对首页进行设计。在首页引用栏目，社区或资源库内容您可 以在“管理 / 内容管理 / 内容引用”，“管理 / 社区管理 / 社区引用”，以及“资源管理 / 资源引用”三个位置，通过适当设置，自动生成您站点内容栏目，社区（论坛），以及资源目录的引用代码，将这些代码复制粘贴到首页内容中，即可自动在代码的 放置位置显示被引用的最新内容（以标题列表，摘要，缩略图等方式）。将页面设置为默认首页COMSHARP CMS 允许您将任意页面设置为站点的默认首页，点击“编辑本页属性”，在“页目录属性”选项卡，勾选“首页”即可。隐藏首页的侧边栏首页往往全幅显示，为了扩大首页的显示面积，您可以关闭首页的侧边栏。点击“编辑本页属性”，在“页目录属性”选项卡，勾选“隐藏页面侧边栏”即可。
第 26 页，共 38 页
COMSHARP CMS 简明教程
整体布局COMSHARP CMS 的页面布局原理是将页面分成几个区域，Logo 区（整页 Header 位置），主导航区，Banner 区，侧边栏导航区，内容区，版权联系区（整页 Footer 位置）等，每个区域有不同的风格选项，不同位置选项，可以自由配色，设置尺寸，背景纹理，结合页面整体背景，您可以搭配出不同的布局与美工框架。 COMSHARP CMS 的布局分两种模式：画布模式将页面看作一个摆放在页面背景上的画布，该画布分 Logo 区，主导航区（主菜单），Banner 区，面包屑导航区，侧边栏导航区（二级三级菜单），内容区，页面工具条区，版权联系区。该画布可以设置宽度，位置偏移，对齐方式，边界宽度，颜色及阴影。
选用画布模式，可到 “管理 / 系统选项 / 布局 / 页面布局选项”，选择 1，2，3，4，5。 在 “管理 / 系统选项” 下，可以进入各个区域的参数设置页面，用来设置风格，颜色，尺寸，位置，字
体等。 在 “管理 / 背景纹理 - 画布模式”，您可以设置各个区域的背景图片及风格参数。
第 27 页，共 38 页
COMSHARP CMS 简明教程
第 28 页，共 38 页
COMSHARP CMS 简明教程网格模式将整个页面用网格划分成多个网格区域，Logo 区及其两边的延伸区，主导航区（主菜单）及其两边延伸区，Banner 区及其两边延伸区，面包屑导航区及其两边延伸区，内容区及其两边延伸区，页面工具条区及其两边延伸区，版权联系区及其两边延伸区。每个区域及其两边延伸区 都可以单独配色或设置背景纹理，通过这些背景纹理图片，您可以拼接出各种页面布局。比如，通过在各个区域的两边延伸区设置阴影图片，可以搭配出带边界阴 影的页面风格。
选用网格模式，可到 “管理 / 系统选项 / 布局 / 页面布局选项”，选择 6。 在 “管理 / 系统选项” 下，可以进入各个区域的参数设置页面，用来设置风格，颜色，尺寸，位置，字
体等。 在 “管理 / 背景纹理 - 网格模式”，您可以设置各个区域 j 及其两边延伸区域的背景图片及风格参数。
第 29 页，共 38 页
COMSHARP CMS 简明教程
第 30 页，共 38 页
COMSHARP CMS 简明教程
站点配色您可以在 “管理 / 系统选项” 下，进入各个区域参数设置页面，为该区域设置尺寸，位置，风格，颜色，字体等参数。对于颜色参数，您可以输入包含“#”前缀的 16 进制颜色值，或直接输入 颜色的名称，如 “red”，也可以点击调色板，使用调色板调色，调处的颜色会自动填写上去。
区域配色支持双颜色值，如主导航区的背景色设置为 “#808080,#505050”，在这种情形，主导航条的背景色被设置为 #808080，而 #505050 则是主导航条两边延伸区域的背景色。
为区域设置了背景纹理后，背景色将被背景纹理覆盖。
系统选项设置后，按保存，系统会将您的设置，生成 CSS 定义，并刷新到页面，由于浏览器的缓存，有时候您需要多刷新几次页面才能看到生效后的效果。
第 31 页，共 38 页
COMSHARP CMS 简明教程
为主要栏目设置 Banner进入您想要设置 Banner 的页面，把鼠标停留在 Banner 区域时会出现一个带有小箭头的圆形按钮，将鼠标停止该按钮上会出现“立即上载”提示，点击该按钮即可进入当前页面的 Banner 设置页面。
Banner 设置是主目录（主菜单）级的，您可以为每个主目录设置它们的 Banner，该主目录下的所有二级三级目录及其他们各自的页面都将使用该主目录的 Banner。
你可以在语种选项卡下切换，为不同的语种设置不同的 Banner 。
第 32 页，共 38 页
COMSHARP CMS 简明教程
如果您想要实现 Banner 的轮换效果，则在上传一张 Banner 图片后将鼠标停在右侧的数字上，即会弹出 Banner 层的操作面板，你可以通过对此处的编辑来实现多张图片的自动轮换效果。
第 33 页，共 38 页
COMSHARP CMS 简明教程
第 34 页，共 38 页
COMSHARP CMS 简明教程
设置页面及各个区域背景底纹通过页面及其各个区域（以及两侧延伸区）的背景纹理设置，您可以搭配出不同风格的布局。点击主菜单上的“管理”，进入系统管理后台。
点击“背景纹理-网格模式”（根据不同布局选项，也可能显示“背景纹理-画布模式”），在下方的子菜单中会出现页面各个区域的设置入口，您可以进入各个区域，为该区域以及两侧的延伸区域设置背景图片以及摆放与重复选项。
第 35 页，共 38 页
COMSHARP CMS 简明教程
第 36 页，共 38 页
COMSHARP CMS 简明教程
维护站点主题站点主题是一个压缩包，里面包含构成站点美工风格的各种素材与参数设置，您可以将您当前的站点设计打包成一个主题包，并下载回本地存档，也可以将您之前的主题包上传到站点，瞬间恢复之前的某个设计。也可以从锐商企业 CMS 官方站 下载免费主题包应用于您的站点，甚至向您的客户出售您的设计。进入 “管理 / 站点主题”您可以从已经上传到站点的主题中选择您当前的主题，或者上传一个新主题，或者对您当前主题进行管理，比如删除，新建，将当前设计导入某个主题包，或者用某个主题包刷新您当前的设计。
第 37 页，共 38 页
COMSHARP CMS 简明教程
锐商软件地址：青岛.榉林花园 A座 206
网站：http://www.comsharp.com/
座机：+86-532-83669660
手机：13884962558
传真：+86-532-82831883
Skype：its-qingdao
QQ：592748664 | 13885509
第 38 页，共 38 页
