第三式, 设计站点外观
决定你的网站外观的是模板。打开曼波的模板页(网站>模板管理>网站模板),你会看到已经有若干列出来的模板。你可以很方便的把任意的模板指定为默认模板,只需要选中该模板然后点击工具栏上的“默认”按钮。
可是,模板究竟是什么呢?它是一组决定站点外观造型的文件的集合。其中核心文件是“index.php”,这个文件中包括了许多html代码,用来实现诸如表格或层(用来规划内容块布局)和你的网站logo等,还有许多php代码,用来实现动态交互应用,诸如登录和退出、在线调查等。第二个重要的文件是CSS文件,它决定了网页中的文本字体、颜色和边框等。
在这里给出一张简单的首页(index.php)的布局图,它可以由表格或层体现:
在这张图里面,header.jpg是你的网站logo;body是放置首页主要内容的区域;而橙黄色的区域,就是所谓的“位置”,它是曼波的一个术语,表示在这些区域将被插入各种模块。这些模块可以被方便的投入使用或者被隐藏。比如我们可以在top这一块放上一个搜索模块和日期显示模块,在left这块放上导航菜单和登录模块。这一切都非常简单,你只需要在制作模板的时候(任意的网页工具,frontpage,dreamweaver或者photoshop),把你打算指定为“位置”的那一块插进该“位置”的php代码,比如:<?php mosLoadModules ( 'left' ); ?>,就表示该区域是“left”的“位置”。然后可以在编辑模块属性的时候指定显示它到任意的位置,left、right、top、bottom以及任意数目的自定义位置。
接下来再说CSS文件,曼波的模板需要编写一个CSS文件用来定义网页的字体、颜色和边框等。官方的一个《CSS Guide》的文档非常的有帮助:
在线观看:http://www.mambonotes.com/content/view/30/101/
下载:http://www.mambohut.com/index.php?option=com_remository&Itemid=26&func=fileinfo&parent=category&filecatid=107
图片版在线观看(居然是德语,fuck!!):http://www.mamboos.de/Mambo_CSS_Guide/
以上是关于模板的基本说明。下面列出来一些下载或设计模板的网站或指南:
下载模板:http://mambohut.com/
设计模板:这里有很友好的模板设计指南,
http://www.absalom.biz/tutorials/Mambo_Template_Tutorial.html
如果你想用Dreamweaver自己设计模板,我推荐下面这个,它指导你下载Dw的曼波模板设计插件:http://www.mambosolutions.com/dw_tutorial/
我还推荐你下载MSAS(Mambo Stand Alone Sever),它能在你的电脑上建起一个包含MySQL和Apache的迷你服务器集成环境,这样你就能在本机调试你设计的模板了。
更多设计向导可以可看:
http://www.allmambo.com/index.php?o...&id=13&Itemid=2
修炼完第三式,我相信你已经大体了解了曼波的运行机制,为了成为一代高手,你需要更深入的了解模板,轻接着看第四式。