织梦模板设计教程详解之一

这篇文章针对的是“无产阶级”毫无基础的朋友，如果你是高手或“资产阶级”就不用看了，高手欢迎交流，“资产阶级兄弟”给点活让兄弟我做做，保证质量。
基础
学习html
何 谓CMS模版？其实就是加上CMS模板引擎代码的HTML页面，所以基础便是HTML语言学习，HTML的标签不多，很容易学习，搜索下遍地都是教程，不 过现在正流行web标准，就是大家说的“DIV+CSS”，要求又提高许多，需要学习CSS，大家可以下载CSS手册，修改模版的时候对照学习修改，每天 只要花点时间很快就会学会。真心想学好web制作的朋友可常来我的网站逛逛。
学习dede模版代码
了解代码前，如果你是新手，请使用默认模版熟悉下dede系统，系统的设置，如何添加栏目，怎么为栏目设置模版，如何发表文章，更改文章，有个基本概念。
织梦模板的代码很有特色，只要熟悉以后很快就能上手而且使用非常灵活。dede模板引擎的代码样式有如下几种形式：
{dede:标记名称 属性='值'/}
{dede:标记名称 属性='值'}{/dede:标记名称}
{dede:标记名称 属性='值'}自定义样式模板(InnerText){/dede:标记名称}
从上面我们可以看出，dede模板引擎的代码可以分为标记名称、属性和自定义样式模版三部分，标记名称和属性用{}包围
而自定义样式模版在两个{}之间。
标记名称与属性的说明请大家参考系统帮助里的模版标记参考，这里介绍具体运用方法。
先看下面的例子：

{dede:arclist typeid='0' titlelen='28' row='10' }
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
{/dede:arclist} 

上面是最基本的取得较新内容列表标记arclist，由开始标记{dede:arclist 属性typeid='' titlelen='28' row='10' col='1'}模版样式<li><a href='[field:arcurl/]'>[field:title/]</a></li>和结束标记 {/dede:arclist}组成。当你完成页面制作后，便可开始添加dede代码。没有添加dede代码之前：

<ul>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
</ul>

添加代码后

<ul>
{dede:arclist typeid='0' titlelen='28' row='10' }
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
{/dede:arclist}
</ul>

模版解析后就是添加代码前的样子。列表list标记，友情链接flink标记，导航channel标记，站内新闻mynews标记等待都是同样道理。
文章页里用到{dede:标记名称 属性='值'/}，如{dede:field name='title' /}就是文章标题的意思。
模 版里面的路径问题：本站使用{dede:global name='cfg_basehost'/}/templets/w3cpro/img/css.css，{dede:global name='cfg_basehost'/}是取得网站根目录的意思。这里有个模版保护问题，如果你珍惜你的网页模版，就把img目录独立分离出来，这样 别人就不会知道你的模版目录。
制作
要是真正独立制作一个模版，是很费精力的，规划、设计、制作、调试哪部分都很累人。很多站长都 没有能力制作，所以就有那么多的朋友期待别人放出模版，稍微有点能力就复制别人的模版，何为复制？保存原来的html页面，删除正文内容，添加CMS代 码，完工。，这就是复制，没有一点技术含量，只要添加CMS代码即可。就这样，我看还有很多人收费100到200帮人制作，我看得晕死，这也行。做为站长 也太懒了，做站连CMS的标记代码都不了解，还做什么站，真是郁闷了。
就模版而言，很多站长只看到设计即页面好看而没有看到网页制作即网 页代码，这是一个非常错误的观念。网页好看虽然重要，但对我们个人站长来说，网页制作更为重要。网页代码的质量关系到搜索引擎SEO与网站的可维护性，对 我们站长来说，网站只要简洁大方即可，关键是网站利于搜索引擎搜索能够创造更多的利润赚更多的钱。
天下文章一大抄，就看你会不会抄，制做模版和抄写文章一样，就看你会不会仿。我的设计水平很烂根本不入流，只会写网页代码。设计既然不会那就仿，取一个网页那是侵权，那就取三个四个网页，拿出它们的设计优点，组合成自己的网站。
过程以本站为例子：规划好网站结构，决定以蓝绿两种颜色为网页主色调，从网上找到合适的资源后开始在PS里组合网站，满意后开始编写代码制作网页，制作好后添加dede代码测试。
安装使用
dede3.1lit版本增强了系统设置，模版的所在位置可以在系统设置里设定，把模版文件夹放到templets，栏目设置里{style}代表了模版文件夹位置，如下图。
实例
下面提供本站实例给大家参考使用，页面制作并不复杂，适合大家学习使用。
总共制作了文章，图片（采用文章系统），下载三个系统模版，其他模版可以根据提供的页面修改。
index_in.html——主页
list.html——列表页
index_arc.html——文章页、下载封面
index_img.html——图片封面
list_img.html——图片列表
search.htm——搜索页面
article.html——文章页
article_down.html——下载页
article_img.html——图片
修改的文件：
inc_archives_view.php——上一篇下一篇分开调用，且限定文章所在栏目内而不是现在的全站。
inc_arcpart_view.php——更改友情链接flink
inc_channel_unit_functions.php——调用arclist标签无法读出此栏目为副栏目的文章的应急解决方案
inc_functions.php——跳转提示页标题修改
inc_vote.php——投票修改
增加的文件：
为了全站显示登入系统后的状态，member目录增加几个文件。
index_doo.php
index_login.php
login.html
config_g.php
logined.js
templets/index_login.html
下载后放到网站templets，参照上面设置即可。

疯狂暗示打赏按钮

本文标签：

声明：本文由代码号注册/游客用户【千青】供稿发布，本站不对用户发布的织梦模板设计教程详解之一信息内容原创度和真实性等负责。如内容侵犯您的版权或其他权益，请留言并加以说明。站长审查之后若情况属实会及时为您删除。同时遵循 CC 4.0 BY-SA 版权协议，尊重和保护作者的劳动成果，转载请标明出处链接和本声明内容。本文作者：千青» https://www.ebingou.cn/dmh/11092.html

很赞哦！ ()