tag:blogger.com,1999:blog-92027295112747304162010-03-10T22:25:05.918+08:00生まれ変わろうよ 人生を初期化(りせっと)しようtime_lizardhttp://www.blogger.com/profile/02299203417328245978time.lizard@gmail.comBlogger7125tag:blogger.com,1999:blog-9202729511274730416.post-24733376040164068162009-06-10T07:36:00.003+08:002009-09-12T15:55:09.246+08:00<a href="/2009/06/create-sitemap.html" title="Reset: 製作網站概略結構">決定好網站結構之後</a><br />再來就是製作網頁的頁面結構<br />用來決定網頁的佈局及動線<br />頁面要有哪些功能與內容<br />以及那些功能與內容如何擺放之類的<br />規劃的越詳細越好<br />但不用畫的很仔細<br />若想詳細的標示出一些細節也是可以<br />譬如說<br />各區塊的大小?<br />各區塊之中的項目內容是什麼?<br />之類的<div class="os">&lt;!--<br />此時請不要考慮視覺的部分<br />--&gt;</div>製作時請務必參考<a href="/2009/05/collection-collation.html" title="Reset: 收集以及整理資訊">整理出來的資訊</a>與<a href="/2009/06/create-sitemap.html" title="Reset: 製作網站概略結構">網站概略結構</a><br />保持一致並檢視是否有不周全之處<br />以及考慮一些網站使用性的相關問題<br />譬如說<br />連結方式是要另開新視窗還是在自身視窗?<br />若文章很長要怎麼讓使用者快速回到導覽選單?<br />或是要讓使用者直接到別的頁面?<br />之類的問題<br /><br /><img src="http://lh3.ggpht.com/_fb7PNp9Vapc/Si76y_FhITI/AAAAAAAAIW0/EBGpB04jp7g/s800/Wireframe_01.gif" /><br /><img src="http://lh6.ggpht.com/_fb7PNp9Vapc/Si76y8mwR_I/AAAAAAAAIW4/8dEqNw8ZVZM/s800/Wireframe_02.gif" /><br /><a href="http://page-lab.blogspot.com/" rel="external" title="http://page-lab.blogspot.com/">Page Lab</a> 的首頁與內頁之頁面結構示意圖<br /><br /><img src="http://lh4.ggpht.com/_fb7PNp9Vapc/Si8FHPmkfNI/AAAAAAAAIXM/Sqcr6Xasxhw/s800/Wireframe_03.gif" /><br /><img src="http://lh4.ggpht.com/_fb7PNp9Vapc/Si8FHQUD8CI/AAAAAAAAIXQ/FVvsQ91RfL4/s800/Wireframe_04.gif" /><br />用 <a href="/2009/06/layout-balsamiq-mockups.html" title="Reset: 製作頁面結構示意圖 - Balsamiq Mockups">Balsamiq Mockups</a> 將頁面結構示意圖製作得更詳細一點<div class="os">&lt;!--<br />增加了一些在<a href="/2009/05/collection-collation.html" title="Reset: 收集以及整理資訊">收集以及整理資訊</a>時沒想到的功能<br />。分頁功能<br />。相關文章<br />。回到頁首<br />。路徑導覽<br />。工具提示<br />。頁尾資訊<br />--&gt;</div><div class="os">&lt;!--<br />Blogger 自訂性很高<br />可以任意地修改<br />所以不用去遷就 Blogger 既定的架構<br />首頁跟內頁內的不同呈現<br />就能模擬實現上篇<a href="/2009/05/collection-collation.html" title="Reset: 製作網站概略結構">製作網站概略結構</a>所提到的企業網站結構<br />--&gt;</div><div class="os">&lt;!--<br />由於背景不同的人<br />瀏覽網站的習慣也大不相同<br />這個部份就只能去猜想使用者的習慣<br />以及學習一些相關知識<br />如<a href="http://www.usabilitymax.com/?cat=9" rel="external" title="http://www.usabilitymax.com/?cat=9">優使性(Usability) | Usability Notes 優使性筆記本</a><br />也可以參照一些網站當做範本<br />--&gt;</div><div class="os">&lt;!--<br />由於 Blogger 己經有了基礎的功能雛形<br />在這個基礎上建立一個 Prototype 比一般網站容易多了<br />若可以的話<br />建議先做出 Prototype 來進行測試<br />不要在乎視覺部分<br />只要把功能擺到大概的位置<br />看看功能正不正常<br />以及頁面動線與功能以及使用性是否符合當初的想像<br />雖然網頁最終都還是要進行測試<br />不過先做 Prototype 測試<br />可以提早發現問題<br />--&gt;</div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9202729511274730416-2473337604016406816?l=www.reset-info.com' alt='' /></div>time_lizardhttp://www.blogger.com/profile/02299203417328245978time.lizard@gmail.comtag:blogger.com,1999:blog-9202729511274730416.post-32759994243920606192009-06-02T15:07:00.036+08:002009-09-12T15:36:20.096+08:00<a href="/2009/05/collection-collation.html" title="Reset: 收集以及整理資訊">資訊收集 整理完畢之後</a><br />接下來製作網站地圖<br />這裡要製作的 Sitemap<br />不是那種由工具解析網站後產生給搜尋引擎機器人索引用的<br />也不是為了方便訪客瀏覽網站而建立的網站導覽<br />而是為了釐清網站頁面之間的關係<br />事先規劃出的網站整體架構<br />定出整個網站的層級架構<br />以及網站的相互連結動線<div class="os">&lt;!--<br />我不知道這個東西的專門名稱<br />也不知道用網站地圖稱呼對不對<br />在這裡就暫且用「<b>網站概略結構</b>」來稱呼<br />--&gt;</div><div class="os">&lt;!--<br />由於主要是給自己看的<br />可以不用太仔細<br />在紙上畫一畫也行<br />只要看得懂就可以了<br />--&gt;</div><br /><img src="http://lh6.ggpht.com/_fb7PNp9Vapc/SiThuYUo3cI/AAAAAAAAIS8/b2Kg_jbEFhI/s800/Create-Sitemap_01.gif" /><br /><a href="http://page-lab.blogspot.com/" rel="external" title="http://page-lab.blogspot.com/">Page Lab</a> 的網站概略結構<div class="os">&lt;!--<br />我直接沿用 Blogger 的網站結構<br />紅藍色是區別層級架構以及內外部功能與連結<br />實線跟虛線用來標示連結方向與相關性<br />--&gt;</div><div class="os">&lt;!--<br />我對於網站層級的理解是<br /><b>是否一定要經由某個特定的連結或頁面<br />才能到達另一個頁面</b><br />如果是<br />那就算一個層級<br />如果不是<br />那就不能算一個層級<br />-&gt;</div><div class="os">&lt;!--<br />「<b>RSS 閱讀器</b>」跟「<b>外部網站</b>」已經跟網站毫無關聯<br />在這裡標示出來只是為了更明瞭之間的關係而已<br />--&gt;</div><br /><a href="http://lh6.ggpht.com/_fb7PNp9Vapc/SiTksvAvgvI/AAAAAAAAITI/FIv2rEppfTs/s1600/Create-Sitemap_02.gif" title="Create-Sitemap_02.gif 原始圖片大小 800px x 387px"><img src="http://lh6.ggpht.com/_fb7PNp9Vapc/SiTksvAvgvI/AAAAAAAAITI/FIv2rEppfTs/s400/Create-Sitemap_02.gif" /></a><br />取了幾個一般企業網站常見的項目<br />所模擬出來的網站概略結構<div class="os">&lt;!--<br />雖然用企業網站的架構不太妥切<br />不過跟 <a href="http://page-lab.blogspot.com/" rel="external" title="http://page-lab.blogspot.com/">Page Lab</a> 的網站概略結構相較之後<br />會比較容易了解差別在哪<br />以及為什麼要做這個什麼鬼網站概略結構<br />不然光看上面的 <a href="http://page-lab.blogspot.com/" rel="external" title="http://page-lab.blogspot.com/">Page Lab</a> 的網站概略結構<br />實在看不出有什麼製作的必要性<br />--&gt;</div><div class="os">&lt;!--<br />但其實真要作的話<br />Blogger 還是可以做出同樣的結構就是了<br />--&gt;</div><div class="os">&lt;!--<br />模擬的網站概略結構中的登入系統<br />是指管理者登入後台<br />不是會員系統<br />如果是會員系統<br />結構會再複雜一點<br />--&gt;</div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9202729511274730416-3275999424392060619?l=www.reset-info.com' alt='' /></div>time_lizardhttp://www.blogger.com/profile/02299203417328245978time.lizard@gmail.comtag:blogger.com,1999:blog-9202729511274730416.post-35539641669834931142009-05-30T13:59:00.009+08:002009-06-01T09:38:13.255+08:00有了冰箱之後<br />接下來就是把大象做出來<br />首先要先了解需求<br />來決定大象要多高?<br />鼻子要多長?<br />耳朵要多大?<br />腿要多粗?<br />不管什麼樣的問題都有助於勾勒大象的形象<br />譬如說<br />部落格的主題是什麼?<br />要展現出什麼樣的形象?<br />想要什麼樣的功能?<br />有沒有鎖定的觀看者族群或年齡?<br />之類的問題<div class="os">&lt;!--<br />如果沒有什麼想法<br />就從形式來著手<br />有沒有喜歡的風格?<br />想用什麼顏色?<br />之類的<br />--&gt;</div>由於自己就是需求者兼製作者<br />所以沒有特定的問題與答案<br />自己能接受就好<br />然後把答案整理好之後列出來<div class="os">&lt;!--<br /><a href="http://page-lab.blogspot.com/" rel="external" title="http://page-lab.blogspot.com/">Page Lab</a> 的需求<br />。因為是測試用的部落格<br />　沒有什麼實質的內容<br />　看起來要花俏一點才能夠魚目混珠<br />　但不能太過混亂<br />。要容易閱讀<br />。看起來要跟網頁設計有相關<br /><br />功能方面要有<br />。導覽列<br />。最新文章<br />。最新回覆<br />。搜尋<br />。分類<br />。網站連結<br />。關於我<br />--&gt;</div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9202729511274730416-3553964166983493114?l=www.reset-info.com' alt='' /></div>time_lizardhttp://www.blogger.com/profile/02299203417328245978time.lizard@gmail.comtag:blogger.com,1999:blog-9202729511274730416.post-91921006536062956792009-05-23T06:27:00.030+08:002009-09-12T15:38:26.726+08:00<a href="/2009/05/create-blogger.html" title="Reset: 啟用Blogger服務建立一個部落格">不過 Blogger 所提供的並不是一個完整的網站</a><br />而是有著發表與編輯文章以及 RSS 等等功能的<a href="http://zh.wikipedia.org/wiki/%E5%85%A7%E5%AE%B9%E7%AE%A1%E7%90%86%E7%B3%BB%E7%B5%B1" title="內容管理系統 - 維基百科，自由的百科全書">網站內容管理系統</a><br />故不能放置圖片以及像 JavaScript CSS 或是 Flash 等檔案<br />因此需要另外一個空間來存放版型的圖片以及其他資源<br />網路上的免費服務選擇很多<br />為了整合方便<br />在這裡只選擇 Google 有提供的服務<br /><br /><a class="post_title" href="http://picasaweb.google.com/" rel="external" title="http://picasaweb.google.com/">Picasa 網路相簿</a><br />空間為 1GB<br />不夠用可以額外購買<br />服務與 Blogger 相結合<br />撰寫文章時上傳的圖片都是傳到 Picasa 網路相簿<br />有專用的軟體<br />上傳下載都非常方便<br />但由於只能存放圖片<br />不能存放其他格式的檔案<br />且對 gif 格式檔案有所限制<br />所以個人認為比較適合存放與文章相關的圖片<br /><br /><a class="post_title" href="http://pages.google.com/" rel="external" title="http://pages.google.com/">Google Page Creator</a><br />空間為 100MB<br />但即將與 Google 協作平台服務合併<br />所以不考慮<br /><br /><a class="post_title" href="http://sites.google.com/" rel="external" title="http://sites.google.com/">Google 協作平台</a><br />基本的網頁空間為 100MB<br />若使用 Google 應用服務則可以到 10GB<br />可存放圖片與許多格式的文件檔案<br />上傳功能有網頁附件以及檔案櫃兩種<br />單檔最大上傳限制為 10MB<br />每個網域的檔案空間總限制為 10GB<br />還有版本的更新標示<br />利用這些既有的強大功能<br />可以很輕易的建立起個人網站<br />是個不錯的選擇<br />但不支援 JavaScript &amp; HTML 檔案以及動態的 gif 圖片是個遺憾<br /><br /><a class="post_title" href="http://code.google.com/" rel="external" title="http://code.google.com/">Google 程式碼</a><br />空間為 2GB<br />亦有版本標示<br />單檔最大上傳限制為 100MB<br />有支援 JavaScript &amp; HTML 檔案以及動態的 gif 圖片<br />昰非常理想的選擇<div class="os">&lt;!--<br />經過以上的比較之後<br />個人覺得 Google 程式碼比較符合需求<br />故選擇 Google 程式碼作為存放空間<br />--&gt;</div><br />1.請先連結到 <a href="http://code.google.com/" rel="external" title="http://code.google.com/">Google 程式碼</a><br /><div class="os">&lt;!--<br />一樣請先登入 Google <br />-&gt;</div><br /><img src="http://lh3.ggpht.com/_fb7PNp9Vapc/SnrVCOFgbJI/AAAAAAAAKJY/XrfRDL--HkE/s800/Create-GogleCode_01.gif" /><br />2.點選「<a href="http://code.google.com/hosting/" rel="external" title="http://code.google.com/hosting/"><b>專案托管</b></a>」<br /><br /><img src="http://lh6.ggpht.com/_fb7PNp9Vapc/SnrVCYlumpI/AAAAAAAAKJc/7q_Fg1FfjQY/s800/Create-GogleCode_02.gif" /><br />3.點選「<a href="http://code.google.com/hosting/createProject" rel="external" title="http://code.google.com/hosting/createProject"><b>Create a new project</b></a>」<br /><br /><img src="http://lh5.ggpht.com/_fb7PNp9Vapc/SnrVCSG9DmI/AAAAAAAAKJg/-zmuabP1--c/s800/Create-GogleCode_03.gif" /><br />4.填寫託管專案的基本資料<br />　填寫完畢之後按下「<b>Create project</b>」<div class="os">&lt;!--<br /><b>Project name</b><br />專案的名稱<br /><br /><b>Summary</b><br />託管專案的簡單說明<br /><br /><b>Description</b><br />託管專案的詳細敘述<br /><br /><b>Source code license</b><br />託管專案的授權方式<br />隨便選一個就可以了<br />若對於授權方式很在意的話<br />請仔細閱讀<a href="http://www.opensource.org/licenses/alphabetical" rel="external" title="Licenses by Name | Open Source Initiative">每個授權方式</a>的資料 (<a href="http://www.blogjava.net/smilekevin/archive/2006/05/17/46622.html" rel="external" title="對於license的說明 - smilekevin - BlogJava">授權方式中文重點版</a>)<br />如果上傳的檔案有包含其他人的東西<br />請選擇和作者相同的授權方式<br /><br /><b>Use a separate content license</b><br /><a href="http://zh.wikipedia.org/wiki/%E5%88%9B%E4%BD%9C%E5%85%B1%E7%94%A8" rel="external" title="創用CC - 維基百科，自由的百科全書">創用 CC 授權</a><br />可以不選<br />但如果上傳的檔案有包含其他人的東西<br />有時候作者會使用到這個授權<br />一樣<br />請選擇和作者相同的授權方式<br /><br /><b>Labels</b><br />託管專案的標籤<br />讓別人可以快速找到這個專案<br />由於是用來當存放檔案的空間而已<br />所以不填寫<br />--&gt;</div><div class="os">&lt;!--<br />做為範例的託管專案為 <a href="http://code.google.com/p/page-lab/" rel="external" title="http://code.google.com/p/page-lab/"><b>page-lab</b></a><br />--&gt;</div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9202729511274730416-9192100653606295679?l=www.reset-info.com' alt='' /></div>time_lizardhttp://www.blogger.com/profile/02299203417328245978time.lizard@gmail.comtag:blogger.com,1999:blog-9202729511274730416.post-88488752307372205032009-05-17T14:13:00.036+08:002009-09-12T15:46:32.269+08:00<a href="/2009/05/register-google-mail-account.html" title="Reset: 註冊Google帳號">有了 Gmail 帳號之後</a><br />就可以開始使用 Google 的其它服務<br />首先先啟用 Blogger<br /><br />1.請先連結到 <a href="https://www.blogger.com/home" rel="external" title="https://www.blogger.com/home">Blogger</a><div class="os">&lt;!--<br />會要求先登入 Google 帳號<br />--&gt;</div><br /><img src="http://lh6.ggpht.com/_fb7PNp9Vapc/Sg0I9PMo6wI/AAAAAAAAIK4/H0gEQt0B9u4/s800/Create-Blogger_01.jpg" /><br />2.登入後會轉到申請加入 Blogger 的啟用服務頁面<br />　按下「<b>繼續</b>」<div class="os">&lt;!--<br /><b>顯示名稱</b><br />寫網誌時會出現的作者名字<br />依舊使用 王小明 當作範例<br /><br /><b>接受條款</b><br />只能選擇勾選<br />--&gt;</div><br /><img src="http://lh6.ggpht.com/_fb7PNp9Vapc/Sg0I9FgUx4I/AAAAAAAAIK8/x9JZjPF0geU/s800/Create-Blogger_02.jpg" /><br />3.點選「<b>馬上建立您的網誌</b>」<br /><br /><img src="http://lh3.ggpht.com/_fb7PNp9Vapc/Sg0I9D5tMgI/AAAAAAAAILA/TaPq5zrZDGo/s800/Create-Blogger_03.jpg" /><br />4.填寫網誌基本資料<br />　填寫完畢之後按下「<b>繼續</b>」<div class="os">&lt;!--<br /><b>網誌標題</b><br />填寫一個喜歡的網站名稱<br /><br /><b>網誌網址 (URL)</b><br />填寫一個喜歡的網址名稱<br />填寫完後<br />請點選「<b>檢查可用的副網域</b>」<br />檢查看看喜歡的網址是不是有跟其他人重複<br /><br /><b>字詞驗證</b><br />除了第一次建立不要求輸入外<br />之後每建立一個新的部落格都要輸入<br /><br /><b>進階選項</b><br />先不用填寫<br />--&gt;</div><br /><img src="http://lh5.ggpht.com/_fb7PNp9Vapc/Sg0I9EKvEXI/AAAAAAAAILE/o-y5AsXc9Jc/s800/Create-Blogger_04.jpg" /><br />4.先隨便挑選一個喜歡的 Blogger 範本<br />　之後再來做修改<br />　按下「<b>繼續</b>」<br /><br /><img src="http://lh5.ggpht.com/_fb7PNp9Vapc/Sg0I9dG-z9I/AAAAAAAAILI/fP4jfNYwNK4/s800/Create-Blogger_05.jpg" /><br />5.按下「<b>開始使用網誌</b>」<div class="os">&lt;!--<br />在此使用之前已建立好的部落格 <a href="http://page-lab.blogspot.com/" rel="external" title="http://page-lab.blogspot.com/">Page Lab</a> 做為範例<br />選擇的 Blogger 範本是 <b>Minima Lefty Stretch</b><br />--&gt;</div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9202729511274730416-8848875230737220503?l=www.reset-info.com' alt='' /></div>time_lizardhttp://www.blogger.com/profile/02299203417328245978time.lizard@gmail.comtag:blogger.com,1999:blog-9202729511274730416.post-29854926741313663012009-05-15T11:07:00.025+08:002009-09-12T15:45:27.421+08:00要在網路上讓大家都看得到<br />一定要有一個存放的空間<br />存放的空間基本上分為三種<br />。自行架設<br />。向主機商承租空間<br />。使用免費服務<br />Blogger 屬於第三種<br />是 Google 提供的免費服務之一<br />要使用 Google 的服務必須要有 Gmail 帳號<br /><br />1.請先連結到 <b><a href="http://www.google.com.tw/" rel="external" title="http://www.google.com.tw/">Google</a></b><br /><br /><img src="http://lh6.ggpht.com/_fb7PNp9Vapc/SgzT1vbjJjI/AAAAAAAAIKo/CqzLDcvjTY8/s800/Register-Google_01.jpg" /><br />2.然後點選左上方的「<b><a href="http://mail.google.com/mail/?hl=zh-TW&tab=wm" rel="external" title="http://mail.google.com/mail/?hl=zh-TW&tab=wm">Gmail</a></b>」<br /><br /><img src="http://lh6.ggpht.com/_fb7PNp9Vapc/SgzT1p4z9sI/AAAAAAAAIKs/vlX_77HepHk/s800/Register-Google_02.jpg" /><br />3.點選「<b>建立帳戶</b>」<br /><br /><a href="http://lh6.ggpht.com/_fb7PNp9Vapc/SgzT1pvzbCI/AAAAAAAAIKw/mqZNm8-fot0/s1600/Register-Google_03.jpg" title="Register-Google_03.jpg 原始圖片大小 500px x 1035px"><img src="http://lh6.ggpht.com/_fb7PNp9Vapc/SgzT1pvzbCI/AAAAAAAAIKw/mqZNm8-fot0/s800/Register-Google_03.jpg" /></a><br />4.開始填寫資料<br />　填寫完畢之後按下「<b>我接受；建立我的帳戶。</b>」<br /><div class="os">&lt;!--<br /><b>姓氏 &amp; 名字</b><br />就是填寫姓名<br />也可以用拼音或英文名字<br />在此使用家喻戶曉的名字 王小明 當作範例<br /><br /><b>想要的登入名稱</b><br />填寫一個喜歡的帳號<br />填寫完後<br />請點選「<b>檢查可用的帳戶名!</b>」<br />可以避免帳號重複的錯誤<br />Google 允許使用 <b>.</b> 這個符號<br />請善加利用<br />在此使用 reset.design.blogger 當作範例<br /><br /><b>選擇一個密碼</b><br />基本上只要英文跟數字混合使用<br />密碼強度都不會太低<br />另外請不要用生日以及電話當密碼<br /><br /><b>在這台電腦上記住我的登入資訊 & 啟用 網頁記錄</b><br />請視個人需要選擇<br /><br /><b>安全問題 &amp; 解答</b><br />忘記密碼時可以取得密碼的機制<br />答案不要太容易讓人猜到<br />在此使用 http://reset-info.com/ 當答案是錯誤示範<br /><br /><b>次要電子郵件地址</b><br />可以不寫<br />不過為了保險起見<br />還是寫一下比較好<br /><br /><b>字詞驗證</b><br />主要功能是為了<s>讓使用者眼睛脫窗</s>防止機器人亂註冊<br /><br /><b>服務條款</b><br />基本上讀了也沒用<br />因為是單方面提出的條款<br />所以只有兩條路<br />接受或不接受<br />無聊想打發時間可以讀一下<br />--&gt;</div><br /><img src="http://lh6.ggpht.com/_fb7PNp9Vapc/SgzT11VuuLI/AAAAAAAAIK0/nvMsFZU3300/s800/Register-Google_04.jpg" /><br />5.帳戶建立完成後<br />　會跳轉到 Gmail 的簡介頁面<br />　按下「<b>開始使用</b>」<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9202729511274730416-2985492674131366301?l=www.reset-info.com' alt='' /></div>time_lizardhttp://www.blogger.com/profile/02299203417328245978time.lizard@gmail.comtag:blogger.com,1999:blog-9202729511274730416.post-79657617464807810972009-05-14T22:41:00.032+08:002009-09-12T15:57:04.989+08:00設計 Blogger 一點也不難<br />跟設計一般靜態的網頁差不多<br />只要懂得一點 XHTML 與 CSS<br />還有大概了解 Google Blogger 的佈局結構就差不多了<br />設計 Blogger 跟設計一般靜態網頁一樣分成幾個大步驟<br />與某個腦筋急轉彎－－<b>如何把大象塞進冰箱裡</b>很類似<br /><br /><h4 class="post_title">1. 找到一個冰箱</h4><ul class="post_list"><li><a href="/2009/05/register-google-mail-account.html" title="Reset: 註冊Google帳號">註冊 Google 帳號</a></li><li><a href="/2009/05/create-blogger.html" title="Reset: 啟用Blogger服務建立一個部落格">啟用 Blogger 服務建立一個部落格</a></li><li><a href="/2009/05/create-google-code-project.html" title="Reset: 啟用Google 程式碼專案托管服務">啟用Google 程式碼專案托管服務</a></li></ul><br /><h4 class="post_title">2. 做出一頭大象</h4><ul class="post_list"><li><a href="/2009/05/collection-collation.html" title="Reset: 收集以及整理資訊">收集以及整理資訊</a></li><li><a href="/2009/06/create-sitemap.html" title="Reset: 製作網站概略結構">製作網站概略結構</a></li><li><a href="/2009/06/wireframe-prototype.html" title="Reset: 製作網頁結構示意圖與網頁雛形">製作網頁結構示意圖與網頁雛形</a></li></ul><br /><h4 class="post_title">3. 把大象塞進去</h4>－－－章節編寫中－－－<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/9202729511274730416-7965761746480781097?l=www.reset-info.com' alt='' /></div>time_lizardhttp://www.blogger.com/profile/02299203417328245978time.lizard@gmail.com