CPC中文印刷社区 - 开店指南-软件布局说明

登录后进入软件操作界面：
http://shopex.cn/help/help_shop/help...ge004_0004.jpg
以上是商店管理员登录后的“桌面”，“桌面”主要分为三个部分：菜单栏、重要信息提示栏、快捷方式栏。
菜单栏：

桌面的最上面一条是菜单栏，包括“设置”、“功能”、“工具”和“帮助”等内容。同时，菜单栏的右侧有“预览”和“退出”按钮。
点击“预览”，管理员可以实时预览网上商店外观，在您修改网上商店设置后，可以点击“预览”查看商店修改后的外观；
点击“退出”，管理员可以退出本系统；

重要信息提示栏：

页面左侧是重要信息提示栏，这部分内容显示了用户的基本信息以及网店访问量、订单、评论回复、空间使用等重要数据，提醒管理员尽快进行网店的处理以及咨询的回复；

快捷方式栏：

本系统将商店管理功能中最为常用最为重要的几大功能模块以快捷方式的形式放置于商店管理桌面，管理员登陆后就可以立即进行这些快捷功能的操作。

点击菜单可以进入具体功能模块：
http://shopex.cn/help/help_shop/help...ge006_0003.jpg
系统具体功能模块页面自上而下主要分为八栏：
菜单栏

http://shopex.cn/help/help_shop/help...ge008_0003.jpg
本栏标明了系统名称，显示一级菜单，另外包含了“预览”和“退出”等连接。本栏与管理员桌面布局相同。

快捷方式栏

http://shopex.cn/help/help_shop/help...ge010_0005.jpg
在软件具体功能页面中，将原有桌面快捷方式栏目以横排的方式列在菜单栏的下方。对于使用频繁的功能模块，均可以直接点击本栏进行操作。

登录信息栏

http://shopex.cn/help/help_shop/help...ge012_0004.jpg
该栏显示了登录姓名以及登录时间等信息。

功能操作栏

http://shopex.cn/help/help_shop/help...ge014_0003.jpg
该栏的左侧显示了当前功能模块的地址，右侧则是具体的操作按钮。比如“新建”、“编辑”、“删除”等按钮。本栏的功能按钮会根据具体功能的不同而有所不同。

检索栏

http://shopex.cn/help/help_shop/help...ge016_0004.jpg
该栏主要为检索区，输入关键词后，既可以在所有类别中进行检索，也可以选择在具体类别中进行检索。本栏的右侧显示了每页的具体显示条数，可以随时对显示条数进行更改。

内容栏

http://shopex.cn/help/help_shop/help...ge018_0002.jpg
本栏则显示具体内容，需要对某条内容进行操作则需要选中本信息(点击每条信息前的复选框即可)，再点击功能操作栏的具体功能按钮即可。点击标题，可以查看本栏信息的具体内容。

分页栏

http://shopex.cn/help/help_shop/help...ge020_0003.jpg
本栏显示当前记录条数、页面数，可以点击上一页、下一页继续进行查看，也可以直接跳转到指定页数。

版权信息栏

http://shopex.cn/help/help_shop/help...ge021_0001.jpg
本栏显示了软件的版权信息。

以上是某功能模块页面的具体布局，本系统其他功能模块均采取统一的布局。具体内容会根据具体功能模块的不同而有着略微不同的显示。

编辑器使用说明

本系统在许多地方均采用了功能强大的HTML编辑器。通过本编辑器可以直接进行图文混排编辑、表格编辑，也可以将WORD或DREAMWEAVER、FRONTPAGE中编辑好的文档直接拷贝到编辑器内，甚至可以将网页上显示的内容直接拷贝回编辑框。
http://shopex.cn/help/help_shop/help...ge023_0002.jpg

本系统的Html编辑器功能非常齐全，现将主要功能图标说明如下：

图标功能说明
备注
http://shopex.cn/help/help_shop/help...p_image024.gif
设置文字正文、标题一、标题二等

http://shopex.cn/help/help_shop/help...p_image025.gif
设置字体

http://shopex.cn/help/help_shop/help...p_image026.gif
设置字体大小

http://shopex.cn/help/help_shop/help...p_image027.gif
设置文字粗体

http://shopex.cn/help/help_shop/help...p_image028.gif
设置文字斜体

http://shopex.cn/help/help_shop/help...p_image029.gif
设置文字下划线

http://shopex.cn/help/help_shop/help...p_image030.gif
设置文字颜色

http://shopex.cn/help/help_shop/help...p_image031.gif
设置文字背景色

http://shopex.cn/help/help_shop/help...p_image032.gif
设置上标

http://shopex.cn/help/help_shop/help...p_image033.gif
设置下标

http://shopex.cn/help/help_shop/help...p_image034.gif
设置文字删除线

http://shopex.cn/help/help_shop/help...p_image035.gif
插入移动字幕

http://shopex.cn/help/help_shop/help...p_image036.gif
剪切

http://shopex.cn/help/help_shop/help...p_image037.gif
粘贴

http://shopex.cn/help/help_shop/help...p_image038.gif
删除

http://shopex.cn/help/help_shop/help...p_image039.gif
撤销操作

http://shopex.cn/help/help_shop/help...p_image040.gif
恢复操作

http://shopex.cn/help/help_shop/help...p_image041.gif
取消对齐

http://shopex.cn/help/help_shop/help...p_image042.gif
左对齐

http://shopex.cn/help/help_shop/help...p_image043.gif
居中对齐

http://shopex.cn/help/help_shop/help...p_image044.gif
右对齐

http://shopex.cn/help/help_shop/help...p_image045.gif
减少缩进

http://shopex.cn/help/help_shop/help...p_image046.gif
增加缩进

http://shopex.cn/help/help_shop/help...p_image047.gif
添加水平线

http://shopex.cn/help/help_shop/help...p_image048.gif
编号

http://shopex.cn/help/help_shop/help...p_image049.gif
项目符号

http://shopex.cn/help/help_shop/help...p_image050.gif
创建一个链接，可以是给文字或图片加上链接

http://shopex.cn/help/help_shop/help...p_image051.gif
取消链接

http://shopex.cn/help/help_shop/help...p_image052.gif
插入图片(上传新图片或从图库中选择已经上传的图片)

http://shopex.cn/help/help_shop/help...p_image053.gif
修改图片属性，如图文环绕方式，图文间距，图片尺寸等

http://shopex.cn/help/help_shop/help...p_image054.gif
插入一张表格

http://shopex.cn/help/help_shop/help...p_image055.gif
选中表格后，编辑表格属性。如边框宽度，边框间距

http://shopex.cn/help/help_shop/help...p_image056.gif
编辑表格单元格属性

http://shopex.cn/help/help_shop/help...p_image057.gif
表格中在当前单元格上方插入一行

http://shopex.cn/help/help_shop/help...p_image058.gif
表格中在当前单元格下方插入一行

http://shopex.cn/help/help_shop/help...p_image059.gif
表格中在当前单元格左侧插入一列

http://shopex.cn/help/help_shop/help...p_image060.gif
表格中在当前单元格右侧插入一列

http://shopex.cn/help/help_shop/help...p_image061.gif
表格中删除当前列

http://shopex.cn/help/help_shop/help...p_image062.gif
表格中删除当前行

http://shopex.cn/help/help_shop/help...p_image063.gif
辅助线功能。当表格边框为0的时候，编辑器中看不到表格框。使用辅助线可以在有表格框的位置显示虚线。
很重要，当显示了辅助线之后，你会发现很多的操作困难可以迎刃而解

下图为Html编辑器页面图示：
http://shopex.cn/help/help_shop/help...p_image065.jpg

如果直接对页面中的文字进行编辑，有可能会使原有页面变得混乱。但如果点击“辅助线”按钮，你会发现如下图所示：
http://shopex.cn/help/help_shop/help...p_image067.jpg

显示了表格线之后，你就可以随心所欲的进行编辑，而不必担心破坏原有页面布局了。
从以上表格中可以发现，html编辑器的使用非常简单。如果你了解Word的使用，你就可以非常轻松的利用html编辑器来编辑信息内容。

Html编辑器提供三种视图：普通、html和预览。
如果你了解html代码，你可以直接进行代码的编辑。无论在普通视图与html视图两种方式中进行编辑，你都可以随时通过预览查看编辑效果。

http://shopex.cn/help/help_shop/help...p_image069.jpg

如果你会用Dreamweaver或者Frontpage工具制作网页，你可以直接采用那些工具制作网页后，拷贝新页面的源代码。然后点击“Html”标签，将源代码粘贴进去，就立即生成一个同网页制作工具制作出来的相同的网页。非常方便！