《學以致用系列叢書:Dreamweaver CC網頁設計與制作(雙色超值版)》是叢書“學以致用系列叢書”中的一本。全書共分為14章,主要包括網頁制作與Dreamweaver CC基礎、網頁的全局設置與管理、在網頁中添加內容、網頁的格式化和布局設置、網頁制作的高級操作以及綜合案例實戰(zhàn)應用6個部分。通過對本書的學習,讀者不僅能學會Dreamweaver CC軟件的基本操作,更能學會如何使用該軟件制作符合需求的網頁,而且通過本書中列舉的實戰(zhàn)案例,還可以舉一反三,在實戰(zhàn)工作中用得更好。此外,本書還提供了豐富的欄目板塊,如“專家提醒”、“核心妙招”和“長知識”。這些板塊不僅豐富了本書的知識,還可以教會讀者更多常用的技巧,從而提高讀者的實戰(zhàn)操作能力!秾W以致用系列叢書:Dreamweaver CC網頁設計與制作(雙色超值版)》淺顯易懂,指導性較強,特別適合網頁設計與制作的初級用戶,也適合有一定Dreamweaver應用基礎和具有一定網頁設計經驗的讀者。此外,《學以致用系列叢書:Dreamweaver CC網頁設計與制作(雙色超值版)》也可作為高等院校、大專院校網頁設計課程的教材,或者作為相關領域人員的網頁設計入門學習用書或入門培訓教材。
◆《Excel財務應用》
◆《PowerPoint 2013設計與制作》
◆《AutoCAD 2014中文版繪圖基礎》
◆《Flash CC動畫設計與制作》
◆《Dreamweaver CC網頁設計與制作》
◆《Dreamweaver+Flash+Photoshop網頁設計綜合應用》
◆《新手學電腦》
◆《中老年人學電腦》
◆《電腦組裝、維護與故障排除》
◆《電腦安全與黑客攻防》
◆《網上開店、裝修與推廣》
◆《Office 2013綜合應用》
關于本叢書
如今,學會使用電腦已不再是為了休閑娛樂,在生活、工作節(jié)奏不斷加快的今天,電腦已成為各類人士工作中不可替代的一種辦公用具。然而僅僅學會如何使用電腦操作一些常見的軟件已經不能滿足人們當下的工作需求了。高效率、高品質的電腦辦公已經顯得越來越重要。
為了讓更多的初學者學會電腦和辦公軟件的操作,讓工作內容更符合當下的職場和行業(yè)要求,我們經過精心策劃,創(chuàng)作了“學以致用系列”這套叢書。
本叢書包含了電腦基礎與入門、網上開店、Office辦公軟件、圖形圖像和網頁設計等領域內的精華內容,每本書的內容和講解方式都根據其特有的應用要求進行了量身打造,目的是讓讀者真正學得會,用得好。本叢書具體包括如下書目。
叢書兩大特色
本叢書之所以稱為“學以致用”,是因為我們在策劃和創(chuàng)作過程中始終堅持“理論操作學得會,實戰(zhàn)技能用得好”的宗旨。
理論知識和操作學得會
◆ 講解上——實用為先,語言精練
本叢書在內容挑選方面注重3個“最”——內容最實用,操作最常見,案例最典型,并用精煉的文字講解理論部分,用最通俗的語言將知識講解清楚,提高讀者的閱讀和學習效率。
◆ 外觀上——單雙混排,全彩圖解
本叢書采用靈活的單雙混排方式,全程圖解式操作,每個操作步驟在內容和配圖上逐一對應,力求讓整個操作更清晰,讓讀者能夠輕松和快速地掌握。
◆ 結構上——布局科學,學習、解惑、鞏固三不誤
本叢書在每章的知識結構安排上,采取“主體知識+實戰(zhàn)問答+思考與練習”的結構,其中,“主體知識”是針對當前章節(jié)中涉及的所有理論知識進行講解;“實戰(zhàn)問答”是針對實戰(zhàn)工作中的常見問題進行答疑,為讀者掃清工作中的“攔路虎”;“思考與練習”中列舉了各種類型
的習題,如填空題、判斷題、操作題等,目的是幫助讀者鞏固本章所學知識和操作。
◆ 信息上——欄目豐富,延展學習
本叢書在知識講解過程中,還穿插了各種欄目板塊,如專家提醒、核心妙招、長知識等。通過這些欄目,擴展讀者的學習寬度,幫助讀者掌握更多實用的技巧操作。實戰(zhàn)工作中能夠用得好
本叢書在講解過程中,采用“知識點+實例操作”的結構來講解,為了讓讀者清楚這些知識在實戰(zhàn)中的具體應用,所有的案例均是實戰(zhàn)中的典型案例。通過這種講解方式,讓讀者在真實的
環(huán)境中體會知識的應用,從而達到舉一反三,在工作中用得好的目的。
關于本書內容
本書是“學以致用系列叢書”中的一本。全書共分為14章,主要包括網頁制作與Dreamweaver CC基礎、網頁的全局設置與管理、在網頁中添加內容、網頁的格式化和布局設
置、網頁制作的高級操作以及綜合案例實戰(zhàn)應用6個部分,各部分的具體內容如下。
該部分是本書的第1~2章,其具體內容包括:認識網頁的基本組成,網頁設計流程與工具,了解Dreamweaver CC的基本操作,以及網頁制作的基本操作等。通過對本部分內容的學習,主要是為后面的學習打下堅實的基礎。網頁制作與Dreamweaver CC基礎
該部分是本書的第3~4章,其具體內容包括:利用可視化操作設置網頁的頁面屬性,使用標簽設置頁面屬性,創(chuàng)建站點,站點遠程服務器的定義,發(fā)布站點,管理站點,以及在站點中管理文件和文件夾等。通過對本部分內容的學習,讀者可以熟練掌握網頁設計與制作的全局設置與管理操作。網頁的全局設置與管理
該部分是本書的第5~8章,其具體內容包括:在網頁中插入文本,在網頁中插入列表、水平線等,在網頁中插入圖像、各種音頻和視頻文件,為對象添加超鏈接,以及表格的應用。通過本對部分內容的學習,讀者可以掌握在網頁中添加各種內容的方法。在網頁中添加內容
該部分是本書的第9~10章,其具體內容包括:了解CSS樣式表,使用層疊樣式表格式化網頁效果,利用Div層布局網頁,以及CSS+Div綜合應用格式化網頁效果等。通過對本部分內容的學習,讀者可以熟練掌握美化頁面和設置頁面布局的方法。網頁的格式化和布局設置
該部分是本書的第11~13章,其具體內容包括:模板和庫的應用,在網頁中使用表單和表單對象,以及在網頁中編寫JavaScript代碼等。通過對本部分內容的學習,讀者可以快速掌握制作統(tǒng)一界面風格、效果更豐富的網頁。網頁制作的高級操作
該部分是本書的第14章,本章主要是通過制作婚紗網站,鞏固本書的所學知識,以及讓讀者親身體驗制作一個完整網站的過程。讓讀者真正達到學以致用,舉一反三的目的。綜合案例實戰(zhàn)應用
關于讀者對象
本書淺顯易懂,指導性較強,特別適合網頁設計與制作的初級用戶,也適合有一定Dreamweaver使用基礎和具有一定網頁設計經驗的讀者。此外,本書也可作為高等院校、大專院校網頁設計課程的教材,或者作為相關領域人員的網頁設計入門學習用書或入門培訓教材。
關于創(chuàng)作團隊
本書由智云科技編著,參與本書編寫的人員有邱超群、楊群、羅浩、馬英、邱銀春、羅丹丹、劉暢、林曉軍、林菊芳、周磊、蔣明熙、甘林圣、丁穎、蔣杰、何超等,在此對大家的辛勤工作表示衷心的感謝!
由于編者經驗有限,加之時間倉促,書中難免會有疏漏和不足,懇請專家和讀者不吝賜教。
編者
Chapter 01 網頁設計與制作基礎
1.1 認識網頁的基本組成 2
1.2 優(yōu)秀網頁結構賞析 5
1.3 認識靜態(tài)網頁與動態(tài)網頁 8
1.4 了解網頁的訪問原理 9
1.5 認識域名和域名服務器 10
1.5.1 域名的各種分類 10
1.5.2 域名服務器(DNS) 11
1.6 網站設計流程 13
1.7 網頁制作的常用工具 13
1.7.1 內容編輯工具 14
1.7.2 網頁美化工具 14
1.8 實戰(zhàn)問答 15
NO.1 靜態(tài)網頁與動態(tài)網頁有何區(qū)別 15
NO.2 網頁設計是否必須懂HTML標記 15
1.9 思考與練習 16
Chapter 02 初識Dreamweaver CC
2.1 Dreamweaver CC的基本操作 18
2.1.1 安裝Dreamweaver CC 18
2.1.2 啟動Dreamweaver CC 20
2.1.3 退出Dreamweaver CC 22
2.2 了解Dreamweaver CC的新功能 23
2.3 認識Dreamweaver CC工作環(huán)境 24
2.3.1 菜單欄 24
2.3.2 面板組 24
2.3.3 “插入”面板 24
2.3.4 文檔窗口 26
2.3.5 “屬性”面板 27
2.4 網頁設計的基本操作 28
2.4.1 新建網頁 28
2.4.2 保存網頁 28
2.4.3 打開網頁 29
2.4.4 預覽網頁 31
2.4.5 關閉網頁 31
2.5 實戰(zhàn)問答 33
NO.1 創(chuàng)建網頁的其他方法 33
NO.2 如何改變預覽網頁時的瀏覽器 33
2.6 思考與練習 34
Chapter 03 頁面屬性的設置
3.1 在對話框中設置頁面屬性 36
3.1.1 設置外觀(CSS) 36
3.1.2 設置外觀(HTML) 37
3.1.3 設置鏈接(CSS) 39
3.1.4 設置標題(CSS) 41
3.1.5 設置標題/編碼 43
3.1.6 設置跟蹤圖像 44
3.2 使用代碼設置字體與頁面背景效果 45
3.2.1 添加頁面標題 45
3.2.2 為文字添加加粗和傾斜格式 46
3.2.3 設置文字的字號大小 47
3.2.4 設置網頁文本的文本顏色 48
3.2.5 設置網頁的背景顏色 49
3.2.6 為網頁添加背景圖片 50
3.3 使用代碼設置超鏈接屬性 51
3.3.1 設置超鏈接的邊距 51
3.3.2 設置鏈接顏色 52
3.3.3 設置鼠標經過超鏈接效果 53
3.3.4 設置已訪問鏈接 53
3.3.5 設置活動鏈接 54
3.3.6 修改下劃線樣式 54
3.4 實戰(zhàn)問答 55
NO.1 外觀(CSS)和外觀(HTML)有何區(qū)別 55
NO.2 如何讓背景圖片固定 55
3.5 思考與練習 55
Chapter 04 創(chuàng)建與管理站點
4.1 創(chuàng)建、配置與發(fā)布本地站點 58
4.1.1 創(chuàng)建本地站點 58
4.1.2 為站點定義遠程服務器 59
4.1.3 發(fā)布站點 60
4.2 管理站點 61
4.2.1 刪除站點 61
4.2.2 編輯站點 61
4.2.3 復制站點 62
4.2.4 導出站點 63
4.2.5 導入站點 63
4.3 管理站點中的內容 64
4.3.1 添加文件/文件夾 64
4.3.2 重命名和刪除文件/文件夾 65
4.4 實戰(zhàn)問答 65
NO.1 站點已刪除為什么文件還在 65
NO.2 如何將已有文件添加到站點中 66
4.5 思考與練習 66
Chapter 05 網頁中的文本創(chuàng)建
5.1 文本的簡單操作 68
5.1.1 在網頁中錄入文本 68
5.1.2 讓文本換行分段 69
5.1.3 設置文本的對齊方式 69
5.1.4 設置文本的字體格式 70
5.2 項目列表和編號列表的使用 71
5.2.1 插入項目列表 71
5.2.2 插入編號列表 71
5.3 特殊文本的操作 72
5.3.1 插入換行符 72
5.3.2 插入水平線 73
5.3.3 插入日期 74
5.3.4 插入特殊字符 75
5.3.5 插入注釋 76
5.4 實戰(zhàn)問答 77
NO.1 項目列表中列表項前綴是否可以更改 77
NO.2 編號列表中列表項前綴序號是否可更改 77
5.5 思考與練習 78
Chapter 06 在網頁中插入圖像與多媒體
6.1 常用圖像格式 80
6.1.1 JPEG圖像 80
6.1.2 GIF圖像 80
6.1.3 PNG圖像 80
6.2 在網頁中使用圖像 81
6.2.1 插入圖像 81
6.2.2 編輯圖像大小 82
6.2.3 設置圖像對齊方式 84
6.2.4 裁剪需要的圖像 85
6.2.5 調整圖片的亮度和對比度 87
6.2.6 設置圖像的銳化效果 88
6.3 插入其他圖像元素 90
6.3.1 插入圖像熱區(qū) 90
6.3.2 鼠標經過圖像 91
6.4 在網頁中插入多媒體 93
6.4.1 插入背景音樂 93
6.4.2 插入Flash動畫 94
6.4.3 插入FLV視頻 96
6.4.4 插入HTML5視頻 98
6.4.5 插入HTML5音頻 99
6.4.6 插入其他媒體 101
6.5 實戰(zhàn)問答 102
NO.1 如何讓背景音樂循環(huán)播放 102
NO.2 為何插入普通視頻的網頁在其他計算機不能播放 103
NO.3 為什么插入HTML5視頻后不能播放 103
6.6 思考與練習 103
Chapter 07 超鏈接的應用
7.1 認識超鏈接的類型 106
7.1.1 按超鏈接源端點的對象劃分 106
7.1.2 按執(zhí)行超鏈接后的動作劃分 106
7.1.3 按超鏈接的鏈接位置劃分 107
7.2 鏈接路徑有哪些分類 108
7.2.1 什么是URL 108
7.2.2 相對路徑 108
7.2.3 絕對路徑 109
7.2.4 根路徑 109
7.3 各種超鏈接的創(chuàng)建方法 109
7.3.1 插入文本鏈接 109
7.3.2 設置鏈接打開方式 111
7.3.3 插入圖像鏈接 112
7.3.4 插入熱點鏈接 114
7.3.5 插入錨點鏈接 115
7.3.6 插入空鏈接 117
7.3.7 插入E-mail鏈接 118
7.3.8 插入腳本鏈接 119
7.4 實戰(zhàn)問答 121
NO.1 超鏈接打開方式中_BLANK和NEW的區(qū)別 121
NO.2 為什么錨點鏈接不起作用 121
7.5 思考與練習 121
Chapter 08 表格的應用
8.1 創(chuàng)建表格并輸入內容 124
8.1.1 精確插入指定行列的表格 124
8.1.2 在表格中輸入內容 125
8.1.3 插入嵌套表格 126
8.2 格式化表格效果 127
8.2.1 選擇表格及單元格 127
8.2.2 設置表格大小和對齊方式 130
8.2.3 為表格添加邊框 132
8.2.4 設置單元格中文本和背景格式 133
8.2.5 設置單元格大小與對齊方式 134
8.3 編輯表格的常見操作 136
8.3.1 插入行或列 136
8.3.2 刪除行或列 139
8.3.3 復制、剪切和粘貼單元格 140
8.3.4 合并單元格 141
8.3.5 拆分單元格 142
8.4 表格的高級操作 143
8.4.1 在網頁中對表格數據排序 143
8.4.2 導入表格數據 145
8.4.3 導出表格數據 146
8.5 實戰(zhàn)問答 147
NO.1 如何快速、準確地選擇表格及單元格 147
NO.2 在表格中能插入圖像文件嗎 147
NO.3 為什么網頁中的表格無法進行排序操作 149
NO.4 為什么導入到網頁中的數據出現了混亂 149
8.6 思考與練習 149
Chapter 09 使用CSS層疊樣式表
9.1 了解CSS樣式表 152
9.1.1 什么是CSS 152
9.1.2 CSS的3種類型 152
9.1.3 CSS的語法格式 153
9.2 CSS樣式的嵌入、內聯和外聯方式 154
9.2.1 嵌入式CSS 154
9.2.2 內聯式CSS 154
9.2.3 外聯式CSS 155
9.3 各種CSS樣式的創(chuàng)建方法 156
9.3.1 建立ID樣式 156
9.3.2 建立類樣式 158
9.3.3 建立標簽樣式 159
9.3.4 建立復合樣式 160
9.3.5 建立外部樣式 161
9.4 CSS中的常用樣式 162
9.4.1 設置字體樣式 162
9.4.2 設置文本樣式 166
9.4.3 設置背景樣式 167
9.4.4 設置方框樣式 170
9.4.5 設置邊框樣式 172
9.4.6 設置列表樣式 174
9.4.7 設置定位樣式 176
9.4.8 設置過渡樣式 178
9.5 實戰(zhàn)問答 180
NO.1 如何導入外部CSS樣式表文件 180
NO.2 如何自動調整圖像大小 181
9.6 思考與練習 182
Chapter 10 利用Div層布局
10.1 認識并創(chuàng)建層 184
10.1.1 什么是層 184
10.1.2 創(chuàng)建層 184
10.1.3 創(chuàng)建嵌套層 185
10.1.4 為層添加CSS樣式表 187
10.2 Div層的定位方法 189
10.2.1 什么是盒子模型 189
10.2.2 通過float屬性定位層 189
10.2.3 通過position屬性定位層 191
10.3 Div常用布局方式的應用 192
10.3.1 居中布局 192
10.3.2 浮動布局 193
10.3.3 一列固定寬度布局 194
10.3.4 一列自適應寬度布局 194
10.3.5 兩列固定寬度布局 195
10.4 實戰(zhàn)問答 197
NO.1 如何清除Div浮動 197
NO.2 如何設置Div對象的行高 197
10.5 思考與練習 198
Chapter 11 使用模板和庫
11.1 使用模板 200
11.1.1 創(chuàng)建模板 200
11.1.2 定義可編輯區(qū)域 201
11.1.3 創(chuàng)建基于模板的網頁 202
11.1.4 從模板中分離網頁 203
11.1.5 管理模板 204
11.2 使用庫 206
11.2.1 創(chuàng)建庫文件 206
11.2.2 向頁面添加庫文件 207
11.2.3 修改并更新庫文件 208
11.3 實戰(zhàn)問答 209
NO.1 如何在現有網頁文件上應用模板 209
NO.2 模板可以嵌套模板嗎 209
11.4 思考與練習 210
Chapter 12 表單的應用
12.1 認識網頁中的表單 212
12.1.1 什么是表單 212
12.1.2 認識表單對象 212
12.2 創(chuàng)建表單 216
12.2.1 插入表單 216
12.2.2 設置表單屬性 217
12.3 插入表單對象 218
12.3.1 插入文本域 218
12.3.2 插入密碼域 221
12.3.3 插入其他文本域 223
12.3.4 插入按鈕對象 224
12.3.5 插入圖像按鈕 225
12.3.6 插入文件上傳域 226
12.4 實戰(zhàn)問答 228
NO.1 如何通過“插入”面板添加表單對象 228
NO.2 如何自動選擇文本框中所有文本內容 229
12.5 思考與練習 229
Chapter 13 在網頁中編寫JavaScript
13.1 了解JavaScript的基礎知識 232
13.1.1 JavaScript是什么 232
13.1.2 JavaScript能做什么 232
13.1.3 JavaScript怎么用 233
13.2 JavaScript基礎語法 233
13.2.1 了解值和變量 234
13.2.2 了解運算符 234
13.2.3 認識各種比較符 234
13.2.4 函數的使用 234
13.3 掌握JavaScript的常用事件 235
13.3.1 窗口事件 235
13.3.2 鼠標事件 237
13.3.3 鍵盤事件 238
13.3.4 表單處理事件 239
13.4 jQuery的應用 241
13.4.1 jQuery核心函數 241
13.4.2 使用jQuery選擇器 242
13.4.3 使用jQuery操作對象屬性 243
13.4.4 使用jQuery事件 245
13.4.5 jQuery中常用的效果 246
13.5 實戰(zhàn)問答 248
NO.1 ++與--放置在變量前后的區(qū)別 248
NO.2 解決預覽頁面時腳本執(zhí)行問題 249
13.6 思考與練習 249
Chapter 14 制作婚紗網站
14.1 婚紗網制作介紹 252
14.2 婚紗網制作思路分析 253
14.3 婚紗網制作過程 254
14.3.1 創(chuàng)建婚紗網站點 254
14.3.2 創(chuàng)建婚紗網模板 255
14.3.3 創(chuàng)建樣式表 257
14.3.4 在模板中制作導航 261
14.3.5 底部制作 265
14.3.6 制作婚紗網首頁 267
14.3.7 制作聯系我們頁面 270
14.3.8 修改模板頁中的導航菜單 273
14.4 婚紗網案例制作總結 274
14.5 婚紗網案例制作答疑 274
14.6 實戰(zhàn)問答 274
NO.1 為什么要有Div+CSS布局而不用表格 274
NO.2 為何要減少對圖像的使用 274
NO.3 如何將制作好的網站發(fā)布到網絡上 274
NO.4 為什么創(chuàng)建的模板文件在瀏覽器中不能查看 275
習題答案 277