關于我們
書單推薦
新書推薦
|
網(wǎng)頁設計與制作Dreamweaver CS6標準教程(微課版 第3版)
本書全面系統(tǒng)地講解了網(wǎng)頁設計與制作的相關知識。全書共15章,包括網(wǎng)頁設計基礎、Dreamweaver CS6基礎、頁面與文本、圖像與多媒體、超鏈接、表格、CSS樣式、CSS+Div布局、AP Div和Spry、行為、模板和庫、表單、jQuery Mobile、動態(tài)網(wǎng)頁技術以及綜合實訓等內容。
本書以網(wǎng)頁設計知識的演進為線索,以課堂案例為載體,將理論與實踐相結合,幫助讀者快速掌握網(wǎng)頁創(chuàng)意、設計和制作的方法與技巧。讀者通過練習案例可以鞏固和擴展相關的知識與技能,通過綜合實訓可以理解和掌握網(wǎng)站制作的方法與流程。
本書可以作為高等院校相關專業(yè)網(wǎng)頁設計課程的教材,也可以作為培訓機構的培訓教材或自學人員的參考用書。
1.突出“完善知識體系,引導藝術創(chuàng)意,面向實際應用,促進藝工融合”的特點,讓學生熟悉完整的軟件設計平臺,在實際應用場景中進行藝術創(chuàng)意,并完成網(wǎng)站的工程設計。
2.面向網(wǎng)頁技術的發(fā)展,全面引入CSS技術,歸納出“上中下”和“左中右”兩種CSS+Div布局技術,提供一個CSS+Div布局的商業(yè)網(wǎng)站設計和制作過程,實戰(zhàn)性強。
3.引入“布局圖”概念,提供了表格布局、CSS+Div布局、框架布局和AP Div布局等多種方式,同時在模板和頁面背景的設置與實現(xiàn)中,也融入了布局概念和方法,幫助初學者真正掌握網(wǎng)頁設計技術。
4.以創(chuàng)意效果好、應用背景全的案例為載體,為學生構建知識體系,提煉操作和創(chuàng)意技巧,使初學者學會網(wǎng)站制作的同時,學會網(wǎng)頁藝術創(chuàng)意的方法和技巧;教材以網(wǎng)站客戶端技術為主體,兼顧服務器端技術,使學生全面理解網(wǎng)站設計與制作技術。
5.利用本教材的多媒體資源和精品課網(wǎng)站資源,向廣大教師和學生提供豐富的教學資源和全天候的教學和自主學習環(huán)境。
修毅 北京服裝學院計算機信息中心,我社暢銷書作者
教學研究項目:
1.計算機公共課教學模式、方法及手段的創(chuàng)新研究,北京服裝學院重點課題,主要參與者;
2.藝術類本科生web網(wǎng)頁設計類課程體系構建及教學模式研究,北京服裝學院課題,主持人;
3.《網(wǎng)頁設計》精品課建設,北京服裝學院,主持人;
4.《網(wǎng)頁設計》精品課程建設團隊項目,北京服裝學院,主持人。
科學研究項目:
1.基于圖和幾何約束的智能服裝制板技術的研究,北京市教委科技面上項目,2010-2012,主持人;
2.基于WEB技術的服裝企業(yè)信息集成與發(fā)布系統(tǒng)的開發(fā),北京秋水麗人服裝服飾有限公司,2012-2013,主持人;
3.服裝圖像情感語義理解研究,北京自然科學基金(合作單位),2010-2012,主要參與者;
4.數(shù)字化人臺和虛擬立體裁剪系統(tǒng),北京市教育委員會,2003-2006,主要參與者;
5.服裝企業(yè)計算機網(wǎng)站的設計與開發(fā),深圳市威仕度服裝有限公司,2004-2005,主持人;
6.服裝紙樣的制作與輸出,Italy Bellantuono Diffusione,2004-2005,主持人;
7.三維參數(shù)化服裝造型與虛擬展示技術科研創(chuàng)新團隊項目,北京服裝學院,2014-2017,主持人。
相關研究領域:
參數(shù)化設計技術、三維造型和設計技術、虛擬現(xiàn)實技術。
第 1章 網(wǎng)頁設計基礎 1
1.1 互聯(lián)網(wǎng)基礎 2
1.1.1 Internet與Web服務 2
1.1.2 URL路徑 2
1.1.3 服務器與客戶機 2
1.1.4 互聯(lián)網(wǎng)數(shù)據(jù)中心 3
1.2 網(wǎng)頁設計知識 3
1.2.1 顏色 3
1.2.2 網(wǎng)頁設計元素 4
1.2.3 頁面布局 6
1.3 網(wǎng)頁標準化技術 7
1.3.1 結構化語言 8
1.3.2 CSS樣式 8
1.3.3 腳本語言 8
1.3.4 ASP技術 8
1.4 網(wǎng)站設計軟件 9
1.4.1 Dreamweaver 9
1.4.2 Flash 9
1.4.3 Photoshop 10
1.5 網(wǎng)站制作流程 10
1.5.1 前期準備工作 10
1.5.2 方案實施 11
1.5.3 后期工作 12
1.6 HTML 13
1.6.1 文件結構標簽 14
1.6.2 表格標簽 14
1.6.3 文本段落標簽 14
1.6.4 圖像標簽 14
1.6.5 鏈接標簽 15
1.6.6 框架標簽 15
1.6.7 表單標簽 15
1.6.8 塊標簽 15
第 2章 Dreamweaver CS6基礎 16
2.1 Dreamweaver CS6工作界面 17
2.1.1 開始界面 17
2.1.2 工作環(huán)境 17
2.1.3 工作區(qū)布局 19
2.1.4 多文檔的編輯界面 19
2.2 創(chuàng)建網(wǎng)站站點 20
2.2.1 創(chuàng)建新站點 20
2.2.2 新建和保存網(wǎng)頁 21
2.2.3 管理站點文件和文件夾 21
2.2.4 課堂案例——慈善救助中心 22
2.3 管理站點 25
2.3.1 打開站點 25
2.3.2 編輯站點 25
2.3.3 復制站點 25
2.3.4 刪除站點 26
2.4 網(wǎng)頁文檔頭部信息設置 26
2.4.1 插入搜索關鍵字 26
2.4.2 設置描述信息 27
2.4.3 插入版權信息 27
2.4.4 設置刷新時間 27
第3章 頁面與文本 29
3.1 頁面屬性 30
3.1.1 課堂案例——香格里灣峰會 30
3.1.2 網(wǎng)頁的標題 33
3.1.3 文本分段與換行 33
3.1.4 輸入空格 33
3.1.5 頁面文字屬性 34
3.1.6 顯示不可見元素 35
3.1.7 設置頁邊距 35
3.1.8 背景屬性 36
3.1.9 跟蹤圖像 36
3.2 文本屬性 36
3.2.1 課堂案例——百貨公司 36
3.2.2 設置文本屬性 39
3.2.3 文本段落 40
3.2.4 插入日期 41
3.2.5 插入特殊字符 41
3.3 項目列表和編號列表 42
3.3.1 課堂案例——咨詢網(wǎng)站 42
3.3.2 設置項目列表或編號列表 44
3.3.3 修改項目列表或編號列表 45
3.4 練習案例 45
3.4.1 練習案例——北京大學生國際電影節(jié) 45
3.4.2 練習案例——移動銀行網(wǎng)站 46
3.4.3 練習案例——化妝品網(wǎng)站 47
第4章 圖像與多媒體 48
4.1 圖像插入 49
4.1.1 課堂案例——茶葉網(wǎng)站 49
4.1.2 插入圖像 50
4.1.3 圖像源文件 50
4.1.4 替換文本 51
4.1.5 圖像占位符 51
4.2 調整圖像 51
4.2.1 課堂案例——墻體裝飾 51
4.2.2 圖像效果 53
4.3 網(wǎng)頁中的多媒體 54
4.3.1 課堂案例——度假村 54
4.3.2 插入Flash動畫 56
4.3.3 插入FLV影片 56
4.3.4 課堂案例——瑜伽會所 56
4.3.5 插入Applet 59
4.4 練習案例 59
4.4.1 練習案例——五金機械 59
4.4.2 練習案例——心緣咖啡屋 59
第5章 超鏈接 61
5.1 超鏈接的概念與路徑知識 62
5.1.1 按超鏈接端點分類 62
5.1.2 按超鏈接路徑分類 62
5.2 文本鏈接 62
5.2.1 課堂案例——婚禮公司 62
5.2.2 文本鏈接 65
5.2.3 頁面文本鏈接的狀態(tài) 66
5.2.4 下載文件鏈接 66
5.2.5 電子郵件鏈接 66
5.2.6 空鏈接 67
5.3 圖像超鏈接 67
5.3.1 課堂案例——手機商城 67
5.3.2 圖像超鏈接 69
5.3.3 鼠標指針經(jīng)過圖像超鏈接 69
5.4 熱點鏈接 69
5.4.1 課堂案例——兒童課堂 69
5.4.2 創(chuàng)建熱點鏈接 71
5.5 錨點鏈接 71
5.5.1 課堂案例——數(shù)碼商城 71
5.5.2 創(chuàng)建錨點鏈接 73
5.6 鏈接管理 73
5.6.1 課堂案例——百適易得商城 74
5.6.2 自動更新鏈接 76
5.6.3 檢查鏈接 77
5.6.4 修復鏈接 78
5.7 練習案例 78
5.7.1 練習案例——室內設計網(wǎng) 78
5.7.2 練習案例——多美味餐廳 79
5.7.3 練習案例——生物科普網(wǎng) 79
第6章 表格 81
6.1 表格的簡單操作 82
6.1.1 表格的組成 82
6.1.2 插入表格 82
6.1.3 表格屬性 83
6.1.4 單元格屬性 83
6.1.5 在表格中插入內容 84
6.1.6 選擇表格元素 84
6.1.7 合并和拆分單元格 85
6.2 簡單表格的排版 85
6.2.1 課堂案例——融通室內裝飾 85
6.2.2 復制和粘貼表格 90
6.2.3 刪除表格和清除表格內容 91
6.2.4 增加或減少表格的行和列 91
6.3 復雜表格的排版 91
6.3.1 課堂案例——江雨橋的博客 91
6.3.2 表格的嵌套 96
6.3.3 單元格與表格背景 96
6.3.4 細線表格 97
6.4 表格的數(shù)據(jù)功能 98
6.4.1 課堂案例——遠景苑小區(qū) 98
6.4.2 導入Word或Excel數(shù)據(jù) 99
6.4.3 排序 100
6.5 練習案例 100
6.5.1 練習案例——愛麗絲家具 100
6.5.2 練習案例——逸購鮮花速遞網(wǎng) 101
第7章 CSS樣式 103
7.1 CSS樣式概述 104
7.1.1 CSS樣式標準 104
7.1.2 CSS樣式構造規(guī)則 104
7.1.3 CSS樣式種類 104
7.1.4 CSS樣式應用范圍 105
7.2 CSS樣式控制面板 105
7.2.1 CSS樣式選擇器 105
7.2.2 課堂案例——美好攝影 106
7.2.3 CSS樣式的使用 112
7.2.4 編輯樣式 114
7.3 CSS樣式的屬性 114
7.3.1 課堂案例——走進臺灣 114
7.3.2 類型 117
7.3.3 背景 118
7.3.4 區(qū)塊 118
7.3.5 方框和邊框 119
7.3.6 列表 120
7.3.7 定位 120
7.3.8 擴展 120
7.3.9 過渡 121
7.4 CSS過濾器 121
7.4.1 課堂案例——養(yǎng)生美容 121
7.4.2 CSS靜態(tài)過濾器 123
7.4.3 CSS動態(tài)過濾器 124
7.5 練習案例 124
7.5.1 練習案例——航空旅游 124
7.5.2 練習案例——狗狗俱樂部 125
7.5.3 練習案例——鮮花店 126
第8章 CSS+Div布局 127
8.1 盒子模型 128
8.1.1 盒子結構 128
8.1.2 盒子屬性 128
8.2 布局方法 129
8.2.1
標簽 129
8.2.2 position屬性 130
8.2.3 浮動方式 130
8.3 “上中下”布局 132
8.3.1 課堂案例——網(wǎng)頁設計大賽 132
8.3.2 在Dreamweaver中插入
標簽 138
8.4 “左中右”布局 139
8.4.1 課堂案例——連鎖餐廳 139
8.4.2 使用CSS樣式布局 145
8.5 練習案例 146
8.5.1 練習案例——電子產(chǎn)品 146
8.5.2 練習案例——裝修公司 147
第9章 AP Div和Spry 149
9.1 AP Div的基本操作 150
9.1.1 課堂案例——少兒培訓 150
9.1.2 創(chuàng)建AP Div 152
9.1.3 選擇AP Div 153
9.1.4 AP Div的大小和位置 153
9.1.5 AP Div的背景顏色和圖像 154
9.1.6 AP Div的可見性 154
9.1.7 AP Div溢出 154
9.2 使用AP Div布局 155
9.2.1 課堂案例——Windows Phone 155
9.2.2 靠齊到網(wǎng)格 159
9.2.3 AP Div疊放 160
9.2.4 對齊AP Div 161
9.2.5 AP Div與表格的相互轉換 161
9.2.6 AP Div嵌套 162
9.3 Spry菜單欄 162
9.3.1 課堂案例——西式餐廳 162
9.3.2 了解Spry菜單欄 164
9.4 其他Spry 165
9.4.1 Spry選項卡面板 165
9.4.2 Spry折疊式面板 167
9.5 練習案例 168
9.5.1 練習案例——產(chǎn)品設計 168
9.5.2 練習案例——攝影作品集 169
9.5.3 練習案例——高爾夫俱樂部 170
第 10章 行為 171
10.1 行為概述 172
10.1.1 事件 172
10.1.2 動作 173
10.1.3 行為面板 174
10.2 制作圖像特效 174
10.2.1 課堂案例——吉太美食 175
10.2.2 交換圖像 178
10.2.3 顯示-隱藏元素 178
10.3 拖動AP元素概述 179
10.3.1 課堂案例——卡通人物 179
10.3.2 拖動AP元素 180
10.4 啟用瀏覽器窗口 181
10.4.1 課堂案例——兒童攝影 181
10.4.2 打開瀏覽器窗口 182
10.4.3 轉到URL 183
10.5 效果 183
10.5.1 課堂案例——綠野網(wǎng)站建設 183
10.5.2 增大/收縮 185
10.5.3 顯示/漸隱 185
10.5.4 晃動 185
10.5.5 擠壓 186
10.5.6 滑動 186
10.6 JavaScript代碼 187
10.7 練習案例 187
10.7.1 練習案例——甜品飲料吧 187
10.7.2 練習案例——美達人壽 188
10.7.3 練習案例——我們愛貓網(wǎng) 189
第 11章 模板和庫 190
11.1 模板 191
11.1.1 課堂案例——花仙子園藝 191
11.1.2 創(chuàng)建模板 195
11.1.3 定義可編輯區(qū)域 196
11.1.4 定義可編輯重復區(qū)域 197
11.1.5 創(chuàng)建基于模板的網(wǎng)頁 198
11.1.6 管理模板 198
11.2 庫 199
11.2.1 課堂案例——時尚女性網(wǎng) 200
11.2.2 創(chuàng)建庫項目 202
11.2.3 向頁面中添加庫項目 203
11.2.4 更新庫項目文件 203
11.3 練習案例 204
11.3.1 練習案例——旗袍文化 204
11.3.2 練習案例——恒生國際老年公寓 206
第 12章 表單 207
12.1 使用表單 208
12.1.1 課堂案例——辦公用品公司 208
12.1.2 表單及其屬性 212
12.1.3 文本域 212
12.1.4 單選按鈕和單選按鈕組 214
12.1.5 復選框和復選框組 215
12.1.6 選擇列表/菜單 215
12.1.7 跳轉菜單 216
12.1.8 文件域 217
12.1.9 圖像域 217
12.1.10 提交和重置按鈕 218
12.2 Spry驗證 219
12.2.1 課堂案例——網(wǎng)頁設計 219
12.2.2 Spry驗證文本域 221
12.2.3 Spry驗證密碼 222
12.2.4 Spry驗證復選框 223
12.2.5 Spry驗證單選按鈕組 223
12.2.6 Spry驗證確認 224
12.3 練習案例 224
12.3.1 練習案例——咖啡餐廳 224
12.3.2 練習案例——兒童培訓 225
第 13章 jQuery Mobile 227
13.1 jQuery Mobile概述 228
13.1.1 jQuery Mobile簡介 228
13.1.2 jQuery Mobile框架 228
13.1.3 data-屬性 229
13.1.4 jQuery Mobile樣式 229
13.2 使用jQuery Mobile 230
13.2.1 課堂案例——服裝定制I 230
13.2.2 jQuery Mobile頁面 236
13.2.3 jQuery Mobile列表視圖 239
13.2.4 jQuery Mobile布局網(wǎng)格 239
13.2.5 jQuery Mobile可折疊區(qū)塊 239
13.3 jQuery Mobile應用 240
13.3.1 jQuery Mobile版本 240
13.3.2 面板panel 240
13.3.3 彈窗popup 241
13.3.4 課堂案例——服裝定制II 242
13.3.5 打包jQuery Mobile應用 245
13.4 練習案例 245
13.4.1 練習案例——男人會裝I 245
13.4.2 練習案例——男人會裝II 246
第 14章 動態(tài)網(wǎng)頁技術 248
14.1 動態(tài)網(wǎng)頁技術概述 249
14.2 開發(fā)環(huán)境設置 249
14.2.1 安裝IIS 250
14.2.2 設置IIS 250
14.3 設計數(shù)據(jù)庫 252
14.3.1 數(shù)據(jù)庫簡介 252
14.3.2 創(chuàng)建數(shù)據(jù)庫 252
14.4 數(shù)據(jù)庫連接 254
14.4.1 創(chuàng)建DSN 254
14.4.2 創(chuàng)建數(shù)據(jù)庫連接 255
14.5 數(shù)據(jù)庫使用 255
14.5.1 定義記錄集 255
14.5.2 數(shù)據(jù)綁定 256
14.5.3 添加服務器行為 257
14.6 課堂案例——美容美發(fā) 259
14.6.1 開始創(chuàng)建數(shù)據(jù)庫 259
14.6.2 創(chuàng)建虛擬路徑和數(shù)據(jù)源 261
14.6.3 創(chuàng)建動態(tài)站點和數(shù)據(jù)庫連接 262
14.6.4 發(fā)表留言頁面 264
14.6.5 留言詳細內容頁面 266
14.6.6 留言列表頁面 266
14.7 練習案例——電子商務 268
第 15章 綜合實訓 270
15.1 網(wǎng)站規(guī)劃 271
15.2 網(wǎng)站設計 271
15.2.1 網(wǎng)站logo設計 271
15.2.2 banner設計 271
15.2.3 頁面設計 271
15.3 制作主頁面 272
15.3.1 主頁面切圖 272
15.3.2 創(chuàng)建站點 275
15.3.3 制作header區(qū)域 275
15.3.4 制作導航欄區(qū)域 278
15.3.5 制作banner區(qū)域 279
15.3.6 制作內容區(qū)域 279
15.3.7 制作footer區(qū)域 284
15.4 制作子頁面 285
15.4.1 家園簡介子頁面切圖 285
15.4.2 新建子頁面模板 286
15.4.3 新建家園簡介子頁面 288
15.5 制作其他子頁面 291
15.6 頁面超鏈接設置 292
參考文獻 294
你還可能感興趣
我要評論
|