Dreamweaver CS5網頁設計實例教程（簡體書）

項目1網頁設計基礎

任務1.1認識網頁

1.1.1網頁的分類

1.1.2網頁設計常用術語

1.1.3網站開發流程

任務1.2了解HTML

1.2.1什么是HTML

1.2.2用HTML編寫自己的第一個網頁

1.2.3HTML中的常用標簽符號

任務1.3Dreamweaver CS5的安裝與使用

1.3.1安裝Dreamweaver CS

1.3.2使用Dreamweaver CS

1.3.3用Dreamweaver CS5建立一個網頁

項目小結

項目實訓

實訓1.1用HTML建立歡迎頁面

實訓1.2用Dreamweaver CS5建立歡迎頁面

項目2建立及管理網站

任務2.1在計算機上建立本地網站

2.1.1建立“我的第一個網站”

2.1.2本地站點的管理

2.1.3管理和編輯本地站點文件

任務2.2發布網站

2.2.1網站空間

2.2.2設置遠程服務器

2.2.3上傳網站

任務2.3網站的更新和維護

2.3.1本地和遠程文件夾的結構

2.3.2下載站點中的文件

2.3.3本地文件和遠程文件的同步

項目小結

項目實訓

實訓2.1為站點申請空間

實訓2.2建立并上傳網站“我的家”

項目3向網頁中添加各種元素

任務3.1向網頁中添加文本

3.1.1案例導入——建立“班級簡介”網頁

3.1.2在Dreamweaver中創建普通文本

3.1.3一些特殊文本的輸入

3.1.4文本的常用格式設置

3.1.5觀察文本對應的代碼

任務3.2向網頁中添加圖像

3.2.1案例導入——建立“汽車之家”網頁

3.2.2網頁中常用的圖像格式

3.2.3插入圖像

3.2.4給圖像描邊

3.2.5給無法顯示的圖像加注釋

3.2.6圖像的編輯

3.2.7圖文混排

3.2.8觀察圖像對應的代碼

任務3.3向網頁中添加聲音

3.3.1案例導入——建立“音樂播放”網站

3.3.2向網頁中插入可控制播放的聲音

3.3.3在網頁中應用背景聲音

任務3.4向網頁中添加視頻

3.4.1案例導入——建立“視頻播放”網頁

3.4.2向網頁中添加Flash動畫

3.4.3向網頁中添加FLV視頻

3.4.4向網頁中添加其他視頻文件

3.4.5觀察各種插入視頻的方法對應的代碼

項目小結

項目實訓

實訓3.1建立文字編輯網頁

實訓3.2建立“香香美食”網

項目4實現網頁的超級鏈接

任務4.1認識超級鏈接

4.1.1超級鏈接的分類

4.1.2超級鏈接的路徑

任務4.2創建內部超級鏈接

4.2.1案例導入——設置“九寨溝四季”系列頁面的內部超級鏈接

4.2.2創建文字超級鏈接

4.2.3創建圖像超級鏈接

4.2.4鼠標經過圖像鏈接

4.2.5觀察鏈接對應的代碼

4.2.6設置“九寨溝四季”系列頁面的內部超級鏈接

任務4.3創建錨記鏈接

4.3.1案例導入——設置“插花藝術”網頁的錨記鏈接

4.3.2創建命名錨記

4.3.3鏈接到命名錨記

4.3.4創建虛鏈接

4.3.5觀察錨記鏈接對應的代碼

4.3.6設置“插花藝術”網頁的錨記鏈接

任務4.4創建其他超級鏈接

4.4.1案例導入——向“九寨溝四季”網頁添加超級鏈接

4.4.2創建外部超級鏈接

4.4.3創建E?mail鏈接

4.4.4創建下載文件超級鏈接

4.4.5創建腳本鏈接

4.4.6為“九寨溝四季”網頁添加外部和電子郵件等鏈接

任務4.5編輯超級鏈接

4.5.1設置超級鏈接的外觀

4.5.2刪除超級鏈接

項目小結

項目實訓

實訓4.1制作“犬類美容”網頁的導航條

實訓4.2制作“黃山四絕”系列頁面

項目5用表格布局頁面

任務5.1表格的基本操作

5.1.1案例導入——制作“全球經典電影TOP 10”網頁

5.1.2創建表格

5.1.3調整表格的結構

5.1.4表格輸入內容

5.1.5利用“屬性”面板設置表格的外觀效果

5.1.6觀察表格對應的代碼

5.1.7制作“全球經典電影TOP 10”網頁

任務5.2表格中數據處理

5.2.1案例導入——制作“各專業畢業生人數統計”網頁

5.2.2數據的導入與導出

5.2.3數據的排序

5.2.4制作“各專業畢業生人數統計”網頁

任務5.3使用表格布局網頁

5.3.1案例導入——制作“畢業生就業信息網”首頁

5.3.2嵌套表格

5.3.3表格制作技巧

5.3.4表格布局網頁的設計要點

5.3.5制作“畢業生就業信息網”首頁

項目小結

項目實訓

實訓5.1制作“信息工程系圖形圖像11?2班課程表”網頁

實訓5.2制作“花影襲人”網站中“菊花簡介”的網頁

實訓5.3制作“信息工程系教學評估網”首頁

項目6用框架布局頁面

任務6.1創建框架網頁

6.1.1案例導入——制作“信息工程系課程表”網頁

6.1.2認識框架網頁

6.1.3創建框架網頁

6.1.4保存框架網頁

6.1.5觀察框架集文件對應的代碼

6.1.6制作“信息工程系課程表”框架網頁

任務6.2框架和框架集的基本操作

6.2.1案例導入——制作“花卉護理——牡丹”網頁

6.2.2選擇框架和框架集

6.2.3編輯框架集的屬性

6.2.4編輯框架的屬性

6.2.5調整框架的大小

6.2.6刪除框架

6.2.7制作“花卉護理——牡丹”網頁

任務6.3設置框架網頁的鏈接

6.3.1框架內的鏈接

6.3.2關鍵字的鏈接

項目小結

項目實訓

實訓6.1用框架技術制作“暗香盈袖”網站系列頁面

實訓6.2用框架技術制作“心情驛站”個人博客的首頁

項目7用CSS美化網頁

任務7.1認識CSS

7.1.1案例導入——對“影迷俱樂部”網站中的網頁應用CSS

7.1.2打開“新建CSS規則”的幾種方法

7.1.3CSS常用屬性

任務7.2建立和管理CSS樣式

7.2.1建立可應用于任何HTML元素的CSS樣式

7.2.2建立應用于一個HTML元素的CSS樣式

7.2.3建立應用于指定標簽的CSS樣式

7.2.4建立應用于指定范圍內標簽的CSS樣式

7.2.5建立應用于多個標簽的CSS樣式

7.2.6建立定義超級鏈接的CSS樣式

7.2.7觀察CSS樣式對應的代碼

7.2.8用“CSS樣式”面板管理CSS樣式

任務7.3建立并應用外部CSS樣式

7.3.1建立外部CSS樣式定義頁面文字和背景

7.3.2在一個網頁中應用已建好的外部樣式

任務7.4CSS常見應用

7.4.1用CSS控制段落樣式

7.4.2用CSS控制圖片樣式

7.4.3用CSS控制背景圖片的樣式

7.4.4用CSS美化列表

7.4.5應用CSS濾鏡

項目小結

項目實訓

實訓7.1為“影迷俱樂部”網站中的網頁設置格式

實訓7.2設置“茶文化”網頁

實訓7.3設置“新聞公告”網頁

項目8用CSS+Div布局頁面

任務8.1認識Div與CSS盒模型

8.1.1Div標簽

8.1.2CSS盒模型

任務8.2應用CSS實現定位

8.2.1CSS的定位方式

8.2.2相對定位

8.2.3絕對定位

8.2.4固定定位

8.2.5浮動

8.2.6清除浮動

任務8.3CSS+Div布局實例

8.3.1案例導入——個人博客頁面

8.3.2用CSS+Div布局網頁的步驟

8.3.3用CSS+Div布局個人博客網頁

項目小結

項目實訓

實訓8.1了解Dreamweaver CS5中的預設布局

實訓8.2用CSS+Div布局“園林設計”網頁

項目9向網頁添加行為

任務9.1了解行為

9.1.1認識行為

9.1.2附加行為

任務9.2使用Dreamweaver CS5內置的行為

9.2.1用“行為”面板實現交換圖像行為

9.2.2制作頁面打開時彈出廣告信息

9.2.3制作打開瀏覽器窗口

9.2.4制作可移動的面板

9.2.5下拉菜單的制作

9.2.6為元素添加特殊的動畫效果

任務9.3JavaScript行為的應用

9.3.1認識JavaScript

9.3.2調用JavaScript

9.3.3單擊按鈕背景顏色變換

9.3.4添加到收藏夾和設為首頁

9.3.5制作滾動文字

9.3.6實現鼠標跟隨特效

9.3.7實現懸浮廣告特效

9.3.8滾動圖片特效

項目小結

項目實訓

實訓9.1制作下拉菜單

實訓9.2實現JavaScript特效

實訓9.3給校園新聞網添加行為

項目10表單和Spry構件

任務10.1認識表單

10.1.1案例導入——制作會員登記表

10.1.2表單的組成

10.1.3創建表單域

任務10.2表單對象

10.2.1插入表單對象的方法

10.2.2文本域

10.2.3按鈕

10.2.4復選框

10.2.5單選按鈕

10.2.6列表菜單

10.2.7跳轉菜單

10.2.8文件域

10.2.9圖像域

10.2.10制作會員登記表

任務10.3Spry框架

10.3.1案例導入——制作“中原在線注冊”頁面

10.3.2認識Spry構件

10.3.3驗證文本域構件

10.3.4驗證文本區域構件

10.3.5驗證復選框構件

10.3.6驗證選擇構件

10.3.7驗證密碼構件

10.3.8驗證確認構件

10.3.9用Spry驗證構件制作“中原在線注冊”頁面

項目小結

項目實訓

實訓10.1利用表單制作個人簡介頁面

實訓10.2利用Spry驗證表單制作個人注冊頁面

項目11制作網站模板并使用模板創建網頁

任務11.1了解Dreamweaver CS5模板

任務11.2模板區域的類型

11.2.1認識模板區域

11.2.2模板區域的3種類型

任務11.3模板的使用

11.3.1案例導入——通過模板創建“中原在線”網站

11.3.2創建“中原在線”模板

11.3.3使用模板創建“中原在線”子頁面

任務11.4更新模板

項目小結

項目實訓

實訓11.1修改模板導航條

實訓11.2創建院系網頁模板，并創建院系網站

項目12網站制作實例

任務12.1網站布局規劃分析

12.1.1案例導入——制作“海南旅游”網站

12.1.2網頁布局規劃

任務12.2制作主頁

12.2.1頁面的全局布局

12.2.2制作logo部分

12.2.3制作上部導航欄

12.2.4制作主體內容區

12.2.5制作彈出式子菜單

12.2.6制作圖片循環播放效果

12.2.7制作版權信息部分并使用分隔線

任務12.3制作子頁

12.3.1進行頁面的全局布局

12.3.2布局主體內容區

12.3.3制作主體內容區左側圖片鏈接

12.3.4制作主體內容區右側圖片鏈接

項目小結

項目實訓

實訓完成本項目網頁的制作

參考文獻

顯示全部信息