【ACCESS精品源码栏目提醒】:文章导读:在新的一年中,各位网友都进入紧张的学习或是工作阶段。
网学会员整理了ACCESS精品源码-【精品】joomla模板设计 - 其它资料的相关内容供大家参考,祝大家在新的一年里工作和学习顺利!
Joomla Template TutorialLast Updated Friday 04 August 2006在本教程中,我们将完成创建 joomla 模板这一步。
Joomla 是一个开放源代码 Content ManagementSystem 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 titleWhat is a Joomla Template什么是 joomla 模板?Joomla 模板就是在 joomla CMS 里面的一系列文件,用来控制内容的显示。
Joomla 模板既不是一个网站,也不是一个完整的网站设计。
该木板对于查看你的 joomla!网站是一个基础。
要生产出一个“完整”网站的效果,模板会和存储在 joomla 数据库中的内容密切合作。
以下你可看到一个这方面的例子:这个截图显示了与样本内容的使用。
图 B 显示了模板 ,它可能看着与一个原始 joomla 安装一起,几乎没有内容。
模板被格式化了,这样当你的内容被插入禁区时,将继承定义在模板中的样式表,比如连接类型 ,菜单,导航栏,文本大小和颜色等。
注意图片和内容是如何联系的(人们的相片),该内容不是模板的一部分,而在标题那的图片是模板的成分。
为一个 CMS 使用一个模板,就像 joomla 一样 ,有很多优点和缺点:-内容和外观完全分离,特别是当 CSS 用于布局时(因为反对在 index.php 文件中存在表格).这是网站主要标准的一个符合现代网站标准.-一个新的模板因此对网站而言一个全新的外观可以立刻被应用上.这甚至可以和颜色图片一样有不同的内容地点/定位-如果一个网站内部想有不同的版面配置这很难实现.虽然不同的模板可以应用到不同的页面这种内置的功能并不可靠.大多数设计者选择使用各种 PHP 代码来显示/隐藏栏取决于是否在那个位置公布了内容.在提示与技巧中讨论到了.mospagebreak titleLocalhost Design Process本地设计过程你在强大的 joomla 网站上看到的页面并不是静态的.这就说明它是动态地从存储在数据库中的内容产生的.你所看到的页面是通过在模板中各种 PHP 命令创建的.这种设计阶段提出了一些困难.现在使用一个”所见即所得”WYSIWYG的 HTML 编辑器已经很普遍了比如 Dreamweaver.这就意味着设计者不需要再对 HTML 进行编码.而在 joomla 模板设计过程中这是不可能的.所见即所得编辑器不能显示一个动态网页.这说明设计者必须”用手”编写代码然后从一个服务端页面的 PHP 查看输出页面.只有 web 服务器拥有足够快速的连接但是大多数设计者使用他们自己电脑上的”local server”.这是一款服务于设计者自己电脑上网页的软件.没有办法”立刻”创建一个页面它取决于设计者自己的背景.那些更图形化的页面在图形软件中比如photoshop 制作页面的”形象”然后将图形分开来使用名为片和块.高技术的设计师往往直接跳到 CSS进行编码.然而上面我们提到joomla 模板设计者是受限制的 他不能在相同的编辑器中立刻看到她/他编码的效果.改进的设计过程如下:-在 HTML 编辑器中做出修改保存修改-在背景下由本地服务器来”运行”joolma-在网站浏览器中查看编辑-回到第一步本地服务器选项几个本地主机服务器可用:- JSAS - Joomla Stand Alone Server. WAMP支持个人电脑上 windows 系统下 joomla 的服务器.一个自身包含了 Apache-MySQL-PHP 服务器.jsas.joomlasolutions.com- XAMPP在LinuxWindows Mac OS X和Solaris上安装Apache Distribution很简单.该包包含了Apache webserver MySQL SQLitePHP等.www.apachefriends.org/en/xampp.htmlJSAS确实有大量的广告在上面应该会吸引你.Easy CSS Styling是设计过程更有效的令人满意的技术是为你正在设计的网页服务然后拷贝粘贴源代码到一个编辑器中.例如一旦你的 CSS 布局成立你可以使用其中以个本地服务器来支持一个页面 View_Source然后将它拷贝粘贴到你的编辑器中现在你就可以很简单地使用 CSS 来为页面定义类型且不需要重复上述步骤.Some HTML Editor Options for Joomla Designers对于那些不能支付商业编辑器比如 Dreamweaver 的人这有一些免费的编辑器可用:Nvu 是一个坚实的选择并确认已经建成..它还是一个 Mambo/Joomla 的延伸会非常有用. Nvu 是 100的开放源代码.这就意味着任何人都欢迎来免费下载 Nvu如果要做特殊的修改的话还包含源代码.你可以从 Manboforge 得到延伸版.是在这里建立完整的项目.另外一个选在实际上也是一种验证 quotCSE HTML Validatorquot是集 HTMLXHTMLCSS链接拼写和无障碍环境检查于一体的验证.你可以在这里取得免费的 html 验证器版本.请记住这些都不是”所见即所得”的 html 编辑器.mospagebreak titleW3C and Tableless DesignW3C 与无表格设计可用性可访问性和搜索引擎优化都是用来形容今天万维网中高质量网页的词组现实中这三者之间存在大量的重叠一个网页演示了其中一个的特征也就显示了三者的特征.最简单的方法来达到这三个目标就是使用 W3C 网页标准中的 framework.例如一个xhtml 语义结构的网站xhtml 解释文件而不是它看来如何很容易让某些视力不好的人在一个屏幕阅读器中阅读.对于一个搜索引擎 spider 阅读也很简单.Google 在如何阅读你的网站方面是很盲目的.一个符合 W3C 网站标准的网站有一个更好的基础使其变得可访问可用以及搜索引擎优化.把这些想象成你家房子的建筑法规.一个拥有这些特性的网站会更强大更安全.你可以用 W3C HTML 验证服务来核查你的页面.免费的.最简单的,一个符合 W3C 验证的网站运用(x)html 语义结构并通过 CSS 将内容从外观中分离。
为了帮助你理解网站标准的来源,回顾历史是个好方法。
实际上很多网页是针对旧版本的浏览器设计的。
为什么?自从 www 开始后,浏览器不断地演变。
新版本已经出现而旧版本已经消失(还记得Netscape)。
另一个复杂的因素是,不同的浏览器制造商(比如微软)试图让他们的浏览器以稍微不同的方式去解释 html/xhtml。
这导致了网站设计师不得不设计他们的网站以支持旧版本的浏览器而不是新版本。
往往网页设计成与这些
上一篇:
自定义myeclipse逆向工程模板的代码自动生成规则
下一篇:
幻象符号的政治经济学