AdobeDreamweaverCC2017是繼AdobeDreamweaverCC2015之后推出的完美的網(wǎng)站及網(wǎng)絡(luò)應(yīng)用程序制作軟件,新版本趨向于易用快捷。本書以理論與實(shí)踐相結(jié)合的方式,循序漸進(jìn)地講解了使用DreamweaverCC2017制作靜態(tài)、動(dòng)態(tài)網(wǎng)頁(yè)網(wǎng)站的方法與技巧。全書分為3篇17章,全面、詳細(xì)地介紹了DreamweaverCC2017的特點(diǎn)、功能、使用方法和技巧。具體內(nèi)容為:第1篇“快速入門”,介紹了DreamweaverCC2017基本的功能,內(nèi)容包括網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)、DreamweaverCC2017簡(jiǎn)介、網(wǎng)站的構(gòu)建與管理、HTML與CSS基礎(chǔ)以及文本與超級(jí)鏈接等。第2篇“技能提高”,介紹了DreamweaverCC2017的高級(jí)功能,內(nèi)容包括表格與IFRAME、Div+CSS布局、應(yīng)用表單、模板與庫(kù)、Dreamweaver的內(nèi)置行為和動(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è)文件的源代碼和操作過(guò)程錄音講解視頻,以及專為教師授課準(zhǔn)備的PPT文件,供讀者學(xué)習(xí)和教師授課使用。
在網(wǎng)絡(luò)浪潮中隨著寬帶的普及,上網(wǎng)變得越來(lái)越方便,就連以前只有專業(yè)公司才能提供的Web服務(wù)現(xiàn)在許多普通的寬帶用戶也能做到。您是否也有種沖動(dòng),想自己來(lái)制作網(wǎng)站,為自己在網(wǎng)上安個(gè)家?也許您會(huì)覺得網(wǎng)頁(yè)制作很難,然而如果使用DreamweaverCC2017,即使制作一個(gè)功能強(qiáng)大的網(wǎng)站,也是一件非常容易的事情。
DreamweaverCC2017是著名影像處理軟件公司Adobe最近推出的網(wǎng)頁(yè)設(shè)計(jì)制作工具,是繼DreamweaverCC2015之后的升級(jí)版本,是目前最完美的網(wǎng)站制作工具之一。
Dreamweaver是一種專業(yè)的HTML編輯器,用于對(duì)Web站點(diǎn)、Web頁(yè)和Web應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開發(fā)。無(wú)論您喜歡直接編寫HTML代碼,還是偏愛“所見即所得”的工作環(huán)境,DreamweaverCC2017都會(huì)為您提供許多方便的工具,助您迅速高效地制作網(wǎng)站。
全書分3篇共17章,全面、詳細(xì)地介紹了利用DreamweaverCC2017制作靜、動(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章介紹了DreamweaverCC2017簡(jiǎn)介,包括DreamweaverCC2017的啟動(dòng)、用戶界面以及創(chuàng)建與保存文件的方法等。
第3章介紹了站點(diǎn)的基本知識(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)和日期的插入,對(duì)文本進(jìn)行格式設(shè)置,在網(wǎng)頁(yè)中應(yīng)用圖像、插入FireworksHTML的方法。
第6章介紹了超級(jí)鏈接的基本知識(shí)及使用方法。包括各種超級(jí)鏈接的概念與功能,創(chuàng).建各種超級(jí)鏈接的方法。
第7章介紹了表格與IFRAME的作用及使用方法。包括插入表格、格式化表格、拆分與合并單元格、剪切和粘貼單元格、刪除行列以及插入行等操作,表格和單元格屬性的設(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章介紹了行為的基本知識(shí)及使用方法。包括行為、事件的基本知識(shí),行為的綁定,行為屬性的設(shè)置和修改,以及各個(gè)內(nèi)置行為的使用方法。
第11章介紹了圖像和聲音等媒體的基本知識(shí)及使用方法。包括在網(wǎng)頁(yè)中添加聲音和?Flash對(duì)象的方法,以及HTML5音頻和視頻的使用方法。
第12章介紹了模板和庫(kù)的基本知識(shí)及使用方法。包括創(chuàng)建模板,定義模板的可編輯區(qū)域、重復(fù)區(qū)域和可選區(qū)域,以及庫(kù)的創(chuàng)建及使用等。
第13章介紹了動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)。包括安裝配置ns服務(wù)器,創(chuàng)建虛擬目錄,連接數(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)站的詳細(xì)制作過(guò)程。
為了配合各學(xué)校師生利用此書進(jìn)行教學(xué)的需要,隨書配贈(zèng)光盤,包含全書實(shí)例操作過(guò)程配音講解錄屏AVI文件和實(shí)例結(jié)果文件、素材文件,以及專為老師教學(xué)準(zhǔn)備的PowerPoint多媒體電子教案。
本書由三維書屋工作室總策劃,楊雪靜、胡仁喜主要編寫。王敏、康士廷、張俊生、王瑋、孟培、王艷池、陽(yáng)平華、袁濤、閏聰聰、王培合、王義發(fā)、王玉秋、劉昌麗、張日晶、盧園、王淵峰、王兵學(xué)、孫立明、甘勤濤、李兵、徐聲杰、張琪和李亞莉等也為本書的出版提供了大量幫助,值此圖書出版發(fā)行之際,向他們表示衷心的感謝。
書中主要內(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進(jìn)行批評(píng)指正,編者將不勝感激,也歡迎加入三維書屋圖書學(xué)習(xí)交流群(QQ:379090620)交流探討。
編者
目錄
前言
第1篇DreamweaverCC2017快速入門
第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章DreamweaverCC2017簡(jiǎn)介10
2.1初次啟動(dòng)DreamweaverCC201711
2.2DreamweaverCC2017的窗口組成11
2.2.1菜單欄13
2.2.2文檔工具欄13
2.2.3通用工具欄15
2.2.4標(biāo)準(zhǔn)工具欄16
2.2.5“插入”面板16
2.2.6工作區(qū)17
2.2.7狀態(tài)欄18
2.2.8“屬性”面板20
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)閉文檔27
2.3.4設(shè)置文檔屬性27
第3章網(wǎng)站的構(gòu)建與管理29
3.1站點(diǎn)相關(guān)術(shù)語(yǔ)30
3.1.1Internet服務(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)文件或文件夾39
3.4測(cè)試站點(diǎn)41
3.4.1管理網(wǎng)頁(yè)鏈接41
3.4.2配置瀏覽器43
3.4.3檢查瀏覽器的兼容性44
3.5站點(diǎn)發(fā)布44
3.5.1配置遠(yuǎn)程站點(diǎn)44
3.5.2上傳、下載與同步更新45
3.6全程實(shí)例——將已有文件組織為站點(diǎn)48
第4章HTML與CSS基礎(chǔ)50
4.1HTML語(yǔ)言概述51
4.2HTML的語(yǔ)法結(jié)構(gòu)52
4.2.1<標(biāo)簽>對(duì)象53
4.2.2<標(biāo)簽屬性1=參數(shù)1屬性2=參數(shù)2>對(duì)象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)簽57
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.4CSS規(guī)則71
4.4.1基本語(yǔ)法規(guī)范72
4.4.2創(chuàng)建CSS規(guī)則75
4.4.3定義媒體查詢78
4.4.4設(shè)置CSS屬性80
4.4.5全程實(shí)例——?jiǎng)?chuàng)建樣式表82
4.5CSS樣式的應(yīng)用83
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插入日期93
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)過(guò)圖像104
5.2.7導(dǎo)入FireworksHTML105
第6章制作超鏈接107
6.1認(rèn)識(shí)超級(jí)鏈接108
6.2創(chuàng)建、管理鏈接109
6.2.1創(chuàng)建文本超級(jí)鏈接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”面板管理超級(jí)鏈接115
6.3使用熱點(diǎn)制作圖像映射117
6.4全程實(shí)例——制作導(dǎo)航條118
第2篇DreamweaverCC2017技能提高
第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增加、刪除行和列137
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)建IFRAME150
7.7全程實(shí)例——使用IFRAME顯示頁(yè)面152
第8章Div+CSS布局155
8.1Div+CSS概述156
8.2CSS盒模型157
8.2.1CSS盒模型簡(jiǎn)介158
8.2.2常用的盒模型屬性158
8.3CSS層疊順序163
8.4CSS布局塊164
8.4.1創(chuàng)建div標(biāo)簽165
8.4.2編輯div標(biāo)簽166
8.4.3可視化CSS布局塊167
8.5常用CSS版式布局169
8.5.1一列布局169
8.5.2兩列布局171
8.5.3三列布局174
8.6Div標(biāo)簽應(yīng)用實(shí)例175
第9章應(yīng)用表單184
9.1創(chuàng)建表單網(wǎng)頁(yè)185
9.1.1插入表單185
9.1.2文本字段和文件域188
9.1.3選擇框191
9.1.4單選按鈕與復(fù)選框193
9.1.5按鈕195
9.1.6圖像按鈕196
9.1.7隱藏域197
9.2處理表單198
9.3全程實(shí)例——制作留言板202
第10章Dreamweaver的內(nèi)置行為208
10.1事件與動(dòng)作209
10.2“行為”面板210
10.3附加行為到頁(yè)面元素211
10.4編輯行為212
10.5DreamweaverCC2017的內(nèi)置行為212
10.5.1改變屬性213
10.5.2交換圖像/恢復(fù)交換圖像214
10.5.3彈出信息215
10.5.4打開瀏覽器窗口216
10.5.5jQuery效果217
10.5.6顯示-隱藏元素219
10.5.7檢查插件220
10.5.8檢查表單221
10.5.9設(shè)置文本223
10.5.10調(diào)用JavaScript225
10.5.11轉(zhuǎn)到URL226
10.5.12預(yù)先載入圖像227
10.6全程實(shí)例——?jiǎng)討B(tài)導(dǎo)航圖像227
第11章制作多媒體網(wǎng)頁(yè)229
11.1在網(wǎng)頁(yè)中使用聲音2