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

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