模版教程--首页模版

首先先讲解首页模版的使用方法：

1、首先在网页设计器中设计好网页样式，加入调用栏目资讯的标签。

2、随后将网页设计器中的代码拷入网站管理系统的首页模版中。

3、点击模版预览按钮预览首页模版中的网页效果。

具体的代码实现如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html"></meta>
<meta name="Copyright" content="深圳市图元科技有限公司版权所有"></meta>

<title>深圳市图元科技有限公司</title>
<link href="css/default1.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="js/search.js"></script>
<script language="javascript" type="text/javascript" src="js/show_products.js"></script>
</head>
<style>
div{border:1px solid #A1A1A1}
</style>

<div class="head">
<div class="logo"><a href="index.aspx"><img src="images/logo1.gif" alt="图元科技" /></a></div>
<div class="tips">
<a href="#"><img src="images/chinese.gif" alt="简体中文" /></a>
<a href="#" class="english"><img src="images/engolish.gif" width="43" height="13" alt="English"/></a>
</div>
<div class="input_area">
<img src="images/search.gif" alt="search" /><input name="" type="text" id="textfield" /><input name="提交" type="submit" class="btnSearch" onmouseover="this.className='btnSearch_on'" onmouseout="this.className='btnSearch'" value="" onclick="Search()"/>

</div>
</div>

<div class="line_b" ><span ></span> </div>

<div class="main_flash" >
<div class="flash_banner" ></div>
<div class="banner_pic" >
<span class="fb_1" ></span >
<span class="fb_2" ></span >
<span class="fb_3" ></span >
</div>
</div>

<div class="main_nav">
<ul>
<li class="home"><a href="index.aspx">公司首页</a></li>

<li><a href="products/20070107/products.aspx">产品展示</a></li>

<li><a href="solutions/20070110/solutions.aspx">解决方案</a></li>

<li><a href="cases/govs/20070124/095955.aspx">成功案例</a></li>

<li><a href="techs/20070110/tech_articles.aspx">技术支持</a></li>

<li><a href="services/20070110/service_conn.aspx">服务与合作</a></li>

<li><a href="aboutus/20070106/about_us.aspx">关于我们</a></li>

<li><a href="message_us.aspx">留言反馈</a></li>
</ul>
<div class="clear_float"></div>
</div>
<div >
<div class="left_site" >
<div class="company_news">
<h3 >公司新闻company news</h3>
<a href="#" ><img src="images/lit2.gif" class="bar_lit" alt="回到顶部" /></a>
<div class="split_line"></div>
<ul class="content_list">
[TY:loop TY:CategoryID=16,TY:Sort=DateTime,TY:NewsCount=6,TY:TitleNum=15,TY:AddStr=...]
<li> <a href="[TY:NewsPath]" target="_blank">· [TY:Title]</a></li>
[/TY:loop]
</ul>
</div>

<div class="represent_case">
<h3>成功案例representative case</h3>
<a href="#" ><img src="images/lit2.gif" class="bar_lit" alt="回到顶部" /></a>
<div class="split_line"></div>
[TY:loop TY:CategoryID=3,TY:Sort=DateTime,TY:NewsCount=1,TY:NewsType=UdlNews|AuNews,TY:DepictNum=52,TY:TitleNum=6]
<table width="271" border="0" cellpadding="
0" cellspacing="0">
<tr>
<td width="136" align="right"><a href="[TY:NewsPath]" target="_blank" ><img src="[TY:PicPath]" width="120" height="76" border="0" alt="[TY:sTitle]" /></a>
</td>
<td width="13"> </td>
<td width="265" class="direct_word"><a href="[TY:NewsPath]" target="_blank">[TY:Depict]</a></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
[/TY:loop]

</div>
<div class="solution">
<h3>解决方案solution case</h3>
<a href="#" ><img src="images/lit2.gif" class="bar_lit" alt="回到顶部" /></a>
<div class="split_line"></div>
<ul class="content_list">
[TY:loop TY:CategoryID=2,TY:NewsType=UdlNews,TY:Order=Desc,TY:NewsCount=7,TY:Sort=DateTime,TY:TitleNum=15,TY:AddStr=...]
<li> <a href="[TY:NewsPath]" target="_blank">· [TY:Title]</a></li>
[/TY:loop]

</ul>
</div>

</div>

<div class="right_site">
<div class="goverment">
<h3 >电子政务平台</h3>
<a href="#" ><img src="images/lit2.gif" class="bar_lit" alt="回到顶部" /></a>
<div class="split_line" style=""></div>

[TY:loop TY:CategoryID=36,TY:Sort=DateTime,TY:NewsType=AuNews,TY:NewsCount=1,TY:NewsType=pic,TY:DepictNum=82,TY:TitleNum=20,TY:Order=Desc]
<div class="box_content" id="box_1" >
<div class="box_pic1">
<a href="[TY:NewsPath]"><img src="[TY:PicPath]" alt="[TY:Title]"/></a> </div>
<div class="box_word">
<h4>[TY:Title]</h4>
[TY:Depict]
<b><a href="[TY:NewsPath]">产品简介</a></b>
<b><a href="solutions/govs/20070124/095234.aspx">解决方案</a></b>
<b><a href="#">相关知识</a></b>
</div>
<div class="clear_float"></div>
</div>
[/TY:loop]

</div>

<div class="gis">
<h3 >GIS应用平台 </h3>
<a href="#" ><img src="images/lit2.gif" class="bar_lit" alt="回到顶部" /></a>
<div class="split_line" style=""></div>

[TY:loop TY:CategoryID=45,TY:Sort=DateTime,TY:NewsType=UdlNews,TY:NewsCount=1,TY:NewsType=pic,TY:DepictNum=82,TY:TitleNum=20,TY:Order=Desc]

<div class="box_content" id="box_21" >
<div class="box_pic1">
<a href="[TY:NewsPath]"><img src="[TY:PicPath]" alt="[TY:Title]" /></a>
</div>
<div class="box_word">
<h4>[TY:Title]</h4>
[TY:Depict]
<b><a href="[TY:NewsPath]">产品简介</a></b>
<b><a href="solutions/3s/20070124/095501.aspx">解决方案</a></b>
<b><a href="#">相关知识</a></b>
</div>
<div class="clear_float"></div>
</div>
[/TY:loop]
</div>
<div class="web">
<h3>企业网站建设平台</h3>
<a href="#" ><img src="images/lit2.gif" class="bar_lit" alt="回到顶部" /></a>
<div class="split_line" style=""></div>
[TY:loop TY:CategoryID=47,TY:Sort=DateTime,TY:NewsType=UdlNews,TY:NewsCount=1,TY:NewsType=pic,TY:DepictNum=82,TY:TitleNum=20,TY:Order=Desc]
<div class="box_content" id="box_21" >
<div class="box_pic1">
<a href="[TY:NewsPath]"><img src="[TY:PicPath]" alt="[TY:Title]" /></a>
</div>
<div class="box_word">
<h4>[TY:Title]</h4>
[TY:Depict]
<b><a href="[TY:NewsPath]">产品简介</a></b>
<b><a href="solutions/web/20070124/095612.aspx">解决方案</a></b>
<b><a href="#">相关知识</a></b>
</div>
<div class="clear_float"></div>
</div>
[/TY:loop]
</div>

</div>
</div>
<div class="clear_float"></div>
</div>
</body>
</html>