网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

作者： 北京网站建设   日期：2008-03-27 06:03:34  来源： http://www.qt-net.com

一、新闻动态栏目的效果贴图：北京网页设计
网站建设
此主题相关图片如下：网站制作
网站制作
1、模板编辑窗口，在显示幻灯片位置从“选择系统函数标签”下拉列表中选择“{LB_首页幻灯片文章}”，点[插入标签]按钮。北京网站制作
2、要想显示出幻灯片文章，前提是添加了两个以上的图片文章，文章都有一个缩览图，并且在文章属性中勾选了“幻灯”属性。如果在添加文章时没有做到这一点，可以返回去选定该文章后重新进行所要的设置。北京网页设计 网页设计
3、保存模板，发布首页，刷新前台看一下幻灯片效果。北京网站设计
4、根据效果来修改“首页幻灯片文章”标签的参数：点[模板标签]——双击“官方自带标签”，再双击“首页标签”——右击“首页幻灯片文章”选“编辑”命令——在出现的修改窗口对话框中修改参数。重点是修改“图片大小”的宽高值，“类型”选“Flash幻灯片”，“标题样式”中填“flashbt”。点[发布首页]查看一下前台效果。要达到满意效果可能要经过反复“修改参数、查看前台”的操作，直到图片高、宽达到要求。北京网页设计
5、在CSS样式文件中定义.flashbt，内容为：{background:#c5e2f0;}。结果幻灯片的标题还是老样子，背景改成transparent,也没有变化。有待进一步研究原因，也可能是系统的一个bug，因为把标签的幻灯类型改成“普通幻灯片”时，在.flashbt设定宽、高、背景等参数都会起作用。网页设计
6、参见前面入门教程中创建标签的方法创建一个“栏目文章列表标签”类型的“新闻动态”标签——在模板要显示新闻动态标题列表位置从“选择系统函数标签”下拉列表中插入该标签。[发布首页]后看一下效果，可以回过头来右击该标签选择“编辑”，调整参数：“文章数量”值用8；“文章行距”值用19；“链接目标”选“_blank 网站设计”；“附加显示”中勾选“图文标志”和“最新文章标志”；“导航类型”选“图片导航”，从[选择图片]中选择“arrow_list.gif”(大家可以搜集一些好的列表图片保存在/UpFiles中命名arrow_list1、arrow_list2……供选择用)；更多链接为空，我个人喜欢把更多链接放在栏目右上角，后面再讲手工添加方法；“分隔图片”从[选择图片]中选择“line2.gif”(大家可以搜集更多颜色分隔图片保存在/UpFiles中命名Line5、Line6……供选择用。这里说明一下：我用photoshop把系统默认的分隔图片中白色部分做成了透明)；选择一种“日期格式”并“右对齐”。网站设计
7、[发布首页]、刷新前台看效果、修改标签参数甚至要修改模板和CSS中的文件、再刷新前台……这是经常要做的事，下面就不这样重复说这个编辑、查看、修改的步骤了。网页设计
8、在栏目右上角位置插入“更多”图片并填上链接，即插入这样一段代码：<a href="/Html/fcpd/w2/index.html" target="_blank"><img src="/image/more.gif"></a>(其中fcpd是“新闻动态”所在的频道；w2是我命名的该栏目名称，大家可以返回到该栏目中查看其英文名称；/image/more.gif是更多链接图片的位置和名称) 北京网站设计。

栏目标题列表发现的问题：网站建设
1、日期只能选“左对齐”，而选“右对齐”和“居中对齐”时，“标题字数”只能填很小，即使标题与日期还相隔很多也会另起一行，这是不是系统的bug有待探讨。 企通互联网站设计
2、要想显示出[图文]标志，需要用户在添加文章时或重新编辑添加好的文章，在“简短标题”后面手工选择[图文]，系统不能根据文章插入了图片而自动识别为[图文]或[组图]。北京网站建设
3、文章“最新标志”的条件只能是当天发表的文章，这个最新期限就该是能让用户控制的，比如可以控制三天、一星期、一个月以内的文章都可算作最新文章。

二、其它文章栏目标题列表的制作。网页设计
如果与“新闻动态”中的标题列表样式差不多，可以用克隆的方法获得标签后略作修改(当然完全可以重新创建)。企通互联
1、右击“新闻动态”标签选择“克隆”命令——名称为“国家法规”。北京网站制作
2、右击“国家法规”标签选择“编辑”命令——“所属栏目”选择“国家法规”，其它参数略作调整。网站制作
3、在模板所要的位置插入{LB_国家法规}标签——[发布首页]查看效果，根据情况调整标签的参数——添加“更多”链接，可以复制“新闻动态”栏目的更多链接，然后修改栏目名称。网站制作
效果如下图：网站设计

北京网页设计
企通互联 北京网页设计
网站制作点此在新窗口浏览图片 src="http://edu.admin5.comhttp://edu.admin5.com/upimg/allimg/070322/1411360.gif" onload=imgresize(this); border=0> 北京网站建设此主题相关图片如下：网站建设
www.qt-net.com src="http://edu.admin5.com/upimg/allimg/070322/1411363.jpg" onload=imgresize(this); border=0>北京网站建设

待续