本書是暢銷教材《網(wǎng)頁設(shè)計與制作實用教程(Dreamweaver Flash Photoshop)(第2版)》的修訂升級版,主要介紹用Dreamweaver、Photoshop和Flash進(jìn)行網(wǎng)頁設(shè)計與制作的方法。本書以實例帶動教學(xué),注重對讀者動手實踐能力的培養(yǎng)。書中每章都設(shè)計了本章習(xí)題和上機(jī)練習(xí)兩個模塊,既可以讓教師合理安排教學(xué)實踐內(nèi)容,又可以讓學(xué)習(xí)者舉一反三,快速掌握本章知識。
全書共包括12章,第1章介紹網(wǎng)站開發(fā)的基礎(chǔ)知識;第2~7章介紹使用Dreamweaver進(jìn)行網(wǎng)頁制作和網(wǎng)站管理的方法;第8~10章介紹使用Photoshop進(jìn)行網(wǎng)頁圖像設(shè)計和繪制網(wǎng)頁的方法;第11章和第12章介紹使用Flash進(jìn)行網(wǎng)頁動畫制作的方法。
為了讓讀者更輕松地掌握網(wǎng)頁設(shè)計與制作技術(shù),作者制作了配套微課視頻。微課視頻包括教材的全部內(nèi)容,全程語音講解、真實操作演示,讓讀者一學(xué)就會。
本書內(nèi)容精練,構(gòu)思科學(xué)合理,實例豐富,理論與應(yīng)用配合緊密,既可作為各類院校的網(wǎng)頁設(shè)計與制作教材,也可作為培訓(xùn)機(jī)構(gòu)相關(guān)專業(yè)的培訓(xùn)教材,還可作為網(wǎng)站開發(fā)人員和網(wǎng)站開發(fā)愛好者的自學(xué)或參考 用書。
知識要點->相關(guān)知識講解->典型應(yīng)用講解->習(xí)題->上機(jī)練習(xí)20多小時微課視頻,全程語音講解,真實操作演示
隨著網(wǎng)絡(luò)技術(shù)的發(fā)展,社會各個領(lǐng)域?qū)W(wǎng)站開發(fā)技術(shù)的要求日益提高,人才市場上對網(wǎng)站開發(fā)工作人員的需求大大增加。網(wǎng)站開發(fā)工作包括市場需求分析、網(wǎng)站策劃、網(wǎng)頁平面設(shè)計、網(wǎng)頁頁面排版、網(wǎng)絡(luò)動畫設(shè)計、網(wǎng)站程序開發(fā)、網(wǎng)站的推廣等方面,這是一項對開發(fā)人員的綜合技能要求很高的系統(tǒng)工程。
本書按照教學(xué)規(guī)律精心設(shè)計內(nèi)容和結(jié)構(gòu),根據(jù)各類院校教學(xué)的實際課時安排,結(jié)合多位任課教師多年的教學(xué)經(jīng)驗進(jìn)行教材內(nèi)容的設(shè)計,力爭教材結(jié)構(gòu)合理、難易適中。
本書可作為各類院校的網(wǎng)頁設(shè)計與制作教材、各層次職業(yè)培訓(xùn)教材,也可作為廣大網(wǎng)站開發(fā)愛好者的自學(xué)指導(dǎo)用書。
關(guān)于改版
本書是《網(wǎng)頁設(shè)計與制作實用教程(Dreamweaver Flash Photoshop)(第2版)》的修訂升級版!毒W(wǎng)頁設(shè)計與制作實用教程(Dreamweaver Flash Photoshop)》于2011年出版,2013年升級為第2版,前后共重印12次,累計發(fā)行5萬多冊。由于教材內(nèi)容新穎、實用,深受廣大讀者的歡迎,目前全國已有幾十所各類院校選擇該書作為正式的網(wǎng)頁設(shè)計與制作教材,許多職業(yè)培訓(xùn)機(jī)構(gòu)也采用該書作為培訓(xùn)教材。隨著軟件新版本的發(fā)布以及教材使用經(jīng)驗、讀者反饋信息的不斷積累,教材的修訂迫在眉睫。
本書主要在以下幾個方面進(jìn)行了改進(jìn):
(1)采用Dreamweaver CS6、Flash
CS6和Photoshop
CS6簡體中文版對圖書內(nèi)容重新進(jìn)行了創(chuàng)作,注重新技術(shù)的應(yīng)用。
(2)對全書的文字?jǐn)⑹鲞M(jìn)行了優(yōu)化,使知識敘述得更科學(xué)、更清晰。
(3)開發(fā)了更加專業(yè)的微視頻課程,涵蓋教材全部內(nèi)容,方便教師輔助教學(xué)。
主要內(nèi)容
本書涉及網(wǎng)站開發(fā)的基礎(chǔ)知識、使用Dreamweaver制作網(wǎng)頁和管理網(wǎng)站的方法、使用Photoshop制作網(wǎng)頁圖像和進(jìn)行網(wǎng)頁平面設(shè)計的方法、使用Flash制作網(wǎng)絡(luò)動畫的方法。全書共分12章,各章節(jié)內(nèi)容介紹如下。
第1章學(xué)習(xí)網(wǎng)站開發(fā)的基礎(chǔ)知識,包括網(wǎng)站開發(fā)概述、網(wǎng)站開發(fā)流程、常用網(wǎng)頁設(shè)計軟件、HTML入門等。
第2章學(xué)習(xí)Dreamweaver CS6基礎(chǔ)知識,包括Dreamweaver CS6的工作環(huán)境、建立本地站點、在Dreamweaver中制作第一個網(wǎng)頁等。
第3章學(xué)習(xí)制作網(wǎng)頁內(nèi)容的知識,包括文字和段落在網(wǎng)頁中的應(yīng)用、圖像在網(wǎng)頁中的應(yīng)用、多媒體對象在網(wǎng)頁中的應(yīng)用、超鏈接等。
第4章學(xué)習(xí)CSS樣式表的知識,包括CSS入門、CSS樣式詳解、創(chuàng)建CSS樣式等。
第5章學(xué)習(xí)網(wǎng)頁布局的知識,包括網(wǎng)頁布局類型、用表格進(jìn)行網(wǎng)頁布局、框架、用CSS進(jìn)行網(wǎng)頁布局等。
第6章學(xué)習(xí)網(wǎng)頁特效與交互的知識,包括行為的應(yīng)用、AP元素、Spry框架、JavaScript基礎(chǔ)知識等。
第7章學(xué)習(xí)模板和站點管理的知識,包括模板、資源管理、站點管理和維護(hù)等。
第8章學(xué)習(xí)Photoshop網(wǎng)頁設(shè)計基礎(chǔ)知識,包括Photoshop CS6的工作環(huán)境、Photoshop的工具箱和面板、Photoshop的工具欄和輔助作圖工具、創(chuàng)建Photoshop文檔、繪制各種圖形和設(shè)置顏色的方法、認(rèn)識畫筆等。
第9章學(xué)習(xí)Photoshop網(wǎng)頁設(shè)計進(jìn)階的知識,包括Photoshop的圖層、Photoshop的選區(qū)和通道、設(shè)計網(wǎng)頁文字、網(wǎng)頁圖像的調(diào)整、Photoshop的濾鏡等。
第10章學(xué)習(xí)使用Photoshop設(shè)計網(wǎng)頁元素的知識,包括設(shè)計網(wǎng)站圖標(biāo)和Logo、設(shè)計網(wǎng)頁廣告圖像、設(shè)計網(wǎng)頁按鈕和導(dǎo)航條、設(shè)計網(wǎng)頁等。
第11章學(xué)習(xí)Flash基礎(chǔ)知識,包括Flash CS6的工作環(huán)境、Flash動畫的制作、繪制矢量圖形、位圖和文字等。
第12章學(xué)習(xí)制作網(wǎng)頁動畫的知識,包括圖層和幀、幾種Flash動畫、元件及其應(yīng)用、使用Flash制作網(wǎng)絡(luò)廣告等。
為了方便讀者的學(xué)習(xí),本書還設(shè)計了4個附錄,包括常用HTML標(biāo)簽、安裝IIS和配置Web服務(wù)器、網(wǎng)站上傳和下載工具FlashFXP、習(xí)題參考答案。
本書特點
1.緊扣教學(xué)規(guī)律,合理設(shè)計圖書結(jié)構(gòu)
本書作者多是長期從事網(wǎng)頁設(shè)計與制作教學(xué)工作的一線教師,具有豐富的教學(xué)經(jīng)
驗,緊扣教師的教學(xué)規(guī)律和學(xué)生的學(xué)習(xí)規(guī)律,全力打造難易適中、結(jié)構(gòu)合理、實用性強(qiáng)的教材。
本書采取知識要點相關(guān)知識講解典型應(yīng)用講解習(xí)題上機(jī)練習(xí)的內(nèi)容結(jié)構(gòu),在每章的開始處給出本章的主要內(nèi)容簡介,讀者可以了解本章所要學(xué)習(xí)的知識點;在具體的教學(xué)內(nèi)容中既注重基本知識點的系統(tǒng)講解,又注重學(xué)習(xí)目標(biāo)的實用性;每章都設(shè)計了本章習(xí)題和上機(jī)練習(xí)兩個模塊,既可以讓教師合理安排教學(xué)內(nèi)容,又可以讓學(xué)習(xí)者加強(qiáng)實踐,快速掌握本章知識。
2.注重教學(xué)實驗,加強(qiáng)上機(jī)練習(xí)內(nèi)容的設(shè)計
網(wǎng)頁設(shè)計與制作是一門實踐性很強(qiáng)的課程,學(xué)習(xí)者只有親自動手上機(jī)練習(xí)才能更好地掌握教材內(nèi)容。本書根據(jù)教學(xué)內(nèi)容統(tǒng)籌規(guī)劃上機(jī)練習(xí)的內(nèi)容,上機(jī)練習(xí)以實際應(yīng)用為主線,以任務(wù)目標(biāo)為驅(qū)動,增強(qiáng)讀者的實踐動手能力。
每個上機(jī)練習(xí)都給出了操作要點提示,既方便讀者進(jìn)行上機(jī)練習(xí),也方便任課教師合理安排練習(xí)指導(dǎo)。
3.配套微課視頻,讓教學(xué)更加輕松
為了讓讀者更輕松地掌握網(wǎng)頁設(shè)計與制作技術(shù),作者精心制作了配套微課視頻。微課視頻完全和教材內(nèi)容同步,共20多小時超大容量的教學(xué)內(nèi)容,全程語音講解,真實操作演示,讓讀者一學(xué)就會。
不管是教師還是學(xué)生,掃描二維碼即可在線播放微課視頻,這樣更加有利于教師的教和學(xué)生的學(xué)。
本書作者
本書主編為繆亮(負(fù)責(zé)編寫第1章~第6章)、孫毅芳(負(fù)責(zé)編寫第7章~第12章),董春波、李鴻雁、楊景花、唐嫻、孫翠改、郭剛、張愛文、陳凱、胡偉華、李敏、張海、丁文珂等參與了創(chuàng)作和編寫工作,在此表示感謝。另外,感謝開封文化藝術(shù)職業(yè)學(xué)院、聊城幼兒師范學(xué)校對本書創(chuàng)作給予的支持和幫助。
相關(guān)資源
立體出版計劃為讀者建構(gòu)全方位的學(xué)習(xí)環(huán)境。最先進(jìn)的建構(gòu)主義學(xué)習(xí)理論告訴我們,建構(gòu)一個真正意義上的學(xué)習(xí)環(huán)境是學(xué)習(xí)成功的關(guān)鍵。學(xué)習(xí)環(huán)境中有真情實境、有協(xié)商和對話、有共享資源的支持才能使讀者高效率地學(xué)習(xí),并且學(xué)有所成。因此,為了幫助讀者建構(gòu)真正意義上的學(xué)習(xí)環(huán)境,作者以圖書為基礎(chǔ),為讀者專門設(shè)置了一個圖書服務(wù)網(wǎng)站。
該網(wǎng)站提供相關(guān)圖書資訊以及相關(guān)資料下載和讀者俱樂部,在這里讀者可以得到更多、更新的共享資源,還可以交到志同道合的朋友,相互交流、共同進(jìn)步。
資源網(wǎng)站網(wǎng)址:http://www.cai8.net
微信公眾號:itstudy
作 者
2017年5月
第1章 網(wǎng)站開發(fā)基礎(chǔ)... 1
1.1
網(wǎng)站開發(fā)概述... 1
1.1.1 什么是網(wǎng)站... 1
1.1.2 網(wǎng)站的類型及定位... 1
1.1.3 認(rèn)識網(wǎng)頁... 4
1.2
網(wǎng)站開發(fā)流程... 7
1.2.1 網(wǎng)站總體策劃... 7
1.2.2 設(shè)計和制作素材... 8
1.2.3 建立站點... 9
1.2.4 制作網(wǎng)頁... 9
1.2.5 測試和發(fā)布網(wǎng)站... 10
1.3
常用網(wǎng)頁設(shè)計軟件... 10
1.4
HTML入門... 13
1.4.1 HTML的概念... 13
1.4.2 編寫HTML網(wǎng)頁... 14
1.4.3 HTML標(biāo)簽... 15
1.4.4 HTML文檔的基本結(jié)構(gòu)... 16
1.4.5 了解XHTML. 17
1.5
本章習(xí)題... 19
1.6
上機(jī)練習(xí)... 19
練習(xí)1 網(wǎng)站的規(guī)劃... 19
練習(xí)2 用HTML編寫網(wǎng)頁文檔... 19
第2章 Dreamweaver網(wǎng)頁制作基礎(chǔ)... 20
2.1
Dreamweaver CS6的工作環(huán)境... 20
2.1.1 開始頁... 20
2.1.2 Dreamweaver軟件界面... 21
2.1.3 自定義界面... 23
2.1.4 Dreamweaver的視圖模式... 24
2.2
建立本地站點... 27
2.2.1 創(chuàng)建站點目錄... 27
2.2.2 在Dreamweaver中定義站點... 27
2.3
在Dreamweaver中制作第一個網(wǎng)頁... 30
2.3.1 新建HTML網(wǎng)頁文檔... 30
2.3.2 編輯和保存網(wǎng)頁... 30
2.3.3 預(yù)覽網(wǎng)頁... 30
2.3.4 繼續(xù)編輯網(wǎng)頁... 32
2.4
本章習(xí)題... 33
2.5
上機(jī)練習(xí)... 33
練習(xí)1 定義本地站點... 33
練習(xí)2 制作一個簡單網(wǎng)頁... 33
第3章 制作網(wǎng)頁內(nèi)容... 34
3.1
文字和段落在網(wǎng)頁中的應(yīng)用... 34
3.1.1 插入文字... 34
3.1.2 設(shè)置文本屬性... 35
3.1.3 設(shè)置段落格式... 39
3.1.4 插入特殊字符... 43
3.1.5 使用段落列表... 44
3.2
圖像在網(wǎng)頁中的應(yīng)用... 45
3.2.1 插入圖像... 46
3.2.2 設(shè)置圖像屬性... 48
3.2.3 使用外部圖像編輯器... 49
3.3
多媒體對象在網(wǎng)頁中的應(yīng)用... 50
3.3.1 在網(wǎng)頁中應(yīng)用Flash動畫... 50
3.3.2 在網(wǎng)頁中應(yīng)用FLV視頻... 53
3.3.3 在網(wǎng)頁中應(yīng)用聲音... 56
3.4
超鏈接... 58
3.4.1 創(chuàng)建超鏈接的方法... 59
3.4.2 超鏈接的路徑... 61
3.4.3 鏈接目標(biāo)... 62
3.5
本章習(xí)題... 63
3.6
上機(jī)練習(xí)... 63
練習(xí)1 制作文字網(wǎng)頁... 63
練習(xí)2 制作圖文混排網(wǎng)頁... 64
練習(xí)3 制作Flash導(dǎo)航條... 65
第4章 CSS樣式表... 66
4.1
CSS入門... 66
4.1.1 CSS樣式面板... 66
4.1.2 定義CSS規(guī)則... 68
4.1.3 在網(wǎng)頁中應(yīng)用CSS樣式... 70
4.1.4 CSS規(guī)則的類型... 71
4.2
CSS樣式詳解... 73
4.2.1 類型... 73
4.2.2 背景... 75
4.2.3 區(qū)塊... 76
4.2.4 方框... 77
4.2.5 邊框... 78
4.2.6 列表... 79
4.2.7 定位... 79
4.2.8 擴(kuò)展... 81
4.3
創(chuàng)建CSS樣式... 82
4.3.1 內(nèi)部樣式表... 82
4.3.2 外部樣式表... 84
4.4
本章習(xí)題... 89
4.5
上機(jī)練習(xí)... 90
練習(xí)1 使用CSS自定義項目列表... 90
練習(xí)2 外部CSS文件的創(chuàng)建和應(yīng)用... 90
第5章 網(wǎng)頁布局... 91
5.1
網(wǎng)頁布局的類型... 91
5.2
用表格進(jìn)行網(wǎng)頁布局... 93
5.2.1 在頁面中插入表格... 93
5.2.2 設(shè)置表格屬性... 96
5.2.3 表格標(biāo)簽... 97
5.2.4 用表格布局網(wǎng)頁... 98
5.2.5 表格模式... 102
5.3
框架... 103
5.3.1 用框架布局頁面... 103
5.3.2 創(chuàng)建框架和框架集... 106
5.3.3 設(shè)置框架和框架集屬性... 107
5.3.4 保存框架和框架集... 109
5.3.5 控制帶有鏈接的框架內(nèi)容... 109
5.4
用CSS進(jìn)行網(wǎng)頁布局... 110
5.4.1 表格 CSS布局... 110
5.4.2 DIV CSS布局... 115
5.5
本章習(xí)題... 119
5.6
上機(jī)練習(xí)... 119
練習(xí)1 利用表格布局網(wǎng)頁實例... 119
練習(xí)2 利用框架布局網(wǎng)頁實例... 119
練習(xí)3 利用DIV CSS布局網(wǎng)頁實例... 121
第6章 網(wǎng)頁特效與交互... 122
6.1
行為... 122
6.1.1 附加行為... 122
6.1.2 行為應(yīng)用實例網(wǎng)頁加載時彈出公告頁... 124
6.1.3 內(nèi)置行為簡介... 126
6.2
AP元素... 127
6.2.1 應(yīng)用AP Div創(chuàng)建AP元素... 127
6.2.2
AP元素的屬性詳解... 130
6.2.3
AP元素拖動效果... 132
6.3
Spry框架... 133
6.3.1 Spry效果... 133
6.3.2 Spry構(gòu)件... 135
6.4
JavaScript基礎(chǔ)知識... 137
6.4.1