Joomla! 3.3 - 基础指南4：Joomla设计、界面、颜色.doc

《Joomla! 3.3 - 基础指南4：Joomla设计、界面、颜色.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、Joomla!3.3-基础指南4：Joomla设计、界面、颜色本系列教学转自 Cocoate免费书库 ，英文原著由HagenGraf编写，中文翻译由DerekJoe完成模板是一个网站最重要的部分。它为网站提供外观设计，并吸引新访客在您的网站逗留和浏览。什么叫设计？设计作为名词，指的是通过一个计划或者绘画显示某事物的功能和前景，并在一定的环境达到某个特定的目标，并满足一系列的需求。设计作为动词，指的是在一个设计环境下创造一个设计。因此设计一词可以用于艺术（“纯直觉的”、“内在的”、“自然的”、“我们感觉合适的”）机械工程（一款新

2、车的产品设计）生产制造（计划和执行）流程（业务流程建模）什么是页面布局？页面布局是“图片”设计的一部分工作，它主要解决一个页面的风格元素（如内容）以及这些元素的页面安排。以Joomla的专业术语来说，页面布局就是在预定的模板位置安排Joomla的模块和组件。什么是颜色？颜色是人类的视觉财产，是我们称之为红色、绿色、蓝色等等视觉感觉的总称。常有些特定的颜色与文化如国旗的颜色相关。颜色的应用具有多样性，它们与文化的联系甚至与同一种文化不同年代的联系也是多元化的。HTML颜色和CSS颜色有1600万种不同的颜色值。它们由红色、绿色、

3、蓝色混合而成，每种颜色的最小值是0，最大值是255。这些值最终组合成超过1600万种不同的颜色（256x256x256）。举例：黑色 =16进制颜色中的#000000=RGB颜色中的rgb（0,0,0）有几个工具（如colorschemedesigner）可以帮助你为你的网站找到正确的颜色（图3）。图3：ColorSchemeDesigner（配色方案设计师）模板一个模板包含访问网站的人可以看到的重复性的元素。使用一个模板编排这些元素，往往可以减少对图片设计技巧的要求，并且把背景元素的修改和其它常用前景内容元素的修改（或交替）

4、的工作量降低最低。网页设计网页设计有点像利用手工和很多种技能来制作和维护网站。网页设计必须要能具备HTML、CSS、JavaScript、PHP、图片编辑以及其它一些技能。Joomla!只是网页设计师的工具箱中的一个工具。一个优秀的模板并不仅仅与颜色和图片相关。内容表现的形态和位置排列也很重要。网站必须是用户友好的和可靠的——这让我再次联想到了上面的两辆靓车。网页设计是个年轻的职业。现在的网页设计师常常要应对低带宽、浏览器不兼容、青涩的内容编辑器以及一起协作于“漂亮”网站的其他人。在构建一个Joomla!网站时，参与工程的每个

5、人常常都会学到一些新知识。在使用Joomla3设计网站时，其中的模板“Protostar”会让你了解Joomla用户界面库（JUI）。优秀的网站设计源自辛苦的工作！：-）用自己需要的语种安装好网站后，即使还没有内容，多数人就已经开始为颜色而苦恼，并且急于上传一些东西，比如一个新Logo。好在Joomla为用户预备了几个模板以及所谓的模板风格。一个模板风格就是为模板准备的一系列与颜色、logo、界面相关的选项。风格的变化能力完全取决于模板。一些模板具有海量的设置，而另外一些模板的设置则非常少。因此您可以随心所欲设计很多种风格并把

6、它们分配到您网站的不同页面。结构Joomla以其高质量和简单而著称。Joomla网站的一个页面可以是由一个组件、几个模块和一个模板输出的HTML代码而生成的。每个页面都能通过一个唯一的网址而访问到。以首页为例，内容组件通过输出HTML代码在中间区域显示文章。这张截图是使用Joomla模板“Beez”（图4）时截取的。文章周围的方形区域是几个不同的模块。你可以把组件的HTML输出和任意数量的模块的HTML输出相组合。模块还可以在其它页面重复使用。图4：Joomla!首页位置当然，您必须知道您能把模块分配到页面的哪些地方。为达到这

7、一点，每个模板都提供了所谓的“位置”。为了了解这些位置的分布，您必须开启“模块位置预览”开关（扩展→模板管理→选项）。随后您即可通过在网址后面加tp=1访问您的网站（http://your_domain.tld/index.php?tp=1）或者点击扩展→模板扩展→模板（图5），再在任何一个模板边点击“预览”链接。图5：模板管理-网站模板您将看到高亮显示的模块位置及其名称（图6）。图6：模块位置-模板Protostar点击扩展→模块管理，您就能将某个模块分配到某个位置。如果您希望一个模块同时在几个不同的位置显示，您可以复制它。

8、核心模板Joomla!安装包本身带来2个网站模板和2个后台管理模板。您可点击扩展→模板管理→“模板”标签。您还可以通过在下拉框“选择位置”里选择不同的选项，来筛选出前台模板和后台模板。（图6及图7）.图7：模板管理-后台管理模板风格风格能够让您创造和使用同一个模板的不同“版本