Dreamweaver CS6網頁設計與網站建設課堂實錄

Dreamweaver CS6網頁設計與網站建設課堂實錄

《Dreamweaver CS6網頁設計與網站建設課堂實錄》是2014年3月清華大學出版社出版的圖書,作者是劉貴國。

基本介紹

  • 書名:Dreamweaver CS6網頁設計與網站建設課堂實錄
  • 作者:劉貴國
  • 出版社:清華大學出版社
  • 出版時間:2014年3月
  • 定價:49 元
  • 開本:16 開
  • 裝幀:平裝
  • ISBN:9787302317111
內容簡介,編輯推薦,圖書目錄,

內容簡介

本書定位於Dreamweaver網頁設計網站建設初、中級,以課堂實錄的形式進行整體編排,內容涵蓋網站建設與網頁設計入門、網頁設計及網站動畫製作、站點的搭建與網頁內容的添加、網頁排版與布局、動態網站開發、網站發布與推廣、網站建設實戰。並通過大量生動的案例幫助讀者理解,總結製作經驗和技巧,為讀者製作網頁和網站提供捷徑,配套光碟贈送了相關的視頻教學檔案及素材幫助讀者加深理解。
  本書可作為網頁設計與網站請棄建設相關專業的教材和參考書,也可以作為網頁製作與網站建設愛好者的自學參考用書。

編輯推薦

著名網頁設計專家作品:劉貴國力作,案例全部來源於工作一線與教學實踐。
專為教學及自學量身定做:以課堂實錄的形式進行內容編排,包含64個相關視頻教學檔案。
知識點與實戰完美結合:12個大型實戰與52個課堂練一練結合,涵蓋所墊譽榆達有知識點。
完善的知識體系設計:網站建設與網頁設計的入門、動畫製作、站點的搭建與內容的添加、排版與布局、動態網站開發、網站發布與推廣、網站建設實戰。

圖書目錄

第1課動態網站建設基本流程
1.1網凶微妹站建設概述 2
1.1.1什麼是網站 2
1.1.2網站建設的目的 2
1.1.3建設網站學習內容 2
1.2網站的奔定墓類型 3
1.2.1個人網站 3
1.2.2電子商務類網站 3
1.2.3娛樂遊戲類網站 3
1.2.4時尚類網站 4
1.2.5新聞資訊類網站 4
1.2.6門戶類網站 4
1.3常用網頁製作軟體 4
1.3.1圖像設計軟體Photoshop和Fireworks 5
1.3.2動畫設計軟體Flash 5
1.3.3網頁設計軟體Dreamweaver 5
1.3.4HTML標記 6
1.3.5動態網頁程式語言ASP 7
1.4網站建設的一般流程嫌主再 7
1.4.1網站的目標定位 8
1.4.2申請網站域名 8
1.4.3申請伺服器空間 9
1.4.4網站整體規劃 10
1.4.5確定站點風格 10
1.4.6整理收集素材 11
1.4.7設計網頁圖章棕催像 11
1.4.8切圖並製作成頁面 11
1.4.9開發動態網站模組 11
1.4.10發布與上傳蒸詢辯拔 12
1.4.11網站最佳化 13
1.4.12網站維護 13
1.4.13網站的推廣 14
1.5習題測試 14
1.6本課小結 14
第2課頁面布局與色彩搭配
2.1基礎知識 16
2.1.1色彩的基本概念 16
2.1.2色彩的三要素 16
2.1.3網頁安全色 17
2.1.4網頁的色調 18
2.2各種色彩分析 18
2.2.1紅色 18
2.2.2黑色 18
2.2.3橙色 19
2.2.4灰色 19
2.2.5黃色 19
2.2.6綠色 20
2.2.7藍色 20
2.2.8紫色 20
2.2.9白色 20
2.3頁面色彩搭配 21
2.3.1網頁色彩搭配原理 21
2.3.2網頁設計中色彩搭配的技巧 21
2.4習題測試 23
2.5本課小結 24
第3課設計網站的圖片元素
3.1PhotoshopCS6介紹 26
3.1.1選單欄 26
3.1.2工具箱及工具選項欄 26
3.1.3文檔視窗及狀態欄 26
3.1.4面板 27
3.2網頁中的設計元素 27
3.2.1Logo 27
3.2.2導航欄 27
3.2.3網站Banner 28
3.2.4網頁圖像 28
3.2.5Flash動畫 28
3.3設計網站Logo 29
3.3.1網站Logo的重要性 29
3.3.2Logo的設計原則 29
3.3.3課堂練一練:設計網站Logo 29
3.4設計網站Banner 31
3.4.1網站Banner的設計原則 31
3.4.2課堂練一練:設計有動畫效果的
Banner 32
3.5製作網頁導航條 33
3.5.1導航設計的基本要求 33
3.5.2課堂練一練:設計橫嚮導航條 33
3.6習題測試 35
3.7本課小結 36
第4課快速掌握動畫設計軟體FlashCS6
4.1FlashCS6簡介 38
4.1.1Flash套用範圍 38
4.1.2FlashCS6工作界面 39
4.2文本操作基礎 41
4.2.1課堂練一練:靜態文本 42
4.2.2課堂練一練:輸入文本 42
4.2.3設定文本的基本屬性 43
4.3對文本使用濾鏡效果 44
4.3.1課堂練一練:給文本添加濾鏡 44
4.3.2設定濾鏡效果 45
4.4時間軸 47
4.4.1“時間軸”面板 47
4.4.2幀、關鍵幀和空白關鍵幀 47
4.5圖層的基本操作 48
4.5.1插入和重命名圖層 48
4.5.2調整圖層順序 49
4.5.3設定圖層屬性 49
4.5.4插入和編輯圖層資料夾 49
4.5.5刪除圖層 50
4.6元件 50
4.6.1元件的概念 50
4.6.2創建圖形元件 50
4.6.3創建影片剪輯 51
4.6.4創建按鈕 52
4.7動作面板 53
4.7.1“動作”面板的組成 53
4.7.2動作面板的工具 53
4.7.3工作中腳本的添加方法 54
4.8Flash動畫的最佳化與發布 56
4.8.1課堂練一練:最佳化動畫 56
4.8.2課堂練一練:測試動畫 57
4.9實戰:文字旋轉 57
4.10實戰:利用元件創建按鈕 60
4.11習題測試 64
4.12本課小結 64
第5課製作各種類型的網頁Flash動畫
5.1實戰套用:創建逐幀動畫 66
5.2補間動畫的製作 67
5.2.1課堂練一練:創建改變對象
大小的動畫 67
5.2.2課堂練一練:創建形狀補間動畫 68
5.3利用圖層製作動畫 70
5.3.1課堂練一練:創建引導動畫 70
5.3.2課堂練一練:創建遮罩動畫 72
5.4製作多媒體動畫 73
5.4.1課堂練一練:給Flash
卡通片頭添加聲音 73
5.4.2課堂練一練:製作Flash視頻動畫 74
5.5製作腳本動畫 75
5.5.1課堂練一練:製作傳送
電子郵件動畫 76
5.5.2課堂練一練:停止和播放按鈕 77
5.6習題測試 79
5.7本課小結 80
第6課開始建站之旅——熟悉DreamweaverCS6的工作環境
6.1認識DreamweaverCS6界面 82
6.1.1選單欄 82
6.1.2“插入”工具列 82
6.1.3面板組 83
6.1.4“屬性”面板 83
6.2體驗DreamweaverCS6的新功能 83
6.2.1可回響的自適應格線版面 84
6.2.2FTP快速上傳 84
6.2.3AdobeBusinessCatalyst集成 84
6.2.4增強型jQuery移動支持 84
6.2.5更新的PhoneGap 84
6.2.6CSS3過渡 85
6.2.7更新的實時視圖 85
6.2.8更新的多螢幕預覽面板 85
6.3 實戰:創建本地站點 85
6.4 管理站點 87
6.4.1 打開站點 87
6.4.2 編輯站點 87
6.4.3 刪除站點 87
6.4.4 複製站點 88
6.5習題測試 88
6.6本課小結 88
第7課添加網頁內容和多媒體元素
7.1文本的輸入和編輯 90
7.1.1課堂練一練:輸入文本 90
7.1.2課堂練一練:設定文本屬性 90
7.1.3課堂練一練:輸入特殊字元 92
7.2在網頁中插入圖像 93
7.2.1課堂練一練:插入圖像 93
7.2.2設定圖像屬性 94
7.2.3課堂練一練:插入滑鼠經過圖像 95
7.3 連結的設定 97
7.3.1連結的類型 97
7.3.2課堂練一練:設定文本連結 97
7.3.3 課堂練一練:創建錨記連結 98
7.3.4 課堂練一練:創建圖像熱點連結 100
7.3.5課堂練一練:創建電子郵件連結 102
7.3.6 課堂練一練:創建下載檔案的連結 103
7.4插入媒體 104
7.4.1課堂練一練:插入Flash動畫 104
7.4.2課堂練一練:插入視頻 105
7.4.3課堂練一練:在網頁中插入背景音樂 106
7.5實戰:製作圖文混排
的多媒體頁面 107
7.6習題測試 108
7.7本課小結 110
第8課使用行為和JavaScript點綴網頁特效
8.1特效中的行為和事件 112
8.1.1事件 112
8.1.2動作 113
8.2使用Dreamweaver內置行為 113
8.2.1課堂練一練:交換圖像 113
8.2.2課堂練一練:彈出提示信息 115
8.2.3課堂練一練:打開瀏覽器視窗 116
8.2.4課堂練一練:轉到URL 117
8.2.5課堂練一練:預先載入圖像 119
8.2.6課堂練一練:設定容器中的文本 120
8.2.7課堂練一練:顯示-隱藏元素 121
8.2.8課堂練一練:檢查表單 122
8.2.9課堂練一練:設定狀態欄文本 123
8.3利用腳本製作特效網頁 124
8.3.1JavaScript簡介 125
8.3.2JavaScript的放置位置 125
8.3.3JavaScript函式 126
8.3.4課堂練一練:製作滾動公告網頁 127
8.3.5課堂練一練:製作自動關閉網頁 128
8.4習題測試 128
8.5本課小結 130
第9課網頁的排版布局
9.1網頁版面布局設計 132
9.1.1網頁版面布局原則 132
9.1.2點、線、面的構成 132
9.2網頁排版布局方法 133
9.2.1紙上布局草圖法 134
9.2.2軟體布局法 134
9.3常見的網頁結構類型 134
9.3.1“國”字型布局 134
9.4.2“廠”字型布局 135
9.4.3“框架”型布局 135
9.4.4“封面”型布局 135
9.4.5Flash型布局 135
9.5頁面排版布局趨勢 136
9.6習題測試 137
9.7本課小結 138
第10課用表格排版網頁
10.1在網頁中插入表格 140
10.1.1課堂練一練:插入表格 140
10.1.2 課堂練一練:添加內容到單元格 141
10.2 設定表格屬性 141
10.2.1 設定單元格屬性 141
10.2.2 設定表格屬性 141
10.3 表格的基本操作 142
10.3.1 選定表格 142
10.3.2選取行或列 143
10.3.3選取單元格 143
10.3.4 添加行或列 144
10.3.5合併單元格 144
10.3.6拆分單元格 145
10.3.7 調整表格大小 145
10.4表格其他功能 146
10.4.1課堂練一練:導入表格式數據 146
10.4.2課堂練一練:排序表格 148
10.5實戰套用 149
10.5.1課堂練一練:利用表格排版頁面 149
10.5.2課堂練一練:創建圓角表格 152
10.6習題測試 154
10.7本課小結 156
第11課快速創建網頁——使用模板和庫
11.1認識模板 158
11.2創建模板 158
11.2.1在空白文檔中創建模板 158
11.2.2從現有文檔創建模板 159
11.2.3課堂練一練:創建可編輯區域 159
11.3實戰:創建基於模板的頁面 160
11.4庫的創建、管理與套用 163
11.4.1課堂練一練:創建庫項目 163
11.4.2課堂練一練:庫項目的套用 165
11.4.3編輯庫項目 165
11.5實戰:創建完整的企業網站模板 166
11.5.1創建企業網站模板 167
11.5.2利用模板創建網頁 170
11.6習題測試 173
11.7本課小結 174
第12課美化網頁——使用CSS樣式
12.1初識CSS 176
12.1.1 CSS概述 176
12.1.2 CSS的作用 176
12.1.3 基本CSS語法 177
12.2定義CSS樣式的屬性 177
12.2.1文本樣式的定義 178
12.2.2 背景樣式的定義 178
12.2.3 區塊樣式的定義 178
12.2.4 方框樣式的定義 179
12.2.5 框線樣式的定義 179
12.2.6 列表樣式的定義 180
12.2.7 定位樣式的定義 180
12.2.8 擴展樣式的定義 180
12.2.9過渡樣式的定義 181
12.3CSS濾鏡設計特效文字 181
12.3.1 濾鏡概述 181
12.3.2 光暈(Glow) 182
12.3.3 模糊(Blur) 182
12.3.4 遮罩(Mask) 183
12.3.5 透明色(Chroma) 183
12.3.6 陰影(Dropshadow) 183
12.3.7 波浪(Wave) 184
12.3.8 X射線(Xray) 185
12.4編輯CSS樣式 185
12.4.1 修改CSS樣式 185
12.4.2 刪除CSS樣式 186
12.4.3 複製CSS樣式 186
12.5實戰:用CSS製作文字效果 187
12.5.1CSS樣式美化文字 187
12.5.2套用CSS樣式製作陰影文字 188
12.6習題測試 189
12.7本課小結 192
第13課靈活布局頁面——使用CSS+DIV
13.1 網站與Web標準 194
13.1.1 什麼是Web標準 194
13.1.2 為什麼要建立Web標準 194
13.2 初識DIV 195
13.2.1 Div概述 195
13.2.2 創建Div 195
13.3 CSS定位與DIV布局 195
13.3.1 盒子模型 196
13.3.2 元素的定位 196
13.4 CSS+DIV布局的常用方法 200
13.4.1 使用Div對頁面整體規劃 200
13.4.2 設計各塊的位置 200
13.4.3 使用CSS定位 201
13.5 常見的布局類型 202
13.5.1 使用CSS定位單行單列固定寬度 202
13.5.2一列自適應 202
13.5.3兩列固定寬度 203
13.5.4兩列寬度自適應 204
13.5.5三列浮動中間寬度自適應 205
13.6CSS布局與傳統的表格方式
布局分析 206
13.7習題測試 209
13.8本課小結 209
第14課用表單創建互動式網頁
14.1表單概述 212
14.2實戰:創建表單域 212
14.3插入文本域 213
14.3.1單行文本域 213
14.3.2多行文本域 214
14.3.3密碼域 215
14.4複選框和單選按鈕 215
14.4.1複選框 215
14.4.2單選按鈕 216
14.4.3單選按鈕組 217
14.5列表和選單 218
14.5.1下拉選單 218
14.5.2滾動列表 219
14.6跳轉選單的使用 220
14.7使用按鈕激活表單 221
14.7.1插入按鈕 221
14.7.2圖像按鈕 222
14.8使用隱藏域和檔案域 222
14.8.1隱藏域 222
14.8.2檔案域 223
14.9實戰:創建電子郵件表單 223
14.10習題測試 228
14.11本課小結 228
第15課動態網站基礎
15.1動態網站原理 230
15.1.1什麼是動態網站 230
15.1.2動態網站的主要技術 230
15.2搭建伺服器平台 231
15.2.1IIS的安裝 231
15.2.2設定IIS伺服器 232
15.3資料庫基礎 234
15.3.1資料庫的基本概念 234
15.3.2認識Access資料庫 234
15.3.3建立Access資料庫 234
15.3.4創建表 236
15.3.5添加數據源 236
15.4SQL語言簡介 237
15.4.1SQL語言概述 237
15.4.2SQL的優點 237
15.5常用的SQL語句 238
15.5.1表的建立:CREATETABLE 238
15.5.2插入數據:INSERTINTO 239
15.5.3修改數據:UPDATE 240
15.5.4刪除數據:DELETE 240
15.5.5SQL查詢語句:SELECT 240
15.6本課小結 242
第16課使用DreamweaverCS6創建動態網站
16.1留言系統分析 244
16.1.1留言系統概述 244
16.1.2建立Access資料庫 245
16.2創建站點 245
16.3創建資料庫連線 246
16.3.1創建資料庫連線 246
16.3.2數據連線檔案 247
16.4DreamweaverCS6
中記錄集的使用 248
16.4.1創建記錄集 248
16.4.2插入記錄 249
16.4.3更新記錄 249
16.4.4刪除記錄 250
16.5實戰:製作留言列表頁面 251
16.5.1基本頁面設計 251
16.5.2創建記錄集 252
16.5.3添加重複區域 254
16.5.4轉到詳細頁面 255
16.6實戰:留言詳細信息頁面 255
16.6.1設計頁面靜態部分 256
16.6.2創建記錄集 256
16.7實戰:發表留言頁面 258
16.7.1插入表單對象 258
16.7.2插入記錄 260
16.8習題測試 262
16.9本課小結 262
第17課網站的測試、發布與維護
17.1站點的測試 264
17.1.1檢查連結 264
17.1.2站點報告 264
17.1.3清理文檔 265
17.2網頁的上傳 265
17.2.1課堂練一練:利用Dreamweaver
上傳網頁 265
17.2.2課堂練一練:使用LeapFtp軟體
上傳檔案 266
17.3網站的維護 268
17.3.1網站的軟硬體維護 268
17.3.2網站內容維護 268
17.3.3網站備份 268
17.4網站安全維護 269
17.4.1目錄和應用程式訪問許可權的設定 269
17.4.2匿名和授權訪問控制 270
17.4.3隱藏IP位址 270
17.4.4作業系統賬號管理 271
17.4.5安裝必要的安全軟體 272
17.5習題測試 272
17.6本課小結 272
第18課網站的宣傳推廣
18.1註冊到搜尋引擎 274
18.1.1搜尋引擎 274
18.1.2搜尋引擎的原理 274
18.1.3搜尋引擎分類 274
18.1.5搜尋引擎最佳化原則 275
18.2導航網站登錄 277
18.3友情連結 277
18.4網路廣告 277
18.5發布信息推廣 278
18.6利用群組訊息即時推廣 279
18.7電子郵件 279
18.7.1電子郵件推廣 279
18.7.2電子郵件推廣的技巧 280
18.8問答式免費推廣 280
18.9在部落格中推廣 281
18.10傳統網下推廣 282
18.11習題測試 284
18.12本課小結 284
第19課設計製作企業宣傳網站
19.1網站前期策劃 286
19.1.1明確企業網站建站目的 286
19.1.2網站總體策劃 286
19.1.3網站的版面布局及色彩 286
19.1.4本課網站頁面 287
19.2在Dreamweaver中進行頁面
排版製作 288
19.2.1課堂練一練:創建二級模板頁面 288
19.2.2課堂練一練:利用模板
製作網站主頁 296
19.3給網頁添加特效 302
19.3.1課堂練一練:“調用
JavaScript”行為 302
19.3.2課堂練一練:製作彈出視窗頁面 303
19.4習題測試 303
19.5本課小結 304
2.2.4灰色 19
2.2.5黃色 19
2.2.6綠色 20
2.2.7藍色 20
2.2.8紫色 20
2.2.9白色 20
2.3頁面色彩搭配 21
2.3.1網頁色彩搭配原理 21
2.3.2網頁設計中色彩搭配的技巧 21
2.4習題測試 23
2.5本課小結 24
第3課設計網站的圖片元素
3.1PhotoshopCS6介紹 26
3.1.1選單欄 26
3.1.2工具箱及工具選項欄 26
3.1.3文檔視窗及狀態欄 26
3.1.4面板 27
3.2網頁中的設計元素 27
3.2.1Logo 27
3.2.2導航欄 27
3.2.3網站Banner 28
3.2.4網頁圖像 28
3.2.5Flash動畫 28
3.3設計網站Logo 29
3.3.1網站Logo的重要性 29
3.3.2Logo的設計原則 29
3.3.3課堂練一練:設計網站Logo 29
3.4設計網站Banner 31
3.4.1網站Banner的設計原則 31
3.4.2課堂練一練:設計有動畫效果的
Banner 32
3.5製作網頁導航條 33
3.5.1導航設計的基本要求 33
3.5.2課堂練一練:設計橫嚮導航條 33
3.6習題測試 35
3.7本課小結 36
第4課快速掌握動畫設計軟體FlashCS6
4.1FlashCS6簡介 38
4.1.1Flash套用範圍 38
4.1.2FlashCS6工作界面 39
4.2文本操作基礎 41
4.2.1課堂練一練:靜態文本 42
4.2.2課堂練一練:輸入文本 42
4.2.3設定文本的基本屬性 43
4.3對文本使用濾鏡效果 44
4.3.1課堂練一練:給文本添加濾鏡 44
4.3.2設定濾鏡效果 45
4.4時間軸 47
4.4.1“時間軸”面板 47
4.4.2幀、關鍵幀和空白關鍵幀 47
4.5圖層的基本操作 48
4.5.1插入和重命名圖層 48
4.5.2調整圖層順序 49
4.5.3設定圖層屬性 49
4.5.4插入和編輯圖層資料夾 49
4.5.5刪除圖層 50
4.6元件 50
4.6.1元件的概念 50
4.6.2創建圖形元件 50
4.6.3創建影片剪輯 51
4.6.4創建按鈕 52
4.7動作面板 53
4.7.1“動作”面板的組成 53
4.7.2動作面板的工具 53
4.7.3工作中腳本的添加方法 54
4.8Flash動畫的最佳化與發布 56
4.8.1課堂練一練:最佳化動畫 56
4.8.2課堂練一練:測試動畫 57
4.9實戰:文字旋轉 57
4.10實戰:利用元件創建按鈕 60
4.11習題測試 64
4.12本課小結 64
第5課製作各種類型的網頁Flash動畫
5.1實戰套用:創建逐幀動畫 66
5.2補間動畫的製作 67
5.2.1課堂練一練:創建改變對象
大小的動畫 67
5.2.2課堂練一練:創建形狀補間動畫 68
5.3利用圖層製作動畫 70
5.3.1課堂練一練:創建引導動畫 70
5.3.2課堂練一練:創建遮罩動畫 72
5.4製作多媒體動畫 73
5.4.1課堂練一練:給Flash
卡通片頭添加聲音 73
5.4.2課堂練一練:製作Flash視頻動畫 74
5.5製作腳本動畫 75
5.5.1課堂練一練:製作傳送
電子郵件動畫 76
5.5.2課堂練一練:停止和播放按鈕 77
5.6習題測試 79
5.7本課小結 80
第6課開始建站之旅——熟悉DreamweaverCS6的工作環境
6.1認識DreamweaverCS6界面 82
6.1.1選單欄 82
6.1.2“插入”工具列 82
6.1.3面板組 83
6.1.4“屬性”面板 83
6.2體驗DreamweaverCS6的新功能 83
6.2.1可回響的自適應格線版面 84
6.2.2FTP快速上傳 84
6.2.3AdobeBusinessCatalyst集成 84
6.2.4增強型jQuery移動支持 84
6.2.5更新的PhoneGap 84
6.2.6CSS3過渡 85
6.2.7更新的實時視圖 85
6.2.8更新的多螢幕預覽面板 85
6.3 實戰:創建本地站點 85
6.4 管理站點 87
6.4.1 打開站點 87
6.4.2 編輯站點 87
6.4.3 刪除站點 87
6.4.4 複製站點 88
6.5習題測試 88
6.6本課小結 88
第7課添加網頁內容和多媒體元素
7.1文本的輸入和編輯 90
7.1.1課堂練一練:輸入文本 90
7.1.2課堂練一練:設定文本屬性 90
7.1.3課堂練一練:輸入特殊字元 92
7.2在網頁中插入圖像 93
7.2.1課堂練一練:插入圖像 93
7.2.2設定圖像屬性 94
7.2.3課堂練一練:插入滑鼠經過圖像 95
7.3 連結的設定 97
7.3.1連結的類型 97
7.3.2課堂練一練:設定文本連結 97
7.3.3 課堂練一練:創建錨記連結 98
7.3.4 課堂練一練:創建圖像熱點連結 100
7.3.5課堂練一練:創建電子郵件連結 102
7.3.6 課堂練一練:創建下載檔案的連結 103
7.4插入媒體 104
7.4.1課堂練一練:插入Flash動畫 104
7.4.2課堂練一練:插入視頻 105
7.4.3課堂練一練:在網頁中插入背景音樂 106
7.5實戰:製作圖文混排
的多媒體頁面 107
7.6習題測試 108
7.7本課小結 110
第8課使用行為和JavaScript點綴網頁特效
8.1特效中的行為和事件 112
8.1.1事件 112
8.1.2動作 113
8.2使用Dreamweaver內置行為 113
8.2.1課堂練一練:交換圖像 113
8.2.2課堂練一練:彈出提示信息 115
8.2.3課堂練一練:打開瀏覽器視窗 116
8.2.4課堂練一練:轉到URL 117
8.2.5課堂練一練:預先載入圖像 119
8.2.6課堂練一練:設定容器中的文本 120
8.2.7課堂練一練:顯示-隱藏元素 121
8.2.8課堂練一練:檢查表單 122
8.2.9課堂練一練:設定狀態欄文本 123
8.3利用腳本製作特效網頁 124
8.3.1JavaScript簡介 125
8.3.2JavaScript的放置位置 125
8.3.3JavaScript函式 126
8.3.4課堂練一練:製作滾動公告網頁 127
8.3.5課堂練一練:製作自動關閉網頁 128
8.4習題測試 128
8.5本課小結 130
第9課網頁的排版布局
9.1網頁版面布局設計 132
9.1.1網頁版面布局原則 132
9.1.2點、線、面的構成 132
9.2網頁排版布局方法 133
9.2.1紙上布局草圖法 134
9.2.2軟體布局法 134
9.3常見的網頁結構類型 134
9.3.1“國”字型布局 134
9.4.2“廠”字型布局 135
9.4.3“框架”型布局 135
9.4.4“封面”型布局 135
9.4.5Flash型布局 135
9.5頁面排版布局趨勢 136
9.6習題測試 137
9.7本課小結 138
第10課用表格排版網頁
10.1在網頁中插入表格 140
10.1.1課堂練一練:插入表格 140
10.1.2 課堂練一練:添加內容到單元格 141
10.2 設定表格屬性 141
10.2.1 設定單元格屬性 141
10.2.2 設定表格屬性 141
10.3 表格的基本操作 142
10.3.1 選定表格 142
10.3.2選取行或列 143
10.3.3選取單元格 143
10.3.4 添加行或列 144
10.3.5合併單元格 144
10.3.6拆分單元格 145
10.3.7 調整表格大小 145
10.4表格其他功能 146
10.4.1課堂練一練:導入表格式數據 146
10.4.2課堂練一練:排序表格 148
10.5實戰套用 149
10.5.1課堂練一練:利用表格排版頁面 149
10.5.2課堂練一練:創建圓角表格 152
10.6習題測試 154
10.7本課小結 156
第11課快速創建網頁——使用模板和庫
11.1認識模板 158
11.2創建模板 158
11.2.1在空白文檔中創建模板 158
11.2.2從現有文檔創建模板 159
11.2.3課堂練一練:創建可編輯區域 159
11.3實戰:創建基於模板的頁面 160
11.4庫的創建、管理與套用 163
11.4.1課堂練一練:創建庫項目 163
11.4.2課堂練一練:庫項目的套用 165
11.4.3編輯庫項目 165
11.5實戰:創建完整的企業網站模板 166
11.5.1創建企業網站模板 167
11.5.2利用模板創建網頁 170
11.6習題測試 173
11.7本課小結 174
第12課美化網頁——使用CSS樣式
12.1初識CSS 176
12.1.1 CSS概述 176
12.1.2 CSS的作用 176
12.1.3 基本CSS語法 177
12.2定義CSS樣式的屬性 177
12.2.1文本樣式的定義 178
12.2.2 背景樣式的定義 178
12.2.3 區塊樣式的定義 178
12.2.4 方框樣式的定義 179
12.2.5 框線樣式的定義 179
12.2.6 列表樣式的定義 180
12.2.7 定位樣式的定義 180
12.2.8 擴展樣式的定義 180
12.2.9過渡樣式的定義 181
12.3CSS濾鏡設計特效文字 181
12.3.1 濾鏡概述 181
12.3.2 光暈(Glow) 182
12.3.3 模糊(Blur) 182
12.3.4 遮罩(Mask) 183
12.3.5 透明色(Chroma) 183
12.3.6 陰影(Dropshadow) 183
12.3.7 波浪(Wave) 184
12.3.8 X射線(Xray) 185
12.4編輯CSS樣式 185
12.4.1 修改CSS樣式 185
12.4.2 刪除CSS樣式 186
12.4.3 複製CSS樣式 186
12.5實戰:用CSS製作文字效果 187
12.5.1CSS樣式美化文字 187
12.5.2套用CSS樣式製作陰影文字 188
12.6習題測試 189
12.7本課小結 192
第13課靈活布局頁面——使用CSS+DIV
13.1 網站與Web標準 194
13.1.1 什麼是Web標準 194
13.1.2 為什麼要建立Web標準 194
13.2 初識DIV 195
13.2.1 Div概述 195
13.2.2 創建Div 195
13.3 CSS定位與DIV布局 195
13.3.1 盒子模型 196
13.3.2 元素的定位 196
13.4 CSS+DIV布局的常用方法 200
13.4.1 使用Div對頁面整體規劃 200
13.4.2 設計各塊的位置 200
13.4.3 使用CSS定位 201
13.5 常見的布局類型 202
13.5.1 使用CSS定位單行單列固定寬度 202
13.5.2一列自適應 202
13.5.3兩列固定寬度 203
13.5.4兩列寬度自適應 204
13.5.5三列浮動中間寬度自適應 205
13.6CSS布局與傳統的表格方式
布局分析 206
13.7習題測試 209
13.8本課小結 209
第14課用表單創建互動式網頁
14.1表單概述 212
14.2實戰:創建表單域 212
14.3插入文本域 213
14.3.1單行文本域 213
14.3.2多行文本域 214
14.3.3密碼域 215
14.4複選框和單選按鈕 215
14.4.1複選框 215
14.4.2單選按鈕 216
14.4.3單選按鈕組 217
14.5列表和選單 218
14.5.1下拉選單 218
14.5.2滾動列表 219
14.6跳轉選單的使用 220
14.7使用按鈕激活表單 221
14.7.1插入按鈕 221
14.7.2圖像按鈕 222
14.8使用隱藏域和檔案域 222
14.8.1隱藏域 222
14.8.2檔案域 223
14.9實戰:創建電子郵件表單 223
14.10習題測試 228
14.11本課小結 228
第15課動態網站基礎
15.1動態網站原理 230
15.1.1什麼是動態網站 230
15.1.2動態網站的主要技術 230
15.2搭建伺服器平台 231
15.2.1IIS的安裝 231
15.2.2設定IIS伺服器 232
15.3資料庫基礎 234
15.3.1資料庫的基本概念 234
15.3.2認識Access資料庫 234
15.3.3建立Access資料庫 234
15.3.4創建表 236
15.3.5添加數據源 236
15.4SQL語言簡介 237
15.4.1SQL語言概述 237
15.4.2SQL的優點 237
15.5常用的SQL語句 238
15.5.1表的建立:CREATETABLE 238
15.5.2插入數據:INSERTINTO 239
15.5.3修改數據:UPDATE 240
15.5.4刪除數據:DELETE 240
15.5.5SQL查詢語句:SELECT 240
15.6本課小結 242
第16課使用DreamweaverCS6創建動態網站
16.1留言系統分析 244
16.1.1留言系統概述 244
16.1.2建立Access資料庫 245
16.2創建站點 245
16.3創建資料庫連線 246
16.3.1創建資料庫連線 246
16.3.2數據連線檔案 247
16.4DreamweaverCS6
中記錄集的使用 248
16.4.1創建記錄集 248
16.4.2插入記錄 249
16.4.3更新記錄 249
16.4.4刪除記錄 250
16.5實戰:製作留言列表頁面 251
16.5.1基本頁面設計 251
16.5.2創建記錄集 252
16.5.3添加重複區域 254
16.5.4轉到詳細頁面 255
16.6實戰:留言詳細信息頁面 255
16.6.1設計頁面靜態部分 256
16.6.2創建記錄集 256
16.7實戰:發表留言頁面 258
16.7.1插入表單對象 258
16.7.2插入記錄 260
16.8習題測試 262
16.9本課小結 262
第17課網站的測試、發布與維護
17.1站點的測試 264
17.1.1檢查連結 264
17.1.2站點報告 264
17.1.3清理文檔 265
17.2網頁的上傳 265
17.2.1課堂練一練:利用Dreamweaver
上傳網頁 265
17.2.2課堂練一練:使用LeapFtp軟體
上傳檔案 266
17.3網站的維護 268
17.3.1網站的軟硬體維護 268
17.3.2網站內容維護 268
17.3.3網站備份 268
17.4網站安全維護 269
17.4.1目錄和應用程式訪問許可權的設定 269
17.4.2匿名和授權訪問控制 270
17.4.3隱藏IP位址 270
17.4.4作業系統賬號管理 271
17.4.5安裝必要的安全軟體 272
17.5習題測試 272
17.6本課小結 272
第18課網站的宣傳推廣
18.1註冊到搜尋引擎 274
18.1.1搜尋引擎 274
18.1.2搜尋引擎的原理 274
18.1.3搜尋引擎分類 274
18.1.5搜尋引擎最佳化原則 275
18.2導航網站登錄 277
18.3友情連結 277
18.4網路廣告 277
18.5發布信息推廣 278
18.6利用群組訊息即時推廣 279
18.7電子郵件 279
18.7.1電子郵件推廣 279
18.7.2電子郵件推廣的技巧 280
18.8問答式免費推廣 280
18.9在部落格中推廣 281
18.10傳統網下推廣 282
18.11習題測試 284
18.12本課小結 284
第19課設計製作企業宣傳網站
19.1網站前期策劃 286
19.1.1明確企業網站建站目的 286
19.1.2網站總體策劃 286
19.1.3網站的版面布局及色彩 286
19.1.4本課網站頁面 287
19.2在Dreamweaver中進行頁面
排版製作 288
19.2.1課堂練一練:創建二級模板頁面 288
19.2.2課堂練一練:利用模板
製作網站主頁 296
19.3給網頁添加特效 302
19.3.1課堂練一練:“調用
JavaScript”行為 302
19.3.2課堂練一練:製作彈出視窗頁面 303
19.4習題測試 303
19.5本課小結 304

相關詞條

熱門詞條

聯絡我們