中文版Dreamweaver CS6網頁製作從入門到精通

以Dreamweaver CS6版本為例,從用戶學習網頁製作的實際需求出發,結合網頁製作的基本知識和操作方法,以淺顯易懂的語言介紹Dreamweaver CS6製作網頁的相關知識。

內容介紹

《中文版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

相關詞條

相關搜尋

熱門詞條

聯絡我們