Web前臺(tái)設(shè)計(jì)實(shí)例教程

第Ⅰ篇  使用Dreamweaver 4.0進(jìn)行網(wǎng)頁設(shè)計(jì)和網(wǎng)站管理                  
 第1章  初識網(wǎng)頁                  
     1.1   網(wǎng)頁實(shí)例                  
       1.1.1  個(gè)人網(wǎng)站“星星點(diǎn)燈”                  
       1.1.2  商業(yè)網(wǎng)站“指南針”                  
     1.2   有關(guān)網(wǎng)頁制作的基礎(chǔ)知識                  
       1.2.1  網(wǎng)頁的基本組成元素                  
       1.2.2  HTML簡介                  
       1.2.3  WWW的工作機(jī)制                  
       1.2.4  網(wǎng)頁制作“三劍客”                  
     小結(jié)                  
 第2章  Dreamweaver 4.0概貌                  
     2.1  Dreamweaver 4.0的新增功能                  
     2.2  Dreamweaver 4.0的工作環(huán)境                  
       2.2.1   主編輯窗口                  
       2.2.2   屬性檢測器                  
       2.2.3   對象（Objects）面板                  
       2.2.4   啟動(dòng)（Launcher）面板                  
       2.2.5   歷史（History）面板                  
       2.2.6   HTML樣式（HTML Styles）面板                  
       2.2.7   CSS樣式（CSS Styles）面板                  
       2.2.8   庫（Library）面板                  
       2.2.9   HTML源代碼檢查器                  
       2.2.10  框架（Frames）面板                  
       2.2.11  層（Layers）面板                  
       2.2.12  模板（Templates）面板                  
       2.2.13  快捷菜單                  
     2.3   用戶參數(shù)的設(shè)置                  
       2.3.1  常規(guī)（General）參數(shù)設(shè)置                  
       2.3.2  源代碼顏色（Code Colors）參數(shù)設(shè)置                  
       2.3.3  源代碼格式（Code Format）參數(shù)設(shè)置                  
       2.3.4  代碼重寫（Code Rewriting）設(shè)置                  
       2.3.5  CSS樣式（CSS Styles）設(shè)置                  
       2.3.6  文件類型/編輯器（File Types/Editor）設(shè)置                  
       2.3.7  字體/編碼（Font/Encoding）參數(shù)設(shè)置                  
       2.3.8  突出顯示（Highlighting）參數(shù)設(shè)置                  
       2.3.9  面板（Panels）設(shè)置                  
       2.3.10  狀態(tài)欄（Status Bar）參數(shù)設(shè)置                  
       2.3.11  其他設(shè)置                  
     2.4   Dreamweaver 4.0的菜單簡介                  
     小結(jié)                  
 第3章  創(chuàng)建新的網(wǎng)頁                  
     3.1   本地站點(diǎn)管理                  
       3.1.1  新建本地站點(diǎn)                  
       3.1.2  站點(diǎn)文件管理                  
       3.1.3  站點(diǎn)地圖                  
     3.2   創(chuàng)建網(wǎng)頁                  
       3.2.1  創(chuàng)建網(wǎng)頁的有關(guān)操作                  
       3.2.2  設(shè)置頁面屬性                  
       3.2.3  網(wǎng)頁的預(yù)覽                  
     3.3   插入文本                  
       3.3.1  文本的樣式                  
       3.3.2  文本的顏色                  
     3.4   插入圖像                  
       3.4.1  插入普通圖像                  
       3.4.2  插入翻轉(zhuǎn)圖像                  
       3.4.3  外部圖像編輯器                  
       3.4.4  設(shè)置圖像屬性                  
     3.5   插入其他修飾符                  
       3.5.1  插入項(xiàng)目符號                  
       3.5.2  插入分隔線                  
       3.5.3  插入特殊字符                  
       3.5.4  插入日期和時(shí)間                  
       3.5.5  插入注釋文字                  
       3.5.6  插入行終止符號                  
     3.6   段落的格式                  
       3.6.1  創(chuàng)建新段落                  
       3.6.2  對齊段落                  
       3.6.3  縮進(jìn)段落                  
     3.7   創(chuàng)建超級鏈接                  
       3.7.1  文本的超級鏈接                  
       3.7.2  圖片的超級鏈接                  
     小結(jié)                  
 第4章  網(wǎng)頁定位技術(shù)                  
     4.1   表格                  
       4.1.1  創(chuàng)建表格                  
       4.1.2  設(shè)置表格屬性                  
       4.1.3  表格的嵌套                  
       4.1.4  填充表格                  
       4.1.5  表格的修改                  
       4.1.6  表格中行. 列及單元格的設(shè)置                  
     4.2   框架與框架集                  
       4.2.1  創(chuàng)建框架和框架集                  
       4.2.2  創(chuàng)建嵌套的框架集                  
       4.2.3  編輯框架                  
       4.2.4  生成無框架內(nèi)容                  
     4.3   圖層                  
       4.3.1  CSS簡介                  
       4.3.2  層的分類                  
       4.3.3  創(chuàng)建層                  
       4.3.4  設(shè)置層屬性                  
       4.3.5  有關(guān)層的操作                  
       4.3.6  層的嵌套                  
       4.3.7  將層轉(zhuǎn)換為表格                  
     4.4   模板                  
       4.4.1  模板的概念                  
       4.4.2  創(chuàng)建模板                  
       4.4.3  使用模板編輯器                  
       4.4.4  編輯模板                  
       4.4.5  自動(dòng)更新                  
       4.4.6  在模板中使用樣式. 時(shí)間線及行為                  
     小結(jié)                  
 第5章  動(dòng)態(tài)HTML技術(shù)                  
     5.1   什么是動(dòng)態(tài)HTML                  
     5.2   行為的概念                  
       5.2.1  什么是行為                  
       5.2.2  行為的附加及修改                  
     5.3   使用Dreamweaver 4.0中的行為                  
       5.3.1  調(diào)用JavaScript（Call JavaScript）                  
       5.3.2  改變屬性（Change Property）                  
       5.3.3  檢查瀏覽器（Check Browser）                  
       5.3.4  檢查插件（Check Plugin）                  
       5.3.5  控制Shockwave或Flash（Control Shockwave or Flash）                  
       5.3.6  拖動(dòng)圖層（Drag Layer）                  
       5.3.7  跳轉(zhuǎn)到URL（Go To URL）                  
       5.3.8  編輯跳轉(zhuǎn)菜單（Jump Menu）                  
       5.3.9  打開瀏覽器窗口（Open Browser Window）                  
       5.3.10  播放聲音（Play Sound）                  
       5.3.11  彈出信息（Popup Message）                  
       5.3.12  預(yù)載圖像（Preload Images）                  
       5.3.13  設(shè)置導(dǎo)航條圖像（Set Nav Bar Image）                  
       5.3.14  設(shè)置文本（Set Text）                  
       5.3.15  替換圖像（Swap Image）                  
       5.3.16  替換圖像恢復(fù)（Swap Image Restore）                  
       5.3.17  驗(yàn)證表單（Validate Form）                  
     5.4   用時(shí)間線制作DHTML動(dòng)畫                  
       5.4.1  時(shí)間線的概念                  
       5.4.2  準(zhǔn)備圖層                  
       5.4.3  使用時(shí)間線創(chuàng)建時(shí)間線動(dòng)畫                  
       5.4.4  通過拖動(dòng)路徑創(chuàng)建時(shí)間線動(dòng)畫                  
       5.4.5  修改時(shí)間線的屬性                  
       5.4.6  加入行為                  
     小結(jié)                  
                        第Ⅱ篇  使用Fireworks 4.0進(jìn)行網(wǎng)絡(luò)圖形設(shè)計(jì)                  
 第6章  Fireworks 4.0快速入門                  
     6.1   Fireworks 4.0簡介                  
       6.1.1  Fireworks的優(yōu)點(diǎn)                  
       6.1.2  Fireworks涉及的基本概念                  
       6.1.3  Fireworks 4.0的新增功能                  
     6.2  Fireworks 4.0應(yīng)用程序界面                  
       6.2.1  Fireworks 4.0的窗口結(jié)構(gòu)                  
       6.2.2  使用浮動(dòng)面板                  
     6.3  入門實(shí)例                  
     小結(jié)                  
 第7章  Fireworks 4.0實(shí)例                  
     7.1   Fireworks 4.0功能概覽                  
     7.2   繪圖工具的使用實(shí)例                  
       7.2.1  一個(gè)網(wǎng)站Logo圖像的制作                  
       7.2.2  十字花形按鈕的制作                  
     7.3   創(chuàng)建動(dòng)畫                  
       7.3.1  簡單動(dòng)畫的例子                  
       7.3.2  復(fù)雜動(dòng)畫創(chuàng)作實(shí)例之一——淡入. 淡出的動(dòng)畫效果                  
       7.3.3  復(fù)雜動(dòng)畫創(chuàng)作實(shí)例之二——一個(gè)主頁標(biāo)志（Logo）的制作                  
     7.4   熱點(diǎn)和切片                  
       7.4.1  創(chuàng)建熱點(diǎn)                  
       7.4.2  創(chuàng)建切片                  
     7.5   創(chuàng)建彈出菜單（Pop-up Menu）                  
     7.6   應(yīng)用Fireworks 4.0中的遮罩（Mask）                  
       7.6.1  創(chuàng)建位圖遮罩                  
       7.6.2  創(chuàng)建矢量遮罩                  
       7.6.3  區(qū)域內(nèi)遮罩                  
       7.6.4  多對象遮罩                  
       7.6.5  對象組遮罩                  
       7.6.6  文字遮罩                  
       7.6.7  一個(gè)利用遮罩原理生成按鈕的實(shí)例                  
     7.7   創(chuàng)建按鈕和導(dǎo)航條                  
       7.7.1  簡單二態(tài)按鈕的制作                  
       7.7.2  標(biāo)準(zhǔn)四態(tài)按鈕的制作                  
       7.7.3  導(dǎo)航條的制作                  
     7.8   動(dòng)態(tài)翻轉(zhuǎn)圖                  
       7.8.1  關(guān)于翻轉(zhuǎn)圖的基本概念                  
       7.8.2  利用拖拽方式制作翻轉(zhuǎn)圖                  
       7.8.3  傳統(tǒng)翻轉(zhuǎn)圖的制作方法                  
     小結(jié)                  
 第8章  Fireworks 4.0中文件的導(dǎo)入和導(dǎo)出                  
     8.1   文件的導(dǎo)入方式                  
       8.1.1  打開                  
       8.1.2  用導(dǎo)入方式生成Fireworks文檔                  
       8.1.3  在已打開的Fireworks文檔中導(dǎo)入文件                  
     8.2   文件的導(dǎo)出                  
       8.2.1  導(dǎo)出圖像實(shí)例                  
       8.2.2  導(dǎo)出的結(jié)果                  
       8.2.3  用導(dǎo)出向?qū)韺?dǎo)出圖像                  
       8.2.4  導(dǎo)出中的優(yōu)化和預(yù)覽                  
       8.2.5  導(dǎo)出一個(gè)區(qū)域                  
       8.2.6  導(dǎo)出矢量路徑                  
     小結(jié)                  
                          第Ⅲ篇  使用Flash 5.0進(jìn)行動(dòng)畫設(shè)計(jì)                  
 第9章  Flash 5.0概述                  
     9.1   Flash簡介                  
       9.1.1  Flash的發(fā)展背景                  
       9.1.2  Flash的特點(diǎn)                  
     9.2   初識Flash 5.0                  
       9.2.1  Flash 5.0的新增功能                  
       9.2.2  Flash 5.0對計(jì)算機(jī)環(huán)境的要求                  
       9.2.3  Flash 5.0的安裝                  
     9.3   Flash 5.0的工作環(huán)境                  
       9.3.1  基本工作環(huán)境介紹                  
       9.3.2  時(shí)間線窗口                  
       9.3.3  控制面板                  
     9.4   使用Flash 5.0建立一個(gè)動(dòng)畫                  
     9.5   學(xué)習(xí)資源                  
     小結(jié)                  
 第10章  基本動(dòng)畫制作                  
     10.1   動(dòng)畫中的幀                  
     10.2   運(yùn)動(dòng)變形動(dòng)畫示例                  
       10.2.1  轉(zhuǎn)動(dòng)的星星                  
       10.2.2  漸變的星星                  
     10.3   形狀變形動(dòng)畫示例                  
       10.3.1  一般變形動(dòng)畫                  
       10.3.2  可控變形動(dòng)畫                  
     10.4   色彩變化動(dòng)畫                  
     10.5  逐幀動(dòng)畫                  
     小結(jié)                  
 第11章  高級動(dòng)畫制作                  
     11.1   多層動(dòng)畫制作                  
     11.2   使用引導(dǎo)層                  
       11.2.1  鏈接引導(dǎo)層                  
       11.2.2  非鏈接引導(dǎo)層                  
     11.3   使用遮罩層                  
       11.3.1  遮罩層的基本使用                  
       11.3.2  水波效果                  
     11.4   合成聲音                  
       11.4.1  聲音的引入                  
       11.4.2  聲音的編輯                  
       11.4.3  聲音屬性                  
       11.4.4  在作品中使用聲音                  
     小結(jié)                  
 第12章  交互式動(dòng)畫                  
     12.1   交互式動(dòng)畫概述                  
     12.2   Flash 5.0的變量. 函數(shù)和表達(dá)式                  
       12.2.1  常量                  
       12.2.2  變量                  
       12.2.3  函數(shù)                  
       12.2.4  表達(dá)式及運(yùn)算符                  
     12.3   播放控制語句                  
       12.3.1  Go To（跳轉(zhuǎn)）語句                  
       12.3.2  Stop（停止）語句                  
       12.3.3  Play（播放）語句                  
       12.3.4  Toggle High Quality語句                  
       12.3.5  Stop All Sounds語句                  
     12.4   控制語句                  
       12.4.1  Set Variable（賦值）語句                  
       12.4.2  If與Else語句                  
       12.4.3  While循環(huán)語句                  
       12.4.4  Comment注釋語句                  
       12.4.5  Trace（跟蹤）語句                  
       12.4.6  函數(shù)調(diào)用                  
     12.5   動(dòng)畫播放控制                  
       12.5.1  setProperty（調(diào)整屬性）語句                  
       12.5.2  duplicateMovieClip和removeMovieClip（復(fù)制/刪除動(dòng)畫片段）語句                  
       12.5.3  裝載/卸載外部動(dòng)畫語句                  
       12.5.4  tellTarget（控制目標(biāo)）語句                  
       12.5.5  getURL（建立URL地址鏈接）語句                  
     小結(jié)                  
 第13章  Flash作品的輸出和發(fā)布                  
     13.1   作品的輸出（Export）                  
     13.2   作品的發(fā)布（Publish）                  
       13.2.1  發(fā)布當(dāng)前作品                  
       13.2.2  設(shè)置發(fā)布作品的格式和參數(shù)                  
       13.2.3  發(fā)布作品的播放效果預(yù)覽                  
     小結(jié)                  
                                第Ⅳ篇  創(chuàng) 作 實(shí) 例                  
 第14章  個(gè)人網(wǎng)站創(chuàng)作實(shí)例——Starshine                  
     14.1   個(gè)人網(wǎng)站設(shè)計(jì)概述                  
       14.1.1  整體規(guī)劃                  
       14.1.2  制作流程                  
       14.1.3  網(wǎng)站設(shè)計(jì)規(guī)則與禁忌                  
       14.1.4  網(wǎng)站版式結(jié)構(gòu)設(shè)計(jì)的一般原則                  
     14.2   個(gè)人網(wǎng)站實(shí)例                  
       14.2.1  網(wǎng)站內(nèi)容結(jié)構(gòu)                  
       14.2.2  目錄結(jié)構(gòu)                  
       14.2.3  建立網(wǎng)站地圖                  
       14.2.4  網(wǎng)站的版式設(shè)計(jì)                  
     14.3   制作引導(dǎo)頁                  
       14.3.1  引導(dǎo)頁分類                  
       14.3.2  制作引導(dǎo)頁中的動(dòng)畫                  
       14.3.3  引導(dǎo)頁的最終完成                  
     14.4  網(wǎng)頁元素的制作                  
       14.4.1  Logo的設(shè)計(jì)                  
       14.4.2  背景圖案的制作                  
       14.4.3  廣告條的制作                  
       14.4.4  小圖標(biāo)的制作                  
       14.4.5  標(biāo)題設(shè)計(jì)                  
     14.5   制作全局導(dǎo)航條                  
     14.6   制作首頁                  
     14.7   完成個(gè)人網(wǎng)站                  
       14.7.1  個(gè)人影集的制作                  
       14.7.2  科技版塊的制作                  
     14.8   全面檢查網(wǎng)站                  
     14.9   發(fā)布并宣傳自己的網(wǎng)站                  
       14.9.1  發(fā)布個(gè)人網(wǎng)站                  
       14.9.2  宣傳自己的網(wǎng)站                  
     小結(jié)                  
 第15章  綜合實(shí)例——商業(yè)網(wǎng)站“指南針”                  
     15.1   建設(shè)商業(yè)網(wǎng)站的準(zhǔn)備工作                  
       15.1.1  規(guī)劃商業(yè)網(wǎng)站                  
       15.1.2  建立商業(yè)網(wǎng)站的過程                  
     15.2   “指南針”網(wǎng)站實(shí)例概況                  
       15.2.1  瀏覽整個(gè)網(wǎng)站                  
       15.2.2  網(wǎng)站中各文件的層次安排                  
     15.3   建設(shè)商業(yè)網(wǎng)站——網(wǎng)頁設(shè)計(jì)與制作                  
       15.3.1  定義本地站點(diǎn)                  
       15.3.2  首頁設(shè)計(jì)                  
       15.3.3  頁面布局                  
       15.3.4  使用模板建設(shè)網(wǎng)站                  
     15.4   建設(shè)商業(yè)網(wǎng)站——設(shè)計(jì)和制作網(wǎng)頁圖像與動(dòng)畫                  
       15.4.1  個(gè)性化風(fēng)格                  
       15.4.2  Logo圖像的設(shè)計(jì)                  
       15.4.3  設(shè)計(jì)導(dǎo)航條按鈕                  
       15.4.4  使用Flash 5.0制作網(wǎng)站首頁動(dòng)畫                  
       15.4.5  發(fā)揮你的美術(shù)才能                  
     15.5   建設(shè)商業(yè)網(wǎng)站——電子商務(wù)實(shí)踐                  
       15.5.1   電子商務(wù)應(yīng)用的三種模式                  
       15.5.2  實(shí)現(xiàn)網(wǎng)上旅游預(yù)約                  
       15.5.3  在Dreamweaver 4.0中使用ASP                  
       15.5.4  如何實(shí)現(xiàn)社區(qū)特色服務(wù)                  
       15.5.5  站點(diǎn)的維護(hù)