網(wǎng)頁(yè)設(shè)計(jì)經(jīng)典范例

第1章  網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)                  
 1. 1  網(wǎng)頁(yè)的設(shè)計(jì)構(gòu)思和布局                  
 1. 1. 1  網(wǎng)頁(yè)知識(shí)                  
 1. 1. 2  網(wǎng)頁(yè)的設(shè)計(jì)構(gòu)思                  
 1. 1. 3  網(wǎng)頁(yè)的布局                  
 1. 2  PireworksMX簡(jiǎn)介                  
 1. 2. 1  Fireworks軟件介紹                  
 1. 2. 2  FireworksMX的新特點(diǎn)和新功能                  
 1. 3  DreamweaverMX簡(jiǎn)介                  
 1. 3. 1  Dreamweaver軟件介紹                  
 1. 3. 2  DreamweaverMX的新特點(diǎn)和新功能                  
 1. 4  FlashMX簡(jiǎn)介                  
 1. 4. 1  Flash軟件介紹                  
 1. 4. 2  FlashMX的新特點(diǎn)和新功能                  
 第2章  經(jīng)典實(shí)例1：個(gè)人主頁(yè)"靜心軒書(shū)屋"                  
 2. 1  實(shí)例介紹                  
 2. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 2. 3  知識(shí)點(diǎn)                  
 2. 4  制作10go(站標(biāo))動(dòng)態(tài)圖片                  
 2. 4. 1  導(dǎo)入并處理靜態(tài)圖片                  
 2. 4. 2  為圖片添加文字                  
 2. 4. 3  保存并導(dǎo)出圖片                  
 2. 5  制作背景圖片                  
 2. 6  制作欄目圖片                  
 2. 6. 1  制作欄目圖片1                  
 2. 6. 2  制作欄目圖片2. 3. 4                  
 2. 7  規(guī)劃和定義站點(diǎn)                  
 2. 7. 1  規(guī)劃站點(diǎn)                  
 2. 7. 2  定義站點(diǎn)                  
 2. 8  使用DreamweaverMX中的布局視圖制作網(wǎng)頁(yè)                  
 2. 8. 1  選擇布局視圖并插入背景圖片                  
 2. 8. 2  插入logo圖片                  
 2. 8. 3  制作站點(diǎn)導(dǎo)航欄                  
 2. 8. 4  制作欄目區(qū)                  
 2. 8. 5  制作新用戶注冊(cè)區(qū). 推薦原創(chuàng)作品區(qū)和友情鏈接區(qū)                  
 2. 8. 6  制作版權(quán)聲明                  
 2. 8. 7  制作鼠標(biāo)特效                  
 2. 8. 8  保存并預(yù)覽網(wǎng)頁(yè)                  
 2. 9  利用DreamweaverMX上傳網(wǎng)頁(yè)                  
 2. 9. 1  建立遠(yuǎn)程站點(diǎn)                  
 2. 9. 2  上傳文件                  
 第3章  經(jīng)典實(shí)例2：表單網(wǎng)頁(yè)"用戶注冊(cè)網(wǎng)頁(yè)"                  
 3. 1  實(shí)例介紹                  
 3. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 3. 3  知識(shí)點(diǎn)                  
 3. 4  制作旋舞圖片                  
 3. 4. 1  為橢圓著色                  
 3. 4. 2  實(shí)現(xiàn)動(dòng)態(tài)效果                  
 3. 5  制作網(wǎng)頁(yè)宣傳圖片                  
 3. 5. 1  制作網(wǎng)頁(yè)宣傳圖片1                  
 3. 5. 2  制作網(wǎng)頁(yè)宣傳圖片2                  
 3. 5. 3  制作網(wǎng)頁(yè)宣傳圖片3                  
 3. 6  制作熒光棒圖片                  
 3. 7  制作矩形圖片                  
 3. 8  利用Dreamweaver MX制作表單網(wǎng)頁(yè)                  
 3. 8. 1  制作表單網(wǎng)頁(yè)1(用戶注冊(cè)頁(yè)面)                  
 3. 8. 2  制作表單網(wǎng)頁(yè)2(服務(wù)條款頁(yè)面)                  
 3. 8. 3  制作表單網(wǎng)頁(yè)3(輸入信息頁(yè)面)                  
 第4章  經(jīng)典實(shí)例3：框架網(wǎng)頁(yè)"精品導(dǎo)讀"                  
 4. 1  實(shí)例介紹                  
 4. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 4. 3  知識(shí)點(diǎn)                  
 4. 4  制作宣傳圖片                  
 4. 4. 1  制作宣傳圖片1                  
 4. 4. 2  制作宣傳圖片2                  
 4. 5  制作鏈接圖片和水珠圖片                  
 4. 5. 1  制作鏈接圖片1                  
 4. 5. 2  制作鏈接圖片2                  
 4. 5. 3  制作鏈接圖片3                  
 4. 5. 4  制作水珠效果圖片                  
 4. 6  建立框架并制作輔助框架中的網(wǎng)頁(yè)                  
 4. 6. 1  創(chuàng)建并保存框架和框架集                  
 4. 6. 2  制作頂框架中的網(wǎng)頁(yè)                  
 4. 6. 3  制作左框架中的網(wǎng)頁(yè)                  
 4. 7  制作在主框架中顯示的網(wǎng)頁(yè)                  
 4. 7. 1  制作網(wǎng)頁(yè)之1                  
 4. 7. 2  制作網(wǎng)頁(yè)之2                  
 4. 7. 3  制作網(wǎng)頁(yè)之3                  
 第5章  經(jīng)典實(shí)例4, 新聞網(wǎng)頁(yè)"寰球新聞網(wǎng)"                  
 5. 1  實(shí)例介紹                  
 5. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 5. 3  知識(shí)點(diǎn)                  
 5. 4  制作logo圖片                  
 5. 5  制作輔助欄目圖片                  
 5. 5. 1  制作輔助欄目圖片1                  
 5. 5. 2  制作輔助欄目圖片2. 3和4                  
 5. 6  制作主欄目圖片                  
 5. 6. 1  制作主欄目圖片1                  
 5. 6. 2  制作主欄目圖片2                  
 5. 6. 3  制作主欄目圖片3. 4. 5                  
 5. 7  制作版權(quán)圖片                  
 5. 8  制作導(dǎo)航圖片                  
 5. 8. 1  制作導(dǎo)航圖片1                  
 5. 8. 2  制作導(dǎo)航圖片2. 3. 4. 5                  
 5. 9  制作藍(lán)天白云圖片                  
 5. 10  制作條形圖片                  
 5. 11  制作Flash宣傳動(dòng)畫                  
 5. 11. 1  制作元件                  
 5. 11. 2  制作bgl層                  
 5. 11. 3  制作boardl層                  
 5. 11. 4  制作board2層                  
 5. 11. 5  制作text1層                  
 5. 11. 6  制作text2層                  
 5. 11. 7  制作text3層                  
 5. 11. 8  制作text4層                  
 5. 11. 9  制作bg2層                  
 5. 11. 10  保存并發(fā)布動(dòng)畫                  
 5. 12  利用Dreamweaver MX制作網(wǎng)頁(yè)                  
 5. 12. 1  制作網(wǎng)頁(yè)的上部分                  
 5. 12. 2  制作網(wǎng)頁(yè)的輔助欄目區(qū)                  
 5. 12. 3  制作主欄目區(qū)                  
 第6章  經(jīng)典實(shí)例5：兒童網(wǎng)頁(yè)"箐箐少兒網(wǎng)"                  
 6. 1  實(shí)例介紹                  
 6. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 6. 3  知識(shí)點(diǎn)                  
 6. 4  制作10go圖片                  
 6. 5  制作兒童圖片                  
 6. 6  制作小雞圖片                  
 6. 7  制作特效文字                  
 6. 7. 1  制作動(dòng)態(tài)文字"箐箐大觀園"(z1,gif)                  
 6. 7. 2  制作靜態(tài)文字"最新更新"(a1. git)                  
 6. 7. 3  制作靜態(tài)文字"還沒(méi)有!"(als. gif)                  
 6. 7. 4  制作動(dòng)態(tài)文字"童話故事"(a2. gif)                  
 6. 7. 5  制作靜態(tài)文字"真的很精彩!"(a2s. gif)                  
 6. 7. 6  制作動(dòng)態(tài)文字"兒童歌謠"(a3. gif)                  
 6. 7. 7  制作靜態(tài)文字"???"(a3s. gif)                  
 6. 7. 8  制作靜態(tài)文字"卡通圖庫(kù)"(a4. gif)                  
 6. 7. 9  制作靜態(tài)文字"好漂亮啁!"(a4s. gif)                  
 6. 7. 10  制作靜態(tài)文字"兒童作品"(a5. gif)                  
 6. 7. 11  制作靜態(tài)圖片"您的大作?"(aSs. giO                  
 6. 7. 12  制作靜態(tài)圖片"謎語(yǔ)故事"(a6. gif)                  
 6. 7. 13  制作靜態(tài)圖片"動(dòng)動(dòng)腦筋吧!"(a6s. gi6)                  
 6. 7. 14  制作動(dòng)態(tài)文字"免費(fèi)資源區(qū)"(z2. giO                  
 6. 7. 15  制作動(dòng)態(tài)文字"箐箐畫室"  (b1. gif)                  
 6. 7. 16  制作動(dòng)態(tài)文字"真好玩!"  (bls. gif)                  
 6. 7. 17  制作動(dòng)態(tài)文字"箐箐別傳"(b2. giO,                   
 6. 7. 18  制作靜態(tài)文字"我. . . "(b2s. gif)                  
 6. 7. 19  制作動(dòng)態(tài)文字"箐箐相冊(cè)"(b3. gi0                  
 6. 7. 20  制作靜態(tài)文字"真酷呆了!"(b3s. gif)                  
 6. 7. 21  制作動(dòng)態(tài)文字"箐箐樂(lè)園"(b4. giO                  
 6. 7. 22  制作靜態(tài)文字"好棒啁!"(b4s. giO                  
 6. 7. 23  制作靜態(tài)文字"箐箐信箱"(b5. giO                  
 6. 7. 24  制作靜態(tài)文字"交個(gè)朋友吧!"(b5s. gif)                  
 6. 7. 25  制作動(dòng)態(tài)文字"箐箐傳真"(b6. gif)                  
 6. 7. 26  制作動(dòng)態(tài)文字"灌水了!"(b6s. gif)                  
 6. 8  制作主頁(yè)                  
 6. 9  制作鏈接頁(yè)                  
 第7章  經(jīng)典實(shí)例6：游戲網(wǎng)頁(yè)"游戲(GAME)"                  
 7. 1  實(shí)例介紹                  
 7. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 7. 3  知識(shí)點(diǎn)                  
 7. 4  制作logo圖片                  
 7. 5  制作構(gòu)成網(wǎng)頁(yè)框架的靜態(tài)圖片                  
 7. 5. 1  制作構(gòu)成兩側(cè)版塊的圖片                  
 7. 5. 2  制作中間版塊標(biāo)題圖片                  
 7. 5. 3  制作橫線和豎線圖片                  
 7. 6  制作具有立體感的相片效果圖片                  
 7. 7  制作網(wǎng)頁(yè)宣傳動(dòng)畫                  
 7. 7. 1  制作元件                  
 7. 7. 2  制作主場(chǎng)景(場(chǎng)景)                  
 7. 8  制作鼠標(biāo)游戲動(dòng)畫(精靈跟隨者)                  
 7. 8. 1  制作按鈕元件but                  
 7. 8. 2  制作影片剪輯元件Mouse                  
 7. 8. 3  創(chuàng)建影片剪輯元件pipka4                  
 7. 9  制作電影字幕動(dòng)畫                  
 7. 9. 1  制作MaskText層                  
 7. 9. 2  制作GradientColor層                  
 7. 10  利用DreamweaverMX制作網(wǎng)頁(yè)                  
 7. 10. 1  制作網(wǎng)頁(yè)                  
 7. 10. 2  制作CSS樣式                  
 7. 10. 3  為網(wǎng)頁(yè)添加CSS樣式                  
 第8章  經(jīng)典實(shí)例7：美食網(wǎng)頁(yè)"中華精粹飲食網(wǎng)"                  
 8. 1  實(shí)例介紹                  
 8. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 8. 3  知識(shí)點(diǎn)                  
 8. 4  制作logo圖片                  
 8. 4. 1  制作文字"中華精粹飲食網(wǎng)"的動(dòng)態(tài)效果                  
 8. 4. 2  制作心形圖形的動(dòng)態(tài)效果                  
 8. 4. 3  制作文字"福"的動(dòng)態(tài)效果                  
 8. 5  制作版塊圖片                  
 8. 6  制作輔助欄目圖片                  
 8. 6. 1  制作輔助欄目圖片1                  
 8. 6. 2  制作輔助欄目圖片2                  
 8. 6. 3  制作輔助欄目圖片3                  
 8. 6. 4  制作輔助欄目圖片4                  
 8. 7  制作主欄目圖片                  
 8. 7. 1  制作主欄目圖片1                  
 8. 7. 2  制作主欄目圖片2. 3. 4. 5. 6                  
 8. 8  制作宣傳動(dòng)畫                  
 8. 8. 1  制作圖形元件1. 2. 3. 4. 5. 6. 7                  
 8. 8. 2  制作影片剪輯元件q3                  
 8. 8. 3  制作按鈕元件s1. s2. 33. s4. s5. s6. s7                  
 8. 8. 4  制作圖形元件8                  
 8. 8. 5  制作主場(chǎng)景(場(chǎng)景"                  
 8. 9  制作輔助欄目動(dòng)畫1                  
 8. 9. 1  制作圖形元件1. 2. 3. 4. 5                  
 8. 9. 2  制作圖形元件ball                  
 8. 9. 3  制作影片剪輯元件bubble                  
 8. 9. 4  制作主場(chǎng)景(場(chǎng)景)                  
 8. 10  制作輔助欄目動(dòng)畫2                  
 8. 10. 1  制作圖形元件textl                  
 8. 10. 2  制作主場(chǎng)景(場(chǎng)景)                  
 8. 11  制作輔助欄目動(dòng)畫3                  
 8. 11. 1  制作圖形元件1. 2. 3. 4. 5. 6. 7. 8. 9. 10,                   
 8. 11. 2  制作影片剪輯元件letmov                  
 8. 11. 3  制作主場(chǎng)景(場(chǎng)景1)                  
 8. 12  制作輔助欄目動(dòng)畫4                  
 8. 12. 1  制作圖形元件1Graphic和2Graphic                  
 8. 12. 2  制作影片剪輯元件1Movie和2Movie                  
 8. 12. 3  制作按鈕元件1Button和2Button                  
 8. 12. 4  制作主場(chǎng)景(場(chǎng)景)                  
 8. 13  利用Dreamweaver MX制作網(wǎng)頁(yè)                  
 8. 13. 1  制作網(wǎng)頁(yè)的上部分                   
 8. 13. 2  制作網(wǎng)頁(yè)的左側(cè)和右側(cè)版塊                  
 8. 13. 3  制作網(wǎng)頁(yè)中間的主欄目版塊                  
 8. 13. 4  制作網(wǎng)頁(yè)的友情鏈接和版權(quán)聲明                  
 第9章  經(jīng)典實(shí)例8：時(shí)尚網(wǎng)頁(yè)"時(shí)尚人生網(wǎng)"                  
 9. 1  實(shí)例介紹                  
 9. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 9. 3  知識(shí)點(diǎn)                  
 9. 4  制作logo圖片                  
 9. 5  制作導(dǎo)航圖片                  
 9. 6  制作欄目圖片                  
 9. 7  制作閃光文字效果                  
 9. 8  制作爆炸字效果                  
 9. 9  制作菜單動(dòng)畫                  
 9. 9. 1  制作小球                  
 9. 9. 2  制作小球運(yùn)動(dòng)的效果                  
 9. 9. 3  制作菜單按鈕                  
 9. 9. 4  制作主場(chǎng)景                  
 9. 10  制作網(wǎng)頁(yè)                  
 第10章  經(jīng)典實(shí)例9：動(dòng)漫網(wǎng)頁(yè)"逍遙動(dòng)漫網(wǎng)"                  
 10. 1  實(shí)例介紹                  
 10. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 10. 3  知識(shí)點(diǎn)                  
 10. 4  制作logo圖片                  
 10. 5  制作動(dòng)畫故事：龜兔賽跑                  
 10. 5. 1  制作元件                  
 10. 5. 2  制作場(chǎng)景                  
 10. 6  制作動(dòng)畫故事：圣誕老人                  
 10. 6. 1  制作元件                  
 10. 6. 2  制作主場(chǎng)景(場(chǎng)景1)                  
 10. 7  制作網(wǎng)頁(yè)                  
 第11章  經(jīng)典實(shí)例10：學(xué)校網(wǎng)頁(yè)"華宇大學(xué)網(wǎng)頁(yè)"                  
 11. 1  實(shí)例介紹                  
 11. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 11. 3  知識(shí)點(diǎn)                  
 11. 4  制作logo圖片                  
 11. 5  制作宣傳圖片                  
 11. 6  制作鏈接圖片ENGLISH                  
 11. 7  制作片頭動(dòng)畫                  
 11. 7. 1  制作彩色閃光氣泡效果                  
 11. 7. 2  制作主文字沿縱向拉伸和壓縮效果                  
 11. 7. 3  制作彩色閃光氣泡的隨機(jī)出現(xiàn)效果                  
 11. 7. 4  制作主場(chǎng)景(場(chǎng)景)                  
 11. 8  制作欄目動(dòng)畫                  
 11. 8. 1  制作滾動(dòng)窗口                  
 11. 8. 2  制作動(dòng)畫中要播放的圖片                  
 11. 8. 3  制作動(dòng)畫下方的按鈕                  
 11. 8. 4  制作彈出式菜單                  
 11. 8. 5  制作主場(chǎng)景(場(chǎng)景1)                  
 11. 9  利用DreamweaverMX制作網(wǎng)頁(yè)                  
 11. 9. 1  實(shí)現(xiàn)網(wǎng)頁(yè)的自動(dòng)跳轉(zhuǎn)                  
 11. 9. 2  制作主頁(yè)                  
 第12章  經(jīng)典實(shí)例11：門戶站點(diǎn)網(wǎng)頁(yè)"華夏家園"                  
 12. 1  實(shí)例介紹                  
 12. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 12. 3  知識(shí)點(diǎn)                  
 12. 4  制作網(wǎng)頁(yè)素材                  
 12. 4. 1  制作logo圖片                  
 12. 4. 2  制作慶祝國(guó)慶動(dòng)畫                  
 12. 4. 3  制作自由移動(dòng)的浮動(dòng)廣告動(dòng)畫                  
 12. 5  用DreamweaverMX制作網(wǎng)頁(yè)                  
 12. 5. 1  制作網(wǎng)頁(yè)的上部分                  
 12. 5. 2  制作表格的中間欄目部分                  
 12. 5. 3  制作網(wǎng)頁(yè)的尾部                  
 12. 5. 4  制作彈出式子窗口                  
 12. 5. 5  制作不隨屏幕滾動(dòng)而改變位置的"固定廣告"                  
 12. 5. 6  制作自由移動(dòng)的浮動(dòng)廣告                  
 第13章  經(jīng)典實(shí)例12：影視音樂(lè)網(wǎng)頁(yè)"MediaRays(媒體之光)"                  
 13. 1  實(shí)例介紹                  
 13. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 13. 3  知識(shí)點(diǎn)                  
 13. 4  制作場(chǎng)景(load)                  
 13. 4. 1  制作影片剪輯元件gridl                  
 13. 4. 2  制作影片剪輯元件percent                  
 13. 4. 3  制作場(chǎng)景(10ad)的過(guò)程                  
 13. 5  制作場(chǎng)景(場(chǎng)景)的Layerl層                  
 13. 5. 1  制作影片剪輯元件                  
 13. 5. 2  制作場(chǎng)景(場(chǎng)景)的Layer1層的過(guò)程                  
 13. 6  制作場(chǎng)景(場(chǎng)景1)的Layer2層                  
 13. 6. 1  制作圖形元件bar                  
 13. 6. 2  制作影片剪輯元件1                  
 13. 6. 3  制作影片剪輯元件vol                  
 13. 6. 4  制作場(chǎng)景(場(chǎng)景1)的Layer2層的過(guò)程                  
 13. 7  制作場(chǎng)景(場(chǎng)景1)的Layer 3層                  
 13. 7. 1  制作圖形元件1                  
 13. 7. 2  制作圖形元件Symbol2                  
 13. 7. 3  制作場(chǎng)景(場(chǎng)景1)的Layer3層的過(guò)程                  
 13. 8  制作場(chǎng)景(場(chǎng)景1)的Layer4層                  
 13. 8. 1  制作影片剪輯元件but Big Yellow Over                  
 13. 8. 2  制作按鈕元件but__Big Purple Button                  
 13. 8. 3  制作影片剪輯元件twinkle                  
 13. 8. 4  制作按鈕元件ABOUT. Lin. WEB. RES. WEBl                  
 13. 8. 5  制作圖形元件s                  
 13. 8. 6  制作影片剪輯元件ss4                  
 13. 8. 7  制作圖形元件links                  
 13. 8. 8  制作影片剪輯元件abo                  
 13. 8. 9  制作圖形元件webl                  
 13. 8. 10  制作圖形元件con                  
 13. 8. 11  制作影片剪輯元件12                  
 13. 8. 12  制作場(chǎng)景(場(chǎng)景1)的Layer4層的過(guò)程                  
 13. 9  制作場(chǎng)景(場(chǎng)景1)的Layer5層                  
 13. 9. 1  制作影片剪輯元件ZOOM                  
 13. 9. 2  制作按鈕元件AB. GAM. SIGNl. but Toons Button. button                  
 13. 9. 3  影片剪輯元件main                  
 13. 9. 4  制作場(chǎng)景(場(chǎng)景1)的Layer5層的過(guò)程                  
 13. 10  制作場(chǎng)景(場(chǎng)景1)的Layer6和Iayer7層                  
 13. 10. 1  制作圖形元件img_estrela_amarela                  
 13. 10. 2  制作影片剪輯元件mc estrelas amarela                  
 13. 10. 3  影片剪輯元件mc制作場(chǎng)景(場(chǎng)景1)_的estrelas6re層plicada                  
 13. 10. 4    Layer                  
 13. 10. 5  制作場(chǎng)景(場(chǎng)景1)的Layer7層                  
 第14章  經(jīng)典實(shí)例13：鏈接網(wǎng)頁(yè)"電影簡(jiǎn)介頁(yè)面"                  
 14. 1  實(shí)例介紹                  
 14. 2  網(wǎng)頁(yè)的布局設(shè)計(jì)和實(shí)現(xiàn)手段                  
 14. 3  知識(shí)點(diǎn)                  
 14. 4  制作元件                  
 14. 4. 1  制作影片剪輯元件lettera                  
 14. 4. 2  制作按鈕元件but                  
 14. 4. 3  制作影片剪輯元件Sbolo 3                  
 14. 4. 4  制作按鈕Sbol02                  
 14. 4. 5  制作影片剪輯元件Sbol01                  
 14. 5  制作主場(chǎng)景(場(chǎng)景1)                  
 14. 5. 1  制作Layer1層                  
 14. 5. 2  制作Layer2. Layer3. Layer4. Layer5. Layer6層                  
 14. 5. 3  制作Layer7層                  
 14. 5. 4  制作Layer8層                  
 14. 5. 5  制作Layer9層                  
 14. 5. 6  制作Layer10層