地、市公司信息门户定制手册V20.docx

地、市公司信息门户定制手册 Version 2.0目录一、版本说明：2二、门户网址：2三、注意事项：2四、门户定制建设手册：3（一）门户主页整体布局3（二）创建文档库、列表、新闻网站、调查、讨论区，添加幻灯片效果等操作。201文档库操作202列表操作323创建新闻网站544创建静态页面605创建调查、讨论区636首页幻灯片的制作667导航栏的制作73地、市公司信息门户定制手册 Version 2.0一、版本说明：1.0版本主要是按照故事版对门户主页进行整体布局。2.0版本主要是创建文档库、列表、调查、讨论区等内容类型，还包括添加幻灯片、修改导航等操作。3.0 版本主要是门户网站的权限设置。二、门户网址：惠州培训门户网址：地、市公司门户网址： 三、注意事项： 地、市公司门户全部采用统一模板，顶部的logo是不能更换的，并且各栏目图标的选择范围也是相对有限的。请各单位把工作重点放在门户的栏目建设方面以及门户的推广工作上。 四、门户定制建设手册：以下主要以截图形式描述从一个空白模板网站建设成门户网站的过程。（以广州公司为例）（一）门户主页整体布局1编辑网页2添加Web部件3选择内容编辑器4选择编辑栏里的修改共享Web部件5选择源编辑器6复制以下html代码到源编辑器（熟悉html的可以自行对代码进行修改）<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0整个TABLE><TBODY.<tbody>的好处就是可以先显示<tbody></tbody>之间的内容, 而不必等整个表格都下载完成后再显示><TR><TD class=leftc2左栏Css样式，控制图标的显示格式。左栏的css样式目前有leftc1leftc4，图标选择还相对有限，这个以后宋武杰会多做一些图标供大家选择。>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司发文Css样式</TD></TR><TR><TD class=lefttext左栏文本的css样式，统一为lefttext。><P><A href="/gz/DocLib11/Forms/AllItems.aspx" target="_blank">经营部文件</A><BR><A href="/gz/DocLib12/Forms/AllItems.aspx" target="_blank">零售片区文件</A><BR><A href="/gz/DocLib13/Forms/AllItems.aspx" target="_blank">加油站文件</A><BR><A href="/gz/DocLib14/Forms/AllItems.aspx" target="_blank">财务网点监管员文件</A><BR><A href="/gz/DocLib15/Forms/AllItems.aspx" target="_blank">计质量监管员文件</A><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <A href="/gz/Pages/gsfw.aspx" target="_blank">更多.</A></P></TD></TR></TBODY></TABLE>7保存源编辑器内容8修改内容编辑器外观设置9添加完一个内容编辑器后的主门户10依次添加其余左栏内容编辑器<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD class=leftc3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;操作指南</TD></TR><TR><TD class=lefttext><A href="/gz/DocLib18/Forms/AllItems.aspx" target="_blank">门户操作指南</A><BR><A href="/gz/DocLib19/Forms/AllItems.aspx" target="_blank">辅助系统操作指南</A><BR></TD></TR></TBODY></TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD class=leftc3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 机关部室</TD></TR><TR><TD class=lefttext><A href="#">零售管理部</A><BR><A href="#">业务部</A><BR><A href="#">财务部</A><BR><A href="#">信息中心</A><BR></TD></TR></TBODY></TABLE>11.加入图片美化页面12添加图片后左栏效果13添加中间栏的内容，同样都是先添加内容编辑器复制以下代码到源编辑器<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>TABLE<TBODY><TR><TD class=central1中间栏的图标类，目前只有central1可选，以后宋武杰会增加一些图标。>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;通知与公告&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A title="" href=" target=""><font color=white>字体颜色更多.</font></A></TD></TR></TBODY></TABLE>14依次添加中间的其他栏目15添加完成后效果：16添加右栏内容，步骤与左栏类似：复制以下代码到源编辑器：<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><TBODY><TR><TD class=rightc6右栏图标的CSS类，从rightc1到rightc6>&nbsp;&nbsp;&nbsp;单位概况</TD></TR><TR><TD class=righttext右栏的文本CSS类><A href="/gz/Pages/DWJJ.aspx" target="_blank">单位简介</A><BR><A href="/gz/Pages/ZZJG.aspx" target="_blank">组织机构</A><BR><A href="/gz/DocLib17/Forms/AllItems.aspx" target="_blank">岗位职责</A><BR><A href="/gz/Lists/List/view.aspx" target="_blank">通讯录</A><BR></TD></TR></TBODY></TABLE>17添加右栏其他栏目，最终页面布局如下：（二）创建文档库、列表、新闻网站、调查、讨论区，添加幻灯片效果等操作。在页面布局完成之后，就要创建栏目内容了。但是在这之前还要做一项工作，就是确定每个栏目具体是用哪种内容类型来实现，例如通知公告用列表，公司动态用新闻网站，专刊用文档库等等。我们必须把故事版里的所有栏目都确定好建成什么内容类型，然后再开始下面的操作。（这里需要做栏目设计表，参考1文档库操作 （1）文档库的创建（2）文档库的设置按以上操作依次做好主页其他文档库的链接。（3）在主页显示文档库内容例如主页中间专刊一栏建成了文档库，需要在主页直接显示文档库内容，有两种方式：第一种：按以下操作进行，网站操作-编辑网页-在中间部分下方添加Web部件效果图：第二种：利用内容查询器显示，网站操作-编辑网页效果图：2列表操作（1）创建列表创建通知与公告：进入编辑网页模式：要把通知列表内容显示在主页，有两种方式可以选择：第一种方式，选择添加WEB部件：选中的列表会以所有项目视图的显示方式显示在主页中，如果我们希望改变列表的显示方式，可以按以下操作： 点编辑当前视图进入以下页面：因为目前我们的通知与公告只有一个系统视图（所有项目视图），所以实际上我们编辑的当前视图就是所有项目视图，而该视图有很多默认栏的显示方式是不允许更改的。因此如果想获得我们想要的通知显示方式，最好的办法是新建一个视图，然后选中这个视图，具体操作见下：修改视图属性：建好后的通知公告视图在主页显示刚建的通知公告视图，网站操作-编辑网页：最终效果图：第二种方式：同样选择添加WEB部件最终效果图，可以与第一种方式比较下效果。同样地，财务部公告也是一个通知列表，我们用上述第2种方式显示，建好后的效果如下图：添加完成后，我们需要设置每个栏目中更多的链接地址，设置方式如下：（2）创建自定义列表除了通知之外的列表，我们一般都要建自定义列表，下面以通讯录列表为例介绍自定义列表的建立方法。网站操作-查看所有网站内容-创建-进入以下页面：依次创建好职务、姓名、办公电话栏，完成后效果见下图：接着创建通讯录视图，选创建视图-标准视图往通讯录中添加数据：这里大家可以思考一下，如何可以使得部门按照一定的顺序排列？（默认是按A，B，C排下去的）把URL复制到主页右栏的通讯录链接处：3创建新闻网站公司动态栏目需要建成新闻网站，即相当于在当前门户网站下建一个新闻子站点，具体操作如下：在新建的新闻网站下，选择网站操作-查看所有网站内容选择页面库：在主页的公司动态栏显示新闻网站内容，操作与显示文档库及列表是类似的：网站操作-编辑网页-添加Web部件-添加内容查询器部件最终效果图：4创建静态页面有些长期固定不变的内容可以做成静态页面，例如单位简介、组织机构等，建完之后，把页面的URL复制到主页的链接处，具体操作如下：5创建调查、讨论区网站操作-查看所有网站内容-创建，进入以下页面：可以通过复制调查的URL把调查链接到主页。创建讨论区与调查类似，大家自己试一下，这里就不赘述了。6首页幻灯片的制作幻灯片是通过页面库中页面的滚动图象来显示的，所以如果要显示幻灯片效果，我们需要建几个带滚动图象的页面，操作如下：网站操作-查看所有网站内容，选择文档库中的页面：新建文章页面：下面就是要把图片放到页面的滚动图像里，我们首先要把图片上载到门户（最好对图像的大小先做个处理），具体步骤如下，网站操作-查看所有网站内容进入如下页面，选图象：翻页找到刚上载的图片（记住一定要在/yj下找，默认的可能都是/gz，手动改一下就好）。再建一个页面，并添加好滚动图像。然后在主页添加web部件显示幻灯效果，步骤如下：创建完成后选择修改部件，按下图中设置： 最终效果图：7导航栏的制作全局导航和当前导航的定义见下图：继续添加其他标题和链接，最终效果见下面广州公司导航图：76