个人工具
名字空间
变换
操作

Joomla/Joomla! Tkit使用详解

来自站长百科
跳转到: 导航, 搜索

Joomla | Joomla使用手册

Joomla Tkit的全名应该是 Media 65 Joomla Template Kit 2.0 for Dreamweaver MX,MX 2004,DW8。这是一个针对 DreamWeaver(以下简称DW)的扩展插件。需要安装在DW里面才能使用。因此,下载此工具之前,请确认你已经安装了DW。


目录

Joomla Tkit安装

1。从官方网站下载 Joomla Tkit,下载后将zip包解压,得到一个 JoomlaTKit.mxp 文件。

2。启动DW,点击菜单上“帮助 -> 扩展管理”(如下图中1所示),在弹出的窗口“Macromedia扩展管理器”中点击工具栏左侧第一个按钮“安装新扩展”(下图中2所示),然后定位到刚刚解压得到的 .mxp 文件,就完成了安装。

3。DW的工具栏上就会多出一个按钮标签,叫做 Joomla Template Kit (如下图4所示)。制作模板过程中,点击此标签,可以看到两个插入按钮(如下图4所示),点击左侧按钮可插入各种位置函数。

Joomla tkit1.jpg

Joomla Tkit使用

模板的各种模块位置都是在 index.php 文件中定义。因此,我们可以利用 DW 来创建这个 index.php 文件。为了方便新手,因此我们从最简单的入手:复制Joomla自带模板 madeyourweb 文件夹,或者直接修改其 index.php 文件。

具体步骤

首先切换到DW的“代码”界面,将 <body></body>之间的所有内容删除。然后回到“设计”界面,这时,只能看到一片空白。

利用DW制作表格,行数、列数根据你的设计来给定。如果做三栏式模板,那么一般列数为3即可。行数可以多一些。另外,由于<table>在浏览器中打开时往往比 <div>要慢许多,因此,我们可以多做几个table,或者大的表格中嵌套小表格。

注意:表格的边框都设置为0。如果你希望网页宽度随着电脑屏幕分辨率而自动调整,那么表格宽度使用相对值如98%,而不要使用1100px这样的固定值。

模块的安装

DW中出现表格的轮廓后,就可以插入各种模块位置了。

网页顶部插入广告位

1。把光标插入点定位到表格的顶部单元格中,然后点击DW工具栏上Joomla Template Kit标签,在出现的两个按钮中点击左侧那个,就会弹出下图所示的对话框。

2。点击下拉菜单,在最底端可以看到“Banner Block”(列表太长,所以图中未显示出来),点击选中,然后在第二行下拉菜单中选择“Default Style”,最后点击“添加”按钮即可。

注意:这时这个对话框还没有自动退出,可以点击“取消”让它退下,我们可以看到在网页中已经出现了一个黄色的小标志,表示 banner 这个模块位置已经定义好了。

Joomla tkit2.jpg

根据以上方法可以在表格中插入各种模块位置,比如左侧用 Left Block,右侧用 Right Block,中间正文就是 Main Body。完成后保存。然后在浏览器中打开网站,根据需要调整表格单元格的高度、宽度等等。这样,一个简单的模板就完成了。

Joomla Tkit的好处在于自动插入各种模块位置函数,使用户无需记忆复杂的代码。不过,要得到漂亮的模板,还要下一番功夫研究CSS语法,利用CSS控制字体、间隔、颜色、背景等等。

参考来源

http://www.joomlagate.com/article/joomla10-tutorial/joomla-template-kit-tutorial/

Joomla 1.0使用手册导航

Joomla安装

Joomla!的安装

Joomla 1.0教程

让网站自动适应掌上电脑阅读版面 | MosIf的使用 | Joomla登录模块的DIY改造| 用下拉式页面跳转替换Joomla跳转列表 | configuration.php文件操作 | 用blog形式做简单的产品展示 | 将DreamHost的mysql数据导入及导出的问题 | 给页面顶端添加ActiveX Infobar | 用JA Transmenu模块做多级弹出菜单 | 用桥接器整合开源Gallery2图库到Joomla | 用CB Profile Gallery搭建交友网站的会员相册 | 在网页中插入Google Map地图 | VM中产品详情只显示大图的实现 | Joomla!扩展(组件、模块、触发器)的汉化 | Joomla! Pack的使用 | 应用JSMF桥接器在Joomla!上安装SMF论坛 | Advanced Flash Mp3 Player播放器模块用法 | Joomla/Allvideos Plugin 引用视频、音频的方法|geshibot使用详解 | 表格式模板列宽度自动扩展的实现 | Joomla! Tkit使用详解 | Community Builder 1.0.2 的安装方法 | 利用CSS给文章标题添加图片 | 如何选择合适的下载组件 | 让Joomla支持flash格式的banner

其他Joomla教程

用XAMPP快速搭建Joomla本地测试服务器 | 用Gmail的SMTP发送Joomla激活及通知邮件 | 深入认识Joomla CMS:扩展、菜单及模板 | Joomla 1.5教程 | Joomla高级教程 | Joomla! SEO教程

留言