第三式, 設計站點外觀+ F$ t/ j' ?; q0 ^0 t e- y8 M( {
7 {3 K6 ~1 o1 K3 ]( Y決定你的網站外觀的是模板。打開曼波的模板頁(網站>模板管理>網站模板),你會看到已經有若干列出來的模板。你可以很方便的把任意的模板指定為默認模板,只需要選中該模板然後點擊玩具欄上的「默認」按鈕。6 ]# C* r. E/ [
- ^7 {8 k9 ^- G2 P; r5 g
可是,模板究竟是什麼呢?它是一組決定站點外觀造型的文件的集合。其中核心文件是「index.php」,這個文件中包括了許多html代碼,用來實現諸如表格或層(用來規劃內容塊佈局)和你的網站logo等,還有許多php代碼,用來實現動態交互應用,諸如登錄和退出、在線調查等。第二個重要的文件是CSS文件,它決定了網頁中的文本字體、顏色和邊框等。2 X; x, p0 y; e6 k# \, I: y
6 a! E4 J( Z+ Z: E$ T \
在這裡給出一張簡單的首頁(index.php)的佈局圖,它可以由表格或層體現:
# o# f( C" ?5 [
/ x* E% e) E$ X
( ^7 M% {, v' x在這張圖裡面,header.jpg是你的網站logo;body是放置首頁主要內容的區域;而橙黃色的區域,就是所謂的「位置」,它是曼波的一個術語,表示在這些區域將被插入各種模塊。這些模塊可以被方便的投入使用或者被隱藏。比如我們可以在top這一塊放上一個搜索模塊和日期顯示模塊,在left這塊放上導航菜單和登錄模塊。這一切都非常簡單,你只需要在製作模板的時候(任意的網頁玩具,frontpage,dreamweaver或者photoshop),把你打算指定為「位置」的那一塊插進該「位置」的php代碼,比如:<?php mosLoadModules ('left' );?>,就表示該區域是「left」的「位置」。然後可以在編輯模塊屬性的時候指定顯示它到任意的位置,left、right、top、bottom以及任意數目的自定義位置。
1 Y* V4 k( {6 n" e- Z
; ~# N q8 m, w: H+ [3 H. @, o接下來再說CSS文件,曼波的模板需要編寫一個CSS文件用來定義網頁的字體、顏色和邊框等。官方的一個《CSS Guide》的文檔非常的有幫助:$ p/ [. ^: n9 E
在線觀看:http://www.mambonotes.com/content/view/30/101/8 l# N! m0 j6 L: p
下載:http://www.mambohut.com/index.php?option=com_remository&Itemid=26&func=fileinfo&parent=category&filecatid=1074 @5 t( z6 ^8 T5 |
圖片版在線觀看(居然是德語,fuck!!):http://www.mamboos.de/Mambo_CSS_Guide/0 f4 h8 E8 i! U, [
* I# z6 ?- g. A1 y4 c
以上是關於模板的基本說明。下面列出來一些下載或設計模板的網站或指南:* G9 U- U5 J1 J
下載模板:http://mambohut.com/
; z: I/ f8 I& v5 b設計模板:這裡有很友好的模板設計指南,1 Z- {1 R, W7 u, z& W4 Q
http://www.absalom.biz/tutorials/Mambo_Template_Tutorial.html: \0 u+ ~- D/ Z; E3 j
如果你想用Dreamweaver自己設計模板,我推薦下面這個,它指導你下載Dw的曼波模板設計插件:http://www.mambosolutions.com/dw_tutorial/
% I9 ?% B- O( _ W. A) a我還推薦你下載MSAS(Mambo Stand Alone Sever),它能在你的電腦上建起一個包含MySQL和Apache的迷你服務器集成環境,這樣你就能在本機調試你設計的模板了。! F7 ]& ?: `3 A( H; ]1 [
更多設計嚮導可以可看:
, t1 W; ~1 u- f* p6 }http://www.allmambo.com/index.php?o...&id=13&Itemid=2+ O; k( @3 I0 t' P6 b, z
/ Z f; \' _4 d7 }7 }" m T. L
修煉完第三式,我相信你已經大體瞭解了曼波的運行機制,為了成為一代高手,你需要更深入的瞭解模板,輕接著看第四式。 |