華梵部落 是使用plog這個程式所架設的 blog 平臺.該怎麼解釋呢_第1頁
華梵部落 是使用plog這個程式所架設的 blog 平臺.該怎麼解釋呢_第2頁
華梵部落 是使用plog這個程式所架設的 blog 平臺.該怎麼解釋呢_第3頁
華梵部落 是使用plog這個程式所架設的 blog 平臺.該怎麼解釋呢_第4頁
華梵部落 是使用plog這個程式所架設的 blog 平臺.該怎麼解釋呢_第5頁
已閱讀5頁,還剩3頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、華梵部落 是使用plog這個程式所架設的 blog 平臺。該怎麼解釋呢?就是用一個叫做plog的blog套裝軟體,架設在計中的主機裡頭。而我們使用者,就是登錄後,在大平臺上,建立自己的部落格。由於是用plog的程式所寫的blog,所以blog的組成就是用plog的寫法方式。解釋清楚一點就是,當前有許多blog在網路上首先可以大致分作兩類:一類是使用網站伺服器提供的平臺:包括知名的 無名小站、雅虎奇摩、天空部落、blogger、等等:此類的玩家是一般大眾、只要會上網、打字、了解基本的blog知識即可。通常以內容和其社會交流性作為特色。另一類是blog玩家(研究blog、喜歡自己編排blog、)所

2、自行建立的blog,是利用寫程式(php、asp、等動態(tài)網頁的語言、)配合後端的伺服器(自己在電腦架設或購買網路伺服器空間):這類玩家通常是程式語言高手、喜歡創(chuàng)造許多有趣的外掛、新奇的功能、使的blog與眾不同。還有一類就是不太會寫程式的玩家,但想自己編織blog的玩家:就是利用所謂的blog程式(如plog、MT、xoop等就是)架設網站,放在購買的空間。他們與上一類玩家的差別在於不會自己寫php程式語言讓blog運作。但他們卻專注於修改HTML、CSS等語法、用來排版、美化、自訂blog外觀。許多美工、視覺傳達背景的都喜歡這樣玩。透過自己建立美麗的blog衣衫。我是屬於第三類族群的,只要會

3、CSS、html語法、甚至只要會善用dreamweaver、frontpage就可以了玩很多花樣。華梵的部落格亦是此類。Blog擁有者當然就是計中,擁有修改blog的基本設定、外掛程式、等等的權利、也需要管理伺服器的問題。而在這架構下、我們就是末端的blog使用者,也可以說是第一類的使用者、即yahoo、無名般。然而、即使如此,我們還是擁有改變佈景、配置的能力。透過修改模組的方式、我們也可以變成第三類玩家。針對plog(目前改名為life stle)的組成知識:為何要談這個呢?因為要改變一個blog的外貌、必須了解他是怎麼組成的,才知道在哪裡下手。而每個不同的blog程式的組成有不同的方式。如

4、blogger的網站他的組成就是將內容寫在同一個文件中。而plog則是分成很多個部位、然後有次序的組合起來。本文就針對plog做闡述。幾個概念:傳統(tǒng)網頁 與 blog網頁的不同:我是建築系的學生,就用空間來說吧,相信大家也比較容易了解大家都知道網頁所呈現(xiàn)出來的樣貌,是透過其背後的原始碼經過瀏覽器(InternetExplore ,FireFox ,Opera)轉換成五彩繽紛的樣貌。因此、第一個觀念就是,傳統(tǒng)網頁和blog都是透過原始碼經過瀏覽器轉換後所呈現(xiàn)的東西。Blog是互動式的網頁、也就是其背後有個資料庫存在。傳統(tǒng)的網頁若沒有互動式功能、就不需要資料庫。因此、打開Blog的原始碼會發(fā)現(xiàn)許多

5、語法是用來跟資料庫溝通的描述。然而這些描述、對於只懂html的人可能會有些吃力,因為看不懂它在說什麼話、只能靠者基本對HTML的了解、透過網頁呈現(xiàn)出來的內容、回頭猜測它在說什麼。(如果你也不懂html的話,那就很吃力了,若沒有美國時間去摸html的話、就乖乖的使用別人做好的版面配置了。)除了blog的原始碼中有與資料庫溝通的描述內容外、另一個就是CSS語言、對於早期玩html的人來說 css是個新玩意、不過在花了一個禮拜的摸索、以及近期架網站的經驗、大致了解了他的應用方式。簡單地岔出去說一下CSS:原本它適用來彌補HTML的許多不足,如同準確的定位、任何尺寸的字形大小、表格邊框的修飾、等等。到

6、了今日、有人更極端的為HTML和CSS做一個功能上得定位。HTML用來描述內容,CSS用來排版、定位、修飾。因此許多原本用 表格 來做網頁排版的方式、遭到一些css極端使用者的唾棄,另一個原因則是w3c組織沒有將<Table>當作標準語法,也就是說未來會淘汰。雖然本篇不想談css、但卻必須談它,因為blog絕大部份是透過CSS來作定位、修飾、來保持他的一致性。因此我必須很殘忍的說:如果不懂CSS的話、就沒辦法更改顏色、字形大小、等等(但你還是可以修改文字、連結內容)。待續(xù)1 <透過CSS修改佈景>待續(xù)2 <透過修改模組、自訂blog內容>透過修改模組、自訂b

7、log內容本來想先寫CSS的,但是有很多概念無法一次說清。因此直接先介紹模組的概念。Plog的呈現(xiàn)是透過不同部位組合而成的,我們開啟編輯器就可以發(fā)現(xiàn)有許多plt的檔案。進入管理面板 點選 登入>>*你的網誌名稱*不知道的人無法輕易發(fā)現(xiàn)需要點選此處才可進一步管理,可能需要再直覺一點。不過就按這裡吧。點選個人網誌設定進入此處可新開一個視窗用來檢視你的網誌變更點選 個人網誌設定 => 進入點選 網誌模板編輯器(大部分的操作都在裡頭)。點選 管理網誌模板>> 網誌模板編輯器(大部分的操作都在裡頭)。進入後會列出許多既有的模板,都是原本預設的樣式,此時就選一個你想要更改的模

8、板。其中要注意的是,有些模板是三欄、有些是兩欄、此時最好先決定自己要用哪種配置。1.點選此處可以檢視一下模板的樣式,以進行選擇。2.選擇好之後,點選此處可以複製一個新模板,名稱自取,才可以開始編輯。下載到電腦刪除編輯畫面拉到最下方,可以看到新複製的模組資料夾,與原本預設的模組相比,多了可以編輯、刪除、下載到電腦的動作。點選編輯吧!footer.template 所控制的區(qū)域panel.template 所控制的區(qū)域 header.template 所控制的區(qū)域此時我再解釋一番,這就是之前一直提及的,組成方式,要說成結構也可以。每個blog都可以區(qū)分初很多個區(qū)塊,不同頁面有不同的區(qū)塊(如回覆留言

9、時的區(qū)塊)。有修blog程式是寫在同一份文件內;有的則是每個區(qū)塊自成一個文件,如同plog即是。目前我所更改過的區(qū)塊大致有上面三塊,也是blog中主要的三塊。當然文章內容也很重要,只是還沒有興趣更改他。首先,介紹header.template區(qū)塊:點選header.template 編輯。會出現(xiàn)原始碼<!DOCTYPE html PUBLIC "-/W3C<head><meta http-equiv="Content-Type" content="text/html;charset=$locale->getCharset()

10、" /><meta name="generator" content="$version" /><meta http-equiv="Content-Language" content="$locale->getLanguageId()" /><title>$blog->getBlog()$postPageTitle</title><link rel="stylesheet" title="Default&

11、quot; href="$url->getTemplateFile("style.css")" type="text/css" /><link rel="alternate" type="text/xml" title="RSS 2.0" href="$url->rssLink("rss20")" /><link rel="alternate" type="text/xm

12、l" title="RSS 1.0" href="$url->rssLink("rss10")" /><link rel="alternate" type="text/xml" title="RSS 0.90" href="$url->rssLink("rss090")" /><link rel="alternate" type="application/ato

13、m+xml" title="Atom 0.3" href="$url->rssLink("atom")" /></head><body>一些宣告,不用理會。<div id="rap">用來排版的描述。<ul id="topnav"><li><a href="$url->blogLink()" id="navHome" title="Back to Mai

14、n page" accesskey="h"> $locale->tr("main") </a> | </li>華梵建築系</a> | </li><li><a href="$url->getAdminUrl()" accesskey="2">管理頁面</a> | </li>最頂部的連結。編號為 Topnav 區(qū)。</ul><div id="header"&g

15、t;<h1><a href="$url->blogLink()" accesskey="1"> $blog->getBlog()</a></h1><div class="description">$blog->getAbout()</div>圖片上面的文字。部落格的名稱,及描述。編號為 header 區(qū)。</div><hr />紅色粗體字部份,是css的描述。描述的內容再STYLE.css中。功能就如同前篇所述,定位、修飾

16、等。因此你沒辦法在模板裡頭更改字型的大小(透過語法寫也是可以、但最好不要)、顏色。就如同前篇所述的,模組最好是用來增添、修改文字內容、連結內容、排列順序。藍色背景部份是 連結、綠色背景部份是 文字。因此,我們可以修改的內容是 Topnav 區(qū)域、 header區(qū)域。在 Topnav 區(qū)域中,先說明幾個基本的html語法,<a href="$url->blogLink()" id="navHome" title="Back to Main page" accesskey="h">< >

17、這個東西是用來描述的內容 不會初現(xiàn)在網頁上n 內的東西 , 就是與資料庫溝通的描述用語,我也不熟,只能靠經驗判斷他說什麼。Id、title、等後面的補述我也不清楚是什麼。但即使如此,還是可以改些東西。n 這一行所敘述的就是一個回首頁的連結,$url->blogLink() 的內容就是說明連結的位置,他是先從資料庫中找到你的blog位置,然後提出來。n $locale->tr("main") 則是從資料庫中找到這個值得名稱。學校預設是寫”回首頁”。你也可以直接更改他,只要把包括其中的內容殺掉,直接填入你喜歡的文字。例如你自己部落格的名稱。我利用這個例子說明了一些b

18、log與資料庫溝通產生的連結與文字的描述方式。但是對一般的使用者來說並不是每個人都會寫出與資料庫溝通的語法,包括我也是。因此我們可以只用html的方式,自己新增連結和文字,不要管他資料庫。等資管系的版友們有空再教教大家吧。<li><a href="">華梵建築系</a> | </li>這一行,就是個很標準的html寫法,也是自己添加的。大家不訪可以參照此行的寫法藍色部份填入你所要連結的位置,記住兩旁的引號不能省。綠色的部份填入你連結顯現(xiàn)的文字。後面的 是一個分隔,你也可以不加,或是換其他的圖案 如 # 除了原本的三行、你可以再複製幾行來達到你的需求。原本的最後一行 是 管理頁面,原則上最好保留,但也可以放在其他的部位去。接著談到header的部分。<div id="header">上排橫幅的圖片寫在這個css描述裡頭。要更改的話有兩種方式,直接用同樣檔名置換圖片檔。或更改CSS語法的背景連結位置。<h1><a href="$url->blogLink()" accesskey="1&qu

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論