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

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

八、文章内容页的制作网页设计
1、拷贝文章中心首页模板内容到“文章内容页”模板中

2、在</head>上方插入以下代码：

<s cript language=Javas cript type=text/Javas cript>网页设计
//改变图片大小网站建设
function resizepic(o)北京网站制作
{ 网站设计
var maxwidth=550;   //定义最大宽度网站制作
var maxheight=800;  //定义最大高度企通互联
var a=new Image();网页设计
a.src=o.src网站制作
if(a.width > maxwidth)网站设计
{网站制作
  o.style.width=maxwidth;北京网站制作
}网站制作
if (a.height> maxheight)北京网站设计
{北京网站建设
  o.style.height=maxheight;网站制作
 }北京网页设计
}网站建设
//无级缩放图片大小北京网站建设
function bbimg(o)网站建设
{网站建设
  var zoom=parseInt(o.style.zoom, 10)||100;网站制作 北京网站设计
  zoom+=event.wheelDelta/12;北京网站建设
  if (zoom>0) o.style.zoom=zoom+'%';网站设计
  return false;网站建设
}网站制作
</s cript>

3、删除循环栏目列表标签。文章内容涉及到的标签较多，比如“文章标题”、“作者”、“文章来源”等等，一般是根据内容的表现样式设计好相应的表格(可以用DW等软件直观编辑这样的表格)，设计好后拷贝到模板中。分别在各自的单位元格中从[选择更多标签]/[文章内容页标签]中插入“文章正标题”、“文章作者”等标签。下面的表格和标签仅作参考：网站制作
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> 北京网站制作北京网页设计
  <TBODY>网站制作
    <TR class=arttitle align=middle> 网页设计
      <TD style="FONT-SIZE: 20px" colSpan=13 height=30><FONT color=#ff0000><strong>KesionShopV300新手提高教程(六)(不断更新中)</strong></FONT></TD>企通互联
    </TR>北京网页设计
    <TR bgcolor="#eeeeee"> 北京网站制作
      <TD width=60> </TD>网页设计
      <TD width=40>作者:</TD>北京网页设计
      <TD width=100>佚名</TD>北京网页设计
      <TD width=80>文章来源:</TD>网页设计
      <TD width=120>科汛网络</TD>北京网站设计
      <TD width=80>责任编辑:</TD>北京网站建设
      <TD width=100>科汛网络</TD>北京网站建设
      <TD width=60>点击数:</TD>网站建设
      <TD width=60> 327</TD>北京网站建设
      <TD width=80>更新日期:</TD>北京网站制作
      <TD width=180>2007年01月21日</TD>北京网站建设
      <TD width=30></TD>北京网站建设
    </TR>网页设计
    <TR> 网页设计
      <TD colSpan=13 class="artzw">{$GetArticleContent}</TD>企通互联
    </TR>北京网站建设
    <TR align="right"> 北京网站制作
      <TD colSpan=13 bgcolor="#eeeeee">{$GetArticleSize}【发表评论】【告诉好友】【打印此文】【收藏此文】【关闭窗口】</TD>网站制作
    </TR>北京网站建设
    <TR> 网站设计
      <TD colSpan=13>·上一篇:XXX<BR> 网站设计网站设计
        ·下一篇:XXX</TD>网站建设
    </TR>北京网站制作
    <TR> 网页设计
      <TD colSpan=13 bgcolor="#eeeeee"><STRONG>网友评论：</STRONG><SPAN style="COLOR: #ff0000">（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） www.qitongnet.com</SPAN></TD>北京网站建设
    </TR>网页设计
    <TR> 北京网页设计
      <TD colSpan=13> </TD>网站设计
    </TR>企通互联
    <TR> 网站制作
      <TD colSpan=13>

发表评论
你的昵称：  邮件： 匿名发表  注册
	评定分值： 网页设计0分10分25分40分55分70分85分100分
评论内容：
网站建设查看全部评论

</TD>北京网站制作
    </TR>企通互联
  </TBODY>企通互联
</TABLE>

文章内容页效果如下图： 

网站设计
此主题相关图片如下：北京网站制作
企通互联 src="http://edu.admin5.com/upimg/allimg/070322/1419061.jpg" onload=imgresize(this); border=0>北京网站建设