收集以及整理資訊

有了冰箱之後
接下來就是把大象做出來
首先要先了解需求
來決定大象要多高?
鼻子要多長?
耳朵要多大?
腿要多粗?
不管什麼樣的問題都有助於勾勒大象的形象
譬如說
部落格的主題是什麼?
要展現出什麼樣的形象?
想要什麼樣的功能?
有沒有鎖定的觀看者族群或年齡?
之類的問題

<!--
如果沒有什麼想法
就從形式來著手
有沒有喜歡的風格?
想用什麼顏色?
之類的
-->
由於自己就是需求者兼製作者
所以沒有特定的問題與答案
自己能接受就好
然後把答案整理好之後列出來
<!--
Page Lab 的需求
。因為是測試用的部落格
 沒有什麼實質的內容
 看起來要花俏一點才能夠魚目混珠
 但不能太過混亂
。要容易閱讀
。看起來要跟網頁設計有相關

功能方面要有
。導覽列
。最新文章
。最新回覆
。搜尋
。分類
。網站連結
。關於我
-->

Phil McDarby

Phil McDarby / Digital Artist
CGPortfolio - Phil McDarby

Alexandre Day

Alexandre Day

啟用Google程式碼專案托管服務

不過 Blogger 所提供的並不是一個完整的網站
而是有著發表與編輯文章以及 RSS 等等功能的網站內容管理系統
故不能放置圖片以及像 JavaScript CSS 或是 Flash 等檔案
因此需要另外一個空間來存放版型的圖片以及其他資源
網路上的免費服務選擇很多
為了整合方便
在這裡只選擇 Google 有提供的服務

Picasa 網路相簿
空間為 1GB
不夠用可以額外購買
服務與 Blogger 相結合
撰寫文章時上傳的圖片都是傳到 Picasa 網路相簿
有專用的軟體
上傳下載都非常方便
但由於只能存放圖片
不能存放其他格式的檔案
且對 gif 格式檔案有所限制
所以個人認為比較適合存放與文章相關的圖片

Google Page Creator
空間為 100MB
但即將與 Google 協作平台服務合併
所以不考慮

Google 協作平台
基本的網頁空間為 100MB
若使用 Google 應用服務則可以到 10GB
可存放圖片與許多格式的文件檔案
上傳功能有網頁附件以及檔案櫃兩種
單檔最大上傳限制為 10MB
每個網域的檔案空間總限制為 10GB
還有版本的更新標示
利用這些既有的強大功能
可以很輕易的建立起個人網站
是個不錯的選擇
但不支援 JavaScript & HTML 檔案以及動態的 gif 圖片是個遺憾

Google 程式碼
空間為 2GB
亦有版本標示
單檔最大上傳限制為 100MB
有支援 JavaScript & HTML 檔案以及動態的 gif 圖片
昰非常理想的選擇

<!--
經過以上的比較之後
個人覺得 Google 程式碼比較符合需求
故選擇 Google 程式碼作為存放空間
-->

1.請先連結到 Google 程式碼
<!--
一樣請先登入 Google
->


2.點選「專案托管


3.點選「Create a new project


4.填寫託管專案的基本資料
 填寫完畢之後按下「Create project
<!--
Project name
專案的名稱

Summary
託管專案的簡單說明

Description
託管專案的詳細敘述

Source code license
託管專案的授權方式
隨便選一個就可以了
若對於授權方式很在意的話
請仔細閱讀每個授權方式的資料 (授權方式中文重點版)
如果上傳的檔案有包含其他人的東西
請選擇和作者相同的授權方式

Use a separate content license
創用 CC 授權
可以不選
但如果上傳的檔案有包含其他人的東西
有時候作者會使用到這個授權
一樣
請選擇和作者相同的授權方式

Labels
託管專案的標籤
讓別人可以快速找到這個專案
由於是用來當存放檔案的空間而已
所以不填寫
-->
<!--
做為範例的託管專案為 page-lab
-->

啟用Blogger服務建立一個部落格

有了 Gmail 帳號之後
就可以開始使用 Google 的其它服務
首先先啟用 Blogger

1.請先連結到 Blogger

<!--
會要求先登入 Google 帳號
-->


2.登入後會轉到申請加入 Blogger 的啟用服務頁面
 按下「繼續
<!--
顯示名稱
寫網誌時會出現的作者名字
依舊使用 王小明 當作範例

接受條款
只能選擇勾選
-->


3.點選「馬上建立您的網誌


4.填寫網誌基本資料
 填寫完畢之後按下「繼續
<!--
網誌標題
填寫一個喜歡的網站名稱

網誌網址 (URL)
填寫一個喜歡的網址名稱
填寫完後
請點選「檢查可用的副網域
檢查看看喜歡的網址是不是有跟其他人重複

字詞驗證
除了第一次建立不要求輸入外
之後每建立一個新的部落格都要輸入

進階選項
先不用填寫
-->


4.先隨便挑選一個喜歡的 Blogger 範本
 之後再來做修改
 按下「繼續


5.按下「開始使用網誌
<!--
在此使用之前已建立好的部落格 Page Lab 做為範例
選擇的 Blogger 範本是 Minima Lefty Stretch
-->

Glenn Brown

Glenn Brown - Wikipedia, the free encyclopedia
Tate Liverpool| Past Exhibitions | Glenn Brown
Glenn Brown - Galerie Max Hetzler: Artists

註冊Google帳號

要在網路上讓大家都看得到
一定要有一個存放的空間
存放的空間基本上分為三種
。自行架設
。向主機商承租空間
。使用免費服務
Blogger 屬於第三種
是 Google 提供的免費服務之一
要使用 Google 的服務必須要有 Gmail 帳號

1.請先連結到 Google


2.然後點選左上方的「Gmail


3.點選「建立帳戶


4.開始填寫資料
 填寫完畢之後按下「我接受;建立我的帳戶。

<!--
姓氏 & 名字
就是填寫姓名
也可以用拼音或英文名字
在此使用家喻戶曉的名字 王小明 當作範例

想要的登入名稱
填寫一個喜歡的帳號
填寫完後
請點選「檢查可用的帳戶名!
可以避免帳號重複的錯誤
Google 允許使用 . 這個符號
請善加利用
在此使用 reset.design.blogger 當作範例

選擇一個密碼
基本上只要英文跟數字混合使用
密碼強度都不會太低
另外請不要用生日以及電話當密碼

在這台電腦上記住我的登入資訊 & 啟用 網頁記錄
請視個人需要選擇

安全問題 & 解答
忘記密碼時可以取得密碼的機制
答案不要太容易讓人猜到
在此使用 http://reset-info.com/ 當答案是錯誤示範

次要電子郵件地址
可以不寫
不過為了保險起見
還是寫一下比較好

字詞驗證
主要功能是為了讓使用者眼睛脫窗防止機器人亂註冊

服務條款
基本上讀了也沒用
因為是單方面提出的條款
所以只有兩條路
接受或不接受
無聊想打發時間可以讀一下
-->


5.帳戶建立完成後
 會跳轉到 Gmail 的簡介頁面
 按下「開始使用

設計Blogger的三個大步驟

設計 Blogger 一點也不難
跟設計一般靜態的網頁差不多
只要懂得一點 XHTML 與 CSS
還有大概了解 Google Blogger 的佈局結構就差不多了
設計 Blogger 跟設計一般靜態網頁一樣分成幾個大步驟
與某個腦筋急轉彎--如何把大象塞進冰箱裡很類似

1. 找到一個冰箱


2. 做出一頭大象


3. 把大象塞進去

---章節編寫中---

Yuta Onoda

Yuta Onoda*
Online Portfolio
Yuta Onoda* Blog

製作網站小圖示 - favicon.ico Generator

favicon.ico Generator
可以輕易地製作網站 favicon 小圖示的線上工具
如果有已作好的小圖可選擇 Import Image
若不知如何製作
選擇 Tag Cloud 中的任一 Tag
就會有一堆現成的 favicon 小圖示

<!--
favicon 小圖示就是網址前面的小圖
若使用者將網站加入最愛時
會出現在網站名稱的前面
如本站 (Reset) 的 favicon 小圖示就是 reset favicon icon
-->
製作完請存檔下載
上傳到網路空間後
在 <head> </head> 之中
加入下面的語法就讓可以網站有 favicon 小圖示
<link rel="shortcut icon" type="image/x-icon" href="上傳到網路空間的 favicon.ico" />


Reset song by ZARD