“遗留的”浏览器相匹配是必须的。
网站标准为所有的网页浏览器投入了一套共用的“规则”来显示一个网页。
而推动这些标准的主要组织就是 W3C,其负责人,Tim Berners-Lee 在 1989 年发明了 world wide web。
如果你问 5 个设计者:什么是 web 标准?将会有 5 个不同的答案。
但是大多数认为它们是基于以下内容的:-有效的代码,无论是 html 或者 xhtml(或其它)之前我们使用了一个创建结构代码的例子。
描述制作网页代码时的标准已经发展成就有连贯性。
在validator.w3.org 中检查你的代码很简单.当你验证你的代码时确保你使用了正确的 doctype.在 CompassDesign 上的这篇文章描述了一个有效的 joomla doctype.-代码语义正确我们前面提到要有语义即在网页中的xhtml 只描述内容而不是外观.特别是这就是指有结构组织h1/h2 等的标记和只用表格来存放表格数据而不布置一个网页.-Cascading Style Sheets CSS与有语义的代码密切相关的是使用 CSS 来控制外观和网页的布局.CSS 是添加样式例如字体颜色间距到 web 文件的一个简单机制. Source: www.w3.org/Style/CSS/. 它们存在与xhtml 类似之处这就可以让你将内容语义代码从外观CSS中完全分离. 有关这方面最好的例子是 CSS Zen Garden一个有相同语义的 xhtml 网站用不同的 CSS 样式以不同独特的方式成形.结果是很多网页看起来不一样但是却有相同的核心内容.设计 joomla 强大的网站要满足验证标准目前来说是相当大的挑战.在当前发布的一系列新闻中1.0.X使用了大量的表格来输出它的页面.它既不使用 CSS 来设计外观也不产生语义化正确的代码.这个问题与事实混合在一起也就是极少数的第三方开发者既使用 CSS也用表格来生成代码.然而无表格设计与valid 并不一样.它很有可能在网站上使用表格来验证 这会使其更难.在 joomla 论坛上有一个很有用的线程进入了解更多详情:轻松的手法从 joolma输出标准中清除一些表格.幸运的是 Joomla Core Development 团队意识到了 joolma 这个问题.当 1.5 版本中从核心内容中移除表格没有变化在 1.6 版本中已经定义了路线来记录地址.无论如何.当创建一个模板时核心内容仍然会采用这样它变得方便比如可升级的字体大小实用比如清晰的导航栏搜索引擎优化比如资源整齐.mospagebreak titleThe Template ComponentsThe Template Components 模板组件为了了解模板的内容.我们开始查看一个空白的 joolma 模板.在这个文件中包含了各种组成一个joolma 模板的文件和文件夹.这些文件必须放在 joolma 安装程序的/templates 目录下.因此如果你安装了两个模板我们的目录就会看起来像:/templates/JS_Smoothportal/templates/JS_Synergy请注意模板的目录名必须和模板的名称一样.既然这样 JS_Smoothportal 和 JS_Synergy很显然它们是区分大小写的并且不包含空格.传统上最初的设计者或者名字是用作前缀在模板的目录中有很多重要的文件:/JS_Smoothportal/templateDetails.xml/JS_Smoothportal/index.php这两个文件名和位置必须和 joolma 脚本调用时一致.- templateDetails.xml记录大写的”D”当装载一个使用该模板的网页时一个 XML 格式的元数据文件会告诉 joomla其他文件需要什么.它还详细介绍了作者版权以及模板的组成文件包括所有使用的图片.最后使用该文件是在管理员端安装模板时.- index.php这个文件是最重要的.它涉及网站并告诉 joomla CMS 在哪放置不同的组件和模块.它是 PHP 和xHTML的结合.几乎在所有的模块中额外的文件都会使用到.像如下显示的那样对它们进行命名和定位是常规:/JS_Smoothportal/template_thumbnail.png/JS_Smoothportal/css/template_css.css/JS_Smoothportal/images/logo.png- template_thumbnail.png一个网站浏览器模块的截图往往减小到大约宽 140 像素高 90 像素.安装完模板后功能”Previewimage”可在 joomla1 执行中看到.Template Manager.模板管理者- css/template_css.css模板的 CSS 样式.文件夹的位置是可选的但是你必须指定放在哪.请注意文件名称只有在引用到index.php 文件中时是重要的.你可以随意称呼它.通常显示的名字会被用到但是我们稍后将看到存在其它 CSS 文件会有优势.- images/logo.png任意与模板匹配的图片.又是组织原因大部分设计师把它放到图片文件夹中.这里我们将 logo.png 图片文件作为例子.要添加模板再次存在于丰富的教程中你要到自己网站的管理端通过上传压缩文件安装模板.注意事实上你也可以一个个地添加文件而不是压缩文件的形式.你必须把它们放到你网站上的.com/templates中.templateDetails.xmltemplateDetails.xml必须包含模板组成部分的所有文件.以及作者和版权信息.有的显示在TemplateManager的管理员后端.如下是一个 xml 文件例子:ltmosinstall typequottemplatequot versionquot1.0.xquotgtltnamegtYourTemplatelt/namegtltcreationDategtMarch 06lt/creationDategtltauthorgtBarrie Northlt/authorgtltcopyrightgtGNU/GPLlt/copyrightgtltauthorEmailgtcompassdesignsgmail.comlt/authorEmailgtltauthorUrlgtwww.compassdesigns.netlt/authorUrlgtltversiongt1.0lt/versiongtltdescriptiongtAn example template that shows a basic xml details file lt/descriptiongtltfilesgtltfilenamegtindex.phplt/filenamegtltfilenamegtjs/ie.jslt/filenamegtltfilenamegttemplate_thumbnail.pnglt/filenamegtlt/filesgtltimagesgtltfilenamegtimages/header.pnglt/filenamegtltfilenamegtimages/background.pnglt/filenamegtltfilenamegttemplate_thumbnail.pnglt/filenamegtlt/imagesgtltcssgtltfilenamegtcss/base.csslt/filenamegtltfilenamegtcss/norightcol.csslt/filenamegtltfilenamegtcss/template_css.csslt/filenamegtlt/cssgtlt/mosinstallgt让我们来解释一下这些代码:- mosinstallXML 文件的内容用于安装说明。
选项类型 type“template”告诉安装者我们正在安装一个模板。
- name:定义你模板的名称。
你在这里输入的名字将被用来在模板目录中创建目录。
因此,它不应该包含文件系统不能识别的字符,比如空格。
如果手动安装,你要创建一个目录与模板名相同。
- creationDate:模 板 创 建 的 日 期 。
这 是 一 个 自 由 形 态 的 区 域 , 可 以 是 任 意 像 这 样 的 格 式 : May 200508-June-197801/01/2004 等。
- author:该模板作者的名字-大多时候是你的名字。
- copyright:任何版权信息都进入这一部分。
对于 Developers amp Designers 来说是一本许可证,能在 joomla 论坛找到。
- authorEmail:Email 地址,能找到该模板的作者。
- authorURL:作者网站的 URL- version:该模板的版本- files:“files”部分包含了所有通用的文件,像模板的 PHP 源文件,模板预览的缩略图。
每一个列出在这个部分的文件都由ltfilenamegt lt/filenamegt括起来。
还有一些额外的文件被包含进来,这里我们使用一个模板需要的 JavaScript 文件例子。
- images:所有模板使用的图片文件都列在图片区。
同样的,所有列出的文件由ltfilenamegt lt/filenamegt括起来。
文件的路径信息与模板的根目录息息相关,比如,如果你的模板在目录中名为YourTemplate,并且所有 的 图 片 在 YourTemplate 里 面 的 目 录 images 中 , 那 么 正 确 的 路 径 是ltfilenamegtimages/my_image.jpglt/filenamegt。
- css:样式表列在 CSS 区域。
同样的,文件名被包含在ltfilenameg
上一篇:
自定义myeclipse逆向工程模板的代码自动生成规则
下一篇:
还记得,那年的风车吗?