华梵部落 是使用plog这个程式所架设的 blog 平台.该怎麽解释呢_第1页
华梵部落 是使用plog这个程式所架设的 blog 平台.该怎麽解释呢_第2页
华梵部落 是使用plog这个程式所架设的 blog 平台.该怎麽解释呢_第3页
华梵部落 是使用plog这个程式所架设的 blog 平台.该怎麽解释呢_第4页
华梵部落 是使用plog这个程式所架设的 blog 平台.该怎麽解释呢_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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

2、自行建立的blog，是利用寫程式(php、asp、等動態網頁的語言、)配合後端的伺服器(自己在電腦架設或購買網路伺服器空間):這類玩家通常是程式語言高手、喜歡創造許多有趣的外掛、新奇的功能、使的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做闡述。幾個概念：傳統網頁 與 blog網頁的不同：我是建築系的學生，就用空間來說吧，相信大家也比較容易了解大家都知道網頁所呈現出來的樣貌，是透過其背後的原始碼經過瀏覽器(InternetExplore ,FireFox ,Opera)轉換成五彩繽紛的樣貌。因此、第一個觀念就是，傳統網頁和blog都是透過原始碼經過瀏覽器轉換後所呈現的東西。Blog是互動式的網頁、也就是其背後有個資料庫存在。傳統的網頁若沒有互動式功能、就不需要資料庫。因此、打開Blog的原始碼會發現許多

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

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

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

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

9、時的區塊）。有修blog程式是寫在同一份文件內；有的則是每個區塊自成一個文件，如同plog即是。目前我所更改過的區塊大致有上面三塊，也是blog中主要的三塊。當然文章內容也很重要，只是還沒有興趣更改他。首先，介紹header.template區塊：點選header.template 編輯。會出現原始碼<!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 區。</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 區。</div><hr />紅色粗體字部份，是css的描述。描述的內容再STYLE.css中。功能就如同前篇所述，定位、修飾

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

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

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

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论