內容介紹
《中文版Dreamweaver CS6網頁製作從入門到精通》以DreamweaverCS6版本為例,從用戶學習網頁製作的實際需求出發,結合網頁製作的基本知識和操作方法,以淺顯易懂的語言介紹DreamweaverCS6製作網頁的相關知識。全書共分4篇,從認識網頁開始,一步步講解了網頁及網頁製作工具、站點的創建、管理和發布、用文本和圖像充實網頁、添加炫目的動態元素、超級連結的使用、表格在網頁中的套用、使用APDiv及Div+CSS布局網頁的方法、CSS美化網頁的方法、模板的製作、框架式網頁布局、網頁製作的技巧、動態網頁的製作和網頁特效等知識。本書實例豐富,包含了網頁製作的基本操作和綜合實例,可幫助讀者快速學會DreamweaverCS6的基本操作,並將其套用到實際的網頁製作過程中。
本書案例豐富、實用,且簡單明了,可作為剛剛開始接觸網頁製作用戶的參考用書,也可作為網頁製作專業培訓班的教材。
目錄
入門篇
第1章 認識網頁及網頁製作工具 .........2
1.1 網頁製作基礎知識 .......................3
1.1.1 認識網頁 .......................................... 3
1.1.2 認識網站 .......................................... 3
1.1.3 網頁的類型 ...................................... 4
1.1.4 網頁製作中的專業術語................... 4
1.1.5 網頁頁面的基本組成元素 ............... 5
1.2 網站的一般開發流程 ....................6
1.2.1 收集資料和素材 ............................... 6
1.2.2 規劃站點 .......................................... 6
1.2.3 製作網頁 .......................................... 7
1.2.4 測試站點 .......................................... 7
1.2.5 發布站點.......................................... 7
1.2.6 更新和維護站點 ............................... 7
1.3 網頁製作的原則和技巧 ................8
1.3.1 網頁製作的基本原則 ....................... 8
1.3.2 網頁基本元素的標準及使用技巧 .... 8
1.3.3 用色的技巧 .................................... 10
1.4 認識Dreamweaver CS6 ............11
1.4.1 Dreamweaver CS6簡介 ...................11
1.4.2 啟動和退出Dreamweaver CS6 ....... 12
1.4.3 Dreamweaver CS6的工作界面 ....... 12
1.5 Dreamweaver CS6的新功能和
改善功能 ....................................13
1.5.1 針對平板電腦和智慧型手機的
功能 ................................................ 13
1.5.2 更加專業而簡捷的操作 ................. 14
1.6 網頁的基本操作 .........................16
1.6.1 新建網頁 ........................................ 16
1.6.2 保存網頁 ........................................ 16
1.6.3 打開網頁 ........................................ 16
1.6.4 預覽網頁 ........................................ 17
1.6.5 設定網頁屬性 ................................. 17
1.7 HTML與HTML 5 ........................17
1.7.1 HTML語言 ..................................... 17
1.7.2 在Dreamweaver CS6中
編輯HTML ..................................... 18
1.7.3 HTML的常見語法 ......................... 18
1.7.4 認識HTML 5 .................................. 22
1.8 基礎實例——打開並操作網頁 ...22
1.8.1 行業分析 ........................................ 23
1.8.2 操作思路 ........................................ 23
1.8.3 操作步驟 ........................................ 24
1.9 基礎練習——新建網頁並進行
保存 ...........................................25
1.10 知識問答 ..................................26
第2章 站點的創建、管理和發布 .......28
2.1 站點的規劃 ................................29
2.1.1 認識站點 ........................................ 29
2.1.2 規劃站點結構 ................................. 29
2.2 站點的創建與管理 .....................30
2.2.1 創建站點 ........................................ 30
實例2-1 通過“檔案”面板創建
站點 ..................................... 30
2.2.2 管理站點 ........................................ 31
實例2-2 在站點中創建資料夾和
檔案 ..................................... 32
2.3 申請主頁空間及域名 ..................34
2.3.1 申請免費的主頁空間 ..................... 35
實例2-3 在酷網中申請免費主頁
空間 ..................................... 35
2.3.2 申請收費的網站空間 ..................... 35
實例2-4 在西部數碼網站申請收費
主頁空間 ............................. 35
2.3.3 申請域名 ........................................ 37
2.4 站點的本地測試 .........................38
2.4.1 兼容性測試 .................................... 38
實例2-5 檢查當前網頁的兼容性 ...... 38
2.4.2 檢查站點範圍的連結 ..................... 39
2.4.3 修復站點範圍的連結 ..................... 40
2.5 發布站點 ....................................40
2.5.1 配置遠程信息 ................................. 40
實例2-6 為本地站點配置
遠程信息 ............................. 41
2.5.2 發布站點 ........................................ 42
2.6 站點管理和宣傳 .........................42
2.6.1 使用同步功能 ................................. 42
實例2-7 同步站點 ............................. 43
2.6.2 使用設計備註 ................................. 44
實例2-8 為網頁文檔添加備註
信息 ..................................... 44
2.6.3 使用站點報告 ................................. 45
2.6.4 站點的宣傳 .................................... 46
2.7 基礎實例——創建和發布站點 ...47
2.7.1 行業分析 ........................................ 47
2.7.2 操作思路 ........................................ 48
2.7.3 操作步驟 ........................................ 48
2.8 基礎練習 ....................................50
2.8.1 申請主頁空間和域名 ..................... 50
2.8.2 創建並發布站點 ............................. 50
2.9 知識問答 ....................................51
第3章 用文本和圖像充實網頁 ...........52
3.1 添加文本 ....................................53
3.1.1 添加普通文本 ................................. 53
實例3-1 導入Excel中的文本信息 ..... 53
3.1.2 添加空格 ........................................ 54
3.1.3 添加水平線 .................................... 54
3.1.4 添加日期 ........................................ 55
3.1.5 添加特殊符號 ................................. 56
3.1.6 文本換行與分段 ............................. 56
3.2 設定文本格式 ............................56
3.2.1 設定文本基本格式 ......................... 57
實例3-2 為Dreamweaver編輯常用
字型列表 ............................. 57
實例3-3 為網頁文本設定格式 .......... 58
3.2.2 設定段落格式 ................................. 59
3.3 創建列表 ....................................60
3.3.1 編號列表 ........................................ 60
3.3.2 項目列表 ........................................ 61
3.3.3 定義列表 ........................................ 62
3.3.4 嵌套列表的創建 ............................. 62
3.4 為網頁添加圖像 .........................62
3.4.1 網頁中支持的圖像格式 ................. 62
3.4.2 直接插入圖像 ................................. 63
3.4.3 用占位符插入圖像 ......................... 63
3.5 圖像的設定和套用 .....................64
3.5.1 設定圖像屬性 ................................. 64
3.5.2 創建滑鼠經過圖像 ......................... 65
實例3-4 為網頁插入滑鼠經過
圖像 ..................................... 65
3.6 基礎實例 ....................................66
3.6.1 創建軟體下載列表 ......................... 66
3.6.2 製作導航條頁面 ............................. 68
3.7 基礎練習 ....................................71
3.7.1 為時尚網頁添加和設定文本 ......... 71
3.7.2 製作動物網頁 ................................. 72
3.8 知識問答 ....................................74
第4章 添加炫目的動態元素 ..............76
4.1 插入Flash媒體元素 ....................77
4.1.1 認識Flash檔案 ................................ 77
4.1.2 插入Flash動畫 ................................ 77
實例4-1 在網頁中插入Flash
動畫 ..................................... 77
4.1.3 插入Flash視頻 ................................ 78
實例4-2 在網頁中插入Flash
視頻 ..................................... 78
4.2 插入其他媒體元素 .....................79
4.2.1 插入Shockwave影片 ...................... 79
4.2.2 插入Java Applet .............................. 80
4.2.3 插入外掛程式 ........................................ 81
實例4-3 插入MPEG視頻外掛程式........... 81
4.3 添加音樂元素 ............................82
4.3.1 添加背景音樂 ................................. 82
實例4-4 通過插入標籤添加
背景音樂 ............................. 82
4.3.2 添加音樂連結 ................................. 83
實例4-5 在網頁中添加音樂連結 ...... 83
4.3.3 頁面音樂的嵌入 ............................. 83
實例4-6 以插入外掛程式的方式
嵌入音樂 ............................. 83
4.4 基礎實例——製作產品促銷
網頁 ...........................................84
4.4.1 行業分析 ........................................ 85
4.4.2 操作思路 ........................................ 85
4.4.3 操作步驟 ........................................ 85
4.5 基礎練習 ....................................87
4.5.1 完善遊戲頁面 ................................. 87
4.5.2 製作音樂試聽頁面 ......................... 88
4.6 知識問答 ....................................89
第5章 網頁中的橋樑——超級
連結........................................90
5.1 認識超級連結 ............................91
5.1.1 超級連結的類型 ............................. 91
5.1.2 超級連結的路徑的分類 ................. 92
5.2 創建基本連結 ............................93
5.2.1 創建文本超級連結 ......................... 93
實例5-1 創建內部文本連結 .............. 94
5.2.2 創建圖像超級連結 ......................... 95
5.2.3 HTML連結代碼 ............................. 96
5.2.4 空連結的套用 ................................. 96
5.3 製作錨點連結 ............................96
5.3.1 創建錨記 ........................................ 96
5.3.2 連結命名錨記 ................................. 97
5.3.3 HTML錨點連結代碼 ...................... 97
5.3.4 更改連結名稱 ................................. 97
5.4 製作更多形式的連結 ..................98
5.4.1 下載連結 ........................................ 98
5.4.2 音、視頻連結 ................................. 98
5.4.3 電子郵件連結 ................................. 99
5.4.4 HTML電子郵件連結代碼 .............. 99
5.5 基礎實例——為“網站聯盟”網頁
添加連結 ..................................100
5.5.1 行業分析 .......................................100
5.5.2 操作思路 .......................................101
5.5.3 操作步驟 .......................................101
5.6 基礎練習——完善招聘網頁
連結 .........................................103
5.7 知識問答 ..................................104
提高篇
第6章 表格在網頁中的套用 ............108
6.1 表格的創建 ..............................109
6.1.1 創建表格 .......................................109
實例6-1 在頁面中創建單個表格 .....109
6.1.2 嵌套表格 .......................................109
實例6-2 在已有表格中創建嵌套
表格 ....................................110
6.1.3 在表格中添加內容 ........................110
6.2 對表格進行編輯 .......................110
6.2.1 選中整個表格 ................................111
6.2.2 行或列的選中 ................................111
6.2.3 單元格的選中 ................................112
6.2.4 單元格的合併與拆分 ....................112
實例6-3 將一個單元格拆分
為兩行 ................................113
6.2.5 行或列的添加與刪除 ....................113
實例6-4 在表格中插入3列 ..............114
實例6-5 刪除表格中的行和列 .........115
6.3 表格屬性設定 ..........................115
6.3.1 設定表格屬性 ................................115
6.3.2 設定單元格屬性 ............................116
實例6-6 對表格及單元格屬性
進行設定 ............................117
6.4 表格的高級操作 .......................117
6.4.1 排序表格 .......................................117
實例6-7 排序表格數據 ....................117
6.4.2 導入和導出表格內容 ....................118
實例6-8 導入文本文檔 ....................118
實例6-9 導出網頁中的表格 .............119
6.5 提高實例——製作產品目錄
頁面 .........................................120
6.5.1 行業分析 .......................................121
6.5.2 操作思路 .......................................121
6.5.3 操作步驟 .......................................122
6.6 提高練習——製作日曆網頁 .....124
6.7 知識問答 ..................................124
第7章 使用AP Div布局網頁 ............126
7.1 AP Div的創建 ..........................127
7.1.1 創建AP Div ...................................127
7.1.2 創建嵌套AP Div ............................127
7.2 AP Div的編輯操作 ...................128
7.2.1 認識“AP 元素”面板 ..................128
7.2.2 選中AP Div ...................................128
7.2.3 移動AP Div ...................................128
7.2.4 對齊AP Div ...................................129
7.2.5 調整AP Div的大小 ........................129
7.2.6 設定AP Div的堆疊順序 ................130
7.2.7 改變AP Div的可見性 ....................131
7.3 AP Div的屬性設定 ...................132
7.3.1 單個AP Div的屬性設定 ................132
7.3.2 多個AP Div的屬性設定 ................133
7.4 提高實例——製作西餐廳
網頁 .........................................134
7.4.1 行業分析 .......................................134
7.4.2 操作思路 .......................................135
7.4.3 操作步驟 .......................................135
7.5 提高練習——製作服裝展示
網頁 .........................................137
7.6 知識問答 ..................................139
第8章 使用CSS美化網頁 ................140
8.1 認識層疊樣式表 .......................141
8.2 創建層疊樣式表 .......................142
8.2.1 認識“CSS樣式”面板 .................142
8.2.2 創建層疊樣式表 ............................142
實例8-1 新建“tr”內部標籤
CSS樣式 .............................144
實例8-2 連結外部CSS檔案 .............145
8.3 定義層疊樣式表屬性 ................146
8.3.1 設定類型屬性 ................................146
8.3.2 設定背景屬性 ................................146
8.3.3 設定區塊屬性 ................................147
8.3.4 設定方框屬性 ................................148
8.3.5 設定框線屬性 ................................149
8.3.6 設定列表屬性 ................................149
8.3.7 設定定位屬性 ................................150
8.3.8 設定擴展屬性 ................................151
8.3.9 設定過渡屬性 ................................152
8.4 套用並管理層疊樣式表 ............153
8.4.1 套用層疊樣式表 ............................153
8.4.2 編輯層疊樣式 ................................154
實例8-3 修改“body”CSS樣式 ......154
8.4.3 刪除層疊樣式表 ............................156
8.5 提高實例——美化鴻宇裝飾
頁面 .........................................156
8.5.1 行業分析 .......................................158
8.5.2 操作思路 .......................................158
8.5.3 操作步驟 .......................................158
8.6 提高練習——美化紅驢旅行網
網頁 .........................................161
8.7 知識問答 ..................................163
第9章 使用Div+CSS靈活布局
網頁......................................164
9.1 網站標準 ..................................165
9.1.1 結構化標準語言 ............................165
9.1.2 表現標準語言 ................................165
9.1.3 行為標準 .......................................165
9.2 關於Div+CSS布局 ...................166
9.2.1 認識Div+CSS ................................166
9.2.2 了解基於CSS的頁面布局 .............166
9.2.3 塊元素 ...........................................167
9.2.4 行內元素 .......................................168
9.3 在網頁中插入Div .....................169
9.3.1 插入Div .........................................169
9.3.2 Div的嵌套 .....................................169
實例9-1 在Div標籤中嵌套
兩個Div標籤 .....................169
9.4 關於Div+CSS盒模型 ...............170
9.4.1 margin(邊界) ............................171
9.4.2 border(框線) .............................172
9.4.3 padding(填充) ...........................174
9.4.4 content(內容) ............................174
9.5 Div+CSS布局定位 ...................175
9.5.1 relative(相對定位) ....................175
9.5.2 absolute(絕對定位) ..................176
9.5.3 fi xed(懸浮定位) ........................176
9.5.4 fl oat(浮動定位) .........................177
9.6 常用的Div+CSS布局方式 ........177
9.6.1 Div高度自適應 ..............................177
實例9-2 在網頁中新建高度
自適應的Div標籤 ..............177
9.6.2 網頁內容居中布局 ........................179
9.6.3 網頁元素浮動布局 ........................180
實例9-3 製作首字下沉效果 .............180
實例9-4 製作左圖右文的圖文混排
效果 ....................................182
9.6.4 流體格線布局 ................................18
9.7 提高實例——製作化工材料
網頁 .........................................183
9.7.1 行業分析 .......................................184
9.7.2 操作思路 .......................................184
9.7.3 操作步驟 .......................................184
9.8 提高練習——製作美佳化妝品
網頁 .........................................188
9.9 知識問答 ..................................189
第10章 網頁模板快速建站 ..............190
10.1 模板的創建 ............................191
10.1.1 將現有網頁另外儲存為模板 ..............191
實例10-1 將“index”網頁
另外儲存為模板 ......................191
10.1.2 創建空白模板 ..............................191
實例10-2 創建“main”空白網頁
模板檔案 ..........................192
10.2 模板的編輯 ............................192
10.2.1 指定可編輯區域 ..........................192
實例10-3 為“template1”模板網頁
指定可編輯區域 ..............193
10.2.2 更改可編輯區域的名稱 ..............193
10.2.3 取消對可編輯區域的標記 ..........194
10.2.4 定義模板的重複區域 ..................194
實例10-4 為“鴻宇裝飾”網頁的
模板檔案創建重複
區域 ..................................194
實例10-5 為“鴻宇裝飾”網頁的
模板檔案創建重複
表格 ..................................195
10.2.5 定義模板的可選區域 ..................196
實例10-6 為“鴻宇裝飾”網頁的模板
檔案創建可選區域 ..........196
10.3 模板的套用 ............................197
10.3.1 從“從模板新建”對話框
創建新網頁 .................................197
實例10-7 套用“myWeb”站點中的
模板新建網頁 ..................198
10.3.2 在“資源”面板中創建新
網頁 .............................................198
10.3.3 為網頁套用模板 ..........................199
10.4 模板的管理 ............................199
10.4.1 刪除模板 .....................................199
10.4.2 打開網頁所附模板 ......................200
10.4.3 更新網頁模板 ..............................200
10.4.4 將網頁脫離模板 ..........................200
10.5 提高實例——製作廣告相冊
網頁 .......................................200
10.5.1 行業分析 .....................................201
10.5.2 操作思路 .....................................202
10.5.3 操作步驟 .....................................202
10.6 提高練習——製作夢雪婚紗
網頁 .......................................205
10.7 知識問答 ................................207
第11章 框架式網頁布局 ..................208
11.1 了解框架及框架集..................209
11.2 框架網頁的創建 .....................210
11.2.1 創建空白框架網頁 ......................210
實例11-1 創建Dreamweaver CS6
預設的框架 ......................210
11.2.2 手動創建框架網頁 ......................211
11.2.3 創建嵌套框架集 ..........................211
11.3 框架及框架集的基本操作 .......212
11.3.1 選擇框架和框架集 ......................212
11.3.2 保存框架和框架集文檔 ..............212
實例11-2 保存單個框架網頁
文檔 ..................................212
實例11-3 保存整個框架集網頁 .......213
11.3.3 調整框架的大小 ..........................214
11.3.4 刪除框架 .....................................214
11.4 框架及框架集的設定 ..............215
11.4.1 設定框架的屬性 ..........................215
11.4.2 設定框架集的屬性 ......................215
11.4.3 設定框架集的網頁標題 ..............216
11.4.4 使用連結控制框架的內容 ..........216
實例11-4 製作包含連結的框架
網頁 ..................................216
11.4.5 生成無框架內容 ..........................218
11.5 提高實例——製作後台管理
網頁 .......................................218
11.5.1 行業分析 .....................................219
11.5.2 操作思路 .....................................219
11.5.3 操作步驟 .....................................219
11.6 提高練習——製作軟體推廣
網頁 .......................................221
11.7 知識問答 ................................222
第12章 表單和行為的套用 ..............224
12.1 創建表單 ................................225
12.1.1 創建表單的方法 ..........................225
12.1.2 設定表單屬性 ..............................226
12.2 添加表單對象 ........................226
12.2.1 表單對象的作用 ..........................226
12.2.2 表單對象的添加 ..........................230
實例12-1 製作“兒童樂園”表單
網頁 ..................................230
12.3 行為的添加與編輯 .................233
12.3.1 行為概述 .....................................234
12.3.2 認識“行為”面板 ......................234
12.3.3 添加行為 .....................................235
12.3.4 修改行為 .....................................235
12.3.5 刪除行為 .....................................235
12.4 使用Dreamweaver預置
的行為 ...................................236
實例12-2 製作“照片展示”行為
頁面 ..................................236
12.5 套用Spry行為效果 .................238
12.5.1 Spry效果概述 ..............................238
12.5.2 為頁面添加Spry效果 ..................238
實例12-3 在“Spry效果”網頁中
添加行為 ..........................239
12.6 提高實例——製作意見調查
網頁 .......................................240
12.6.1 行業分析 .....................................241
12.6.2 操作思路 .....................................241
12.6.3 操作步驟 .....................................241
12.7 提高練習——製作留言板
頁面 .......................................245
12.8 知識問答 ................................246
精通篇
第13章 網頁製作技巧及輔助軟體 ...250
13.1 網頁製作技巧 ........................251
13.1.1 消除網頁中的亂碼 ......................251
13.1.2 製作“1”像素的表格框線 ........251
13.1.3 去掉單擊超級連結後的圖像
虛線 .............................................251
13.1.4 製作“設為主頁”超級連結 ......251
實例13-1 製作設為主頁的超級
連結 ..................................252
13.1.5 製作“添加到收藏夾”連結 ......252
13.1.6 查看網頁原始碼 ..........................253
13.1.7 禁止保存網頁 ..............................253
13.1.8 更換IE地址欄前的圖示 ..............254
13.1.9 定時跳轉 .....................................254
13.1.10 讓表單和其他內容之間
無空隙 .......................................254
13.2 製作網頁的輔助軟體 ..............255
13.2.1 使用Photoshop處理圖像 .............255
13.2.2 使用玩轉顏色配色軟體 ..............255
13.2.3 使用文本動畫製作軟體FlaX ......256
實例13-2 使用FlaX製作動畫 ..........256
13.2.4 使用LeapFTP發布站點 ...............258
實例13-3 配置LeapFTP並
上傳站點 ..........................258
13.2.5 網站登錄軟體“登錄奇兵”
的使用 .........................................260
13.3 精通實例——為網頁添加特殊
元素 .......................................260
13.3.1 行業分析 .....................................261
13.3.2 操作思路 .....................................261
13.3.3 操作步驟 .....................................261
13.4 精通練習 ................................263
13.4.1 製作一個跳轉網頁並禁止用戶
保存 .............................................263
13.4.2 使用Photoshop處理圖像 .............264
第14章 認識和製作動態網頁 ..........266
14.1 認識動態網頁 ........................267
14.2 資料庫基礎 ............................267
14.2.1 Access ..........................................268
實例14-1 使用Access創建
資料庫 ..............................268
14.2.2 SQL Server ..................................269
實例14-2 創建SQL Server資料庫
和表 ..................................270
14.2.3 MySQL ........................................273
14.2.4 Oracle ..........................................273
14.3 動態網頁開發語言 .................274
14.3.1 ASP ..............................................274
14.3.2 ASP.NET......................................274
14.3.3 PHP ..............................................275
14.3.4 JSP ...............................................275
14.4 Web伺服器 ............................276
14.4.1 IIS ................................................276
實例14-3 開啟Windows 7中的IIS
功能 ..................................276
14.4.2 Apache .........................................277
14.5 動態網站的開發流程及配置 ...277
14.5.1 動態網頁開發流程 ......................277
14.5.2 IIS的配置 ....................................278
實例14-4 新建並配置網站 ..............278
14.5.3 動態站點的創建及配置 ..............279
實例14-5 創建和配置動態站點 .......279
14.5.4 數據源的創建 ..............................280
實例14-6 設定數據源連線 ..............281
14.6 製作資料庫動態網頁 ..............283
14.6.1 創建記錄集 .................................283
實例14-7 創建記錄集 ......................283
14.6.2 製作動態頁面 ..............................285
14.7 精通實例——製作員工名單
頁面 .......................................289
14.7.1 行業分析 .....................................290
14.7.2 操作思路 .....................................290
14.7.3 操作步驟 .....................................290
14.8 精通練習 ................................293
14.8.1 創建Access資料庫 ......................293
14.8.2 製作註冊頁面 ..............................294
第15章 為網頁添加特效..................296
15.1 JavaScript簡介 ......................297
15.1.1 JavaScript的特點 .........................297
15.1.2 JavaScript的函式 .........................297
15.1.3 在網頁中使用JavaScript .............298
實例15-1 使用JavaScript添加
彈出對話框 ......................298
15.2 網頁特效製作 ........................299
15.2.1 動態連結注釋 ..............................299
15.2.2 刪除確認 .....................................300
15.2.3 全螢幕打開視窗 ..............................301
15.2.4 日期聯動下拉列表框 ..................302
15.2.5 禁止使用滑鼠右鍵 ......................303
15.2.6 震動的圖像 .................................305
15.3 精通實例——製作飾品網頁
特效 .......................................306
15.3.1 行業分析 .....................................306
15.3.2 操作思路 .....................................307
15.3.3 操作步驟 .....................................307
15.4 精通練習——熟悉各種特效
代碼 .......................................310
第16章 移動設備網頁及應用程式
的創建 ................................312
16.1 使用jQuery Mobile創建
移動設備網頁 ........................313
16.1.1 認識jQuery和jQuery
Mobile .........................................313
16.1.2 創建移動設備頁面 ......................313
實例16-1 使用HTML 5頁創建
移動頁面 ..........................314
16.1.3 創建移動頁面組件 ......................315
16.2 打包移動套用 ........................318
16.2.1 註冊PhoneGap Build ...................318
16.2.2 打包移動程式 ..............................319
16.3 精通實例——製作jQuery Mobile
頁面 .......................................319
16.3.1 行業分析 .....................................320
16.3.2 操作思路 .....................................320
16.3.3 操作步驟 .....................................320
16.4 精通練習——製作並打包移動
套用 .......................................322
實戰篇
第17章 製作植物網站 .....................326
17.1 實例說明 ................................327
17.2 行業分析 ................................328
17.3 操作思路 ................................328
17.4 操作步驟 ................................329
17.4.1 創建站點和網頁檔案 ..................329
17.4.2 布局頁面結構 ..............................330
17.4.3 添加網頁頭部內容 ......................333
17.4.4 製作網頁主體 ..............................334
17.4.5 製作頁腳內容 ..............................338
17.5 拓展練習 ................................339
17.5.1 製作植物圖集網頁 ......................339
17.5.2 製作植物知識網頁 ......................341
第18章 製作汽車世界網站 ..............342
18.1 實例說明 ...............................343
18.2 行業分析 ................................344
18.3 操作思路 ................................344
18.4 操作步驟 ................................345
18.4.1 創建站點並配置遠程伺服器 ......345
18.4.2 創建頁面頂部 ..............................346
18.4.3 製作網頁底部 ..............................347
18.4.4 製作主內容頁面 ..........................348
18.4.5 製作首頁 .....................................351
18.4.6 發布站點 .....................................351
18.5 拓展練習 ................................352
18.5.1 製作汽車之家網頁 ......................352
18.5.2 製作賽場動態網頁 ......................354
第19章 製作個人部落格網站 .............356
19.1 實例說明 ................................357
19.2 行業分析 ................................358
19.3 操作思路 ................................358
19.4 操作步驟 ................................359
19.4.1 創建資料庫檔案 ..........................359
19.4.2 配置IIS並創建站點 .....................360
19.4.3 創建用戶登錄頁面 ......................361
19.4.4 編輯“日誌導航”和
“最近心情” ..............................362
19.4.5 製作部落格首頁 ..............................364
19.4.6 製作信息顯示頁面 ......................367
19.5 拓展練習 ................................369
19.5.1 製作日誌發布頁面 ......................369
19.5.2 製作編輯日誌頁面 .....................369