Joomla模板开发教程.doc

Joomla Template Tutorial Last Updated Friday, 04 August 2006 在本教程中，我们将完成创建joomla模板这一步。Joomla是一个开放源代码Content Management System (CMS)，该系统可以自由（真正的）使用并且由一个很强大的在线社区支持。具体地说，我们将创建一个模板，使用cascading style sheets（css）而不是表格来生产布局。这是一个很合理的目标，因为它意味着模板代码会更容易符合World Wide Web Consortium (W3C)标准。它装载的更快，更容易维持并能在有哪些信誉好的足球投注网站引擎中执行地更好。 本教程稍后将讨论这些问题的细节，它包含以下章节。 -什么是joomla模板？ 阐述joomla模板执行的功能有哪些，不包含内容的模板与添加了内容到CMS的模板之间的区别。 - 本地设计过程 设计过程与设计一个静态（x）HTML网页之间的不同之处。 -W3C与无表格设计 涉及到joomla中无表格设计和W3C标准，可用性与无障碍环境三者之间的关系。 -模板组件 joomla模板由什么文件组成，它们各具有什么功能。 -使用CSS创建布局 如何使用CSS代替表格来创建一个源定3栏的布局 -默认的joolma CSS 介绍基本的CSS样式，应该与joomla一起使用，还有被joomla core使用的类型预设名单。 -模块 如何放置，包含圆角新技术的类型模块。 -菜单 一个简单的策略用于生产精益的CSS菜单，模仿出那些用javascript写的菜单效果。 -隐藏栏目 如何控制什么时候显示栏，当没有内容时隐藏栏。 -结论 -附录A：提示与技巧 可变页宽度，圆角，文本成型模以及更多 {mospagebreak title=What is a Joomla Template?} 什么是joomla模板？ Joomla模板就是在joomla CMS里面的一系列文件，用来控制内容的显示。Joomla模板既不是一个网站，也不是一个完整的网站设计。该木板对于查看你的joomla！网站是一个基础。要生产出一个“完整”网站的效果，模板会和存储在joomla数据库中的内容密切合作。以下你可看到一个这方面的例子： 这个截图显示了与样本内容的使用。图B显示了模板 ，它可能看着与一个原始joomla安装一起，几乎没有内容。模板被格式化了，这样当你的内容被插入禁区时，将继承定义在模板中的样式表，比如连接类型 ，菜单，导航栏，文本大小和颜色等。注意图片和内容是如何联系的（人们的相片），该内容不是模板的一部分，而在标题那的图片是模板的成分。 为一个CMS使用一个模板，就像joomla一样 ，有很多优点和缺点： -内容和外观完全分离，特别是当CSS用于布局时（因为反对在index.php文件中存在表格）.这是网站主要标准的一个,符合现代网站标准. -一个新的模板,因此对网站而言一个全新的外观可以立刻被应用上.这甚至可以和颜色图片一样有不同的内容地点/定位 -如果一个网站内部想有不同的版面配置,这很难实现.虽然不同的模板可以应用到不同的页面,这种内置的功能并不可靠.大多数设计者选择使用各种PHP代码来显示/隐藏栏取决于是否在那个位置公布了内容.(在提示与技巧中讨论到了). {mospagebreak title=Localhost Design Process} 本地设计过程 你在强大的joomla网站上看到的页面并不是静态的.这就说明它是动态地从存储在数据库中的内容产生的.你所看到的页面是通过在模板中各种PHP命令创建的.这种设计阶段提出了一些困难. 现在使用一个”所见即所得”(WYSIWYG)的HTML编辑器已经很普遍了,比如Dreamweaver.这就意味着设计者不需要再对HTML进行编码.而在joomla模板设计过程中这是不可能的.所见即所得编辑器不能显示一个动态网页.这说明设计者必须”用手”编写代码,然后从一个服务端页面的PHP查看输出页面.只有web服务器拥有足够快速的连接,但是大多数设计者使用他们自己电脑上的”local server”.这是一款服务于设计者自己电脑上网页的软件. 没有办法”立刻”创建一个页面,它取决于设计者自