热搜词
发表于 2011-7-22 17:20:19 | 显示全部楼层 |阅读模式
本帖最后由 灰儿 于 2011-7-22 18:01 编辑

    大汉版通JCMS(Java Content Management System)是一套基于J2EE构架设计,以全新理念构建的内容管理系统。系统提供了从内容采集、创建、管理、传递、发布、共享呈送等信息全生命周期过程中所需的各项功能。
    使用大汉版通JCMS网站内容系统制作出网站丰富的功能是一种简单而有趣的工作。根据我们多年使用大汉版通JCMS的经验,总结了一些网站制作的常用样式和特殊效果实例,供大家分享。
1.      简易快速网站特效制作
对于制作门户网站,有些程序编写起来要达到一定的显示效果时候,往往很麻烦,编写人员的技术水平,往往很难达到客户想要的效果,有时能够满足客户的一时要求,而后期更改内容后者修改样式,又会加大难度和时间效益。而使用JCMS网站管理系统,可以解决这一问题。不单单是这样的需求可以变得随意化,而且一个栏目还可以随时打造各样的样式变化,即使不懂程序的人,只要选择几下选项,轻易的就能发布出来。
2.      综合性栏目的特殊设定技巧
通过单元设定,很简单的就可以把网页上的单元一一设定完毕,对于下面设计的模板框架我们来做下解释:
使用JCMS的单元控制操作前,在JCMS系统里的模板如下图所示:
使用步骤:
在JCMS里的模板设置里,打开页面就是上图所示。在每一个红框区中点击鼠标就可以显示编辑器。整合的页面看上去很复杂,通过这样的特殊设定。把几个不一样的显示区分开,就变得简单化了。
相关应用:使用特别的前后图标,让单调的信息列表变得更有条理化。图标的采集可以在其他网络任意一个地方另存为,让后导入系统内使用。在编写时候也可以使用padding-XX的样式来对位置进行详细的调整。
3.      动态新闻区制作
目前针对一些大型的门户网站,我们都可以看到一些特色的动态新闻,它是网站的主题部分,做的好与不好,关系到网站的整体风格,第一显示在人们的面前。它的控制制作体现了网站的一个主题特色。如下图所示,制作几款比较常用的动态新闻区。
  
使用JCMS的单元控制来制作以上的动态新闻效果
使用步骤:
打开模板管理—单元设置--选定单元类型(图片新闻类)下拉菜单—选择栏目样式,以上两种样式可以在显示效果图上看到样式效果。选好效果样式-选择显示的栏目—显示指定的信息个数—选择缩进的字数—是否添加更多标签,即可完成保存。
相关应用:其中FLASH图片切换使用了FLASH切换空白效果层。
自动生成的字段名称为:标题名称<!--articletitleshort-->
                      内容摘要<!--articlebrief-->
                      信息图片<!--articleimage-->
                      时间日期[ <!--year4-->-<!--month2-->-<!--day2--> ]
                      前缀图标<!--articleheader-->
                      后缀图标<!--articleender-->
4.      滚动图片效果制作
为了让平淡的网页有动感的效果,很多的页面都使用了图片展示方式,有的是静态的、有的是左右滚动、上下滚动。JCMS集成了部分的JS代码效果。在制作这样的效果时,也可以通过简单的选择就可以达到设计效果。
如下图所示样式多数用于专题栏目展示、景色图片等:
实例一
头部提示某条新闻的简要内容,而展示的图片列表上没有标题,只有鼠标放到图片上,上面才显示相关信息,点进去看到下级页面的时候才能详细显示。
实例二
下图为一款有右往左滚动的动态图片,实现过程和上图基本一样。
file:///C:\DOCUME~1\ADMINI~1\LOCALS~1\Temp\msohtml1\01\clip_image011.png使用JCMS的单元控制来制作以上的动态新闻效果
使用步骤:
打开模板管理—单元设置--选定单元类型(图片新闻类)下拉菜单—选择显示效果图的显示的大小,看到样式效果。同样选好效果样式-选择显示的栏目—显示指定的信息个数—选择缩进的字数—是否添加更多标签,即可完成保存。
系统自动生成代码:
<div id=deme style="OVERFLOW: hidden; WIDTH: 645px"><table border=0 align=center cellPadding=0 cellspacing="0" cellspace="0">  <tr><td id=deme1 vAlign=top><!--subfor--><table width='100%' cellpadding='0' cellspacing='0' border='0' align='center' style="margin-right:6"><tr valign='top'><td align='center' valign='top'><a href="<!--articleurl-->" target=_blank><img src="<!--articleimage-->" height="75" width="75" title="<!--articletitle-->" border=0></a></td></tr><tr><td align="center"><a href='<!--articleurl-->' class='bt_link'  target=_blank><!--articletitleshort--></a></td></tr></table><!--/subfor--></td><td width="5" vAlign=top id=deme2></td>   
</tr></table></div><SCRIPT>var speed=30;deme2.innerHTML=deme1.innerHTML;function Marquee12(){    if(deme2.offsetWidth-deme.scrollLeft<=0){       deme.scrollLeft-=deme1.offsetWidth;     }else{      deme.scrollLeft++;  }} var MyMar=setInterval(Marquee12,speed);deme.onmouseover=function() {    clearInterval(MyMar);};deme.onmouseout=function() { MyMar=setInterval(Marquee12,speed);}</SCRIPT>
相关应用:其中FLASH图片切换使用了FLASH切换空白效果层。
使用系统自动生成的字段名称为:标题名称
                              内容摘要
                              文章图片
                              动态JS代码
5.      场景式图标效果
在网站有好多图片运用的效果,让整个网站变得丰富多彩,更能体现现在网站的人性化和方便查找。网站页面如果添加这样的效果设计,会使网站的整体欣赏度大大提高。从而使不显然的几个链接图标便的引人夺目。
在JCMS内容管理系统里,我们只需要几个简单的图标,而这些图标目前一些专业的网站上都专门提供这样的标图,我们只要将其调整好,写入系统内就可以了。
实例一
实例二
看到这个表格,就是非常的特殊复杂,但往往网站想展现漂亮的一面,必须要这样少许的修饰,使用JCMS的单元控制来制作以上的静态效果。
使用步骤:
打开模板管理—单元设置--选定单元类型(静态单元类)下拉菜单—这样会出现像WORD编辑器一样的对话框,在其中可以建立一个无框表格,然后把图片即可完成保存。
相关应用:本静态单元设计还有支持代码剪贴功能,可以使用网页编辑器编辑简单的表格帖到框体即可。
操作步骤:使用系统自带 插入一个表格,在表格内点击 ,插图各个图片编辑,图标下的标题可以用系统自动生成。如果有的要链接其他网站地址,可以使用 ,来做外部链接。不必考虑放入的样式问题,系统的模板会自动添加CSS样式。
090717084813203.jpg
090717084831109.jpg
090717084854750.jpg
090717084908468.jpg
090717084930781.jpg
全部评论1
灰儿 发表于 2011-7-22 17:22:36 | 显示全部楼层
本帖最后由 灰儿 于 2011-7-22 18:01 编辑

6.      常用性的动态单元设置技巧
JCMS系统对普通的页面,非常的简单,而且全部是动态生成的链接,没有生成错误,在使用编辑前,模板上的标签都是事先设定好的,在要在规定的标签中操作就可以了!这样使用不懂的单元类型,就可以制作出来各样式的展示效果。
上图左边的边框中属于两个标签,左边是标题链接,中间是图片静态链接,右边是层切换的栏目动态链接。
使用步骤:
栏目动态链接制,打开模板管理—单元设置--选定单元类型(栏目链接类)下拉菜单—选择栏目样式,其中有选择栏目链接:同级栏目链接、当前栏目的子栏目等。选择信息显示几行几列,保存即可。
相关应用:模板中需要添加层的切换效果。
使用系统自动生成的代码效果:
<!--for--><a style='font:12px'><!--colunmheader--></a> <a href='<!--columnurl-->' class='bt_link'><!--columnname--></a><!--/for-->
7.      自定义特效的使用
对于网站有些地方,一般的页面都必须做成单一的图片,做死链接使用,当需要修改的时候就必须修改页面。在这里我们可以用JCMS自定义栏目来给一部分的静态效果作为动态来使用,
如上图所示,几个菱形的图片和右边图标是链接。我们可以把他当成动态单元来设置,今后如果需要修改,就向添加图片新闻一样,修改信息就可以了。
查看模板模板
在栏目管理中设置一个辅助栏目去,名为:办事大厅图标
自定义几个字段:图标名称、图标内容(设为附件类)、链接地址,系统会自动为改栏目创建表。
在红框区内设定单元类型指向“办事大厅图标栏目”。
生成选择代码(在编码显示区中修改)
<!--eachfor--><a  href='<!--articleurl-->' class='bt_link'  title='<!--articletitle-->'><img src="<!--articleimage-->" width="94" height="72"></a><!--/eachfor-->
把系统默认的标签改为我们自己创建的栏目字段就好了,如下代码
<!--eachfor--><a href='<!—链接地址-->' class='bt_link'  title='<!—图片名称-->'><img src="<!—图片内容-->" width="94" height="72"></a><!--/eachfor-->、
有关其他的选项设定,显示一个图片就使用1行1列,使用左侧的7行1列就可以了!系统的循环个数有选择来控制。在这里可以使用HTML语言活用到极致状态。制作出来的网页,让浏览者都无法估算你的工作量。
8.      自定义栏目设定查询效果
按照自定义栏目的其它使用,在介绍一种比较常用的效果。如下图,一般制作这样的效果,有人一定认为需要编写程序,经过特殊的设定才可以达到,因为它必定是一种复杂话的内容查询,和其他的信息不能在一起,查出来的结果要是规定好的样式,特定独立的内容。
上图的制作对于JCMS来说是很简单的。按照上一节讲的建立自定义栏目时,修改设定几个栏目类型,其中一些可以选定字典类型。字典类型可以把输入的信息变为可选项,有下拉表现出来,查询的时候可以作为判断词来使用。设置好栏目后,就可用添加信息了,添加信息的界面就和默认的信息输入框不一样了。如下图:
这样录入的信息就这样按照实现的规定放入系统内了。接下来,就使用JCMS系统的自定查询功能。生成前台查询界面和查询结果界面即可,当然查询的两个界面也是系统通过选项一步步确定的方式来完成,无需你使用代码来制作。
JCMS还自带了几套默认的查询模板。可以随时切换模板时查询出来的界面。时时的不同。当你想添加或者删除字段时,可以很轻松的对设置好的栏目进行控制。而不影响信息。
而且自定义的栏目信息,系统也支持导出功能,导出Excel表格,对其他网站系统都可以使用。
回复

使用道具 举报

回复
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|管理员之家 ( 苏ICP备2023053177号-2 )

GMT+8, 2024-12-22 13:33 , Processed in 0.190765 second(s), 25 queries .

Powered by Discuz! X3.5

Cpoyright © 2001-2024 Discuz! Team