AdobeDreamweaverCC2017是繼AdobeDreamweaverCC2015之后推出的完美的網(wǎng)站及網(wǎng)絡(luò)應(yīng)用程序制作軟件,新版本趨向于易用快捷。本書以理論與實(shí)踐相結(jié)合的方式,循序漸進(jìn)地講解了使用DreamweaverCC2017制作靜態(tài)、動態(tài)網(wǎng)頁網(wǎng)站的方法與技巧。全書分為3篇17章,全面、詳細(xì)地介紹了DreamweaverCC2017的特點(diǎn)、功能、使用方法和技巧。具體內(nèi)容為:第1篇“快速入門”,介紹了DreamweaverCC2017基本的功能,內(nèi)容包括網(wǎng)頁制作基礎(chǔ)知識、DreamweaverCC2017簡介、網(wǎng)站的構(gòu)建與管理、HTML與CSS基礎(chǔ)以及文本與超級鏈接等。第2篇“技能提高”,介紹了DreamweaverCC2017的高級功能,內(nèi)容包括表格與IFRAME、Div+CSS布局、應(yīng)用表單、模板與庫、Dreamweaver的內(nèi)置行為和動態(tài)網(wǎng)頁基礎(chǔ)等。第3篇“實(shí)戰(zhàn)演練”,介紹了旅游網(wǎng)站、兒童教育網(wǎng)站、時尚資訊網(wǎng)站和電子商務(wù)網(wǎng)站4個不同風(fēng)格網(wǎng)站綜合實(shí)例的詳細(xì)制作步驟。本書實(shí)例豐富、內(nèi)容翔實(shí)、操作方法簡單易學(xué),不僅適合對網(wǎng)頁制作和網(wǎng)站管理感興趣的初、中級讀者學(xué)習(xí)使用,也可供從事網(wǎng)站設(shè)計及相關(guān)工作的專業(yè)人士參考。本書附有一張光盤,內(nèi)容為教材綜合實(shí)例部分所有網(wǎng)頁文件的源代碼和操作過程錄音講解視頻,以及專為教師授課準(zhǔn)備的PPT文件,供讀者學(xué)習(xí)和教師授課使用。
在網(wǎng)絡(luò)浪潮中隨著寬帶的普及,上網(wǎng)變得越來越方便,就連以前只有專業(yè)公司才能提供的Web服務(wù)現(xiàn)在許多普通的寬帶用戶也能做到。您是否也有種沖動,想自己來制作網(wǎng)站,為自己在網(wǎng)上安個家?也許您會覺得網(wǎng)頁制作很難,然而如果使用DreamweaverCC2017,即使制作一個功能強(qiáng)大的網(wǎng)站,也是一件非常容易的事情。
DreamweaverCC2017是著名影像處理軟件公司Adobe最近推出的網(wǎng)頁設(shè)計制作工具,是繼DreamweaverCC2015之后的升級版本,是目前最完美的網(wǎng)站制作工具之一。
Dreamweaver是一種專業(yè)的HTML編輯器,用于對Web站點(diǎn)、Web頁和Web應(yīng)用程序進(jìn)行設(shè)計、編碼和開發(fā)。無論您喜歡直接編寫HTML代碼,還是偏愛“所見即所得”的工作環(huán)境,DreamweaverCC2017都會為您提供許多方便的工具,助您迅速高效地制作網(wǎng)站。
全書分3篇共17章,全面、詳細(xì)地介紹了利用DreamweaverCC2017制作靜、動態(tài)網(wǎng)頁網(wǎng)站的方法與技巧。
第1章介紹了網(wǎng)頁制作的基礎(chǔ)知識,包括網(wǎng)頁與網(wǎng)站的關(guān)系、網(wǎng)站建設(shè)的基本步驟等。
第2章介紹了DreamweaverCC2017簡介,包括DreamweaverCC2017的啟動、用戶界面以及創(chuàng)建與保存文件的方法等。
第3章介紹了站點(diǎn)的基本知識及構(gòu)建本地站點(diǎn)的方法,包括站點(diǎn)的概念和功能,站點(diǎn)規(guī)劃和網(wǎng)站制作流程,創(chuàng)建、刪除、修改、編輯和復(fù)制本地站點(diǎn),以及對站點(diǎn)內(nèi)文件的操作方法等。
第4章介紹了HTML與CSS樣式表的基本知識,包括HTML語法結(jié)構(gòu)、常用的HTML標(biāo)簽的屬性及使用方法、CSS樣式的語法規(guī)范及創(chuàng)建方法等。.第5章介紹了文本與圖形的基本操作。包括普通文本、特殊符號和日期的插入,對文本進(jìn)行格式設(shè)置,在網(wǎng)頁中應(yīng)用圖像、插入FireworksHTML的方法。
第6章介紹了超級鏈接的基本知識及使用方法。包括各種超級鏈接的概念與功能,創(chuàng).建各種超級鏈接的方法。
第7章介紹了表格與IFRAME的作用及使用方法。包括插入表格、格式化表格、拆分與合并單元格、剪切和粘貼單元格、刪除行列以及插入行等操作,表格和單元格屬性的設(shè)置,導(dǎo)入文本數(shù)據(jù)到表格和輸出表格數(shù)據(jù)到文本文件,以及使用IFRAME顯示頁面內(nèi)容等。
第8章介紹了Div+CSS的基本概念及使用方法。包括CSS盒模型的概念、常用的盒模型屬性、CSS層疊順序、CSS布局塊的創(chuàng)建及常用的CSS版式布局等。
第9章介紹了表單的基本知識及使用方法。包括表單的創(chuàng)建、各種表單對象的添加及屬性設(shè)置,以及表單的簡單處理等。
第10章介紹了行為的基本知識及使用方法。包括行為、事件的基本知識,行為的綁定,行為屬性的設(shè)置和修改,以及各個內(nèi)置行為的使用方法。
第11章介紹了圖像和聲音等媒體的基本知識及使用方法。包括在網(wǎng)頁中添加聲音和?Flash對象的方法,以及HTML5音頻和視頻的使用方法。
第12章介紹了模板和庫的基本知識及使用方法。包括創(chuàng)建模板,定義模板的可編輯區(qū)域、重復(fù)區(qū)域和可選區(qū)域,以及庫的創(chuàng)建及使用等。
第13章介紹了動態(tài)網(wǎng)頁基礎(chǔ)。包括安裝配置ns服務(wù)器,創(chuàng)建虛擬目錄,連接數(shù)據(jù)庫并定義數(shù)據(jù)源,以及動態(tài)文本和動態(tài)圖像的制作方法。
第14章~第17章為綜合實(shí)例,詳細(xì)介紹了旅游網(wǎng)站、兒童教育網(wǎng)站、時尚資訊網(wǎng)站和電子商務(wù)網(wǎng)站4個不同風(fēng)格網(wǎng)站的詳細(xì)制作過程。
為了配合各學(xué)校師生利用此書進(jìn)行教學(xué)的需要,隨書配贈光盤,包含全書實(shí)例操作過程配音講解錄屏AVI文件和實(shí)例結(jié)果文件、素材文件,以及專為老師教學(xué)準(zhǔn)備的PowerPoint多媒體電子教案。
本書由三維書屋工作室總策劃,楊雪靜、胡仁喜主要編寫。王敏、康士廷、張俊生、王瑋、孟培、王艷池、陽平華、袁濤、閏聰聰、王培合、王義發(fā)、王玉秋、劉昌麗、張日晶、盧園、王淵峰、王兵學(xué)、孫立明、甘勤濤、李兵、徐聲杰、張琪和李亞莉等也為本書的出版提供了大量幫助,值此圖書出版發(fā)行之際,向他們表示衷心的感謝。
書中主要內(nèi)容來自于編者幾年來使用Dreamweaver的經(jīng)驗(yàn)總結(jié),也有部分內(nèi)容取自于國內(nèi)外有關(guān)文獻(xiàn)資料。由于時間倉促,加上編者水平有限,書中不足之處在所難免,望廣大讀者登錄www.sjzswsw.com或聯(lián)系win760520@126.com進(jìn)行批評指正,編者將不勝感激,也歡迎加入三維書屋圖書學(xué)習(xí)交流群(QQ:379090620)交流探討。
編者
目錄
前言
第1篇DreamweaverCC2017快速入門
第1章網(wǎng)頁制作基礎(chǔ)知識2
1.1網(wǎng)頁與網(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)頁版面布局與設(shè)計7
1.2.6測試網(wǎng)站9
1.2.7發(fā)布與推廣網(wǎng)站9
第2章DreamweaverCC2017簡介10
2.1初次啟動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“浮動”面板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ù)語30
3.1.1Internet服務(wù)器和本地計算機(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測試站點(diǎn)41
3.4.1管理網(wǎng)頁鏈接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語言概述51
4.2HTML的語法結(jié)構(gòu)52
4.2.1<標(biāo)簽>對象53
4.2.2<標(biāo)簽屬性1=參數(shù)1屬性2=參數(shù)2>對象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基本語法規(guī)范72
4.4.2創(chuàng)建CSS規(guī)則75
4.4.3定義媒體查詢78
4.4.4設(shè)置CSS屬性80
4.4.5全程實(shí)例——創(chuàng)建樣式表82
4.5CSS樣式的應(yīng)用83
4.5.1變化的鼠標(biāo)83
4.5.2背景不跟隨內(nèi)容滾動85
第5章處理文字與圖形87
5.1在網(wǎng)頁中加入文本88
5.1.1插入文本88
5.1.2設(shè)置文本屬性88
5.1.3創(chuàng)建列表項91
5.1.4插入日期93
5.1.5全程實(shí)例——插入日期時間94
5.1.6插入特殊字符95
5.2在網(wǎng)頁中應(yīng)用圖像99
5.2.1網(wǎng)頁中可以使用的圖像格式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)入FireworksHTML105
第6章制作超鏈接107
6.1認(rèn)識超級鏈接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”面板管理超級鏈接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í)例——使用表格布局主頁145
7.6創(chuàng)建IFRAME150
7.7全程實(shí)例——使用IFRAME顯示頁面152
第8章Div+CSS布局155
8.1Div+CSS概述156
8.2CSS盒模型157
8.2.1CSS盒模型簡介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)頁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事件與動作209
10.2“行為”面板210
10.3附加行為到頁面元素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í)例——動態(tài)導(dǎo)航圖像227
第11章制作多媒體網(wǎng)頁229
11.1在網(wǎng)頁中使用聲音2