關(guān)于我們
書單推薦
新書推薦
|
網(wǎng)頁設(shè)計與制作Dreamweaver CS6標(biāo)準(zhǔn)教程(微課版 第3版)
本書全面系統(tǒng)地講解了網(wǎng)頁設(shè)計與制作的相關(guān)知識。全書共15章,包括網(wǎng)頁設(shè)計基礎(chǔ)、Dreamweaver CS6基礎(chǔ)、頁面與文本、圖像與多媒體、超鏈接、表格、CSS樣式、CSS+Div布局、AP Div和Spry、行為、模板和庫、表單、jQuery Mobile、動態(tài)網(wǎng)頁技術(shù)以及綜合實(shí)訓(xùn)等內(nèi)容。
本書以網(wǎng)頁設(shè)計知識的演進(jìn)為線索,以課堂案例為載體,將理論與實(shí)踐相結(jié)合,幫助讀者快速掌握網(wǎng)頁創(chuàng)意、設(shè)計和制作的方法與技巧。讀者通過練習(xí)案例可以鞏固和擴(kuò)展相關(guān)的知識與技能,通過綜合實(shí)訓(xùn)可以理解和掌握網(wǎng)站制作的方法與流程。
本書可以作為高等院校相關(guān)專業(yè)網(wǎng)頁設(shè)計課程的教材,也可以作為培訓(xùn)機(jī)構(gòu)的培訓(xùn)教材或自學(xué)人員的參考用書。
1.突出“完善知識體系,引導(dǎo)藝術(shù)創(chuàng)意,面向?qū)嶋H應(yīng)用,促進(jìn)藝工融合”的特點(diǎn),讓學(xué)生熟悉完整的軟件設(shè)計平臺,在實(shí)際應(yīng)用場景中進(jìn)行藝術(shù)創(chuàng)意,并完成網(wǎng)站的工程設(shè)計。
2.面向網(wǎng)頁技術(shù)的發(fā)展,全面引入CSS技術(shù),歸納出“上中下”和“左中右”兩種CSS+Div布局技術(shù),提供一個CSS+Div布局的商業(yè)網(wǎng)站設(shè)計和制作過程,實(shí)戰(zhàn)性強(qiáng)。
3.引入“布局圖”概念,提供了表格布局、CSS+Div布局、框架布局和AP Div布局等多種方式,同時在模板和頁面背景的設(shè)置與實(shí)現(xiàn)中,也融入了布局概念和方法,幫助初學(xué)者真正掌握網(wǎng)頁設(shè)計技術(shù)。
4.以創(chuàng)意效果好、應(yīng)用背景全的案例為載體,為學(xué)生構(gòu)建知識體系,提煉操作和創(chuàng)意技巧,使初學(xué)者學(xué)會網(wǎng)站制作的同時,學(xué)會網(wǎng)頁藝術(shù)創(chuàng)意的方法和技巧;教材以網(wǎng)站客戶端技術(shù)為主體,兼顧服務(wù)器端技術(shù),使學(xué)生全面理解網(wǎng)站設(shè)計與制作技術(shù)。
5.利用本教材的多媒體資源和精品課網(wǎng)站資源,向廣大教師和學(xué)生提供豐富的教學(xué)資源和全天候的教學(xué)和自主學(xué)習(xí)環(huán)境。
修毅 北京服裝學(xué)院計算機(jī)信息中心,我社暢銷書作者
教學(xué)研究項(xiàng)目:
1.計算機(jī)公共課教學(xué)模式、方法及手段的創(chuàng)新研究,北京服裝學(xué)院重點(diǎn)課題,主要參與者;
2.藝術(shù)類本科生web網(wǎng)頁設(shè)計類課程體系構(gòu)建及教學(xué)模式研究,北京服裝學(xué)院課題,主持人;
3.《網(wǎng)頁設(shè)計》精品課建設(shè),北京服裝學(xué)院,主持人;
4.《網(wǎng)頁設(shè)計》精品課程建設(shè)團(tuán)隊項(xiàng)目,北京服裝學(xué)院,主持人。
科學(xué)研究項(xiàng)目:
1.基于圖和幾何約束的智能服裝制板技術(shù)的研究,北京市教委科技面上項(xiàng)目,2010-2012,主持人;
2.基于WEB技術(shù)的服裝企業(yè)信息集成與發(fā)布系統(tǒng)的開發(fā),北京秋水麗人服裝服飾有限公司,2012-2013,主持人;
3.服裝圖像情感語義理解研究,北京自然科學(xué)基金(合作單位),2010-2012,主要參與者;
4.數(shù)字化人臺和虛擬立體裁剪系統(tǒng),北京市教育委員會,2003-2006,主要參與者;
5.服裝企業(yè)計算機(jī)網(wǎng)站的設(shè)計與開發(fā),深圳市威仕度服裝有限公司,2004-2005,主持人;
6.服裝紙樣的制作與輸出,Italy Bellantuono Diffusione,2004-2005,主持人;
7.三維參數(shù)化服裝造型與虛擬展示技術(shù)科研創(chuàng)新團(tuán)隊項(xiàng)目,北京服裝學(xué)院,2014-2017,主持人。
相關(guān)研究領(lǐng)域:
參數(shù)化設(shè)計技術(shù)、三維造型和設(shè)計技術(shù)、虛擬現(xiàn)實(shí)技術(shù)。
第 1章 網(wǎng)頁設(shè)計基礎(chǔ) 1
1.1 互聯(lián)網(wǎng)基礎(chǔ) 2
1.1.1 Internet與Web服務(wù) 2
1.1.2 URL路徑 2
1.1.3 服務(wù)器與客戶機(jī) 2
1.1.4 互聯(lián)網(wǎng)數(shù)據(jù)中心 3
1.2 網(wǎng)頁設(shè)計知識 3
1.2.1 顏色 3
1.2.2 網(wǎng)頁設(shè)計元素 4
1.2.3 頁面布局 6
1.3 網(wǎng)頁標(biāo)準(zhǔn)化技術(shù) 7
1.3.1 結(jié)構(gòu)化語言 8
1.3.2 CSS樣式 8
1.3.3 腳本語言 8
1.3.4 ASP技術(shù) 8
1.4 網(wǎng)站設(shè)計軟件 9
1.4.1 Dreamweaver 9
1.4.2 Flash 9
1.4.3 Photoshop 10
1.5 網(wǎng)站制作流程 10
1.5.1 前期準(zhǔn)備工作 10
1.5.2 方案實(shí)施 11
1.5.3 后期工作 12
1.6 HTML 13
1.6.1 文件結(jié)構(gòu)標(biāo)簽 14
1.6.2 表格標(biāo)簽 14
1.6.3 文本段落標(biāo)簽 14
1.6.4 圖像標(biāo)簽 14
1.6.5 鏈接標(biāo)簽 15
1.6.6 框架標(biāo)簽 15
1.6.7 表單標(biāo)簽 15
1.6.8 塊標(biāo)簽 15
第 2章 Dreamweaver CS6基礎(chǔ) 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)站站點(diǎn) 20
2.2.1 創(chuàng)建新站點(diǎn) 20
2.2.2 新建和保存網(wǎng)頁 21
2.2.3 管理站點(diǎn)文件和文件夾 21
2.2.4 課堂案例——慈善救助中心 22
2.3 管理站點(diǎn) 25
2.3.1 打開站點(diǎn) 25
2.3.2 編輯站點(diǎn) 25
2.3.3 復(fù)制站點(diǎn) 25
2.3.4 刪除站點(diǎn) 26
2.4 網(wǎng)頁文檔頭部信息設(shè)置 26
2.4.1 插入搜索關(guān)鍵字 26
2.4.2 設(shè)置描述信息 27
2.4.3 插入版權(quán)信息 27
2.4.4 設(shè)置刷新時間 27
第3章 頁面與文本 29
3.1 頁面屬性 30
3.1.1 課堂案例——香格里灣峰會 30
3.1.2 網(wǎng)頁的標(biāo)題 33
3.1.3 文本分段與換行 33
3.1.4 輸入空格 33
3.1.5 頁面文字屬性 34
3.1.6 顯示不可見元素 35
3.1.7 設(shè)置頁邊距 35
3.1.8 背景屬性 36
3.1.9 跟蹤圖像 36
3.2 文本屬性 36
3.2.1 課堂案例——百貨公司 36
3.2.2 設(shè)置文本屬性 39
3.2.3 文本段落 40
3.2.4 插入日期 41
3.2.5 插入特殊字符 41
3.3 項(xiàng)目列表和編號列表 42
3.3.1 課堂案例——咨詢網(wǎng)站 42
3.3.2 設(shè)置項(xiàng)目列表或編號列表 44
3.3.3 修改項(xiàng)目列表或編號列表 45
3.4 練習(xí)案例 45
3.4.1 練習(xí)案例——北京大學(xué)生國際電影節(jié) 45
3.4.2 練習(xí)案例——移動銀行網(wǎng)站 46
3.4.3 練習(xí)案例——化妝品網(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 調(diào)整圖像 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 練習(xí)案例 59
4.4.1 練習(xí)案例——五金機(jī)械 59
4.4.2 練習(xí)案例——心緣咖啡屋 59
第5章 超鏈接 61
5.1 超鏈接的概念與路徑知識 62
5.1.1 按超鏈接端點(diǎn)分類 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 課堂案例——手機(jī)商城 67
5.3.2 圖像超鏈接 69
5.3.3 鼠標(biāo)指針經(jīng)過圖像超鏈接 69
5.4 熱點(diǎn)鏈接 69
5.4.1 課堂案例——兒童課堂 69
5.4.2 創(chuàng)建熱點(diǎn)鏈接 71
5.5 錨點(diǎn)鏈接 71
5.5.1 課堂案例——數(shù)碼商城 71
5.5.2 創(chuàng)建錨點(diǎn)鏈接 73
5.6 鏈接管理 73
5.6.1 課堂案例——百適易得商城 74
5.6.2 自動更新鏈接 76
5.6.3 檢查鏈接 77
5.6.4 修復(fù)鏈接 78
5.7 練習(xí)案例 78
5.7.1 練習(xí)案例——室內(nèi)設(shè)計網(wǎng) 78
5.7.2 練習(xí)案例——多美味餐廳 79
5.7.3 練習(xí)案例——生物科普網(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 在表格中插入內(nèi)容 84
6.1.6 選擇表格元素 84
6.1.7 合并和拆分單元格 85
6.2 簡單表格的排版 85
6.2.1 課堂案例——融通室內(nèi)裝飾 85
6.2.2 復(fù)制和粘貼表格 90
6.2.3 刪除表格和清除表格內(nèi)容 91
6.2.4 增加或減少表格的行和列 91
6.3 復(fù)雜表格的排版 91
6.3.1 課堂案例——江雨橋的博客 91
6.3.2 表格的嵌套 96
6.3.3 單元格與表格背景 96
6.3.4 細(xì)線表格 97
6.4 表格的數(shù)據(jù)功能 98
6.4.1 課堂案例——遠(yuǎn)景苑小區(qū) 98
6.4.2 導(dǎo)入Word或Excel數(shù)據(jù) 99
6.4.3 排序 100
6.5 練習(xí)案例 100
6.5.1 練習(xí)案例——愛麗絲家具 100
6.5.2 練習(xí)案例——逸購鮮花速遞網(wǎng) 101
第7章 CSS樣式 103
7.1 CSS樣式概述 104
7.1.1 CSS樣式標(biāo)準(zhǔn) 104
7.1.2 CSS樣式構(gòu)造規(guī)則 104
7.1.3 CSS樣式種類 104
7.1.4 CSS樣式應(yīng)用范圍 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 課堂案例——走進(jìn)臺灣 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 擴(kuò)展 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 練習(xí)案例 124
7.5.1 練習(xí)案例——航空旅游 124
7.5.2 練習(xí)案例——狗狗俱樂部 125
7.5.3 練習(xí)案例——鮮花店 126
第8章 CSS+Div布局 127
8.1 盒子模型 128
8.1.1 盒子結(jié)構(gòu) 128
8.1.2 盒子屬性 128
8.2 布局方法 129
8.2.1
標(biāo)簽 129
8.2.2 position屬性 130
8.2.3 浮動方式 130
8.3 “上中下”布局 132
8.3.1 課堂案例——網(wǎng)頁設(shè)計大賽 132
8.3.2 在Dreamweaver中插入
標(biāo)簽 138
8.4 “左中右”布局 139
8.4.1 課堂案例——連鎖餐廳 139
8.4.2 使用CSS樣式布局 145
8.5 練習(xí)案例 146
8.5.1 練習(xí)案例——電子產(chǎn)品 146
8.5.2 練習(xí)案例——裝修公司 147
第9章 AP Div和Spry 149
9.1 AP Div的基本操作 150
9.1.1 課堂案例——少兒培訓(xùn) 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與表格的相互轉(zhuǎn)換 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選項(xiàng)卡面板 165
9.4.2 Spry折疊式面板 167
9.5 練習(xí)案例 168
9.5.1 練習(xí)案例——產(chǎn)品設(shè)計 168
9.5.2 練習(xí)案例——攝影作品集 169
9.5.3 練習(xí)案例——高爾夫俱樂部 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 轉(zhuǎn)到URL 183
10.5 效果 183
10.5.1 課堂案例——綠野網(wǎng)站建設(shè) 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 練習(xí)案例 187
10.7.1 練習(xí)案例——甜品飲料吧 187
10.7.2 練習(xí)案例——美達(dá)人壽 188
10.7.3 練習(xí)案例——我們愛貓網(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 定義可編輯重復(fù)區(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)建庫項(xiàng)目 202
11.2.3 向頁面中添加庫項(xiàng)目 203
11.2.4 更新庫項(xiàng)目文件 203
11.3 練習(xí)案例 204
11.3.1 練習(xí)案例——旗袍文化 204
11.3.2 練習(xí)案例——恒生國際老年公寓 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 復(fù)選框和復(fù)選框組 215
12.1.6 選擇列表/菜單 215
12.1.7 跳轉(zhuǎn)菜單 216
12.1.8 文件域 217
12.1.9 圖像域 217
12.1.10 提交和重置按鈕 218
12.2 Spry驗(yàn)證 219
12.2.1 課堂案例——網(wǎng)頁設(shè)計 219
12.2.2 Spry驗(yàn)證文本域 221
12.2.3 Spry驗(yàn)證密碼 222
12.2.4 Spry驗(yàn)證復(fù)選框 223
12.2.5 Spry驗(yàn)證單選按鈕組 223
12.2.6 Spry驗(yàn)證確認(rèn) 224
12.3 練習(xí)案例 224
12.3.1 練習(xí)案例——咖啡餐廳 224
12.3.2 練習(xí)案例——兒童培訓(xùn) 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應(yīng)用 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應(yīng)用 245
13.4 練習(xí)案例 245
13.4.1 練習(xí)案例——男人會裝I 245
13.4.2 練習(xí)案例——男人會裝II 246
第 14章 動態(tài)網(wǎng)頁技術(shù) 248
14.1 動態(tài)網(wǎng)頁技術(shù)概述 249
14.2 開發(fā)環(huán)境設(shè)置 249
14.2.1 安裝IIS 250
14.2.2 設(shè)置IIS 250
14.3 設(shè)計數(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 添加服務(wù)器行為 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)站點(diǎn)和數(shù)據(jù)庫連接 262
14.6.4 發(fā)表留言頁面 264
14.6.5 留言詳細(xì)內(nèi)容頁面 266
14.6.6 留言列表頁面 266
14.7 練習(xí)案例——電子商務(wù) 268
第 15章 綜合實(shí)訓(xùn) 270
15.1 網(wǎng)站規(guī)劃 271
15.2 網(wǎng)站設(shè)計 271
15.2.1 網(wǎng)站logo設(shè)計 271
15.2.2 banner設(shè)計 271
15.2.3 頁面設(shè)計 271
15.3 制作主頁面 272
15.3.1 主頁面切圖 272
15.3.2 創(chuàng)建站點(diǎn) 275
15.3.3 制作header區(qū)域 275
15.3.4 制作導(dǎo)航欄區(qū)域 278
15.3.5 制作banner區(qū)域 279
15.3.6 制作內(nèi)容區(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 頁面超鏈接設(shè)置 292
參考文獻(xiàn) 294
你還可能感興趣
我要評論
|