黑羽 要我写个关于Movable Type的网页设计“教程”,我考虑好几天了,觉得不知该怎么写才好,到现在为止我心里还没有一个确定的思路。但是不管怎样,我都认为这不是一篇文章能写就的,而应该是一个系列。我就稀里糊涂的开始吧。
与其说是“教程”,不如说是我个人的一些心得体会。很多对MT有经验的朋友或从事页面设计的朋友都各有高招,还望赐教并及时地纠正我的错误;也希望那些对 Movable Type 页面设计不够熟悉的朋友能够从中得到一点启发。总之,希望大家一起参与到这个讨论中来。
浅谈MT模版设计
就MT的版本而言,这里我用3.2版来举例。至于即将发布的3.3和先前的版本,在设计方法上来讲都差不多。
不同的博客发布程序都有其各自的特点。Movable Type是把相关的完整的页面设计放进相关的模版中,然后通过这些模版呼叫相关的程序从而产生了网站相关的页面 (我自己都觉得这句话好别扭,比绕口令还难)。
每个页面模版都是一个完整的页面。
而正是因为这些模版具有完整性,所以带给我们设计时很大的方便,使之看起来一目了然,一眼就能看得出你整个页面的东南西北以及页面中的每个部分和元素,很方便你做修改和调整。
但是,这种完整性又是相对的。你可以“破坏”它:根据你的需要你可以把这个完整的页面切割成若干个“块”,再用这些“块”来重新组合你的页面。( 越说越糊涂了?) 这就是Movable Type 模版中的 "modules" 功能。你可以把整个网站共用的而又不常变动的某些部分 (比如 foot) 做成一个 module,然后在每个或某几个模版中运用这个module。以后当你需要修改某个地方时 (比如2006年要改成2007年)你就只要到这个 module 中去修改一次就够了,而不用到每个模版中一一修改。这和 SSI (SERVER SIDE INCLUDES)比较类似。你也可以完全不理会这些 modules。这就是MT模版的灵活性和方便性。
另外,MT的模版除了她的完整性外,还有一个显著的特征,我把它叫做“单一性” 。之所以这样说,是因为只要你懂得HTML或者XHTML你就可以进行设计了,而无需懂得其他的语言。可以这样来理解:只要你会普通的页面设计,你就可以设计Movable Type。所以Movable Type 的页面设计相对来讲还是比较简单的。
说到它的简单你可千万别误会,以为MT只是给那些初学者用的一个入门程序。如果这样想,那就错了。
由于通过MT的模版产生出来的页面是标准的HTML页面,所以任何其他能在标准网页上运用的语言都可以放到MT的模版中来用,比如PHP等。从而使你的网站形式更加丰富多彩。这应该是MT的可扩展性。
MT从模版使用的功能上对他们进行了分类(在MT后台的 "TEMPLATES" 栏里):
索引模版:
- Main Index
- Master Archive Index
- Stylesheet
- Atom Index
- Dynamic Site Bootstrapper
- RSD
- RSS 2.0 Index
- Site JavaScript
有八个。目前与我们页面设计有关系的是前面三个。第一个是首页模版,第二个是储存所有文章的页面。接下来是CSS样式。后面的五个先放到一边,暂时与我们的页面设计没有太大的关系。
存档模版:
- Category Archive
- Date-Based Archive
- Individual Entry Archive
这三个模版是三种不同类型储存文章的页面模版。第一个是是按文章分类来存档的页面模版,第二个是按日期来存档的,最后一个是单独每篇文章的模版。
系统模版:
- Comment Preview Template
- Comment Pending Template
- Comment Error Template
- Comment Listing Template
- TrackBack Listing Template
- Uploaded Image Popup Template
- Dynamic Pages Error Template
有七个,是和MT的系统功能有关的。象评论,引用等。其中又以前五者更重要或更常用。
其实还有一个辅助功能的模版没有被列入到这里,那就是“搜索”模版。你把整个操作后台翻个底朝天都不可能找到它,它被放到了MT-3.2-en_US (根目录) 下的 search_templates 文件夹里面了(当然现在在你的服务器上)。它也应该属于系统模版一类。在做个性化设计的时候,如果你的设计是“大动作”的,那这个模版是不可或缺的。既然这个模版重要那为什么又不放在可以修改的地方而要把它隐藏起来?我现在也找不到好的答案。

如果你的模版已经被修改,这些模版的原始资料可以到官方网站重新找回来,或者在你现有的博客中再建立一个新的博客 (取名叫 "test blog" ?),这个新的博客中就有没被改动过的原始模版可供你使用。
现在我们来看看模版里面。你可以随意拿首页模版也就是 Main Index 模版看看。
如果你有一定的标准设计 (?) 基础,当你初看这个Main Index 的时候,你可能会有种奇怪的感觉,似乎很多东西是多余的 (至少以前我就这么想过),和我们平常做过的看过的不太一样,div 套 div,class 套 class,这是其一;“sidebar”也很“奇怪”,有很多的 "module"s,而每一个 "module" 又分别以不同的名字命名,象 "module-search","module-categories","module-archives" 等等。在你的博客页面上,分明这些 "module"s 看起来都是一个样子的嘛,何必如此罗嗦?(以后你还会觉得何止是罗嗦,而且...... )
暂时先别过多的去思考 :-)
我先把结论告诉你:正是这种“多余”,这种“罗嗦”( 确实比我还罗嗦 ) 使它的页面架构变得具有很大的 可调整 性和 可自定义 性。很大程度上满足设计者对页面的任意一个组件或单元进行调整和自定义设计。有时候你会觉得它其实“罗嗦”得还不够,你需要加入更多的元素和样式来满足你的设计,那当然没问题。
既然这些模版的架构设计如此合理,能使设计者很大程度上做到 自定义 或 个性化,那设计或修改 MT 的样式就只要去碰一个文件了:Stylesheet !
看到这里,你可能会想:原来Movable Type 的个性化设计就是这么回事!
确实是这样的。但是 ......
世界上总有“爱好自由”的人 (比如我就是:// )。我凭什么要用你做好的模子?难道我用我自己的架构就不行?
MT当然也没有这么死板。你可以100%的抛开它的架构,建立你全新的HTML结构和Stylesheet,做出你想要达到的任何设计效果。
但是有一点是你无论如何不能抛弃并一定要了解的:那就是MT自己独特的标签 (?)。否则它确实会不客气了,不管你是谁。
所以,Movable Type 的个性化页面设计可以从两个方面入手:
一是保持MT的默认页面模版的结构而只对样式(Stylesheet)进行重新定义。
二是“另起炉灶”,结构和样式都完全按照你自己的爱好来设计。
两种方式说不上孰优孰劣,都各有长短。第一种方式你不用管结构,只需调整或设计样式 (最大的好处是你不用管MT的标签);第二种方式一切都是你自己设计,稍嫌麻烦但你可以享受设计的充分自由。
总的来讲,Movable Type 的模版设计以它独特的完整性,可塑性和单一性,使你在设计过程中能够最大程度的发挥,并感受到它的简单和方便。
(十足的广告嫌疑 ! )
通篇都是些抽象的概念或者让人觉得有点莫名其妙。但愿你不会这么想。
也但愿接下去的内容不会这么枯燥了。
[ 1 ] [ 2 ] [ 3 ] [ 4 ] [ 5 ]