狂人日記：狂人部落網(wǎng)站建設(shè)實錄

世上本來有很多路, 走的人多了, 也便沒了路？                  
 個人網(wǎng)站的歷史可以追溯到1995年, 楊致遠伙同幾個哈佛大的輟學(xué)同學(xué)弄了個個人網(wǎng)站YAHOO!沒幾年就發(fā)了......                  
   6月12日陰我要做網(wǎng)站                  
     思索                  
     背景                  
     個人網(wǎng)站的門檻越來越低                  
     前輩的扶持                  
     有一點動心                  
     決定                  
   6月13日明定位我的個人網(wǎng)站                  
     個人網(wǎng)站的歷史                  
     個人網(wǎng)站的分類                  
     展示個人                  
     提供服務(wù)                  
     模糊型                  
     定位狂人部落                  
 戰(zhàn)前總動員——網(wǎng)站策劃                  
 為什么偷襲珍珠港能成為偷襲戰(zhàn)術(shù)的經(jīng)典案例, 其實就是因為前期制訂了一個無比周密的策劃......                  
   6月14日  陰網(wǎng)站策劃                  
     網(wǎng)站項目的可行性分析                  
     確定網(wǎng)站的面向?qū)ο?nbsp;                 
     閱定網(wǎng)站的內(nèi)容以及欄目結(jié)構(gòu)                  
     內(nèi)容                  
     欄目                  
     制訂網(wǎng)站開發(fā)進度表                  
   6月15日晴申請域名. 搞定空間                  
     域名的重要性及命名規(guī)則                  
     域名后綴                  
     注冊                  
   6月17日陰統(tǒng)一網(wǎng)頁思想                  
     師夷長技以制夷                  
   6月18日 陰雨確定網(wǎng)站中文名和1ogo                  
     網(wǎng)站命名                  
     網(wǎng)站標(biāo)志                  
   6月19日陰顏色和框架                  
     頁面色彩                  
     網(wǎng)站主色調(diào)                  
     輔助色                  
     色彩的統(tǒng)一                  
     布局                  
 出手——設(shè)計！                  
 層是什么?層就是PhotoShop!PhotoShop是什么?你去S吧......                  
   6月21日陰雨綿綿其實不是了                  
     狂人部落                  
     新狂人. 新形象!  New Crgzier, Grogt Face!                  
   6月22日 陰 用PotoShoP 6. 0設(shè)計框架                  
     建立設(shè)計稿文件                  
     建立設(shè)計稿文件                  
     繪制標(biāo)題部分框架                  
     畫選擇區(qū)                  
     改為圓角                  
     填充顏色                  
     使用上面選好的顏色繪制輪廓                  
     繪制下半部分                  
     添加層                  
     繪制選擇區(qū)                  
     添加邊框                  
     添加網(wǎng)格背景                  
     在新建層中繪制一條直線                  
     生成網(wǎng)格                  
     繪制版權(quán)信息部分                  
     繪制版權(quán)信息部分                  
   6月23日陰PhotoShop 6. 0完善首頁設(shè)計稿                  
     添加logo                  
     將網(wǎng)站Logo加入框架圖片                  
     設(shè)計會員注冊區(qū)                  
     搭建會員注冊區(qū)框架                  
     為會員注冊部分添加內(nèi)容                  
     制作導(dǎo)航欄                  
     輸入欄目文字                  
     處理導(dǎo)航欄背景                  
     添加導(dǎo)航欄標(biāo)題按鈕                  
     合并圖層                  
     復(fù)制欄目標(biāo)題條                  
     補充導(dǎo)航條“狂人日記”標(biāo)題                  
     將狂人日記加入原導(dǎo)航條                  
     添加內(nèi)容部分                  
     存為Web圖片                  
     測試圖片                  
 再出手——制作!                  
 縝密思路遍布字里行間, 如水銀瀉地般輕松掌握Fieworks 4. 0之精髓, 切碎網(wǎng)頁設(shè)計圖猶如庖丁解牛........                  
 Dreamweaver 4. 0光速入門：界面. 操作. 庫. 模板. 行為. 濾鏡一覽有余                  
   6月24日陰用Firworks4. O切. 切. 切                  
     確定設(shè)計稿的切割方案                  
     切割設(shè)計稿                  
     添加輔助線                  
     切割標(biāo)題部分                  
     切割會員注冊部分                  
     切割導(dǎo)航欄及內(nèi)容部分                  
     導(dǎo)出圖片                  
     優(yōu)化并導(dǎo)出圖片                  
   6月25日晴在Dreamweaver 4. 0中建立站點——雄起!                  
     建立站點                  
   6月26日晴制作標(biāo)題及會員登錄部分                  
     制作首頁文檔                  
     制作標(biāo)題部分                  
     計算切片寬度                  
     在Dreamweaver 4. 0中插入表格                  
     插入圖片                  
     建立庫元系                  
     制作會員登陸部分                  
     插入會員登錄部分表格                  
     登意圖片寬度                  
     插入右面兩個圖片                  
     搭建會員注冊單元                  
     制作透明圖                  
     完善會員登錄單元                  
     會員登錄單元返工, 慘兮兮                  
   6月27日陰有短時小雨制作導(dǎo)航欄                  
     制作主體部分框架                  
     制作導(dǎo)航欄                  
     將導(dǎo)航欄部分的圖片進行透明處理                  
   6月28日陰制作首頁主體部分的欄目介紹單元                  
     平鋪背景                  
     建立切片                  
     創(chuàng)建“網(wǎng)頁制作基礎(chǔ)”表格                  
     加入背景圖片                  
     制作其余兩個欄目                  
     添加“版權(quán)聲明”和“關(guān)于我們”                  
     制作版權(quán)信息部分                  
   6月29日陰利用JvavScript制作右鍵菜單及滾動字幕制作右鍵菜單                  
     寫JavaScript制作右鍵菜單                  
     創(chuàng)建右鍵菜單的JS文件                  
     在Dreamweaver中插入JavaScript代碼                  
     制作狀態(tài)欄滾動字幕                  
     制作狀態(tài)欄滾動字幕                  
   6月30日熱死了使用Dreamweaver行為創(chuàng)建翻轉(zhuǎn)圖片                  
     在Fireworks中創(chuàng)建供翻轉(zhuǎn)圖片                  
     在Dreamweaver中使用Behaviors(行為)創(chuàng)建翻轉(zhuǎn)圖片                  
   7月1日陰沒有雨我不得不換個域名!                  
   7月2日陰設(shè)置網(wǎng)站郵箱                  
     增加新郵箱                  
     在Outlook Express中增加Webmaster的帳號                  
     測試新郵箱                  
     設(shè)置郵箱別名                  
     使用代理／郵件服務(wù)器收發(fā)郵件                  
   7月3日陰上傳嘍！                  
     上傳首頁                  
     設(shè)置FTP帳號                  
     設(shè)置CutePTP的過濾器                  
     設(shè)置CuteFTP防火墻和SOCKS端口                  
     從我的網(wǎng)站上下載文件                  
     CuteFTP中的MP3搜索                  
   7月4日陰登錄搜索引擎                  
     手工登錄搜索引擎                  
     將狂人部落登錄到搜狐                  
     使用登錄軟件登錄搜索引擎                  
     安裝“登錄奇兵”                  
     使用登錄奇兵登錄搜索引擎                  
   7月5日陰制作欄目模板                  
     切割欄目頁面設(shè)計稿                  
     建立欄目頁面                  
     設(shè)定模板頁面的樣式表                  
     保存模板并設(shè)定可編輯區(qū)域                  
   7月6日還是陰制作文章內(nèi)容模板                  
     制作框架                  
     添加樣式                  
     添加可編輯區(qū)                  
   7月7日還是陰制作在線日記頁面                  
     測試Chronleless 3. 0腳本                  
     分析源代碼                  
     制作在線日記的頁面                  
     在首頁上加入Chromeless的腳本                  
     完善在線日記                  
   7月8日 熱 利用模板制作欄目頁面和文章內(nèi)容頁面                  
     利用模板制作文章內(nèi)容頁面                  
     利用模板制作欄目頁“Macromeda專區(qū)”                  
     制作相關(guān)下載頁面                  
     添加浮動提示框                  
     測試一下                  
     制作“版權(quán)聲明”以及“關(guān)樂我們頁面                  
   7月9日熱運用CSS的DropShadow濾鏡添加字體陰影效果                  
     在Dreamweaver中運用CSS中的DropShadow濾鏡                  
 武裝到牙齒——完善我們的網(wǎng)站                  
 拆穿DHTML的西洋鏡                  
 學(xué)Flash需要理由嗎?不需要嗎?需要嗎?不需要!!!                  
 全球經(jīng)典Flash網(wǎng)站閱兵式......                  
   7月9日晴有陣雨使用Flash需要理由嗎?                  
   7月10日晴有陣雨制作Flash標(biāo)題                  
     建立Flash框架                  
     新建文件                  
     導(dǎo)入圖像                  
     定義圖形符號                  
     在控制區(qū)域中調(diào)整背景                  
     制作頭像動畫                  
     生成四邊形                  
     在四邊形框內(nèi)做閃爍效果                  
     制作另外幾組矩形框閃現(xiàn)效果                  
     在四邊形框中加入人物頭像                  
     制作頭像的漸變效果                  
     將動畫加入到主場景                  
     制作按鈕                  
     新建按鈕圖形符號                  
     將按鈕添加到場景                  
     創(chuàng)建蒙板層                  
     制作蒙板                  
     在文字層添加文字                  
     為蒙板層關(guān)鍵幀添加標(biāo)記                  
   7月11日陰并悶熱著使用F1ash 5. 0的Aetions加入鼠標(biāo)響應(yīng)事件                  
     添加其他按鈕的Actions命令                  
     使用Actions制作交互式動畫                  
     武土的行走                  
     在庫中測試狂人武士的行走動畫                  
     把武士的各個動作統(tǒng)一放到一個層上                  
     制作狂人武土動畫                  
     添加按鈕的Actions                  
     為Actions編程語句重新命名圖形符號                  
     制作Actions層                  
     把狂人武士添加到主場景                  
     清理戰(zhàn)場                  
     添加loading                  
     輸出動畫                  
   7月10日睛有陣雨制作GIF動畫并添加DHTML廣告條                  
     制作跟隨波動條移動的廣告國標(biāo)                  
     用Fireworks制作GIF動畫第1幀                  
     添加幀                  
     制作第2幀                  
     制作第3幀                  
     制作第4幀                  
     設(shè)置幀延遲                  
     頸覽并導(dǎo)出GIF動畫                  
     安裝插件完成動態(tài)廣告條                  
     安裝Dreamweaver插件                  
     制作跟隨滾動條移動的廣告圖標(biāo)                  
   7月11日限并悶熱著整理鏈接, 將上傳進行到底                  
     整理鏈接                  
     檢查鏈接                  
     修復(fù)鏈接                  
     騙了個論壇                  
     修改站點內(nèi)鏈接                  
     將上傳進行到底                  
     上傳                  
   7月12日陰修改庫元素加入Flash標(biāo)題                  
     修改庫元素并插入Flash                  
   7月14日晴我們贏了!!