blog tempalte design tools

在設計的Blogger模板前,先準備一套完整的工具,會讓你更快速方便的設計好模板。在此整理了一份設計時使用的工具清單,其中有:影像部份、網站資源部份,可做模板設計時參考。


*Basic text editor 基本的文字編輯器:
雖然您可以修改您的Blogger模板從您的Blogger中的修改HTML中更改,但是還是應該還是需要一個能提供基本功能及好上手的文字編輯軟體。

*為什麼您需要這個:複製並貼上您的模板代碼;保存模板格式;撰寫和編輯的JavaScript;還有編輯試驗CSS。
*Resources:我想大多數人電腦中已經有一個基本的文字編輯器,如:記事本,這也同時適合建立和編輯Blogger模板。 如果您正在尋找一個全功能更完備的軟體,您可以考慮下載EmEditer建議(EmEditor Professional)這是功能更齊全的文字編輯器。


*Image manipulation program 影像處理軟體:
這是一個設計Blogger模版時需要的關鍵工具。所有的模版,都離不開這個部份。

*為什麼您需要這個:當設計一個自定的標題圖片,背景或者標題欄,圖案及照片裁切,都必須用到它,所以你應該將它準備好。
*Resources:如果您已經有Photoshp,Illustrator,CorelDraw或類似功能的軟體,Okay!你已經擁有業界標準的一些軟體。如果你沒有,您可以嘗試下列免費的軟體:
  • GiMP:Gimp是類似於Photoshop的免費軟體,屬於開放源始碼之一,推薦使用。
  • Inkscape:一個免費的向量圖形軟體類似Illustrator的性質。
  • ImageMagick:建立、編輯,並修改圖像並能讀取各種格式的好東西。
*所有的上述軟體,網路都可以找到詳細的支援和使用教學,因此,如果您需要了解某一方面的使用問題,都可以輕易的找到你要的答案!


*Online file hosting 檔案主機:
Blogger並不提供地方給你存取圖像。因此必須要找一個可以放置你設計好的網頁圖片空間。
*Resources:可以參考(解決 Google Page Creator 暫停服務後,替代方案:photobucket , weebly)。當你在Template中使用背景圖片,scripts,或鏈接到任何外部的文件,Blogger 並沒有提供網路空間給你存放,下列一些空間可以補強這個缺點。
  • Photobucket:雖然只能存放圖像與影片檔,但推薦使用。
  • HotlinkFiles:這個免費服務,幾乎可以容納任何類型的文件,配備8000mb的頻寬。
  • Fileden:配置了1GB的存儲空間!

*More than one internet browser 你不能只有IE瀏覽器:
因為你至少要能夠之道其它瀏覽器所呈現出的狀況。

*為什麼您需要這個:透過不同的瀏覽器檢視網頁時,發覺哪些網頁設計方式會產生不相容的問題,如Internet Explorer之間,尤其是的IE6及以下,和Mozilla的瀏覽器(如Firefox)。安裝一個以上瀏覽器,將非常有益於檢查不兼容的問題。我通常使用Internet Explorer和Firefox,相互檢視,檢察相互間的兼容性問題。

*Resources:大多數人電腦中已經預裝上Internet Explorer或Safari,所以這裡兩個類似的Mozilla的瀏覽器(狐狸、羊)您可以考慮下載:
  • Firefox:一個最受歡迎的瀏覽器可用。
  • Flock:類似的Firefox,功能著重在網路社群使用者。
  • 另一種方式來檢查不相容的問題是使用BrowserShots.org:這是一項免費服務,提供您的網頁在不同瀏覽器中的顯示截圖。但您可能需要等待一些時間!

*Copyright-free images 無版權圖庫:
如果你是個專業的攝影師、或影像設計師,你大可以不用理會這一段,如果你不是,那你可以參考下列資料。
*為什麼您需要這個:建立一個自定義Banner,模板的背景,標題圖案,各種影像圖案來裝飾你的模板範本。
*Resources:
  • Squidfingers patterns:一百多個高品質的tileable網頁背景。
  • RepeatXY:數百個背景圖。
  • Iconlet : 許多大小可從16x16px直到256x256px的Icons資源,值得加入書籤中!在此網頁上您可以找到其他資源,以及一些最好的Icon。

*Free fonts 免費字體:
雖然字體不完全必要的,我發現,擁有各種各樣的字體提供能幫助設計出更好的標題和標誌。
為什麼您需要這個:最特別是為創建自己的標題圖像,也包含標誌和欄標題。
*Resources:
以下是幾個尋找免費字體的資源,可以試著使用。

想 法:當你希望設計自己的Blogger模板時,希望這些是對你有幫助的資源。如果您有更多好的資源,請發表評論或發送電子郵件。

在未來的分別把模版設計過程上傳至Blog,及模板設計細節部份。基本上重點將以建立一個三欄式的版面為主,這將是較長且更詳細的說明,將充分解釋如何調整和細節調整,以充分達到需求,請你記得訂閱RSS,而且與往常一樣,請隨時留下您的意見和建議。

Leave a Reply