5U CMS 实战教程(2)

那有没有方法转码呢？有时必须用某种编码的时候怎么办呢？方法很简单哦，用Dreamweaver打开模板，

空白处右键，页面属性，标题编码，在编码下拉中选好你要转的，最后确定即可。有提示说啥字符丢失的

就别管它，基本上就能用。

不过如果更改过后，网页结构变化地厉害，你不懂的如何修改CSS、优化的话，劝你还是还原它。

如何判断程序是不是5U做的？

首先，查看首页的链接，看看有没有ASP的，如果带PHP，基本上就不是5U做的了。然后，有ASP？那看看

它的搜索、留言等插件的目录，如果搜索的路径有类似这样/plus/search/，留言的有类

似/plus/guestbook/ 并且看起来跟你熟悉的5U很像，那就基本能判定是5U系统啦！当然还有其他的一些

细节，大家可以慢慢摸索掌握，经验是积累出来的。

邱嵩松5UCMS标签、模板与仿站教程 1-2

什么是5U标签？如何使用5U标签？编写5U标签？ 邱嵩松5UCMS标签、模板与仿站教程 1-2

什么是5U标签？

这个标签指的不是TAG（关键词），而是替代数据库查询语句的一种替代形式。为什么要做替代呢？简单的说，就是为了简便，比方说，你把文章名称存放在数据库中，那么，调用的语句应该为 select * from * where ** 这样的东西，而用在5U中使用标签的话，只要用{field:title}来表示即可。其他像调用文章列表、分页页码、广告等内容也可以用相应的标签来表示，这样在使用新的模板的时候，做变动将会非常容易。就像网页中使用了CSS一样，可以一对多地进行控制。这段内容需要大家仔细琢磨一下，理解了再继续看下去。如果不理解，建议大家先去了解一下，HTML、CSS、ASP+ACCESS这样的基础教程。

那么如何使用5U标签呢，其实上一段已举了一个例子，大家在网站源码中经常可以看到这么一句代码：

.....

一般中网页的头部，对吧，不信大家随意找个页面，干脆就这个页面吧，空白处点右键，查看源代码，看头部的内容，发现了吗？ 那么在5U模板中，我们写成这样：

..... 发现不同了吗？{field:title}就是5U的固有标签的一种，代表的是 标题 名称。 这就是简单的固有标签的替换，另外还有像 系统标签：

（1）网站名称 {Sys:Webname} （2）系统安装目录 {Sys:Installdir} （3）网站首页名称 {Sys:Indexname}

（4）网站首页访问地址（链接） {Sys:Indexview} （5）站内链接前缀 {Sys:Httpurl} 特殊标签：

文章浏览页：

当前路径 {tag:sitepath} 上一篇文章 {tag:pre} 下一篇文章 {tag:next} 文章分页链接 {tag:page} 列表页：

当前路径 {tag:sitepath} 列表分页链接 {tag:page}

时间标签：{field:modifytime $format=yy-mm-dd hh:nn:ss}

在模板中需要修改的地方，把原来的内容替换成标签，就成啦！很简单吧！ 编写5U标签？

而自定义标签更加简单随意，后台菜单中新建，填上内容，记下名称，再复制到模板中相应位置，即可生效。以后修改直接在后台改好即可。

最复杂的是列表的调用，这些标签一般是多种内容的组合，里面会涉及到修改一些参数，在后台的标签生成器中可以生成大部分大家需要在标签组，但还有些不常用的调用就需要大家掌握一些SQL语句，初期可以收集一下别人编写的5U标签语句，用的时候复制粘贴，后面慢慢懂了，就可以自己写了。关于这些我们将在具体的实站教程中向大家介绍！如本文有不妥的地方，请大家多多批评指正！

教程列表：http://www.fyxiaonei.com/bbs/viewthread.php?tid=5258 常见问题：

1、修改了没反应：注意更新缓存，有时候需要三次以上。

2、修改了有反应，但提示不正确：仔细检查标签书写格式，有没写错。

邱嵩松5UCMS标签、模板与仿站教程 2-1

关于HTML与CSS 邱嵩松5UCMS标签、模板与仿站教程 2-1 首先我们来了解一下HTML的定义：

HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 详情：http://baike.http://www.njliaohua.com//view/692.htm CSS:Cascading Style Sheet(层叠样式表、级联样式表)的缩写。

w3c给予的说明是：它是一种简单的对于web文档增加样式（诸如：字体、颜色、间隔等）的机制（Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts,

colors, spacing) to Web documents. ）。标准技术文档参见W3C的文档说明。

本人认为样式表的作用就是web设计中文档设计与表现分离的需要。打个比方，整个web程序就像一个人，人有头、四肢等，这是人的基本构架，也是最基本的，没有这些，人就不能称之为人；同样web文档结构就是web程序中最基本的东东。那样式表就好像人的衣服，它是web文档的衣装，有了它，web网页才显现出千姿百态。有人要问了，那以前没有CSS说法时，web页面设计也是各式各样的啊。不错，但是注意那时文档结构和表现形式是没有分离的，就好比你的文身，刺在你的肉中（也许不是很恰当，人穿上衣服可以遮住的），没法和你分开了。文档结构和表现混和就不利于web程序的继承、再开发，因为每一次web重新设计就是一次新的项目开发了。所以我们要选择web文档结构和表现形式的分离，所以我们选择了CSS（当然，CSS主要是针对web程序的；还有XSL是针对所有的文档结构类型之间的相互转换，也更为通用了，XSL也可以用于web设计）。 那么为什么会有CSS呢？ 做网站的人都知道，很多时候我们都要去在表现层消耗大量的精力和时间，起主要原因是因为代码的混浊，美工的配合不到位，如何才能更好的达到美工和程序配合呢！如果单纯依靠HTML去实现，我想那样是一件很糟糕的事情，起码会叫程序员和美工都会哭！所以这个时候出现了色彩斑斓的CSS语言，其实HTML里边的表格主要不是用来定位的，主要是用来显示数据的，但是当CSS出现之前，人们用HTML最多的是用来定位网页，有了CSS，我们就可以控制网页外观并且将文档的表现部分与内容分离开来。例如我们可以用CSS直接控制布局，而不是没有语义的表格。总之，CSS让以前复杂难懂的Html变得简单，有意义。

关于详细的HTML和CSS的教程，网上有很多，这里重复也没什么意思，大家在仿站之前起码要做到能看的懂这些代码的意思，脑子中能浮现出代码被浏览器解释后的样子。慢慢大家就直接能写出来了！

邱嵩松5UCMS标签、模板与仿站教程 2-2

如何获取他人网页？仿站的一般流程

在网上冲浪的时候看见一个很漂亮的网站是不是很心动呢，是不是想把它占为己有呢?其实仿站是很简单的，只要看懂HTML、CSS和熟悉你使用5U系统标签，仿个站是没问题的，下面邱嵩松来给大家介绍一下仿站的基本流程，下一课我们再来具体实战的！

第一步，找好你要仿的网站，我就用这个www.fyxiaonei.com/secret/，阜阳校内网旗下的荷包蛋网站来介绍一下一般流程。

第二步，找以下三个页面，随意找即可，首页，列表页，内容页，我们仿这3个页面就可以了，在桌面（或其他你习惯的位置，方便就好）创建个文件夹，打开要仿的首页：点击网站左上的文件→另为存（选择 网页，全部(*.htm,*.html)），保存到创建的文件夹里，列表页和内容页一样的方法保存下来。每个页面保存都有两个文件一个是网页的代码，一个是文件夹里面有CSS和图片等，这些就是我们所需要在东西。 .

第三步，处理CSS，打开CSS文件（如果没有此文件请跳过此步骤），在里面分别搜索JPG，GIF，PNG三种字符，这是网页常用的三种图片，当然BMP的也可能有，但在CSS里不常见到。如果找到，复制好这个图片的名称，然后在浏览器里打开具体路径，打开，另存到这个CSS文件所在的文件夹里。

第四步，替换标签，5U里有大量的标签可以使用，替换成你需要的地方，按下载下来的网页的原有格式。

第五步，将这三个页面：首页，列表页，内容页改好之后，分别修改成index.html,list.html,article.html，文件夹统一修改成images并合并到一块儿，因为一般网站的CSS和图片都是通用的，我们可以合并，要是有区别，个别的进行修改即可。这之中注意好路径，错了可能无法显示，这时候怎么查呢？ 第六步，修正阶段，后台更新缓存后，如果页面显示正常，那么恭喜您，仿站成功！如果显示错乱，一点CSS效果都没有，别急，查看下源文件，看看路径是不是能链到CSS文件，如果不是，修改一下。如果网页中一些图片显示不正常，那么除了查看源文件外，再看看CSS文件，相信你能很快找到原因！

这一节，我们大致地介绍了一下5U的基本教程，如果对HTML和CSS比较精通的同学，可以重点看一看关于5U标签的那节教程。实战部分可以略过。下面几课，邱嵩松向您介绍具体的页面模仿过程，和不同页面中常见的标签和问题。

邱嵩松5UCMS标签、模板与仿站教程 2-3 如何用标签替换需要修改的内容

我们知道了什么是5U标签后，在有一点儿HTML和CSS的知识，就可以着手开始替换了。标签替换是在上一节的基础上才能进行的，也就是说你将目标网页的全部内容已下载回你的电脑上了。

用DW打开相关页面，找到