Dreamweaver CS6網頁設計與制作實用教程

第1章 初識DreamweaverCS61
1.1DreamweaverCS6概述1
1.2DreamweaverCS6的工作環境1
1.2.1友善的開始頁面2
1.2.2DreamweaverCS6的工作界面3
1.2.3DreamweaverCS6的參數設置7
1.3創建網站框架7
1.3.1建立本地站點8
1.3.2創建和保存網頁10
1.4管理站點文件和文件夾11
1.4.1重命名文件和文件夾11
1.4.2移動文件和文件夾12
1.4.3刪除文件和文件夾12
1.5課后練習12

第2章 文本與文檔13
2.1網頁外觀屬性的設置13
2.1.1課堂實例——inhand公司網頁13
2.1.2設置頁邊距13
2.1.3網頁標題的設置15
2.1.4設置網頁的默認格式16
2.1.5輸入連續的空格16
2.2文本與文檔18
2.2.1課堂實例——葡萄酒公司網頁18
2.2.2設置文本屬性19
2.2.3段落設置23
2.3項目符號和編號列表24
2.3.1課堂實例——鮮花速遞網頁242.3.2設置項目符號和編號24
2.3.3插入日期和特殊符號26
2.3.4設置文本縮進格式29
2.4水平線、標尺、網格與輔助線29
2.4.1課堂實例——環球網頁29
2.4.2水平線30
2.4.3標尺32
2.4.4網格33
2.4.5輔助線34
2.5使用外部文本35
2.6課堂練習——制作古詩欣賞頁面36
2.7課后練習——新聞模塊頁面設置37

第3章 圖像和多媒體38
3.1圖像的插入38
3.1.1課堂實例——奔騰汽車網頁38
3.1.2網頁中使用的圖像格式38
3.1.3插入圖像39
3.1.4插入圖像占位符39
3.1.5插入鼠標經過時變化的圖像41
3.1.6設置圖像屬性41
3.1.7給圖片添加文字說明42
3.1.8創建圖像地圖43
3.2多媒體元素的應用43
3.2.1課堂實例——水稻種植合作社網頁43
3.2.2插入Flash動畫43
3.2.3插入FLV視頻45
3.2.4插入Shockwave影片47
3.2.5插入Applet程序47
3.2.6插入ActiveX控件48
3.2.7設置背景音樂48
3.3課堂練習——連鎖酒店網頁49
3.4課后練習——酒店網頁50

第4章 超鏈接51
4.1超鏈接的概念51
4.2文本超鏈接52
4.2.1課堂實例——學校網頁52
4.2.2創建文本鏈接53
4.2.3使用指向文件圖標創建鏈接54
4.2.4文本鏈接的狀態55
4.2.5FTP鏈接56
4.2.6郵件鏈接56
4.3圖像超鏈接57
4.3.1課堂實例——兒童照相館網頁57
4.3.2圖像超鏈接57
4.3.3創建熱點鏈接59
4.3.4空鏈接59
4.4命名錨記超鏈接60
4.4.1課堂實例——課程介紹60
4.4.2命名錨記鏈接60
4.5課堂練習——電子商城網站61
4.6課后練習——電視廣告62

第5章 使用表格63
5.1表格的處理63
5.1.1課堂實例——足球明星網頁63
5.1.2表格的組成63
5.1.3選擇表格65
5.1.4設置表格和單元格的屬性65
5.1.5合並與拆分單元格66
5.1.6添加或刪除行和列67
5.1.7增加和刪除表格的行和列67
5.1.8足球明星網頁的設計70
5.2網頁中的表格數據70
5.2.1課堂實例——課程表的制作70
5.2.2導入和導出表格的數據70
5.2.3排序表格73
5.3課堂練習——班級網頁74
5.4課后練習——房地產網頁75

第6章 使用框架76
6.1框架與框架集76
6.1.1框架網頁的優缺點77
6.1.2課堂實例——綠色茶庄網頁77
6.1.3建立框架集77
6.1.4保存框架和框架集80
6.1.5為框架添加內容83
6.1.6框架和框架集的選擇85
6.1.7編輯框架或框架集85
6.1.8框架集和框架的屬性設置86
6.1.9框架中的鏈接88
6.1.10解決瀏覽器無法顯示框架的問題88
6.2課堂練習——班級網站后台維護系統網頁89
6.3課后練習——快餐訂購網頁90

第7章 使用APDIV層91
7.1APDIV層的基本操作91
7.1.1課堂實例——時尚前沿網頁91
7.1.2創建APDIV層92
7.1.3編輯APDIV層95
7.1.4APDIV層的可見性設置99
7.1.5APDIV層的溢出與裁切99
7.1.6Z軸確定APDIV層的堆疊順序100
7.1.7層的刪除101
7.2應用層設計表格101
7.2.1課堂實例——酒樓網頁101
7.2.2APDIV層與表格的轉換101
7.3課堂練習——手機導航網頁103
7.4課后練習——化妝品公司網頁103

第8章 CSS樣式104
8.1CSS樣式的概念104
8.2CSS樣式104
8.2.1「CSS樣式」面板105
8.2.2為文檔添加樣式的方法107
8.2.3CSS樣式的規則和類型107
8.2.4CSS樣式的屬性112
8.2.5課堂實例——青春運動網頁119
8.3過濾器126
8.3.1課堂實例——機械廠網頁126
8.3.2可應用過濾的HTML標簽129
8.3.3CSS的靜態過濾器129
8.3.4CSS的動態過濾器129
8.4Div層布局129
8.4.1Div標簽的基本操作130
8.4.2Div+CSS布局131
8.5課堂練習——利用CSS+DIV進行網頁布局133
8.6課后練習——商業公司網頁134

第9章 模板和庫135
9.1模板135
9.1.1課堂實例——婚禮策划網頁135
9.1.2創建模板135
9.1.3設計模板137
9.1.4定義可編輯區域138
9.1.5應用模板139
9.1.6管理模板141
9.2庫142
9.2.1課堂實例——有機蔬菜網頁142
9.2.2創建庫項目143
9.2.3向頁面添加庫項目143
9.2.4操作庫項目144
9.2.5將庫項目與源文件分離146
9.3課堂練習——美食網頁146
9.4課后練習——飲食資訊網頁147

第10章 使用表單148
10.1使用表單148
10.1.1課堂實例——用戶注冊頁面148
10.1.2插入表單148
10.1.3插入文本字段151
10.1.4插入隱藏域152
10.1.5插入復選框和復選框組152
10.1.6插入單選按鈕和單選按鈕組153
10.1.7插入列表和菜單155
10.1.8插入跳轉菜單155
10.1.9插入圖像域156
10.1.10插入文件域157
10.1.11添加按鈕157
10.1.12用戶注冊頁面158
10.2Spry構件164
10.2.1Spry驗證文本域165
10.2.2Spry驗證文本區域166
10.2.3Spry驗證復選框166
10.2.4Spry驗證選擇167
10.3課堂練習——用戶注冊網頁168
10.4課后練習——產品注冊網頁169

第11章 使用行為170
11.1課堂實例——娛樂新聞網頁170
11.2行為171
11.2.1「行為」面板171
11.2.2應用「行為」172
11.2.3認識常見「行為」動作173
11.2.4常見「行為」事件175
11.2.5實現「娛樂新聞網頁」176
11.3課堂練習——光電設備公司網頁177
11.4課后練習——葡萄酒公司網頁178
11.5課后練習——攝影作品網頁179

第12章 網站的測試和發布180
12.1網站的測試180
12.1.1檢查瀏覽器兼容性180
12.1.2檢查站點中的鏈接錯誤181
12.2課堂實例——網站站點管理與測試182
12.2.1創建新站點182
12.2.2檢查網站超鏈接185
12.2.3利用站點「查找和替換」功能修改網站185
12.3網站的發布186
12.3.1申請注冊域名186
12.3.2課堂上傳網站到空間187
12.4課堂實例——上傳網站到空間187
12.4.1申請域名空間187
12.4.2上傳網站到空間188
12.5課堂練習——建立一個站點並上傳到空間190

第13章 綜合實訓191
13.1攝影網頁191
13.1.1項目背景及要求191
13.1.2制作要點192
13.2設計餐廳網頁192
13.2.1項目背景及要求192
13.2.2制作要點193
13.3「時尚風」網頁193
13.3.1項目背景及要求193
13.3.2制作要點194
13.4「前程無憂」基本個人信息網頁194
13.4.1項目背景及要求194
13.4.2制作要點195
13.5「外賣網」頁195
13.5.1項目背景及要求195
13.5.2制作要點196

參考文獻197