本帖最后由 灰儿 于 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样式。 |