首页模板的制作
网站的首页，是一个网站的最重要的页面，可以说，是否能留住浏览者的目光，让浏览者迅速了解网站要表达的内容，主要看的就网站首页的设计了。如下图是一个很标准的企业网站首页：
在这个页面中，我们可以看到，它可以分为头部导航部分，头部Banner幻灯片部分，中间内容区部分，底部网站联系和版权部分。通过这个首页，我们可以很清晰的了解这个企业网站是属于什么企业，有哪些频道，最近有哪些新闻动态，提供了哪些产品，地图位置是什么，联系方式是什么等。而要让后台方便的更新这些信息，就需要这个页面能和后台数据库很好的结合，实现相关数据的后台更新，以及前台动态调用。从下图我们可以看到这个首页的部分HTML源代码：
点击【模板管理】【全站模板管理】【首页/通用模板管理】【网站首页模板】，可以管理网站首页模板。在制作首页模板时，我们首先要把网站频道先建立起来。这样，我们才可以确定好网站的整个拓扑结构，了解网站的功能框架。有了网站拓扑图，有了中先切好的网站静态文件，我们就可以知道网站首页各个部分的对应关系了。如头部导航部分和头部Banner幻灯片部分以及底部网站联系和版权部分是通用了，每个页面都包含了这些内容。而只有中间内容区部分，则首页和各个频道以及详细页都不相同。那么我们首先要做的是，把三处通用的部分做成静态标签（点此查看相关帮助：【什么是标签？】），这样就可以保证以后如果需要修改这些部分，只需要改一处就可以了。如下图所示：
点击【模板管理】【全站模板管理】【首页/通用模板管理】【网站首页模板】，在添加或修改模板时，我们把切好的静态文件中的首页HMTL代码拷贝进去，同时，我们把首页头部的部分代码替换成黄色块选中部分静态标签函数，它包含了三个静态标签，分别是：“网站头部”，“网站搜索”，“网站Banner”。这三个静态标签可以通过点击【插入标签】【全站配置子标签】【自定义静态标签】直接插入到首页模板中，也可以通过【标签管理】【全站静态标签管理】复制【静态标签调用函数】并拷贝到首页模板中。如图所示，是“网站头部”代码在【全站静态标签管理】中的管理：
通过这种方式，我们把整个首页模板分割成了若干块，在不同地方进行管理，并为其他模板共享同一区块做好准备。处理完通用共享部分后，我们开始从上到下，替换首页模板中的其他元素。刚才我们所说的首页头部代码实际上在HTML中，还是属于Body区域中的内容。而HTML代码还有一部分区域并不是直接在网页中显示出来，那就是Head区域中的设置，如下图所示：
首页模板在发布后的实际HTML代码效果
首页模板在后台模板管理中用HTML子标签替换过的多效果
在<head>与</head>区域中，包含了<title><link><meta><script>等HTML代码，分别用于定义网站的名称，指定CSS的路径，设定用于SEO的关键词和描述，以及调用Javascript脚本执行一些特殊的页面效果。这些代码，我们可以通过插入标签的方式，用指定的子标签函数来替换这些内容，以实现首页模板的后台维护和前台的动态展示。比如，我们在【系统设置】【网站基本设置】中更改了网站title标题，那么因为我们在<title></title>中插入的中首页模板的制作（网站Title值调用）标签，在首页模板发布后会自动调用数据库中保存的【系统设置】【网站基本设置】里设置的内容替换首页模板的制作来进行显示，实际效果就会变成上面两张图片的对比效果。上面图片中的首页模板的制作代表网站Title值调用，代表样式表调用，代表网站关键词调用，代表网站描述调用，代表引入Jquery框架，{#KEFU#}代表在线客服调用（点此查看相关帮助：【什么是HTML子标签函数？】），诸如此类的HTML子标签函数还有很多，我们可以参赛过在模板添加/修改界面中点击【插入标签】来查看，可以说大部分HTML子标签函数我们可以从字面上就能了解其作用。
在<body></body>区域中，除了我们已经定义成静态标签的通用共享部分，还有一些是需要从频道中调用内容到首页显示的区域，如下图所示：
可以看到，“公司介绍”是需要调用网站频道中“关于我们”下属的“公司介绍”栏目的内容来展示的，电子地图是调用后台管理首页中“编辑基本联系方式”中的“地图位置”所标注的位置生成的静态地图图片文件，“公司新闻”是调用网站频道中“公司新闻”的最新8条内容，“行业信息”是调用网站频道中“行业信息”的最新8条内容，企业名片是调用后台管理首页中“编辑基本联系方式”中的相关内容，“产品展示”是调用网站频道“产品展示的”最新20条内容，这里面除了留言反馈图片是只需加个超链接的，其它都是需要从数据库中调用实时动态内容并显示的，需要实现这些动态内容的调用，我们同样需要用到HTML子标签函数。比如下图所示：
红色框区块选中部分，是调用“公司简介”下的“公司介绍”栏目的内容，这里用了一个HTML子标签函数：“ 恒达云建站管理系统的前身是HedaCMS，做为一个从未开放过的内部CMS系统，它经历了两种语言版本（ASP和.NET C#）的跨越，从2003年至今，一直致力于中小企业的网站建设服务，已经为数十万个中小企业提供网站定制设计服务，并积累了大量企业网站建设经验，形成了独特的模板开发和智能排版标签功能模式，理论上已经可以实现任何布局和模板结构的内容展示和调用。 2013年，随着移动互联网的兴起，以及微信公众服务平台的热门，恒达易都公司以软件开发思想对HedaCMS进行了全面的功能升级，建站部分采用了原有CMS的...”，调用栏目的内容或简介。可以通过【插入标签】【通用数据调用子标签】【自定单页内容调用】来生成相应的子标签函数并插入到模板内容中鼠标选中的位置。我们再看下一个公司新闻的调用，如下图所示：
可以看到，红色框区块选中部分是一个HTML子函数：””，这是通过【插入标签】【通用数据调用子标签】【自定列表内容调用】来生成相应的子标签函数并插入到模板内容中鼠标选中的位置的。下面的行业动态，也是使用同样的方式进行操作的。这里，我们可以看看【自定列表内容调用】子标签函数的参数生成界面，如下图所示：
