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