AdobeDreamweaverCC2017是繼AdobeDreamweaverCC2015之后推出的完美的網站及網絡應用程序制作軟件,新版本趨向于易用快捷。本書以理論與實踐相結合的方式,循序漸進地講解了使用DreamweaverCC2017制作靜態(tài)、動態(tài)網頁網站的方法與技巧。全書分為3篇17章,全面、詳細地介紹了DreamweaverCC2017的特點、功能、使用方法和技巧。具體內容為:第1篇“快速入門”,介紹了DreamweaverCC2017基本的功能,內容包括網頁制作基礎知識、DreamweaverCC2017簡介、網站的構建與管理、HTML與CSS基礎以及文本與超級鏈接等。第2篇“技能提高”,介紹了DreamweaverCC2017的高級功能,內容包括表格與IFRAME、Div+CSS布局、應用表單、模板與庫、Dreamweaver的內置行為和動態(tài)網頁基礎等。第3篇“實戰(zhàn)演練”,介紹了旅游網站、兒童教育網站、時尚資訊網站和電子商務網站4個不同風格網站綜合實例的詳細制作步驟。本書實例豐富、內容翔實、操作方法簡單易學,不僅適合對網頁制作和網站管理感興趣的初、中級讀者學習使用,也可供從事網站設計及相關工作的專業(yè)人士參考。本書附有一張光盤,內容為教材綜合實例部分所有網頁文件的源代碼和操作過程錄音講解視頻,以及專為教師授課準備的PPT文件,供讀者學習和教師授課使用。
在網絡浪潮中隨著寬帶的普及,上網變得越來越方便,就連以前只有專業(yè)公司才能提供的Web服務現(xiàn)在許多普通的寬帶用戶也能做到。您是否也有種沖動,想自己來制作網站,為自己在網上安個家?也許您會覺得網頁制作很難,然而如果使用DreamweaverCC2017,即使制作一個功能強大的網站,也是一件非常容易的事情。
DreamweaverCC2017是著名影像處理軟件公司Adobe最近推出的網頁設計制作工具,是繼DreamweaverCC2015之后的升級版本,是目前最完美的網站制作工具之一。
Dreamweaver是一種專業(yè)的HTML編輯器,用于對Web站點、Web頁和Web應用程序進行設計、編碼和開發(fā)。無論您喜歡直接編寫HTML代碼,還是偏愛“所見即所得”的工作環(huán)境,DreamweaverCC2017都會為您提供許多方便的工具,助您迅速高效地制作網站。
全書分3篇共17章,全面、詳細地介紹了利用DreamweaverCC2017制作靜、動態(tài)網頁網站的方法與技巧。
第1章介紹了網頁制作的基礎知識,包括網頁與網站的關系、網站建設的基本步驟等。
第2章介紹了DreamweaverCC2017簡介,包括DreamweaverCC2017的啟動、用戶界面以及創(chuàng)建與保存文件的方法等。
第3章介紹了站點的基本知識及構建本地站點的方法,包括站點的概念和功能,站點規(guī)劃和網站制作流程,創(chuàng)建、刪除、修改、編輯和復制本地站點,以及對站點內文件的操作方法等。
第4章介紹了HTML與CSS樣式表的基本知識,包括HTML語法結構、常用的HTML標簽的屬性及使用方法、CSS樣式的語法規(guī)范及創(chuàng)建方法等。.第5章介紹了文本與圖形的基本操作。包括普通文本、特殊符號和日期的插入,對文本進行格式設置,在網頁中應用圖像、插入FireworksHTML的方法。
第6章介紹了超級鏈接的基本知識及使用方法。包括各種超級鏈接的概念與功能,創(chuàng).建各種超級鏈接的方法。
第7章介紹了表格與IFRAME的作用及使用方法。包括插入表格、格式化表格、拆分與合并單元格、剪切和粘貼單元格、刪除行列以及插入行等操作,表格和單元格屬性的設置,導入文本數(shù)據(jù)到表格和輸出表格數(shù)據(jù)到文本文件,以及使用IFRAME顯示頁面內容等。
第8章介紹了Div+CSS的基本概念及使用方法。包括CSS盒模型的概念、常用的盒模型屬性、CSS層疊順序、CSS布局塊的創(chuàng)建及常用的CSS版式布局等。
第9章介紹了表單的基本知識及使用方法。包括表單的創(chuàng)建、各種表單對象的添加及屬性設置,以及表單的簡單處理等。
第10章介紹了行為的基本知識及使用方法。包括行為、事件的基本知識,行為的綁定,行為屬性的設置和修改,以及各個內置行為的使用方法。
第11章介紹了圖像和聲音等媒體的基本知識及使用方法。包括在網頁中添加聲音和?Flash對象的方法,以及HTML5音頻和視頻的使用方法。
第12章介紹了模板和庫的基本知識及使用方法。包括創(chuàng)建模板,定義模板的可編輯區(qū)域、重復區(qū)域和可選區(qū)域,以及庫的創(chuàng)建及使用等。
第13章介紹了動態(tài)網頁基礎。包括安裝配置ns服務器,創(chuàng)建虛擬目錄,連接數(shù)據(jù)庫并定義數(shù)據(jù)源,以及動態(tài)文本和動態(tài)圖像的制作方法。
第14章~第17章為綜合實例,詳細介紹了旅游網站、兒童教育網站、時尚資訊網站和電子商務網站4個不同風格網站的詳細制作過程。
為了配合各學校師生利用此書進行教學的需要,隨書配贈光盤,包含全書實例操作過程配音講解錄屏AVI文件和實例結果文件、素材文件,以及專為老師教學準備的PowerPoint多媒體電子教案。
本書由三維書屋工作室總策劃,楊雪靜、胡仁喜主要編寫。王敏、康士廷、張俊生、王瑋、孟培、王艷池、陽平華、袁濤、閏聰聰、王培合、王義發(fā)、王玉秋、劉昌麗、張日晶、盧園、王淵峰、王兵學、孫立明、甘勤濤、李兵、徐聲杰、張琪和李亞莉等也為本書的出版提供了大量幫助,值此圖書出版發(fā)行之際,向他們表示衷心的感謝。
書中主要內容來自于編者幾年來使用Dreamweaver的經驗總結,也有部分內容取自于國內外有關文獻資料。由于時間倉促,加上編者水平有限,書中不足之處在所難免,望廣大讀者登錄www.sjzswsw.com或聯(lián)系win760520@126.com進行批評指正,編者將不勝感激,也歡迎加入三維書屋圖書學習交流群(QQ:379090620)交流探討。
編者
目錄
前言
第1篇DreamweaverCC2017快速入門
第1章網頁制作基礎知識2
1.1網頁與網站3
1.2網站建設的基本步驟3
1.2.1確定網站的主題和目標用戶4
1.2.2規(guī)劃網站的欄目與版塊5
1.2.3組織站點結構6
1.2.4收集整理建站資源6
1.2.5網頁版面布局與設計7
1.2.6測試網站9
1.2.7發(fā)布與推廣網站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標準工具欄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標尺、網格與輔助線22
2.3文件操作24
2.3.1新建、打開文檔24
2.3.2導入文件26
2.3.3保存、關閉文檔27
2.3.4設置文檔屬性27
第3章網站的構建與管理29
3.1站點相關術語30
3.1.1Internet服務器和本地計算機30
3.1.2本地站點與遠端站點30
3.2構建本地站點31
3.3管理本地站點和站點文件37
3.3.1管理站點37
3.3.2使用“文件”面板38
3.3.3操作站點文件或文件夾39
3.4測試站點41
3.4.1管理網頁鏈接41
3.4.2配置瀏覽器43
3.4.3檢查瀏覽器的兼容性44
3.5站點發(fā)布44
3.5.1配置遠程站點44
3.5.2上傳、下載與同步更新45
3.6全程實例——將已有文件組織為站點48
第4章HTML與CSS基礎50
4.1HTML語言概述51
4.2HTML的語法結構52
4.2.1<標簽>對象53
4.2.2<標簽屬性1=參數(shù)1屬性2=參數(shù)2>對象53
4.2.3<標簽>53
4.2.4標簽嵌套54
4.3常用的HTML標簽55
4.3.1文檔的結構標簽55
4.3.2注釋標簽57
4.3.3文本格式標簽57
4.3.4排版標簽59
4.3.5列表標簽61
4.3.6表格標簽62
4.3.7框架標簽64
4.3.8表單標簽65
4.3.9其他標簽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設置CSS屬性80
4.4.5全程實例——創(chuàng)建樣式表82
4.5CSS樣式的應用83
4.5.1變化的鼠標83
4.5.2背景不跟隨內容滾動85
第5章處理文字與圖形87
5.1在網頁中加入文本88
5.1.1插入文本88
5.1.2設置文本屬性88
5.1.3創(chuàng)建列表項91
5.1.4插入日期93
5.1.5全程實例——插入日期時間94
5.1.6插入特殊字符95
5.2在網頁中應用圖像99
5.2.1網頁中可以使用的圖像格式99
5.2.2插入水平線100
5.2.3插入圖像100
5.2.4設置圖像屬性102
5.2.5設置外部編輯器103
5.2.6插入鼠標經過圖像104
5.2.7導入FireworksHTML105
第6章制作超鏈接107
6.1認識超級鏈接108
6.2創(chuàng)建、管理鏈接109
6.2.1創(chuàng)建文本超級鏈接109
6.2.2創(chuàng)建圖片鏈接110
6.2.3鏈接到命名錨點111
6.2.4創(chuàng)建E-Mail鏈接112
6.2.5虛擬鏈接和腳本鏈接114
6.2.6使用“URLs”面板管理超級鏈接115
6.3使用熱點制作圖像映射117
6.4全程實例——制作導航條118
第2篇DreamweaverCC2017技能提高
第7章表格與IFRAME124
7.1創(chuàng)建表格125
7.2設置表格和單元格屬性128
7.3表格的常用操作131
7.3.1選擇表格元素131
7.3.2調整表格的尺寸、行高和列寬132
7.3.3使用擴展表格模式133
7.3.4表格數(shù)據(jù)的導入與導出135
7.3.5增加、刪除行和列137
7.3.6復制、粘貼與清除單元格138
7.3.7合并、拆分單元格138
7.3.8表格數(shù)據(jù)排序140
7.4表格布局實例141
7.5全程實例——使用表格布局主頁145
7.6創(chuàng)建IFRAME150
7.7全程實例——使用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標簽165
8.4.2編輯div標簽166
8.4.3可視化CSS布局塊167
8.5常用CSS版式布局169
8.5.1一列布局169
8.5.2兩列布局171
8.5.3三列布局174
8.6Div標簽應用實例175
第9章應用表單184
9.1創(chuàng)建表單網頁185
9.1.1插入表單185
9.1.2文本字段和文件域188
9.1.3選擇框191
9.1.4單選按鈕與復選框193
9.1.5按鈕195
9.1.6圖像按鈕196
9.1.7隱藏域197
9.2處理表單198
9.3全程實例——制作留言板202
第10章Dreamweaver的內置行為208
10.1事件與動作209
10.2“行為”面板210
10.3附加行為到頁面元素211
10.4編輯行為212
10.5DreamweaverCC2017的內置行為212
10.5.1改變屬性213
10.5.2交換圖像/恢復交換圖像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設置文本223
10.5.10調用JavaScript225
10.5.11轉到URL226
10.5.12預先載入圖像227
10.6全程實例——動態(tài)導航圖像227
第11章制作多媒體網頁229
11.1在網頁中使用聲音2