Joomla-3：从零开始学设计模板

Joomla3-从零开始学设计模板目录1.什么是模板...............................................................................................................................11.1.不同之处.......................................................................................................................21.1.1.机器vs.人类..................................................................................................21.1.2.作者会被替代吗？...........................................................................................21.1.3.未来如何？.......................................................................................................21.2.内容的呈现...................................................................................................................21.3.Joomla.org...................................................................................................................31.4.Joomla模板和风格.....................................................................................................41.5.额……到底什么是Joomla模板？..............................................................................51.6.我们将从零开始构建一个与之相似的模板？...........................................................52.文件和目录...............................................................................................................................62.1.模板名称.......................................................................................................................62.2.文件和目录...................................................................................................................62.2.1.目录...................................................................................................................62.2.2.文件...................................................................................................................62.3.文件的内容...................................................................................................................62.3.1.index.php.........................................................................................................72.3.2.templateDetails.xml........................................................................................92.3.3.template.css...................................................................................................102.4.检测和安装你的模板.................................................................................................103.布局.........................................................................................................................................123.1.框架.............................................................................................................................123.2.Joomla3里的Bootstrap..........................................................................................123.3.用Bootstrap设计布局很容易！..............................................................................133.3.1.栅格系统.........................................................................................................133.3.2.index.php里的两列布局...............................................................................143.4.小结.............................................................................................................................151.什么是模板此文参考：当你第一次在纸上用铅笔涂鸦似地写字的时候，你同时就开始了你的书法之旅。你的书法是你所写的内容和呈现该内容的效果的综合体。通过你所使用的笔的类型、纸张的类型、字迹的颜色、字体的类型、书写的速度以及其它种种因素，你的书法才是吸引人（或者……是不吸引人）的。当我们聪明绝顶的先祖发明印刷术之后，经过过去几个世纪不断的探索，我们现在已经有了一套完美的印刷理论和方法。而尽管互联网里的网站总数已超过了6亿个，实际上互联网还是很年轻的。对于“完美网站”设计的有关理论和方法的探索还刚刚开始。在开始我们的Joomla模板探索之旅前，请让我们一起来看看现状。1.1.不同之处手写文稿、印刷书籍和网页之间最大的差别在于可复制的数量和拷贝所花费的时间：手写文稿都是独一无二的。如果想得到一个副本，你必须重写一遍（除非之前写的时候用了复写纸）。可复制的数量取决于作者的书写能力，或者老师的严厉程度（重抄作业的时候）。也就是说作者和抄写者决定了一切。印刷书籍只需写一次，然后交给印刷厂使用机器来复制。复制的数量取决于机器的能力和纸张的采购量。作者和印刷厂老板决定了一切。网站是储存在服务器里的。当你要浏览一个网站的时候，服务器就为你创建一个副本并将它发送到你的浏览器里。副本的数量是无限的。仅有的限制是服务器的能力和电力。作者和服务器的提供方决定了一切。已经没印刷厂什么事了。1.1.1.机器vs.人类网站和书籍相比的另一个不同点在于它被机器读取的能力。手写文稿和书籍可以扫描识别但对于扫描仪来说识别内容是件复杂的工作。而一个像Joomla!一样规范的网页是很容易被机器读取的。一篇手写文稿或一本书常常是送达给一个人。一个网站则是送达给一个人和一台机器（web服务），人常常是被网站的某种设计吸引过去的，而机器则更钟意良好的结构和纯粹的内容。1.1.2.作者会被替代吗？送达给机器和（或）人的内容必须先准备好。以前作者就是人，但今天，我们越来越多地使用程序创建内容。最常见的例子是自动回复的emails，但实际上还有很多的例子以及越来越多的可能性（IntheUS,algorithmsarealreadyreportingthenews-Guardian,2010）。因此我们仍然需要作者，但也可以由程序来替代作者。就创建内容而言，程序已经成为一种营销工具！1.1.3.未来如何？网站与其它网络服务如社会化网络的关系越来越密切。为了照顾不同的上网设备，用于展示网站的模板也需要越来越强的适应性，例如屏幕尺寸、设备速度或者带宽。1.2.内容的呈现无论怎样产生的，内容最终都必须呈现给它的目标群体。过去十年里，内容管理系统前三甲们（Joomla,WordPress,Drupal）发展出了几乎如出一辙的内容呈现的技术系统：整个网站的内容储存在一个数据库以及多媒体文件里。通过使用模板文件和不同的web框架，它的内容可以以无限的方式送达到无限的目标群体。我们刚才谈到了“机器vs.人类”。这两个群体又由很多的子群体所组成。例如，机器可以分为网络爬虫、新闻阅读器、xml阅读器、“代理”，等等。网站需要为每个群体提供一个特定的呈现，才能使之“理解”网站内容。我之所以能够将机器分类，是因为这很容易。但说到人，分类就困难很多了。人可以被分成很多群组，但并不容易预期他们到底是哪些群组。因此设计模板就是一件充满挑战、乐趣和回报的工作。1.3.Joomla.org我们通常所说的Joomla模板是为了吸引人而设计出来的。例如（图1）。需要呈现给机器的部分相对比较简单。例如“Joomla!功能扩展库”之新扩展（图2）。EN001-joomla1年前前作者：ChristineundHagenGraf.图1：joomla.orgEN002-rss1年前前作者：ChristineundHagenGraf.图2：新扩展的RSS种子1.4.Joomla模板和风格Joomla本身是包含有几个前台模板和后台模板