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

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