Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)入門到精通：24小時(shí)學(xué)會(huì)

前言第1章  網(wǎng)頁(yè)設(shè)計(jì)制作基礎(chǔ)…………………1
1.1    什么是網(wǎng)頁(yè)………………………………2
1.1.1　網(wǎng)頁(yè)設(shè)計(jì)概述……………………………2
1.1.2　網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)頁(yè)制作……………………3
1.1.3　網(wǎng)頁(yè)設(shè)計(jì)術(shù)語……………………………4
1.2    網(wǎng)頁(yè)編輯軟件和屏幕分辨率……………5
1.2.1　網(wǎng)頁(yè)編輯軟件……………………………5
1.2.2　屏幕分辨率………………………………6
1.3    優(yōu)秀的網(wǎng)頁(yè)要素…………………………7
1.4    網(wǎng)頁(yè)設(shè)計(jì)所涵蓋的內(nèi)容…………………8
1.4.1　網(wǎng)頁(yè)版式設(shè)計(jì)……………………………8
1.4.2　網(wǎng)頁(yè)設(shè)計(jì)的任務(wù)…………………………8
1.4.3　網(wǎng)頁(yè)設(shè)計(jì)的實(shí)現(xiàn)…………………………9
1.4.4　網(wǎng)頁(yè)設(shè)計(jì)造型的組合……………………10
1.4.5　網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)…………………………10
1.5    網(wǎng)頁(yè)設(shè)計(jì)中的色彩應(yīng)用………………11
1.5.1　網(wǎng)頁(yè)色彩的特性…………………………11
1.5.2　網(wǎng)頁(yè)安全色彩……………………………12
1.5.3　色彩模式…………………………………12
1.5.4　色彩的聯(lián)想作用…………………………13
1.5.5　網(wǎng)頁(yè)配色的基本方法……………………15
1.6    本章小結(jié)………………………………16
第2章  初識(shí)Dreamweaver CS5.5………17
2.1    Dreamweaver CS5.5簡(jiǎn)介…………18
2.2    Dreamweaver CS5.5的安裝與
        卸載……………………………………18
2.2.1　安裝Dreamweaver CS5.5的
           系統(tǒng)要求…………………………………18
2.2.2　安裝Dreamweaver CS5.5……………19
自測(cè)1　安裝Dreamweaver CS5.5實(shí)例………19 視　頻：視頻\\第2章\\2-2-2.swf
2.2.3　卸載Dreamweaver CS5.5……………20
自測(cè)2　卸載Dreamweaver CS5.5實(shí)例………21 視　頻：視頻\\第2章\\2-2-3.swf
2.2.4　啟動(dòng)Dreamweaver CS5.5……………22
2.3    Dreamweaver CS5.5的特點(diǎn)和
        新增功能………………………………22
2.3.1　Dreamweaver CS5.5的核心特色……22
2.3.2　新增功能…………………………………24
2.4    Dreamweaver CS5.5的
        工作界面………………………………26
2.5    輔助工具的使用………………………31
2.5.1　標(biāo)尺………………………………………32
2.5.2　輔助線……………………………………32
2.5.3　網(wǎng)格………………………………………33
2.5.4　跟蹤圖像…………………………………34
2.6    本章小結(jié)………………………………34
第3章　使用Dreamweaver CS5.5
            輕松編輯HTML代碼……………35
3.1    HTML簡(jiǎn)介……………………………36
3.1.1　什么是HTML……………………………36
3.1.2　HTML的語法結(jié)構(gòu)………………………36
3.2    HTML語言中的重要標(biāo)記……………38
3.3    HTML 5………………………………41
3.3.1　HTML 5標(biāo)簽……………………………41
3.3.2　HTML 5標(biāo)準(zhǔn)屬性………………………44
3.3.3　HTML 5事件屬性………………………45
3.3.4　使用HTML 5實(shí)現(xiàn)視頻播放……………46
自測(cè)3　使用HTML 5實(shí)現(xiàn)視頻播放……………46 視　頻：視頻\\第3章\\3-3-4.swf
3.4    在Dreamweaver CS5.5中編輯
        HTML…………………………………47
3.4.1　在代碼視圖中創(chuàng)建HTML頁(yè)面…………48
自測(cè)4　在代碼視圖中創(chuàng)建HTML頁(yè)面
            實(shí)例……………………………………48 視　頻：視頻\\第3章\\3-4-1.swf
3.4.2　在設(shè)計(jì)視圖中創(chuàng)建HTML頁(yè)面…………49
自測(cè)5　在設(shè)計(jì)視圖中創(chuàng)建HTML頁(yè)面
             實(shí)例……………………………………49 視　頻：視頻\\第3章\\3-4-2.swf
3.4.3　代碼視圖詳解……………………………50
3.4.4　折疊代碼…………………………………51
3.4.5　選擇父標(biāo)簽………………………………52
3.4.6　代碼的注釋………………………………52
3.4.7　環(huán)繞標(biāo)簽…………………………………52
3.5    使用快速標(biāo)簽編輯器…………………53
3.6    使用代碼片斷…………………………55
3.7    代碼優(yōu)化………………………………56
3.8    網(wǎng)頁(yè)中的其他源代碼…………………58
3.8.1　CSS樣式代碼……………………………58
3.8.2　JavaScript腳本代碼……………………58
3.8.3　源代碼中的注釋…………………………59
3.9    本章小結(jié)………………………………60
第4章　建立和管理站點(diǎn)…………………61
4.1    創(chuàng)建站點(diǎn)………………………………62
4.1.1　創(chuàng)建本地站點(diǎn)……………………………62
自測(cè)6　創(chuàng)建本地靜態(tài)站點(diǎn)……………………62 視　頻：視頻\\第4章\\4-1-1.swf
4.1.2　設(shè)置站點(diǎn)服務(wù)器…………………………63
4.1.3　站點(diǎn)服務(wù)器基本選項(xiàng)……………………63
4.1.4　站點(diǎn)服務(wù)器高級(jí)選項(xiàng)……………………64
4.1.5　設(shè)置版本控制……………………………64
4.2    站點(diǎn)的高級(jí)設(shè)置………………………65
4.3    站點(diǎn)的基本操作………………………68
4.3.1　創(chuàng)建頁(yè)面…………………………………68
自測(cè)7　在站點(diǎn)中新建頁(yè)面……………………68 視　頻：視頻\\第4章\\4-3-1.swf
4.3.2　創(chuàng)建文件夾………………………………70
自測(cè)8　在站點(diǎn)中新建文件夾…………………70 視　頻：視頻\\第4章\\4-3-2.swf
4.3.3　移動(dòng)和復(fù)制文件或文件夾………………71
4.3.4　重命名文件或文件夾……………………71
4.3.5　刪除文件或文件夾………………………71
4.4    管理站點(diǎn)………………………………71
4.5    創(chuàng)建個(gè)人站點(diǎn)…………………………72
自測(cè)9　創(chuàng)建個(gè)人站點(diǎn)實(shí)例……………………73 視　頻：視頻\\第4章\\4-5.swf
4.6    本章小結(jié)………………………………74
第5章　網(wǎng)頁(yè)整體屬性控制………………75
5.1    設(shè)置網(wǎng)頁(yè)頭信息………………………76
5.1.1　設(shè)置頁(yè)面標(biāo)題……………………………76
5.1.2　添加關(guān)鍵字………………………………77
自測(cè)10　添加關(guān)鍵字實(shí)例………………………77 視　頻：視頻\\第5章\\5-1-2.swf
5.1.3　添加說明…………………………………78
自測(cè)11　添加說明實(shí)例…………………………78 視　頻：視頻\\第5章\\5-1-3.swf
5.1.4　插入刷新…………………………………79
自測(cè)12　插入刷新實(shí)例…………………………79 視　頻：視頻\\第5章\\5-1-4.swf
5.1.5　設(shè)置基礎(chǔ)…………………………………79
自測(cè)13　設(shè)置基礎(chǔ)實(shí)例…………………………80 視　頻：視頻\\第5章\\5-1-5.swf
5.1.6　設(shè)置鏈接…………………………………80
自測(cè)14　設(shè)置鏈接實(shí)例…………………………80 視　頻：視頻\\第5章\\5-1-6.swf
5.2    設(shè)置頁(yè)面META信息…………………81
5.3    設(shè)置頁(yè)面屬性…………………………84
5.3.1　設(shè)置外觀（CSS）………………………84
自測(cè)15　設(shè)置外觀（CSS）實(shí)例………………85 源文件：源文件/第5章/5-3.html 視　頻：視頻\\第5章\\5-3-1.swf
5.3.2　設(shè)置外觀（HTML）………………………86
5.3.3　設(shè)置鏈接（CSS）………………………86
5.3.4　設(shè)置標(biāo)題（CSS）………………………87
5.3.5　設(shè)置標(biāo)題和編碼…………………………87
5.3.6　設(shè)置跟蹤圖像……………………………88
5.4    設(shè)計(jì)制作個(gè)人網(wǎng)站頁(yè)面………………89
自測(cè)16　設(shè)計(jì)制作個(gè)人網(wǎng)站頁(yè)面實(shí)例…………90 源文件：源文件\\第5章\\5-4.html　 視　頻：視頻\\第5章\\5-4.swf
5.5    本章小結(jié)………………………………94
第6章　CSS樣式在網(wǎng)頁(yè)中的應(yīng)用………95
6.1    認(rèn)識(shí)CSS………………………………96
6.2    CSS樣式的分類………………………97
6.3    CSS樣式的創(chuàng)建與編輯………………98
6.3.1　創(chuàng)建標(biāo)簽CSS樣式………………………98
自測(cè)17　創(chuàng)建標(biāo)簽CSS樣式實(shí)例………………98 源文件：源文件\\第6章\\6-3-1.html　 視　頻：視頻\\第6章\\6-3-1.swf
6.3.2　創(chuàng)建類CSS樣式………………………101
自測(cè)18　創(chuàng)建類CSS樣式實(shí)例………………101 源文件：源文件\\第6章\\6-3-2.html　 視　頻：視頻\\第6章\\6-3-2.swf
6.3.3　創(chuàng)建ID樣式…………………………102
自測(cè)19　創(chuàng)建ID樣式實(shí)例……………………102 源文件：源文件\\第6章\\6-3-3.html 視　頻：視頻\\第6章\\6-3-3.swf
6.3.4　創(chuàng)建復(fù)合內(nèi)容CSS樣式………………104
自測(cè)20　創(chuàng)建復(fù)合內(nèi)容CSS樣式實(shí)例………104 源文件：源文件\\第6章\\6-3-4.html 視　頻：視頻\\第6章\\6-3-4.swf
6.3.5　鏈接外部CSS樣式表文件……………105
6.3.6　編輯CSS樣式…………………………105
6.4    豐富的CSS樣式設(shè)置………………106
6.4.1　文本樣式設(shè)置…………………………106
自測(cè)21　文本樣式設(shè)置實(shí)例…………………107 源文件：源文件\\第6章\\6-4-1.html　 視　頻：視頻\\第6章\\6-4-1.swf
6.4.2　背景樣式設(shè)置…………………………108
自測(cè)22　背景樣式設(shè)置實(shí)例…………………109 源文件：源文件\\第6章\\6-4-2.html　 視　頻：視頻\\第6章\\6-4-2.swf
6.4.3　區(qū)塊樣式設(shè)置…………………………110
自測(cè)23　區(qū)塊樣式設(shè)置實(shí)例…………………111 源文件：源文件\\第6章\\6-4-3.html　 視　頻：視頻\\第6章\\6-4-3.swf
6.4.4　方框樣式設(shè)置…………………………111
自測(cè)24　方框樣式設(shè)置實(shí)例…………………112 源文件：源文件\\第6章\\6-4-4.html 視　頻：視頻\\第6章\\6-4-4.swf
6.4.5　邊框樣式設(shè)置…………………………113
自測(cè)25　邊框樣式設(shè)置實(shí)例…………………114 源文件：源文件\\第6章\\6-4-5.html　 視　頻：視頻\\第6章\\6-4-5.swf
6.4.6　列表樣式設(shè)置…………………………114
自測(cè)26　列表樣式設(shè)置實(shí)例…………………115 源文件：源文件\\第6章\\6-4-6.html　 視　頻：視頻\\第6章\\6-4-6.swf
6.4.7　定位樣式設(shè)置…………………………116
6.4.8　擴(kuò)展樣式設(shè)置…………………………117
6.5    CSS沖突……………………………118
自測(cè)27　CSS沖突實(shí)例………………………118 源文件：源文件\\第6章\\6-5.html　 視　頻：視頻\\第6章\\6-5.swf
6.6    CSS的單位和值……………………120
6.7    CSS 3.0常用新增屬性……………124
6.8    設(shè)計(jì)制作工作室網(wǎng)站頁(yè)面…………125
自測(cè)28　設(shè)計(jì)制作工作室網(wǎng)站頁(yè)面
               實(shí)例…………………………………125 源文件：源文件\\第6章\\6-8.html 視　頻：視頻\\第6章\\6-8.swf
6.9    本章小結(jié)……………………………138