Dreamweaver MX 2004經(jīng)典案例課堂

Part 1 正確理解網(wǎng)頁，認(rèn)真制作網(wǎng)頁
Lesson 01 正確理解網(wǎng)頁
網(wǎng)頁的種類和必要性
Lesson 02 初學(xué)者的網(wǎng)頁，找到起跑點(diǎn)
明確網(wǎng)頁制作的目的和主題
需要了解的知識
制作網(wǎng)頁的工具
Lesson 03 網(wǎng)頁制作，Step by Step
Part 2 初識Dreamweaver
Lesson 01 安裝Dreamweaver MX 2004
安裝Dreamweaver MX 2004程序
將本書的范例文件復(fù)制到硬盤中
Lesson 02 Dreamweaver MX 2004的操作界面
Dreamweaver程序的操作界面
工具欄
插入工具欄
各種功能面板
Lesson 03 學(xué)習(xí)前的準(zhǔn)備活動(dòng)——指定網(wǎng)站
Lesson 04 Dreamweaver中的文件管理和預(yù)覽
新建文件
保存文件
在網(wǎng)頁瀏覽器中預(yù)覽最終畫面
打開保存的文件
Part 3 熟練掌握Dreamweaver的基本功能
Lesson 01 使用背景圖和邊距設(shè)置文檔環(huán)境
打開用于設(shè)置文檔環(huán)境的Page Progerties對話框
指定背景圖和邊距
指定文檔標(biāo)題
Lesson 02 輸入文本并整理段落
復(fù)制并粘貼文本內(nèi)容
分段與換行
插入空格
文本的縮進(jìn)方法
Lesson 03 利用列表項(xiàng)整理段落
準(zhǔn)備制作列表項(xiàng)
制作成列表項(xiàng)
Lesson 04 添加字體，更改文本的各種屬性
添加中文字體
應(yīng)用字號和字體
指定粗體和下劃線
指定文本顏色
Lesson 05 插入特殊符號，并居中對齊
插入特殊符號
居中對齊文本
Lesson 06 插入圖像并指定屬性
插入圖像
指定圖像屬性
Lesson 07 利用圖像占位符創(chuàng)建圖像的插入位置
使用圖像占位符選定位置
轉(zhuǎn)換成實(shí)際圖像
Lesson 08 剪切插入圖像，并調(diào)整大小
調(diào)整圖像大小
只剪切需要的區(qū)域
按照指定的大小剪切必要的部分
調(diào)整亮度，飽和度和清晰度
Lesson 09 制作透明GIF圖像
將背景顏色處理為透明，保存為透明GIF文件
Lesson 10 使用超鏈接
利用超鏈接連接外部網(wǎng)站和內(nèi)部網(wǎng)頁
建立下載文件或者其他圖像超鏈接
建立郵件超鏈接
確認(rèn)超鏈接效果
更改超鏈接和鏈接顏色
Lesson 11 制作隨意移動(dòng)的超鏈接
移動(dòng)到最頂端
移到文檔中指定的位置
Lesson 12 在同一個(gè)圖像上建立多個(gè)超鏈接
指定圖像熱區(qū)，建立超鏈接
編輯圖像熱區(qū)
Lesson 13 在跳轉(zhuǎn)菜單上建立超鏈接
插入跳轉(zhuǎn)菜單
居中對齊插入的跳轉(zhuǎn)菜單，并確認(rèn)其效果
Lesson 14 鼠標(biāo)經(jīng)過圖像
分別制作翻轉(zhuǎn)菜單
利用導(dǎo)航欄一次性制作所有菜單
Part 4 利用表格進(jìn)行頁面布局
Lesson 01 征服表格世界
制作表格
選擇表格整體、行、列、單元格
調(diào)整整個(gè)表格、行、列大小
插入/刪除行和列
合并/拆分單元格
Lesson 02 編輯表格和單元格
在表格和單元格內(nèi)填充背景圖像和背景色
設(shè)置表格和單元格邊框，并調(diào)整單元格間距
Lesson 03 填充圖像和文本
在單元格內(nèi)插入圖像，調(diào)整單元格大小
在單元格內(nèi)輸入文本，指定其屬性
利用CellPad指定單元格邊框和與內(nèi)容的間距，并對齊其內(nèi)容
排列整個(gè)表格，指定文檔屬性
Lesson 04 利用透明的表格設(shè)計(jì)整個(gè)網(wǎng)頁文檔布局
指定文檔屬性，并插入Border值為0的透明表格
在透明表格中插入透明表格和內(nèi)容1
在透明表格中插入透明表格和內(nèi)容2
在透明表格中插入其他文檔中的表格
Lesson 05 以字母順序整理表格樣式和單元格內(nèi)容
以字母順序排列表格內(nèi)的文本
使用Format Table功能設(shè)置單元格順序
Lesson 06 表格的細(xì)線表現(xiàn)技法
制作1像素和2像素線
利用CellSpace屬性制作細(xì)線
Lesson 07 使用布局表格
繪制布局表格，并指定其大小
繪制布局單元格，并編輯屬性
在布局單元格內(nèi)插入內(nèi)容
Lesson 08 將布局表格轉(zhuǎn)換為一般表格模式和擴(kuò)展表格模式
將布局表格結(jié)構(gòu)轉(zhuǎn)換為一般表格結(jié)構(gòu)，并復(fù)制、粘貼其他文檔內(nèi)的文本和圖像
利用擴(kuò)展表格模式調(diào)整圖像位置
Lesson 09 制作顯示底圖的布局
在文檔內(nèi)設(shè)置跟蹤圖像
以跟蹤圖像形態(tài)繪制布局表格和布局單元格
指定布局單元格背景和對齊方式，并插入內(nèi)容
切換到一般表格模式并進(jìn)行整理
Part 5 利用框架結(jié)構(gòu)有效管理網(wǎng)站
Lesson 01 在新文檔中制作框架集結(jié)構(gòu)
理解框架結(jié)構(gòu)的網(wǎng)頁文檔
制作由左右兩部分構(gòu)成的框架結(jié)構(gòu)
將框架和框架集分別保存為文件
Lesson 02 指定框架大小，制作文檔
利用Properties面板指定框架大小和高度
制作左側(cè)框架文檔
制作右側(cè)框架文檔
Lesson 03 鏈接框架中的網(wǎng)頁文檔和外部地址URL
單擊左側(cè)框架內(nèi)的菜單，顯示右側(cè)框架中的網(wǎng)頁文檔
在當(dāng)前框架中顯示網(wǎng)頁文檔
在其他窗口或整個(gè)窗口中顯示外部站點(diǎn)（URL）
Lesson 04 利用現(xiàn)有文檔制作框架
制作框架結(jié)構(gòu)，指定屬性
在各框架中導(dǎo)入文件并保存
在框架文檔中建立超鏈接
Lesson 05 單擊一次鼠標(biāo)，同時(shí)在兩個(gè)以上的框架內(nèi)顯示文檔
利用Go To URL行為
Lesson 06 利用iFrame功能在指定位置插入框架
在指定位置插入框架
以iFrame名稱建立超鏈接
Part 6 網(wǎng)頁文檔的特殊魅力，層的世界
Lesson 01 層的功能
了解層的特征
創(chuàng)建層，插入圖像
選擇創(chuàng)建的層
利用拖動(dòng)方式、方向鍵、Properties面板移動(dòng)層
調(diào)整層大小
填充層背景
Lesson 02 嵌套層
創(chuàng)建多個(gè)層
一次選擇多個(gè)層
一次性對齊多個(gè)層
統(tǒng)一調(diào)整多個(gè)層的大小
編輯層的重疊屬性
Lesson 03 利用層設(shè)計(jì)布局
利用層插入并排列內(nèi)容
從層結(jié)構(gòu)切換到表格結(jié)構(gòu)
在層上設(shè)置滾動(dòng)條
Lesson 04 玩拼圖
創(chuàng)建可拖動(dòng)的層，準(zhǔn)備拼圖圖像
應(yīng)用行為實(shí)現(xiàn)拖動(dòng)效果
Lesson 05 移近鼠標(biāo)彈出下拉菜單
復(fù)制文本制作下拉菜單，并指定Visible屬性
為菜單建立虛擬超鏈接后．應(yīng)用Show-Hide Layers行為
Part 7 樣式表的強(qiáng)大威力
Lesson 01 利用Properies面板將一段文字更改為自動(dòng)形成的樣式
制作應(yīng)用于段落中的兩種樣式
應(yīng)用樣式表
Lesson 02 利用內(nèi)部Class祥式表調(diào)整字體和行間距
利用CSS Styles面板制作兩種樣式
將制作的樣式應(yīng)用于各段落標(biāo)題和內(nèi)容上
修改樣式
Lesson 03 保存樣式，并應(yīng)用于其他網(wǎng)頁文檔中
制作為外部樣式表并保存
在其他文檔中打開樣式表，并應(yīng)用
修改為顯示段落背景色的樣式
Lesson 04 利用選擇的圖像制作列表項(xiàng)
制作無序項(xiàng)目列表
制作插入圖像項(xiàng)目符號的列表項(xiàng)樣式
Lesson 05 固定背景圖像的位置
指定文檔的背景圖像和文本屬性
修改body和td樣式
Lesson 06 利用樣式表制作獨(dú)特的表格邊框
制作雙線樣式的邊框
對單元格應(yīng)用樣式
Lesson 07 制作與文檔相配的個(gè)性滾動(dòng)條
復(fù)制彩色滾動(dòng)條素材，并粘貼到代碼視圖中
Lesson 08 隨意調(diào)整HTML標(biāo)簽
調(diào)整圖像插入標(biāo)簽．制作虛線邊框
修改水平線顏色
Lesson 09 翻轉(zhuǎn)文本菜單
指定文檔的超鏈接屬性
制作當(dāng)鼠標(biāo)翻轉(zhuǎn)時(shí)顯示背景顏色的文本菜單樣式
Lesson 10 在同一個(gè)文檔中顯示各種樣式的翻轉(zhuǎn)文本菜單
制作5種超鏈接樣式
對文本菜單應(yīng)用樣式
擴(kuò)展文本菜單的背景顏色區(qū)域，修改邊框和指針
Lesson 11 利用樣式表濾鏡，表現(xiàn)各種圖像效果
利用Gray濾鏡制作黑白圖像
利用Blur濾鏡制作模糊的圖像
利用Wave濾鏡制作晃動(dòng)的效果
利用Invert濾鏡制作出圖像的反相效果
制作鼠標(biāo)移近時(shí)顯示圖像的效果
Lesson 12 利用CSS Properties面板控制樣式表屬性
利用Duplicate命令復(fù)制樣式表．在CSS Properties
面板中修改屬性
利用Go To URL行為制作翻轉(zhuǎn)鼠標(biāo)時(shí)返回初始畫面的效果
Part 8 應(yīng)用多媒體內(nèi)容
Lesson 01 一起玩轉(zhuǎn)Flash影片
插入Flash影片
透明處理Flash影片的背景
Lesson 02 用按鈕控制Flash影片
利用Control Shockwave行為從頭播放Flash影片
Lesson 03 在Dreamweaver中制作Flash按鈕
Flash按鈕和超鏈接
Flash文本按鈕和超鏈接
Lesson 04 Flash圖像瀏覽器
插入自動(dòng)保存的Flash圖像瀏覽器,修改其屬性
水珠破裂的Applet
利用插入工具欄插入Applet
復(fù)制并粘貼WaterDrop Applet部分,修改其屬性
Lesson 05 利用Snow Applet營造圣誕氣氛
復(fù)制Snow Applet源代碼,插入到文檔中
根據(jù)文檔修改屬性
Lesson 07 處理各種背景音樂效果
下載文檔的同時(shí)播放背景音樂
轉(zhuǎn)換文檔畫面時(shí)也繼續(xù)播放音樂
Lesson 08 插入并控制視頻剪輯
單擊時(shí)在其他插件程序窗口中播放影片
直接插入到網(wǎng)頁文檔中的視頻剪輯
Part 9 利用行為增加網(wǎng)頁的生動(dòng)感
Lesson 01 賦予網(wǎng)頁文檔生命力
Lesson 02 制作單擊就打印并退出窗口的按鈕
利用Window.prit() JavaScript函數(shù)制作打印按鈕
利用Window. class()JavaScript函數(shù)制作關(guān)閉窗口的按鈕
Lesson 03 根據(jù)選擇的顏色調(diào)換Color Brush
定義交替圖像的名稱
制作單擊彩色圖像時(shí)交替顯示圖像的效果
Lesson 04 根據(jù)瀏覽器顯示各種網(wǎng)頁文檔
指定行為,制作文檔下載的同時(shí)根據(jù)網(wǎng)頁瀏覽器顯示文檔的效果
Lesson 05 根據(jù)事件彈出指定大小的新窗口
下載文檔的同時(shí)在指定大小的新窗口中顯示文檔
單擊即可在指定大小的新窗口中顯示文檔
Lesson 06 制作發(fā)出特效音的按鈕
單擊圖像時(shí)播放聲音的效果
Lesson 07 發(fā)出警告聲的同時(shí)彈出提示框
下載文檔時(shí)彈出警告對話框
Lesson 08 制作顯示菜單和級聯(lián)菜單的階梯式導(dǎo)航欄
添加一級和二級下拉菜單
指定下拉菜單的形態(tài)和位置
Lesson 09 根據(jù)翻轉(zhuǎn)狀態(tài)顯示層圖像的補(bǔ)充說明文字
指定層名，對按鈕圖像應(yīng)用Set Text of Layer行為
Lesson 10 在狀態(tài)欄上顯示每個(gè)按鈕菜單的補(bǔ)充說明文字
下載文檔的同時(shí)顯示文字
將鼠標(biāo)移到按鈕上時(shí)在狀態(tài)欄上顯示相應(yīng)文本內(nèi)容
Lesson 11 將鼠標(biāo)移到圖像縮覽框上時(shí)，顯示大圖像的效果
指定要變更的圖像名稱．并對縮覽圖像應(yīng)用Swap Image行為
Part 10 靈活應(yīng)用Command，資源，庫和模板
Lesson 01 利用命令取消重復(fù)操作
記錄2行1列．400像素的表格插入命令
執(zhí)行記錄的命令，插入內(nèi)容
Lesson 02 利用History永久記錄并執(zhí)行命令
利用History面板的Replay按鈕執(zhí)行命令
利用History面板永久保存命令
利用加載的命令制作推薦網(wǎng)站目錄
利用超鏈接和Color Schima功能一次指定文本和鏈接顏色
Lesson 03 將用DC拍攝的照片整理成Photo Album
利用Web Photo Album制作網(wǎng)頁文檔
根據(jù)站點(diǎn)風(fēng)格整理Web Photo Album文檔
Lesson 04 利用收藏夾功能添加并使用資源
利用Assets面板插入超鏈接
將常用的圖像加載到收藏夾內(nèi)
Lesson 05 利用統(tǒng)一風(fēng)格的模板制作網(wǎng)站各文檔
理解模板
加載為模板文檔
應(yīng)用模板制作4個(gè)文檔
在模板文檔中建立超鏈接．并修改文本屬性
Lesson 06 利用庫插入文檔的共同要素
庫(Library)的概念
將跳轉(zhuǎn)菜單加載到庫
在模板文檔中插入庫,并更新文檔
制作插入為庫的跳轉(zhuǎn)菜單的樣式表
Part 11 使用第三方插件擴(kuò)展Dreamweaver
Lesson 01 了解擴(kuò)展的概念
執(zhí)行擴(kuò)展管理程序
Lesson 02 禁止使用鼠標(biāo)右鍵
應(yīng)用在文檔中單擊鼠標(biāo)右鍵時(shí)彈出警告對話框的擴(kuò)展
修改發(fā)出警告音的同時(shí)彈出的警告提示框
Lesson 03 鏈接時(shí)顯示其他圖像
利用Random Image命令每次下載文檔時(shí)都顯示不同的圖像
Lesson 04 制作固定的廣告條
在文檔中應(yīng)用Persistent Layer擴(kuò)展和onLoad事件
Lesson 05 層動(dòng)畫效果
從中間逐漸向上下顯示內(nèi)容的Splite Vertical Out轉(zhuǎn)場動(dòng)畫
Lesson 06 利用Next和Previous按鈕控制幻燈效果
在文檔中應(yīng)用擴(kuò)展并插入幻燈效果
將控制文本按鈕轉(zhuǎn)換為圖像按鈕
Lesson 07 將鼠標(biāo)移到按鈕上控制滾動(dòng)條
應(yīng)用dHTML ScrollableArea命令
變更層內(nèi)的內(nèi)容．并將滾動(dòng)條的上下控制按鈕改換為圖像
Lesson 08 在網(wǎng)頁瀏覽器中全屏顯示文檔
應(yīng)用擴(kuò)展,表現(xiàn)單擊按鈕時(shí)以全屏模式顯示文檔的效果
Lesson 09 沒有邊框的特殊Chromless窗口
應(yīng)用行為，制作出單擊鼠標(biāo)時(shí)彈出Chromless窗口的效果
修改發(fā)生錯(cuò)誤的ChromIess Window行為
Lesson 10 根據(jù)圖像大小自動(dòng)彈出的窗口
單擊縮覽圖像,則在與原圖像大小相同的新窗口中顯示圖像
Part 12 創(chuàng)建一個(gè)完整的網(wǎng)站
Lesson 01 為創(chuàng)建站點(diǎn)收集材料
準(zhǔn)備主題和內(nèi)容
指定本地站點(diǎn)(Local Site)和遠(yuǎn)程站點(diǎn)(Remote Site)
Lesson 02 主頁面的制作
以表格組織畫面布局
鼠標(biāo)經(jīng)過導(dǎo)航欄的制作
根據(jù)單元格背景圖像調(diào)整單元格的高度
以1 pixel寬度的邊線圍繞表格
Lesson 03 子頁面的制作和超鏈接的設(shè)置
應(yīng)用子頁面的共同布局頁面,保存各個(gè)頁面
在主頁面中鏈接所有子頁面
在子頁面中進(jìn)行鏈接
Lesson 04 利用Site窗發(fā)布Web
連接Web賬戶/傳送/確認(rèn)最終結(jié)果