Dreamweaver CC2018中文版入門與提高實(shí)例教程
定 價(jià):99 元
- 作者:楊雪靜 張玲 胡仁喜 等
- 出版時(shí)間:2019/7/1
- ISBN:9787111625995
- 出 版 社:機(jī)械工業(yè)出版社
- 中圖法分類:TP393.092.2
- 頁(yè)碼:
- 紙張:膠版紙
- 版次:
- 開本:16開
Adobe Dreamweaver CC 2018是繼Adobe Dreamweaver CC 2017之后推出的完美的網(wǎng)站及網(wǎng)絡(luò)應(yīng)用程序制作軟件,新版本更加易用快捷。本書以理論與實(shí)踐相結(jié)合的方式,循序漸進(jìn)地講解了使用Dreamweaver CC 2018制作靜態(tài)、動(dòng)態(tài)網(wǎng)頁(yè)網(wǎng)站的方法與技巧。
全書分為3篇17章,全面、詳細(xì)地介紹了Dreamweaver CC 2018的特點(diǎn)、功能、使用方法和技巧。具體內(nèi)容為:第1篇快速入門,介紹了Dreamweaver CC 2018*基本的功能,內(nèi)容包括網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)、Dreamweaver CC 2018簡(jiǎn)介、網(wǎng)站的構(gòu)建與管理、HTML與CSS基礎(chǔ)、處理文字與圖像以及制作超鏈接。第2篇技能提高,介紹了Dreamweaver CC 2018的高級(jí)功能,內(nèi)容包括表格與IFRAME、Div+CSS布局、應(yīng)用表單、Dreamweaver的內(nèi)置行為、制作多媒體網(wǎng)頁(yè)、統(tǒng)一網(wǎng)頁(yè)風(fēng)格以及動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)。第3篇實(shí)戰(zhàn)演練,介紹了旅游網(wǎng)站、兒童教育網(wǎng)站、時(shí)尚資訊網(wǎng)站和電子商務(wù)網(wǎng)站4個(gè)不同風(fēng)格網(wǎng)站綜合實(shí)例的詳細(xì)制作步驟。本書實(shí)例豐富、內(nèi)容翔實(shí)、操作方法簡(jiǎn)單易學(xué),不僅適合對(duì)網(wǎng)頁(yè)制作和網(wǎng)站管理感興趣的初、中級(jí)讀者學(xué)習(xí)使用,也可供從事網(wǎng)站設(shè)計(jì)及相關(guān)工作的專業(yè)人士參考。
本書隨書配送有電子資料包,內(nèi)容為綜合實(shí)例部分所有網(wǎng)頁(yè)文件的源代碼和操作過程錄音講解動(dòng)畫,以及專為教師授課準(zhǔn)備的PPT文件,供讀者學(xué)習(xí)和教師授課使用。
前 言
隨著寬帶的普及,上網(wǎng)變得越來(lái)越方便,以前只有專業(yè)公司才能提供的Web服務(wù)現(xiàn)在許多普通的寬帶用戶也能做到。也許你會(huì)覺得網(wǎng)頁(yè)制作很難,然而如果使用Dreamweaver CC 2018,即使制作一個(gè)功能強(qiáng)大的網(wǎng)站也是一件非常容易的事情。
Dreamweaver CC 2018是著名影像處理軟件公司Adobe最新推出的網(wǎng)頁(yè)設(shè)計(jì)制作工具,是Dreamweaver CC 2017的升級(jí)版本,是目前較完美的網(wǎng)站制作工具之一。Dreamweaver是一種專業(yè)的HTML編輯器,用于對(duì)Web站點(diǎn)、Web頁(yè)和Web應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開發(fā)。無(wú)論是喜歡直接編寫HTML代碼,還是偏愛“所見即所得”工作環(huán)境的用戶,Dreamweaver CC 2018都會(huì)為其提供許多方便的工具,助其迅速高效地制作網(wǎng)站。
全書由3篇共17章組成,全面、詳細(xì)地介紹了利用Dreamweaver CC 2018制作靜、動(dòng)態(tài)網(wǎng)頁(yè)網(wǎng)站的方法與技巧。
第1章介紹了網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí),包括網(wǎng)頁(yè)與網(wǎng)站的關(guān)系、網(wǎng)站建設(shè)的基本步驟等。
第2章簡(jiǎn)單介紹了Dreamweaver CC 2018,包括Dreamweaver CC 2018的啟動(dòng)、工作界面以及創(chuàng)建與保存文件的方法等。
第3章介紹了網(wǎng)站管理的基本知識(shí)及構(gòu)建本地站點(diǎn)的方法,包括站點(diǎn)的概念和功能,站點(diǎn)規(guī)劃和網(wǎng)站制作流程,創(chuàng)建、刪除、修改、編輯和復(fù)制本地站點(diǎn),以及對(duì)站點(diǎn)內(nèi)文件的操作方法等。
第4章介紹了HTML和CSS的基本知識(shí),包括HTML語(yǔ)法結(jié)構(gòu)、常用的HTML標(biāo)簽的屬性及使用方法、CSS樣式的語(yǔ)法規(guī)范及創(chuàng)建方法等。
第5章介紹了文本與圖像的基本操作,包括插入文本、特殊符號(hào)和日期,設(shè)置文本格式,在網(wǎng)頁(yè)中應(yīng)用圖像、導(dǎo)入Fireworks HTML的方法。
第6章介紹了超鏈接的基本知識(shí)及使用方法,包括各種超鏈接的概念與功能,創(chuàng)建各種超級(jí)鏈接的方法。
第7章介紹了表格與IFRAME的作用及使用方法,包括插入表格、拆分與合并單元格、復(fù)制和粘貼單元格、刪除行列以及插入行等操作,設(shè)置表格和單元格的屬性,導(dǎo)入文本數(shù)據(jù)到表格和輸出表格數(shù)據(jù)到文本文件,以及使用IFRAME顯示頁(yè)面內(nèi)容等。
第8章介紹了Div+CSS的基本概念及使用方法,包括CSS盒模型的概念、常用的盒模型屬性、CSS層疊順序、CSS布局塊的創(chuàng)建及常用的CSS布局版式等。
第9章介紹了表單的基本知識(shí)及使用方法。包括表單的創(chuàng)建,各種表單對(duì)象的添加及屬性設(shè)置,以及表單的簡(jiǎn)單處理等。
第10章介紹了內(nèi)置行為的基本知識(shí)及使用方法,包括行為和事件的基本知識(shí)、編輯行為、設(shè)置和修改行為的屬性,以及各個(gè)內(nèi)置行為的使用方法。
第11章介紹了圖像和聲音等媒體的基本知識(shí)及使用方法,包括在網(wǎng)頁(yè)中添加聲音和Flash對(duì)象的方法,以及HTML5音頻和視頻的使用方法。
第12章介紹了模板和庫(kù)的基本知識(shí)及使用方法,包括創(chuàng)建模板、定義模板的可編輯區(qū)域、可選區(qū)域和重復(fù)區(qū)域,以及庫(kù)的創(chuàng)建及使用等。
第13章介紹了動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)。包括安裝配置IIS服務(wù)器、設(shè)置虛擬目錄、連接數(shù)據(jù)庫(kù)、定義數(shù)據(jù)源,以及動(dòng)態(tài)文本和動(dòng)態(tài)圖像的制作方法。
第14章~第17章為綜合實(shí)例,詳細(xì)介紹了旅游網(wǎng)站、兒童教育網(wǎng)站、時(shí)尚資訊網(wǎng)站和電子商務(wù)網(wǎng)站4個(gè)不同風(fēng)格網(wǎng)站的制作過程。
為了配合學(xué)校師生利用本書進(jìn)行教學(xué),隨書配送的電子資料包中包含了所有實(shí)例的素材源文件,并制作了全程實(shí)例動(dòng)畫AVI文件,總時(shí)長(zhǎng)超過200min。其內(nèi)容豐富,是讀者配合本書學(xué)習(xí)提高的最方便的幫手。讀者可以登錄百度網(wǎng)盤地址https://pan.baidu.com/s/ 1NZN4PxeIBp9Ol_RXpfdLJw(密碼:gwtp)進(jìn)行下載。
讀者還可以登錄三維書屋圖書學(xué)習(xí)交流群(QQ:512809405)進(jìn)行交流,編者隨時(shí)在線提供本書的學(xué)習(xí)指導(dǎo)以及諸如軟件下載、軟件安裝、授課PPT下載等一系列的后續(xù)服務(wù)。
本書由楊雪靜、張玲、胡仁喜老師主要編寫,王敏、康士廷、張俊生、王瑋、孟培、王艷池、陽(yáng)平華、袁濤、閆聰聰、王培合、王義發(fā)、王玉秋、劉昌麗、盧園、張日晶、王淵峰、王兵學(xué)、孫立明、甘勤濤、李兵、徐聲杰、李亞莉等參加了部分章節(jié)的編寫工作。
書中主要內(nèi)容來(lái)自于編者幾年來(lái)使用Dreamweaver的經(jīng)驗(yàn)總結(jié),也有部分內(nèi)容取自于國(guó)內(nèi)外有關(guān)文獻(xiàn)資料。由于時(shí)間倉(cāng)促,加上編者水平有限,書中不足之處在所難免,望廣大讀者登錄www.sjzswsw.com或聯(lián)系win760520@126.com予以指正,編者將不勝感激。
編 者
目 錄
前言
第1篇 Dreamweaver CC 2018快速入門
第1章 網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)2
1.1 網(wǎng)頁(yè)與網(wǎng)站3
1.2 網(wǎng)站建設(shè)的基本步驟3
1.2.1 確定網(wǎng)站的主題和目標(biāo)用戶4
1.2.2 規(guī)劃網(wǎng)站的欄目與版塊5
1.2.3 組織站點(diǎn)結(jié)構(gòu)6
1.2.4 收集整理建站資源6
1.2.5 網(wǎng)頁(yè)版面布局與設(shè)計(jì)7
1.2.6 測(cè)試網(wǎng)站9
1.2.7 發(fā)布與推廣網(wǎng)站9
第2章 Dreamweaver CC 2018簡(jiǎn)介10
2.1 初次啟動(dòng)Dreamweaver CC 201811
2.2 Dreamweaver CC 2018的窗口組成11
2.2.1 菜單欄12
2.2.2 文檔工具欄13
2.2.3 通用工具欄15
2.2.4 標(biāo)準(zhǔn)工具欄15
2.2.5 “插入”面板16
2.2.6 工作區(qū)17
2.2.7 狀態(tài)欄17
2.2.8 “屬性”面板19
2.2.9 浮動(dòng)面板組20
2.2.10 標(biāo)尺、網(wǎng)格與輔助線22
2.3 文件操作24
2.3.1 新建、打開文檔24
2.3.2 導(dǎo)入文件26
2.3.3 保存、關(guān)閉文檔26
2.3.4 設(shè)置文檔屬性27
第3章 網(wǎng)站的構(gòu)建與管理29
3.1 站點(diǎn)相關(guān)術(shù)語(yǔ)30
3.1.1 Internet服務(wù)器和本地計(jì)算機(jī)30
3.1.2 本地站點(diǎn)與遠(yuǎn)端站點(diǎn)30
3.2 構(gòu)建本地站點(diǎn)31
3.3 管理本地站點(diǎn)和站點(diǎn)文件37
3.3.1 管理站點(diǎn)37
3.3.2 使用“文件”面板38
3.3.3 操作站點(diǎn)文件或文件夾40
3.4 測(cè)試站點(diǎn)41
3.4.1 管理網(wǎng)頁(yè)鏈接42
3.4.2 配置瀏覽器43
3.4.3 檢查瀏覽器的兼容性43
3.5 站點(diǎn)發(fā)布44
3.5.1 配置遠(yuǎn)程站點(diǎn)44
3.5.2 上傳、下載與同步更新46
3.6 全程實(shí)例——將已有文件組織為站點(diǎn)48
第4章 HTML與CSS基礎(chǔ)50
4.1 HTML語(yǔ)言概述51
4.2 HTML的語(yǔ)法結(jié)構(gòu)52
4.2.1 <標(biāo)簽>對(duì)象標(biāo)簽>52
4.2.2 <標(biāo)簽 屬性1=參數(shù)1 屬性2=參數(shù)2>對(duì)象標(biāo)簽>53
4.2.3 <標(biāo)簽>53
4.2.4 標(biāo)簽嵌套54
4.3 常用的HTML標(biāo)簽55
4.3.1 文檔的結(jié)構(gòu)標(biāo)簽55
4.3.2 注釋標(biāo)簽56
4.3.3 文本格式標(biāo)簽57
4.3.4 排版標(biāo)簽59
4.3.5 列表標(biāo)簽61
4.3.6 表格標(biāo)簽62
4.3.7 框架標(biāo)簽64
4.3.8 表單標(biāo)簽65
4.3.9 其他標(biāo)簽68
4.4 CSS規(guī)則71
4.4.1 基本語(yǔ)法規(guī)范72
4.4.2 創(chuàng)建CSS規(guī)則75
4.4.3 定義媒體查詢77
4.4.4 設(shè)置CSS屬性80
4.4.5 全程實(shí)例——?jiǎng)?chuàng)建樣式表82
4.5 CSS樣式的應(yīng)用82
4.5.1 變化的鼠標(biāo)83
4.5.2 背景不跟隨內(nèi)容滾動(dòng)85
第5章 處理文字與圖像87
5.1 在網(wǎng)頁(yè)中加入文本88
5.1.1 插入文本88
5.1.2 設(shè)置文本屬性88
5.1.3 創(chuàng)建列表項(xiàng)91
5.1.4 插入日期92
5.1.5 全程實(shí)例——插入日期時(shí)間94
5.1.6 插入特殊字符95
5.2 在網(wǎng)頁(yè)中應(yīng)用圖像99
5.2.1 網(wǎng)頁(yè)中可以使用的圖像格式99
5.2.2 插入水平線100
5.2.3 插入圖像100
5.2.4 設(shè)置圖像屬性102
5.2.5 設(shè)置外部編輯器103
5.2.6 插入鼠標(biāo)經(jīng)過圖像104
5.2.7 導(dǎo)入Fireworks HTML105
第6章 制作超鏈接107
6.1 認(rèn)識(shí)超鏈接108
6.2 創(chuàng)建、管理鏈接109
6.2.1 創(chuàng)建文本超鏈接109
6.2.2 創(chuàng)建圖像鏈接110
6.2.3 鏈接到命名錨點(diǎn)111
6.2.4 創(chuàng)建E-mail鏈接112
6.2.5 虛擬鏈接和腳本鏈接114
6.2.6 使用“URLs”面板管理超鏈接114
6.3 使用熱點(diǎn)制作圖像映射116
6.4 全程實(shí)例——制作導(dǎo)航條117
第2篇 Dreamweaver CC 2018技能提高
第7章 表格與IFRAME124
7.1 創(chuàng)建表格125
7.2 設(shè)置表格和單元格屬性128
7.3 表格的常用操作131
7.3.1 選擇表格元素131
7.3.2 調(diào)整表格的尺寸、行高和列寬132
7.3.3 使用擴(kuò)展表格模式133
7.3.4 表格數(shù)據(jù)的導(dǎo)入與導(dǎo)出135
7.3.5 增加、刪除行和列136
7.3.6 復(fù)制、粘貼與清除單元格138
7.3.7 合并、拆分單元格138
7.3.8 表格數(shù)據(jù)排序140
7.4 表格布局實(shí)例141
7.5 全程實(shí)例——使用表格布局主頁(yè)145
7.6 創(chuàng)建IFRAME151
7.7 全程實(shí)例——使用IFRAME顯示頁(yè)面152
第8章 Div+CSS布局156
8.1 Div+CSS概述157
8.2 CSS盒模型158
8.2.1 CSS盒模型簡(jiǎn)介158
8.2.2 常用的盒模型屬性159
8.3 CSS層疊順序164
8.4 CSS布局塊165
8.4.1 創(chuàng)建Div標(biāo)簽166
8.4.2 編輯Div標(biāo)簽167
8.4.3 可視化 CSS 布局塊168
8.5 常用CSS布局版式170
8.5.1 一列布局170
8.5.2 兩列布局172
8.5.3 三列布局174
8.6 Div標(biāo)簽應(yīng)用實(shí)例176
第9章 應(yīng)用表單184
9.1 創(chuàng)建表單網(wǎng)頁(yè)185
9.1.1 插入表單185
9.1.2 文本字段和文件域188
9.1.3 選擇框190
9.1.4 單選按鈕與復(fù)選框192
9.1.5 按鈕195
9.1.6 圖像按鈕195
9.1.7 隱藏域197
9.2 處理表單197
9.3 全程實(shí)例——制作留言板201
第10章 Dreamweaver的內(nèi)置行為207
10.1 事件與動(dòng)作208
10.2 “行為”面板209
10.3 附加行為到頁(yè)面元素210
10.4 編輯行為211
10.5 Dreamweaver CC 2018的內(nèi)置行為211
10.5.1 改變屬性211
10.5.2 交換圖像/恢復(fù)交換圖像213
10.5.3 彈出信息213
10.5.4 打開瀏覽器窗口214
10.5.5 jQuery效果216
10.5.6 顯示-隱藏元素218
10.5.7 檢查插件219
10.5.8 檢查表單220
10.5.9 設(shè)置文本222
10.5.10 調(diào)用JavaScript224
10.5.11 轉(zhuǎn)到URL224
10.5.12 預(yù)先載入圖像225
10.6 全程實(shí)例——?jiǎng)討B(tài)導(dǎo)航圖像226
第11章 制作多媒體網(wǎng)頁(yè)228
11.1 在網(wǎng)頁(yè)中使用聲音229
11.1.1 網(wǎng)頁(yè)中音頻文件的格式229
11.1.2 在網(wǎng)頁(yè)中添加聲音230
11.1.3 全程實(shí)例——背景音樂231
11.2 插入Flash對(duì)象234
11.2.1 添加Flash動(dòng)畫234
11.2.2 插入Flash視頻234
11.3 插入HTML5媒體對(duì)象236
11.3.1 添加HTML5視頻237
11.3.2 添加HTML5音頻238
第12章 統(tǒng)一網(wǎng)頁(yè)風(fēng)格239
12.1 模板和庫(kù)的功能240
12.2 創(chuàng)建模板241
12.2.1 創(chuàng)建空模板241
12.2.2 將網(wǎng)頁(yè)保存為模板242
12.2.3 定義可編輯區(qū)域243
12.2.4 定義可選區(qū)域244
12.2.5 定義重復(fù)區(qū)域246
12.2.6 定義嵌套模板247
12.3 應(yīng)用模板249
12.3.1 基于模板創(chuàng)建文檔249
12.3.2 應(yīng)用模板到頁(yè)250
12.3.3 修改模板并更新站點(diǎn)252
12.3.4 全程實(shí)例——使用模板生成其他頁(yè)面252
12.4 管理模板255
12.4.1 重命名模板文件255
12.4.2 刪除模板255
12.4.3 分離文檔所附模板255
12.5 應(yīng)用庫(kù)項(xiàng)目256
12.5.1 “庫(kù)”面板的功能256
12.5.2 創(chuàng)建庫(kù)項(xiàng)目257
12.5.3 使用庫(kù)項(xiàng)目258
12.6 管理庫(kù)項(xiàng)目258
12.6.1 編輯庫(kù)項(xiàng)目258
12.6.2 重命名、刪除庫(kù)項(xiàng)目259
12.6.3 重新創(chuàng)建庫(kù)項(xiàng)目259
12.6.4 更新頁(yè)面和站點(diǎn)260
12.6.5 將庫(kù)從源文件中分離260
12.6.6 全程實(shí)例——版權(quán)聲明261
12.7 模板與庫(kù)的應(yīng)用263
第13章 動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)266
13.1 動(dòng)態(tài)網(wǎng)頁(yè)概述267
13.2 安裝IIS服務(wù)器267
13.3 配置IIS服務(wù)器269
13.4 設(shè)置虛擬目錄276
13.5 制作動(dòng)態(tài)網(wǎng)頁(yè)的步驟278
13.6 連接數(shù)據(jù)庫(kù)279
13.7 定義數(shù)據(jù)源280
13.7.1 定義記錄集281
13.7.2 定義變量281
13.8 設(shè)置實(shí)時(shí)視圖282
13.9 制作動(dòng)態(tài)網(wǎng)頁(yè)元素283
13.10 全程實(shí)例——“我的店鋪”頁(yè)面284
第3篇 Dreamweaver CC 2018實(shí)戰(zhàn)演練
第14章 旅游網(wǎng)站設(shè)計(jì)綜合實(shí)例294
14.1 實(shí)例介紹295
14.2 準(zhǔn)備工作297
14.3 制作模板297
14.3.1 制作導(dǎo)航條297
14.3.2 制作左側(cè)邊欄304
14.3.3 制作正文和右側(cè)邊欄305
14.3.4 制作庫(kù)項(xiàng)目310
14.4 制作首頁(yè)311
14.5 制作其他頁(yè)面312
第15章 兒童教育網(wǎng)站設(shè)計(jì)綜合實(shí)例314
15.1 實(shí)例效果315
15.2 創(chuàng)建站點(diǎn)317
15.3 制作首頁(yè)318
15.4 制作頁(yè)面布局模板333
15.4.1 制作庫(kù)項(xiàng)目333
15.4.2 制作模板334
15.4.3 制作嵌套模板339
15.5 基于模板制作頁(yè)面341
15.5.1 制作咨詢留言頁(yè)面341
15.5.2 制作信息顯示頁(yè)面344
第16章 時(shí)尚資訊網(wǎng)站設(shè)計(jì)綜合實(shí)例346
16.1 實(shí)例介紹347
16.2 準(zhǔn)備工作349
16.3 制作模板350
16.3.1 設(shè)計(jì)基本布局350
16.3.2 制作導(dǎo)航菜單353
16.3.3 插入模板元素359
16.3.4 制作嵌套模板361
16.4 制作庫(kù)文件362
16.5 制作網(wǎng)站主頁(yè)364
16.6 制作其他頁(yè)面368
第17章 電子商務(wù)網(wǎng)站設(shè)計(jì)綜合實(shí)例370
17.1 實(shí)例介紹371
17.1.1 客戶登錄、注銷和注冊(cè)管理373
17.1.2 客戶瀏覽、查詢和選購(gòu)商品373
17.1.3 商品展示、添加和信息維護(hù)376
17.1.4 網(wǎng)站配置管理377
17.2 數(shù)據(jù)庫(kù)設(shè)計(jì)378
17.3 技術(shù)要領(lǐng)379
17.3.1 #include指令379
17.3.2 權(quán)限控制380
17.3.3 MD5加密算法介紹380
17.3.4 實(shí)現(xiàn)驗(yàn)證碼登錄380
17.4 導(dǎo)航條382
17.5 客戶注冊(cè)和登錄383
17.5.1 填寫注冊(cè)信息383
17.5.2 注冊(cè)信息提交386
17.5.3 客戶登錄和注銷390
17.6 客戶中心394
17.6.1 進(jìn)入客戶中心394
17.6.2 個(gè)人資料維護(hù)395
17.6.3 修改密碼397
17.6.4 取回密碼399
17.6.5 “我的訂單”界面401
17.6.6 購(gòu)物車的實(shí)現(xiàn)405
17.6.7 收貨人信息407
17.7 收藏和購(gòu)買商品409
17.7.1 瀏覽商品409
17.7.2 購(gòu)買商品411
17.7.3 填寫收貨人信息412
17.7.4 訂單提交413
17.8 商品查詢416
17.8.1 普通查詢416
17.8.2 高級(jí)查詢窗口417
17.8.3 高級(jí)查詢處理418
17.9 信息統(tǒng)計(jì)420
17.9.1 銷售排行420
17.9.2 關(guān)注排行421
17.10 程序發(fā)布421