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

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