地、市公司信息门户定制手册v2.0

地、市公司信息门户定制手册VERSION20目录一、版本说明2二、门户网址2三、注意事项2四、门户定制建设手册3（一）门户主页整体布局3（二）创建文档库、列表、新闻网站、调查、讨论区，添加幻灯片效果等操作。201文档库操作202列表操作323创建新闻网站544创建静态页面605创建调查、讨论区636首页幻灯片的制作667导航栏的制作732地、市公司信息门户定制手册VERSION20一、版本说明10版本主要是按照故事版对门户主页进行整体布局。20版本主要是创建文档库、列表、调查、讨论区等内容类型，还包括添加幻灯片、修改导航等操作。30版本主要是门户网站的权限设置。二、门户网址惠州培训门户网址HTTP/EIPGDSYSINOPECCOM/SITES/EIP地、市公司门户网址HTTP/EIPGDSYSINOPECCOM/MZ（取中文拼音的第一个字母）3三、注意事项地、市公司门户全部采用统一模板，顶部的LOGO是不能更换的，并且各栏目图标的选择范围也是相对有限的。请各单位把工作重点放在门户的栏目建设方面以及门户的推广工作上。四、门户定制建设手册以下主要以截图形式描述从一个空白模板网站建设成门户网站的过程。（以广州公司为例）（一）门户主页整体布局1编辑网页2添加WEB部件43选择内容编辑器4选择编辑栏里的修改共享WEB部件COMMENTL1整个TABLECOMMENTL2的好处就是可以先显示之间的内容,而不必等整个表格都下载完成后再显示COMMENTL3左栏CSS样式，控制图标的显示格式。左栏的CSS样式目前有LEFTC1LEFTC4，图标选择还相对有限，这个以后宋武杰会多做一些图标供大家选择。COMMENTL4CSS样式55选择源编辑器6复制以下HTML代码到源编辑器（熟悉HTML的可以自行对代码进行修改）公司发文COMMENTL5左栏文本的CSS样式，统一为LEFTTEXT。6经营部文件零售片区文件加油站文件财务网点监管员文件计质量监管员文件更多7保存源编辑器内容78修改内容编辑器外观设置9添加完一个内容编辑器后的主门户810依次添加其余左栏内容编辑器操作指南门户操作指南辅助系统操作指南9机关部室零售管理部业务部财务部信息中心1011加入图片美化页面11121312添加图片后左栏效果13添加中间栏的内容，同样都是先添加内容编辑器14COMMENTL6TABLECOMMENTL7中间栏的图标类，目前只有CENTRAL1可选，以后宋武杰会增加一些图标。COMMENTL8字体颜色15复制以下代码到源编辑器通知与公告更多1614依次添加中间的其他栏目1715添加完成后效果1816添加右栏内容，步骤与左栏类似COMMENTL9右栏图标的CSS类，从RIGHTC1到RIGHTC6COMMENTL10右栏的文本CSS类19复制以下代码到源编辑器单位概况单位简介组织机构岗位职责通讯录2017添加右栏其他栏目，最终页面布局如下21（二）创建文档库、列表、新闻网站、调查、讨论区，添加幻灯片效果等操作。在页面布局完成之后，就要创建栏目内容了。但是在这之前还要做一项工作，就是确定每个栏目具体是用哪种内容类型来实现，例如通知公告用列表，公司动态用新闻网站，专刊用文档库等等。我们必须把故事版里的所有栏目都确定好建成什么内容类型，然后再开始下面的操作。（这里需要做栏目设计表，参考HTTP/EIPGDSYSINOPECCOM/SITES/EIP站点里的广州公司栏目设计表模板，其中栏目管理者和审核者先不用填）1文档库操作（1）文档库的创建2223（2）文档库的设置24252627按以上操作依次做好主页其他文档库的链接。（3）在主页显示文档库内容例如主页中间专刊一栏建成了文档库，需要在主页直接显示文档库内容，有两种方式第一种按以下操作进行，网站操作编辑网页在中间部分下方添加WEB部件2829效果图第二种利用内容查询器显示，网站操作编辑网页30313233效果图2列表操作（1）创建列表34创建通知与公告3536进入编辑网页模式要把通知列表内容显示在主页，有两种方式可以选择第一种方式，选择添加WEB部件37选中的列表会以所有项目视图的显示方式显示在主页中，如果我们希望改变列表的显示方式，可以按以下操作38点编辑当前视图进入以下页面因为目前我们的通知与公告只有一个系统视图（所有项目视图），所以实际上我们编辑的当前视图就是所有项目视图，而该视图有很多默认栏的显示方式是不允许更改的。因此如果想获得我们想要的通知显示方式，最好的办法是新建一个视图，然后选中这个视图，具体操作见下39修改视图属性4041建好后的通知公告视图42在主页显示刚建的通知公告视图，网站操作编辑网页最终效果图43第二种方式同样选择添加WEB部件4445最终效果图，可以与第一种方式比较下效果。46同样地，财务部公告也是一个通知列表，我们用上述第2种方式显示，建好后的效果如下图添加完成后，我们需要设置每个栏目中更多的链接地址，设置方式如下4748（2）创建自定义列表除了通知之外的列表，我们一般都要建自定义列表，下面以通讯录列表为例介绍自定义列表的建立方法。网站操作查看所有网站内容创建进入以下页面495051依次创建好职务、姓名、办公电话栏，完成后效果见下图接着创建通讯录视图，选创建视图标准视图5253往通讯录中添加数据5455这里大家可以思考一下，如何可以使得部门按照一定的顺序排列（默认是按A，B，C排下去的）把URL复制到主页右栏的通讯录链接处3创建新闻网站公司动态栏目需要建成新闻网站，即相当于在当前门户网站下建一个新闻子站点，具体操作如下56在新建的新闻网站下，选择网站操作查看所有网站内容57选择页面库58在主页的公司动态栏显示新闻网站内容，操作与显示文59档库及列表是类似的网站操作编辑网页添加WEB部件添加内容查询器部件60最终效果图614创建静态页面有些长期固定不变的内容可以做成静态页面，例如单位简介、组织机构等，建完之后，把页面的URL复制到主页的链接处，具体操作如下6263645创建调查、讨论区网站操作查看所有网站内容创建，进入以下页面6566可以通过复制调查的URL把调查链接到主页。创建讨论区与调查类似，大家自己试一下，这里就不赘述了。676首页幻灯片的制作幻灯片是通过页面库中页面的滚动图象来显示的，所以如果要显示幻灯片效果，我们需要建几个带滚动图象的页面，操作如下网站操作查看所有网站内容，选择文档库中的页面新建文章页面68下面就是要把图片放到页面的滚动图像里，我们首先要把图片上载到门户（最好对图像的大小先做个处理），具体步骤如下，网站操作查看所有网站内容进入如下页面，选图象6970翻页找到刚上载的图片（记住一定要在/YJ下