第1章 網絡及Dreamweaver基礎知識
1.1 網絡基礎知識 2
1.1.1 什么是網絡 2
1.1.2 什么是因特網域名 2
1.1.3 網絡的作用 2
1.1.4 Dreamweaver能做什么 3
1.2 熟悉Dreamweaver的操作界面 3
1.2.1 插入工具欄 4
1.2.2 工具欄 7
1.2.3 【屬性】面板 7
1.2.4 浮動面板組的基本操作 8
1.3 創(chuàng)建網站制作空間 9
1.4 使用色彩給網站定位 10
1.4.1 紅色的應用 10
1.4.2 橙色的應用 11
1.4.3 黃色的應用 11
1.4.4 綠色的應用 12
1.4.5 藍色的應用 12
1.4.6 其他顏色的應用 12
1.5 小結 13
第2章 學習網頁組成三要素
2.1知識要點 16
2.1.1 設置網頁文檔屬性 16
2.1.2 隨意修改文字屬性 18
2.1.3 在Dreamweaver中添加新字體 20
2.1.4 利用項目列表整理復雜內容 21
2.2 知識點實例點撥 24
2.2.1 有點成就感—制作“音樂專輯簡介頁面” 24
制作思路 24
制作流程 24
范例操作——制作“音樂專輯簡介頁面” 24
2.2.2 更上一層樓—制作“企業(yè)簡介頁面” 26
制作思路 26
制作流程 27
范例操作——制作“企業(yè)簡介頁面” 27
2.3 文本知識回顧 28
2.3.1 自己動手—制作“個人簡介頁面” 28
2.3.2 “個人簡介頁面”操作流程 29
2.4 知識要點 29
2.4.1 圖像的插入與編輯 29
2.4.2 如何將圖像設置為背景 30
2.4.3 制作鼠標響應的翻轉菜單 32
2.4.4 使Flash透明顯示 33
2.5 知識點實例點撥 34
2.5.1 有點成就感—制作“芽芽兒健康快車頁面” 34
制作思路 34
制作流程 35
范例操作——制作“芽芽兒健康快車頁面” 35
2.5.2 更上一層樓——制作“星級賓館頁面” 36
制作思路 36
制作流程 36
范例操作——制作“星級賓館頁面” 37
2.6 知識回顧 40
2.6.1 自己動手—制作“化妝品網站頁面” 40
2.6.2 “化妝品網站頁面”制作流程 41
2.7 超鏈接的應用 41
2.7.1 創(chuàng)建文字超鏈接 41
2.7.2 創(chuàng)建圖像超鏈接 42
2.7.3 其他鏈接 44
第3章 編排網頁內容
3.1 知識要點 46
3.1.1 創(chuàng)建表格及表格的屬性設置 46
3.1.2 設置單元格的屬性 47
3.1.3 在布局模式下繪制表格及設置屬性 48
3.1.4 靈活應用布局單元格 49
3.2 知識點實例點撥 51
3.2.1 有點成就感—制作“昌鵬青瓷廠網站頁面” 51
制作思路 51
制作流程 51
范例操作——制作“昌鵬青瓷廠網站頁面” 52
3.2.2 更上一層樓—制作“七里香飲食服務公司網站頁面” 55
制作思路 55
制作流程 55
范例操作——制作“七里香飲食服務公司網站頁面” 55
3.3 知識回顧 57
3.3.1 自己動手—制作“玩具工藝廠網站頁面” 58
3.3.2 “玩具工藝廠網站頁面”制作流程 58
3.4 知識要點 58
3.4.1 框架頁面的操作 58
3.4.2 創(chuàng)建框架頁面超鏈接 61
3.4.3 理解層的概念 62
3.4.4 創(chuàng)建并應用層 63
3.4.5 層與表格的相互轉換 65
3.5 知識點實例點撥 67
3.5.1 有點成就感—制作“迷你禮品店網站頁面” 67
制作思路 67
制作流程 67
范例操作——制作“迷你禮品店網站頁面” 67
3.5.2 更上一層樓—制作“幸運之星蛋糕坊網站頁面” 73
制作思路 73
制作流程 73
范例操作——制作“幸運之星蛋糕坊網站頁面” 73
3.6 知識回顧 76
3.6.1 自己動手—制作“珠寶公司網站頁面” 76
3.6.2 “珠寶公司網站頁面”制作流程 76
第4章 CSS樣式與網頁特效
4.1 知識要點 78
4.1.1 初識樣式表 78
4.1.2 在哪里創(chuàng)建樣式表 78
4.1.3 修飾文章段落 79
4.1.4 為表格添加邊框線修飾頁面 81
4.1.5 改變鼠標指針的形態(tài) 82
4.1.6 固定背景圖像 83
4.1.7 創(chuàng)建并應用外部樣式 85
4.1.8 在所有圖片上添加邊框 86
4.2 知識點實例點撥 87
4.2.1 有點成就感—制作“簡單的文字頁面” 88
制作思路 88
制作流程 88
范例操作——制作“簡單的文字頁面” 88
4.2.2 更上一層樓—制作“房地產公司網站頁面” 90
制作思路 90
制作流程 90
范例操作——制作“房地產公司網站頁面” 90
4.3 知識回顧 96
4.3.1 自己動手—制作“網站公司頁面” 96
4.3.2 “網站公司頁面”制作流程 96
4.4 知識要點 97
4.4.1 制作嵌套頁面 97
4.4.2 制作文字滾動效果 98
4.4.3 制作網頁上的自動顯示每天日期效果 98
4.4.4 制作鼠標跟隨效果 99
4.4.5 制作頁面前飄動圖像的效果 101
4.4.6 制作彈出式廣告窗口 103
4.4.7 借助第三方軟件制作各種特效 103
4.5 知識點實例點撥 106
4.5.1 有點成就感—制作“賓館網站頁面特效” 106
制作思路 106
制作流程 107
范例操作——制作“賓館網站頁面特效” 107
4.5.2 更上一層樓—制作“仿真食品網站頁面特效” 108
制作思路 108
制作流程 108
范例操作——制作“仿真食品網站頁面特效” 109
4.6 知識回顧 111
4.6.1 自己動手——制作“貿易公司網站頁面中的特效” 111
4.6.2 “貿易公司網站頁面中的特效”制作流程 111
第5章 模板、行為與動態(tài)頁面
5.1 知識要點 114
5.1.1 創(chuàng)建模板 114
5.1.2 管理模板 116
5.2 知識點實例點撥 116
5.2.1 有點成就感—制作“五金電器網站模板” 117
制作思路 117
制作流程 117
范例操作——制作“五金電器網站模板” 117
5.2.2 更上一層樓—制作“海蘭德五金電器有限公司網站頁面” 118
制作思路 118
制作流程 118
范例操作——制作“海蘭德五金電器有限公司網站頁面” 119
5.3 知識回顧 121
5.3.1 自己動手—制作“高保真食品公司網站” 121
5.3.2 “高保真食品公司網站”制作流程 121
5.4 知識點講解與實例操作 122
5.4.1 掌握行為基礎知識 122
5.4.2 Dreamweaver 中提供的動作類型 123
5.4.3 認識事件 123
5.4.4 動態(tài)按鈕的制作 125
5.4.5 彈出窗口頁面的制作 126
5.4.6 下拉菜單的制作 127
5.4.7 為網頁添加背景音樂 128
5.4.8 轉到URL 128
5.4.9 調用JavaScript函數 128
5.4.10 在網頁上顯示彈出信息 130
5.5 知識要點 131
5.5.1 何為表單 131
5.5.2 表單基礎 131
5.5.3 制作表單頁面 132
5.6 知識點實例點撥 136
5.6.1 有點成就感—制作“會員注冊頁面” 136
制作思路 136
制作流程 137
范例操作——制作“會員注冊頁面” 137
5.6.2 更上一層樓—制作“E-mail反饋表單網頁” 139
制作思路 139
制作流程 139
范例操作——制作“E-mail反饋表單網頁” 140
5.7 知識回顧 141
5.7.1 自己動手—制作“網上報名網頁” 141
5.7.2 “網上報名網頁”制作流程 142
第6章 商業(yè)網站全程制作
6.1 前期準備工作 144
6.1.1 明確網站風格和內容 144
6.1.2 站點的主題定位 145
6.1.3 網站整體結構設計 146
6.1.4 搜集建站所需資料 146
6.2 網站建設 147
6.2.1 創(chuàng)建本地站點 147
6.2.2 制作Flash廣告 147
6.2.3 制作Flash頁面動畫 155
6.2.4 制作頁面布局 156
6.2.5 利用準備好的頁面創(chuàng)建模板 162
6.2.6 應用模板制作內容頁 164
6.3 網上安家 172
6.3.1 上傳頁面 172
6.3.2 網站宣傳 174
6.4 小結 176
第7章 網頁設計精要——切圖與頁面制作
7.1 在Photoshop中切圖 178
7.1.1 切圖前的設置與切片命名 178
7.1.2 網頁上部切圖 179
7.1.3 網頁中部切圖 180
7.1.4 網頁底部切圖以及保存切圖 189
7.2 開始做網頁 190
7.2.1 制作網頁的上面部分 190
7.2.2 制作網頁的中間部分 192
7.2.3 制作網頁的底部 196
7.3 小結 197
附錄 快捷鍵
鄂公網安備 42010302001612號 