- 模板结构解析：解释一个织梦模板由哪些文件和文件夹组成。
- 核心文件源码：提供首页、列表页、文章页等核心页面的完整HTML源码。
- 使用说明：如何将这套模板应用到您的DedeCMS网站中。
- 注意事项：使用这套模板时需要注意的细节和自定义方法。
模板结构解析
一个标准的织梦模板通常存放在 /templets/ 目录下，为了方便管理，我们通常会为每个模板创建一个独立的文件夹，default 或 info。
（图片来源网络，侵删）
一个典型的资讯站模板结构如下：
/templets/info/ <-- 模板根目录
├── index.html <-- 首页模板
├── list_article.html <-- 文章列表页模板
├── article_article.html <-- 文章内容页模板
├── head.html <-- 公共头部文件 (包含Logo、导航等)
├── footer.html <-- 公共底部文件 (包含版权、友情链接等)
├── style.css <-- 模板样式表
└── images/ <-- 模板专用图片目录
└── logo.png
└ ...- index.html: 网站的首页，通常展示最新资讯、热门文章、推荐栏目等。
- list_article.html: 当你点击某个栏目（如“科技”、“财经”）时，显示该栏目下所有文章的列表页面。
- article_article.html: 当你点击一篇文章的标题时，显示文章的详细内容页面。
- head.html & footer.html: 将首页、列表页、内容页共用的部分（如网站头部、底部）提取出来，方便统一修改和维护。
- style.css: 定义网站的所有样式，如颜色、字体、布局等。
- images/: 存放模板中用到的所有图片文件。
核心文件源码
以下是为您编写的、符合织梦DedeCMS 5.7 SP1标签规范的模板源码，您可以直接复制使用。
A. 公共头部文件 (head.html)
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">{dede:global.cfg_webname/}</title>
<meta name="keywords" content="{dede:global.cfg_keywords/}">
<meta name="description" content="{dede:global.cfg_description/}">
<link rel="stylesheet" href="{dede:global.cfg_cmspath/}/templets/info/style.css">
<!-- 可以在这里添加其他CSS或JS文件 -->
</head>
<body>
<!-- 顶部导航栏 -->
<div class="top-bar">
<div class="container">
<div class="welcome">欢迎访问 {dede:global.cfg_webname/} !</div>
<div class="top-links">
<a href="{dede:global.cfg_memberurl/}/">会员中心</a> |
<a href="/plus/heightsearch.php">高级搜索</a> |
<a href="{dede:global.cfg_basehost/}/">设为首页</a> |
<a href="javascript:window.external.AddFavorite('{dede:global.cfg_basehost/}','{dede:global.cfg_webname/}');">加入收藏</a>
</div>
</div>
</div>
<!-- Logo和主导航 -->
<div class="header">
<div class="container">
<div class="logo">
<a href="{dede:global.cfg_basehost/}/">
<img src="{dede:global.cfg_cmspath/}/templets/info/images/logo.png" alt="{dede:global.cfg_webname/}">
</a>
</div>
<div class="nav">
<ul>
<li><a href="{dede:global.cfg_basehost/}/" {dede:field name='typeid' runphp='yes'}@me==0?@me='class="current"':@me='';{/dede:field}>首页</a></li>
{dede:channel type='top' row='8'}
<li><a href="[field:typelink/]" {dede:field name='typeid' runphp='yes'}(@me=='[field:id/]')?@me='class="current"':@me='';{/dede:field}>[field:typename/]</a></li>
{/dede:channel}
</ul>
</div>
</div>
</div>
<!-- 轮播图区域 -->
<div class="banner">
<div class="container">
{dede:arclist row='5' flag='c' titlelen='40'}
<a href="[field:arcurl/]"><img src="[field:litpic/]" alt="[field:title/]"></a>
{/dede:arclist}
</div>
</div>
<!-- 主要内容区 -->
<div class="main-content container">
B. 公共底部文件 (footer.html)
</div> <!-- main-content end -->
<!-- 页脚 -->
<div class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-about">
<h3>关于我们</h3>
<p>{dede:global.cfg_description/}</p>
</div>
<div class="footer-links">
<h3>友情链接</h3>
{dede:flink row='10' type='text'}
<a href="[field:link/]" target="_blank">[field:webname/]</a>
{/dede:flink}
</div>
<div class="footer-contact">
<h3>联系我们</h3>
<p>电话: {dede:global.cfg_tel/}</p>
<p>邮箱: {dede:global.cfg_email/}</p>
<p>地址: {dede:global.cfg_companyaddress/}</p>
</div>
</div>
<div class="copyright">
<p>Copyright © 2025-2025 {dede:global.cfg_webname/} All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank">{dede:global.cfg_beian/}</a></p>
</div>
</div>
</div>
<!-- 返回顶部按钮 -->
<div id="back-to-top" class="back-to-top">↑</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
// 返回顶部按钮
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('#back-to-top').fadeIn();
} else {
$('#back-to-top').fadeOut();
}
});
$('#back-to-top').click(function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
});
</script>
</body>
</html>
C. 首页模板 (index.html)
{dede:include filename="head.html"/}
<!-- 左侧内容区 -->
<div class="left-content">
<!-- 焦点图文 -->
<div class="focus-news">
<h2><span>焦点新闻</span></h2>
<div class="focus-content">
<ul>
{dede:arclist row='1' flag='c' titlelen='40'}
<li>
<a href="[field:arcurl/]" class="focus-img"><img src="[field:litpic/]" alt="[field:title/]"></a>
<div class="focus-text">
<h3><a href="[field:arcurl/]">[field:title/]</a></h3>
<p>[field:description function='cn_substr(@me, 120)'/]...</p>
</div>
</li>
{/dede:arclist}
</ul>
</div>
</div>
<!-- 最新资讯 -->
<div class="news-list">
<h2><span>最新资讯</span></h2>
<ul>
{dede:arclist row='10' titlelen='50' orderby='pubdate'}
<li>
<span class="news-date">[field:pubdate function='strftime("%Y-%m-%d", @me)'/]</span>
<a href="[field:arcurl/]" target="_blank">[field:title/]</a>
</li>
{/dede:arclist}
</ul>
</div>
<!-- 专题
（图片来源网络，侵删）
