本書是暢銷教材《網(wǎng)頁設(shè)計與制作實用教程(Dreamweaver Flash Photoshop)(第2版)》的修訂升級版,主要介紹用Dreamweaver、Photoshop和Flash進行網(wǎng)頁設(shè)計與制作的方法。本書以實例帶動教學,注重對讀者動手實踐能力的培養(yǎng)。書中每章都設(shè)計了本章習題和上機練習兩個模塊,既可以讓教師合理安排教學實踐內(nèi)容,又可以讓學習者舉一反三,快速掌握本章知識。
全書共包括12章,第1章介紹網(wǎng)站開發(fā)的基礎(chǔ)知識;第2~7章介紹使用Dreamweaver進行網(wǎng)頁制作和網(wǎng)站管理的方法;第8~10章介紹使用Photoshop進行網(wǎng)頁圖像設(shè)計和繪制網(wǎng)頁的方法;第11章和第12章介紹使用Flash進行網(wǎng)頁動畫制作的方法。
為了讓讀者更輕松地掌握網(wǎng)頁設(shè)計與制作技術(shù),作者制作了配套微課視頻。微課視頻包括教材的全部內(nèi)容,全程語音講解、真實操作演示,讓讀者一學就會。
本書內(nèi)容精練,構(gòu)思科學合理,實例豐富,理論與應(yīng)用配合緊密,既可作為各類院校的網(wǎng)頁設(shè)計與制作教材,也可作為培訓機構(gòu)相關(guān)專業(yè)的培訓教材,還可作為網(wǎng)站開發(fā)人員和網(wǎng)站開發(fā)愛好者的自學或參考 用書。
知識要點->相關(guān)知識講解->典型應(yīng)用講解->習題->上機練習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)工程。
本書按照教學規(guī)律精心設(shè)計內(nèi)容和結(jié)構(gòu),根據(jù)各類院校教學的實際課時安排,結(jié)合多位任課教師多年的教學經(jīng)驗進行教材內(nèi)容的設(shè)計,力爭教材結(jié)構(gòu)合理、難易適中。
本書可作為各類院校的網(wǎng)頁設(shè)計與制作教材、各層次職業(yè)培訓教材,也可作為廣大網(wǎng)站開發(fā)愛好者的自學指導(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è)培訓機構(gòu)也采用該書作為培訓教材。隨著軟件新版本的發(fā)布以及教材使用經(jīng)驗、讀者反饋信息的不斷積累,教材的修訂迫在眉睫。
本書主要在以下幾個方面進行了改進:
(1)采用Dreamweaver CS6、Flash
CS6和Photoshop
CS6簡體中文版對圖書內(nèi)容重新進行了創(chuàng)作,注重新技術(shù)的應(yīng)用。
(2)對全書的文字敘述進行了優(yōu)化,使知識敘述得更科學、更清晰。
(3)開發(fā)了更加專業(yè)的微視頻課程,涵蓋教材全部內(nèi)容,方便教師輔助教學。
主要內(nèi)容
本書涉及網(wǎng)站開發(fā)的基礎(chǔ)知識、使用Dreamweaver制作網(wǎng)頁和管理網(wǎng)站的方法、使用Photoshop制作網(wǎng)頁圖像和進行網(wǎng)頁平面設(shè)計的方法、使用Flash制作網(wǎng)絡(luò)動畫的方法。全書共分12章,各章節(jié)內(nèi)容介紹如下。
第1章學習網(wǎng)站開發(fā)的基礎(chǔ)知識,包括網(wǎng)站開發(fā)概述、網(wǎng)站開發(fā)流程、常用網(wǎng)頁設(shè)計軟件、HTML入門等。
第2章學習Dreamweaver CS6基礎(chǔ)知識,包括Dreamweaver CS6的工作環(huán)境、建立本地站點、在Dreamweaver中制作第一個網(wǎng)頁等。
第3章學習制作網(wǎng)頁內(nèi)容的知識,包括文字和段落在網(wǎng)頁中的應(yīng)用、圖像在網(wǎng)頁中的應(yīng)用、多媒體對象在網(wǎng)頁中的應(yīng)用、超鏈接等。
第4章學習CSS樣式表的知識,包括CSS入門、CSS樣式詳解、創(chuàng)建CSS樣式等。
第5章學習網(wǎng)頁布局的知識,包括網(wǎng)頁布局類型、用表格進行網(wǎng)頁布局、框架、用CSS進行網(wǎng)頁布局等。
第6章學習網(wǎng)頁特效與交互的知識,包括行為的應(yīng)用、AP元素、Spry框架、JavaScript基礎(chǔ)知識等。
第7章學習模板和站點管理的知識,包括模板、資源管理、站點管理和維護等。
第8章學習Photoshop網(wǎng)頁設(shè)計基礎(chǔ)知識,包括Photoshop CS6的工作環(huán)境、Photoshop的工具箱和面板、Photoshop的工具欄和輔助作圖工具、創(chuàng)建Photoshop文檔、繪制各種圖形和設(shè)置顏色的方法、認識畫筆等。
第9章學習Photoshop網(wǎng)頁設(shè)計進階的知識,包括Photoshop的圖層、Photoshop的選區(qū)和通道、設(shè)計網(wǎng)頁文字、網(wǎng)頁圖像的調(diào)整、Photoshop的濾鏡等。
第10章學習使用Photoshop設(shè)計網(wǎng)頁元素的知識,包括設(shè)計網(wǎng)站圖標和Logo、設(shè)計網(wǎng)頁廣告圖像、設(shè)計網(wǎng)頁按鈕和導(dǎo)航條、設(shè)計網(wǎng)頁等。
第11章學習Flash基礎(chǔ)知識,包括Flash CS6的工作環(huán)境、Flash動畫的制作、繪制矢量圖形、位圖和文字等。
第12章學習制作網(wǎng)頁動畫的知識,包括圖層和幀、幾種Flash動畫、元件及其應(yīng)用、使用Flash制作網(wǎng)絡(luò)廣告等。
為了方便讀者的學習,本書還設(shè)計了4個附錄,包括常用HTML標簽、安裝IIS和配置Web服務(wù)器、網(wǎng)站上傳和下載工具FlashFXP、習題參考答案。
本書特點
1.緊扣教學規(guī)律,合理設(shè)計圖書結(jié)構(gòu)
本書作者多是長期從事網(wǎng)頁設(shè)計與制作教學工作的一線教師,具有豐富的教學經(jīng)
驗,緊扣教師的教學規(guī)律和學生的學習規(guī)律,全力打造難易適中、結(jié)構(gòu)合理、實用性強的教材。
本書采取知識要點相關(guān)知識講解典型應(yīng)用講解習題上機練習的內(nèi)容結(jié)構(gòu),在每章的開始處給出本章的主要內(nèi)容簡介,讀者可以了解本章所要學習的知識點;在具體的教學內(nèi)容中既注重基本知識點的系統(tǒng)講解,又注重學習目標的實用性;每章都設(shè)計了本章習題和上機練習兩個模塊,既可以讓教師合理安排教學內(nèi)容,又可以讓學習者加強實踐,快速掌握本章知識。
2.注重教學實驗,加強上機練習內(nèi)容的設(shè)計
網(wǎng)頁設(shè)計與制作是一門實踐性很強的課程,學習者只有親自動手上機練習才能更好地掌握教材內(nèi)容。本書根據(jù)教學內(nèi)容統(tǒng)籌規(guī)劃上機練習的內(nèi)容,上機練習以實際應(yīng)用為主線,以任務(wù)目標為驅(qū)動,增強讀者的實踐動手能力。
每個上機練習都給出了操作要點提示,既方便讀者進行上機練習,也方便任課教師合理安排練習指導(dǎo)。
3.配套微課視頻,讓教學更加輕松
為了讓讀者更輕松地掌握網(wǎng)頁設(shè)計與制作技術(shù),作者精心制作了配套微課視頻。微課視頻完全和教材內(nèi)容同步,共20多小時超大容量的教學內(nèi)容,全程語音講解,真實操作演示,讓讀者一學就會。
不管是教師還是學生,掃描二維碼即可在線播放微課視頻,這樣更加有利于教師的教和學生的學。
本書作者
本書主編為繆亮(負責編寫第1章~第6章)、孫毅芳(負責編寫第7章~第12章),董春波、李鴻雁、楊景花、唐嫻、孫翠改、郭剛、張愛文、陳凱、胡偉華、李敏、張海、丁文珂等參與了創(chuàng)作和編寫工作,在此表示感謝。另外,感謝開封文化藝術(shù)職業(yè)學院、聊城幼兒師范學校對本書創(chuàng)作給予的支持和幫助。
相關(guān)資源
立體出版計劃為讀者建構(gòu)全方位的學習環(huán)境。最先進的建構(gòu)主義學習理論告訴我們,建構(gòu)一個真正意義上的學習環(huán)境是學習成功的關(guān)鍵。學習環(huán)境中有真情實境、有協(xié)商和對話、有共享資源的支持才能使讀者高效率地學習,并且學有所成。因此,為了幫助讀者建構(gòu)真正意義上的學習環(huán)境,作者以圖書為基礎(chǔ),為讀者專門設(shè)置了一個圖書服務(wù)網(wǎng)站。
該網(wǎng)站提供相關(guān)圖書資訊以及相關(guā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 認識網(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標簽... 15
1.4.4 HTML文檔的基本結(jié)構(gòu)... 16
1.4.5 了解XHTML. 17
1.5
本章習題... 19
1.6
上機練習... 19
練習1 網(wǎng)站的規(guī)劃... 19
練習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
本章習題... 33
2.5
上機練習... 33
練習1 定義本地站點... 33
練習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 鏈接目標... 62
3.5
本章習題... 63
3.6
上機練習... 63
練習1 制作文字網(wǎng)頁... 63
練習2 制作圖文混排網(wǎng)頁... 64
練習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 擴展... 81
4.3
創(chuàng)建CSS樣式... 82
4.3.1 內(nèi)部樣式表... 82
4.3.2 外部樣式表... 84
4.4
本章習題... 89
4.5
上機練習... 90
練習1 使用CSS自定義項目列表... 90
練習2 外部CSS文件的創(chuàng)建和應(yīng)用... 90
第5章 網(wǎng)頁布局... 91
5.1
網(wǎng)頁布局的類型... 91
5.2
用表格進行網(wǎng)頁布局... 93
5.2.1 在頁面中插入表格... 93
5.2.2 設(shè)置表格屬性... 96
5.2.3 表格標簽... 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進行網(wǎng)頁布局... 110
5.4.1 表格 CSS布局... 110
5.4.2 DIV CSS布局... 115
5.5
本章習題... 119
5.6
上機練習... 119
練習1 利用表格布局網(wǎng)頁實例... 119
練習2 利用框架布局網(wǎng)頁實例... 119
練習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