返回首页  |  TFC变盟  |  关于我们
搜索词条
新建词条页面
变形金刚百科词条列表
 
页面 讨论 编辑 历史
变形金刚百科使用指南
目录
 1 TFCWiki系统
 2 wiki通用语法
  2.1 链接
   2.1.1 内部链接
   2.1.2 外部链接
   2.1.3 重定向
   2.1.4 类型标签
  2.2 目录及标题
  2.3
  2.4 控制语法
 3 Html语法
  3.1 常用标签
  3.2 列表
  3.3 表格
  3.4 Html参考手册
 4 CSS层叠样式表
 5 FCKedit
  5.1 FCKedit 界面及功能
  5.2 FCKedit 使用注意事项

1 TFCWiki系统


 TFCWiki 系统与 TFC 网站一体,使用相同的帐号进行管理。系统采用 ASP+FCKedit 富媒体编辑器开发。仅支持少量wiki通用语法,支持绝大部分Html语法。系统兼容IE 6.0以上浏览器,其它类型浏览器不确保完全兼容。

系统不开放注册;

未登录系统时,进行某些操作将要求用户登录;

讨论允许任何用户进行留言,不需要注册;

历史显示页面编辑记录,用户可以删除自己的编辑历史记录。
“<--” 标记的为当前编辑的版本;
点击“启用”按钮则该历史版本作为该词条的显示版本;
点击“刷新”按钮将重新生成该词条的显示版本。

词条名称必须唯一,所以不允许修改词条名称或页面标题;

如系统出错请检查所编辑内容,或将出错信息报告管理员。目前系统不成熟,建议编辑大量内容后,在提交前,Ctrl+A 全选内容,Ctrl+C 将内容复制在剪贴板上,防止系统出错,丢失编辑的内容。

2 wiki通用语法


TFCWiki 支持少量wiki通用语法,如需要增加语法支持,请联系管理员。

2.1 链接


分为wiki系统内部链接、wiki站外链接以及页面重定向、类型标签两种特殊连接。URL链接地址可以使用“#”锚功能,实现页面内的跳转。

2.1.1 内部链接


内部链接即链接的URL地址与所使用的wiki系统在同一级域名下。例如:链接 http://www.tfclub.com/wiki/变形金刚 与 wiki系统 http://www.tfclub.com/wiki/ 就都在 www.tfclub.com 域名下。

内部链接显示内容  [[内部链接地址|内部链接显示内容]]

“内部链接地址”即链接的URL地址,也就是我们通常所说的网址。 

“内部链接显示内容”即显示在网页上,供我们点击的文字部分。

省缺链接地址的内部链接  [[省缺链接地址的内部链接]]

如果省略“内部链接地址”,仅输入[[省缺链接地址的内部链接]] (注意没有“|”),那么系统自动将链接显示内容——“省缺链接地址的内部链接”的文本作为“内部链接地址”。

注意:当内部连接地址指向的词条未建立时,系统会提示你是否建立该词条。需要登录系统才能建立词条。

2.1.2 外部链接


外部链接即链接的URL地址与所使用的wiki系统不在同一级域名下。例如:http://www.tfcc.cn/cybertron/ 与 wiki系统 http://www.tfclub.com/wiki/ 不在同一域名下,视为外部链接。

外部链接显示内容  [外部链接地址|链接显示内容]

“外部链接地址”即链接的URL地址,也就是我们通常所说的网址。外部链接地址可以包含 http:// 标记,也可以省略。

“外部链接显示内容”即显示在网页上,供我们点击的文字部分。

注意,外部链接地址不允许省略。

2.1.3 重定向


#Redirect:[[重定向链接地址]]

使该词条页面跳转到“重定向链接地址”所指定的页面。例如:在“柯柏文”词条页面输入#Redirect [[擎天柱]],访问“柯柏文”词条将自动跳转到“擎天柱”词条。

Redirect 不区分大小写。

2.1.4 类型标签


[[category:类型标签]]

category 将在页面底部添加“Category 类型标签:类型标签1”的链接,链接所指向的页面将,列出wiki站内所有标注该类型标签的词条,词条按中文顺序排列。

2.2 目录及标题


==一级标题==

===二级标题===

====三级标题====

系统自动将包含“==”字符的文本识别为目录和标题,显示在词条页面顶端作为目录,在页面内显示为标题,文本加粗,并用水平线区分。例如本页的

 1 TFCWiki系统
 2 wiki通用语法
  2.1 链接
   2.1.1 内部链接
   2.1.2 外部链接
 

可以点击目录内的链接,跳转到页面内对应的标题内容。页面内的跳转使用的是“#”锚的功能。

注意:

每个标题都必须用回车换行分隔,对应的Html源代码如下:<p>==一级标题==</p>,小心FCKedit 编辑器自动为 <p> 标签添加 CSS 样式,影响系统对 wiki 语法的解析。

不要在标题文本内再加其它wiki语法标签。

2.3


“#”也是一种html标签,在“页面名.htm”内有锚 <a name="锚名称1">锚显示文本</a> ,当浏览器访问URL链接地址为“页面名.htm#锚名称1” 的页面时,浏览器加载页面完毕后,会跳到页面中“锚显示文本”的位置(如果页面全部显示,未出现滚动条,则无法跳转)。

在wiki系统中,连接也可以使用“#”在实现锚的跳转功能,[[链接地址#锚名称1|链接显示内容]]。例如:[[变形金刚百科使用指南#锚|关于锚]] 关于锚

2.4 控制语法


<nowiki>不遵循wiki语法的标签及文本</nowiki>

如果不希望系统自动转换标签及文本,可以使用<nowiki>标签。

3 Html语法


Html 超文本标记语言,是用于描述网页文档的一种标记语言。TFCwiki支持绝大部分的Html标签及属性。FCKedit点击菜单左侧的“源代码”按钮,即可察看页面的Html代码。

3.1 常用标签


Html 标签很多必须是首尾对应的标签,比如<a>链接</a>,也有单一的标签 <img> 图片,还有可对应可独立使用的标签,比如<p> <p></p> 回车。

<p> 或 <p></p> 回车,大换行,在 FCKedit 编辑器内,按“回车”键,即可添加<p>。

<br> 或 <br /> 换行,小换行,在 FCKedit 编辑器内,按住“Shift”+“回车”键,即可添加<br>。

<hr> 水平线


如果需要改变水平线显示的效果,就需要设置水平线的属性及属性值。常用的<hr>标签属性有:size 水平线高度,不指定默认值为2;width 宽度,默认值100%,可以是数值可以是白分比%;color 水平线颜色;align 对齐方式,值为:left、center、right;noshade 无阴影。

例如:<hr size="1" width="100" color="#C0C0C0" align="left" noshade>


<b>文本</b> 或 <strong>文本</strong> 文字加粗

<i>文本</i> 文字斜体

<u>文本</u> 文字下划线

<font>文本</font> 定义文本,使用该标签时,通常会同时定义一些属性,例如:size 文字大小,face 字体,color 文字色彩。

<font size="14" color="red" face="黑体">例子</font> 例子

但需要注意,通过<font>标签定义文本是比较落后的方式,目前并不流行。FCKedit 默认使用的是CSS样式表来定义文本的。

 

<img> 图像,必须要制定 src 属性值(图片的地址),还可以使用 border、width、height 等属性。

例如:<img src="http://www.tfclub.com/images/wiki_logo.jpg" border="0" width="195"> 

border 是图片边框,width、height如果不指定,默认图片原始大小显示,可以指定与原始图片大小不一致的width、height 值,让图片放大或者变形显示。

图片制作链接时,可以把<img>标签写到<a></a>链接标签内。

使用 FCKedit 可以用图形界面的方式插入图片,允许上传图片至网站,也可以直接输入图片地址。

 

<a>文本/图片</a> 链接或锚

当写了href 属性(超链接目标)时,就成为链接,例如: <a href="http://www.tfclub.com/" target="_blank">TFC</a> TFC

 href 属性定义的是链接的目标地址,target 属性定义的是访问连接时使用的浏览器窗口名。_blank 属性值表示,新建窗口打开链接。_self 属性值表示,使用当前窗口打开链接。

当使用 name 属性是,就成为锚,锚需要和链接配合使用。当点击一个指向锚的链接时,页面会跳转到该锚所在的位置。

例如:

<a name="链接锚">锚的例子</a>  锚的例子 

<a href="http://www.tfclub.com/wiki/变形金刚百科使用指南#链接锚">指向锚的链接</a> 指向锚的链接

3.2 列表


<ul>
<il></il>
<ul>

<ul>可以理解为列表,<il>可以理解为列表项。两个标签都必须有对应的结束标签。<il>标签必须被<ul>标签包含,<il>标签可以包含<ul>标签,建立次一级列表。

<ul>常用属性有 type,属性值为 circle、disc、square,即圆环、实心圆、方块三种样式,例如: <ul type="square"><li><li></ul>

例子:

<ul>
  <li>一级
    <ul>
      <li>二级</li>
      <li>二级
        <ul>
          <li>三级</li>
          <li>三级</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>一级</li>
</ul>

  • 一级
    • 二级
    • 二级
      • 三级
      • 三级
  • 一级

3.3 表格


<table>
  <tr>
    <td></td>
  </tr>
</table>

表格标签也必须对应出现。<table>标签标明这是表格,<tr>是表格的行,<td>是表格的单元格。

<table>标签常用属性有:border 边框粗细;width 表格宽度;height 表格高度;cellpadding 表格内元素与表格的距离;cellspacing 单元格之间的距离。

<td>标签常用属性有:width 单元格宽度;height 单元格高度;

每行的高度由该行的最高高度决定;每列的宽度由该列最大宽度决定;表格高度如果和各行单元格的高度之和不一致,由两者的最大值决定;表格宽度如果和各列单元格的宽度之和不一致,由两者的最大值决定;

表格的第一行单元格的宽度对表格的列宽度有决定性影响。

表格的第一列单元格高度对表格的行高有决定性影响。

例如:

<table border="1" width="800" height="50" cellpadding="10" cellspacing="5">
  <tr>
    <td height="40" width="100">单元格1行1列</td>
    <td width="200">单元格1行2列</td>
    <td>单元格1行3列</td>
  </tr>
  <tr>
    <td>单元格2行1列</td>
    <td>单元格2行2列</td>
    <td>单元格2行3列</td>
  </tr>
</table>

单元格1行1列 单元格1行2列 单元格1行3列
单元格2行1列 单元格2行2列 单元格2行3列

表格的单元格可以横向跨越或纵向跨越。类似word/excel的单元格合并,但是网页的表格跨越与word的单元格合并有重要的区别,第一行第一列如果出现单元格跨越/合并,表格显示可能会混乱。表格的跨越/合并请仔细学习Html语言或学习FrontPage/Dreamweaver。

rowspan 行跨越;colspan 列跨越;

例如:

<table border="1" width="800" cellpadding="5" cellspacing="0">
  <tr>
    <td rowspan="2" width="200"> </td>
    <td width="100" height="20"> </td>
    <td width="200"> </td>
    <td> </td>
   </tr>
  <tr>
    <td height="40"> </td>
    <td colspan="2"> </td>
  </tr>
</table>

       
   

3.4 Html参考手册


HTML 4.01 / XHTML 1.0 参考手册

详细的 Html 教程

4 CSS层叠样式表


 CSS是目前网页制作的核心,Html仅是基础,TFCWiki 系统并不要求掌握CSS,只要求知道该段代码属于CSS代码,即可。

Html虽然标签很多,各种标签也有大量的属性值来控制标签的显示效果,但是面对越来越高的网页制作要求,Html已经不能满足。CSS最初只是为了定制和加强Html的显示效果,但随着CSS样式控制能力的不断增强,CSS仅需要使用少量Html标签,而凭借CSS本身极其丰富的样式控制就可以实现各种显示效果。

详细CSS学习请参考:CSS2.0教程

TFCWiki 系统的 FCKedit 的编辑器可以添加一些基本的CSS样式,当然也可以使用“源代码”编辑方式,手工定义各类CSS样式。

在 TFCWiki 系统的 FCKedit 的编辑器内CSS样式通常显示为:style="CSS样式内容" 的形式。

例如:<span style="color: #800000; font-family: 黑体; font-size: 36px;">CSS定制文本</span>

CSS定制文本

 通常 TFCWiki 系统并不需要大量使用CSS,只是 FCKedit 编辑器操作不注意时,可能会自动添加CSS样式,而出现 Wiki 语法实效的情况,此时,你需要检查对应部分的代码是否异常。

5 FCKedit


FCKedit 是一种富媒体编辑器,支持绝大部分的Html语言及CSS样式,允许上传图片、Flash等多媒体内容。

5.1 FCKedit 界面及功能


 FCKedit 编辑器类似于MS Word的界面及功能,实际上更接近FrontPage,微软的网页编辑器。

图片及Flash上传稍微特殊,使用时需要注意;

右键点击图片,会有菜单,选择“图像属性”可以进一步调整图片的显示效果。按Esc按钮可以取消显示的菜单;

上传的图片如果宽度大于500或高度大于480,那么当内容“提交”后,系统会自动将图片缩小,同时生成链接,点击缩小的图片将访问原始尺寸图片;

可以使用编辑器的“预览”按钮,让系统将图片自动缩小,观看排版的效果后,再手工设定图片大小;

如果需要重新设定图片宽度或高度,请在系统已经将图片缩小后再设置图片的 width 及 height;

5.2 FCKedit 使用注意事项


按Esc按钮可以取消显示的菜单;

FCKedit 可能会自动添加一些Html标签或css样式表,可能会干扰系统对 wiki 语法的解析。如果出现 wiki 语法解析异常,可以检查 Html 源代码;

往 FCKedit 编辑器内念贴文本或图片时,如果原始文字或图片本身设置了样式或显示效果,那么这些样式或效果也可能会一并粘贴进去。特别是粘贴子Word档时,会带入大量无效代码。强烈建议从Word念贴文本时,先念贴至Windows系统自带的“记事本”程序,再从“记事本”程序中复制文本至编辑器;

如果粘贴文本或图片至 FCKedit 编辑器内,显示不正常,请检查“源代码”;

FCKedit 会将<> 左右尖角号编译成 &lt; 和 &gt;,类似的还有将空格编译成 &nbsp; ;

如果需要编辑复杂Html代码,复杂的表格以及复杂的显示效果,建议在FrontPage中编辑好后,在复制源代码到 FCKedit 的“源代码”编辑窗口;

Category 类型标签: 类型标签

Copyright © 2009-2012 TFClub. All Rights Reserved. TransFormers Wiki