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

前言第1章  網(wǎng)頁設(shè)計制作基礎(chǔ)…………………1
1.1    什么是網(wǎng)頁………………………………2
1.1.1　網(wǎng)頁設(shè)計概述……………………………2
1.1.2　網(wǎng)頁設(shè)計與網(wǎng)頁制作……………………3
1.1.3　網(wǎng)頁設(shè)計術(shù)語……………………………4
1.2    網(wǎng)頁編輯軟件和屏幕分辨率……………5
1.2.1　網(wǎng)頁編輯軟件……………………………5
1.2.2　屏幕分辨率………………………………6
1.3    優(yōu)秀的網(wǎng)頁要素…………………………7
1.4    網(wǎng)頁設(shè)計所涵蓋的內(nèi)容…………………8
1.4.1　網(wǎng)頁版式設(shè)計……………………………8
1.4.2　網(wǎng)頁設(shè)計的任務(wù)…………………………8
1.4.3　網(wǎng)頁設(shè)計的實現(xiàn)…………………………9
1.4.4　網(wǎng)頁設(shè)計造型的組合……………………10
1.4.5　網(wǎng)頁設(shè)計的特點…………………………10
1.5    網(wǎng)頁設(shè)計中的色彩應(yīng)用………………11
1.5.1　網(wǎng)頁色彩的特性…………………………11
1.5.2　網(wǎng)頁安全色彩……………………………12
1.5.3　色彩模式…………………………………12
1.5.4　色彩的聯(lián)想作用…………………………13
1.5.5　網(wǎng)頁配色的基本方法……………………15
1.6    本章小結(jié)………………………………16
第2章  初識Dreamweaver CS5.5………17
2.1    Dreamweaver CS5.5簡介…………18
2.2    Dreamweaver CS5.5的安裝與
        卸載……………………………………18
2.2.1　安裝Dreamweaver CS5.5的
           系統(tǒng)要求…………………………………18
2.2.2　安裝Dreamweaver CS5.5……………19
自測1　安裝Dreamweaver CS5.5實例………19 視　頻：視頻\\第2章\\2-2-2.swf
2.2.3　卸載Dreamweaver CS5.5……………20
自測2　卸載Dreamweaver CS5.5實例………21 視　頻：視頻\\第2章\\2-2-3.swf
2.2.4　啟動Dreamweaver CS5.5……………22
2.3    Dreamweaver CS5.5的特點和
        新增功能………………………………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簡介……………………………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實現(xiàn)視頻播放……………46
自測3　使用HTML 5實現(xiàn)視頻播放……………46 視　頻：視頻\\第3章\\3-3-4.swf
3.4    在Dreamweaver CS5.5中編輯
        HTML…………………………………47
3.4.1　在代碼視圖中創(chuàng)建HTML頁面…………48
自測4　在代碼視圖中創(chuàng)建HTML頁面
            實例……………………………………48 視　頻：視頻\\第3章\\3-4-1.swf
3.4.2　在設(shè)計視圖中創(chuàng)建HTML頁面…………49
自測5　在設(shè)計視圖中創(chuàng)建HTML頁面
             實例……………………………………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)頁中的其他源代碼…………………58
3.8.1　CSS樣式代碼……………………………58
3.8.2　JavaScript腳本代碼……………………58
3.8.3　源代碼中的注釋…………………………59
3.9    本章小結(jié)………………………………60
第4章　建立和管理站點…………………61
4.1    創(chuàng)建站點………………………………62
4.1.1　創(chuàng)建本地站點……………………………62
自測6　創(chuàng)建本地靜態(tài)站點……………………62 視　頻：視頻\\第4章\\4-1-1.swf
4.1.2　設(shè)置站點服務(wù)器…………………………63
4.1.3　站點服務(wù)器基本選項……………………63
4.1.4　站點服務(wù)器高級選項……………………64
4.1.5　設(shè)置版本控制……………………………64
4.2    站點的高級設(shè)置………………………65
4.3    站點的基本操作………………………68
4.3.1　創(chuàng)建頁面…………………………………68
自測7　在站點中新建頁面……………………68 視　頻：視頻\\第4章\\4-3-1.swf
4.3.2　創(chuàng)建文件夾………………………………70
自測8　在站點中新建文件夾…………………70 視　頻：視頻\\第4章\\4-3-2.swf
4.3.3　移動和復(fù)制文件或文件夾………………71
4.3.4　重命名文件或文件夾……………………71
4.3.5　刪除文件或文件夾………………………71
4.4    管理站點………………………………71
4.5    創(chuàng)建個人站點…………………………72
自測9　創(chuàng)建個人站點實例……………………73 視　頻：視頻\\第4章\\4-5.swf
4.6    本章小結(jié)………………………………74
第5章　網(wǎng)頁整體屬性控制………………75
5.1    設(shè)置網(wǎng)頁頭信息………………………76
5.1.1　設(shè)置頁面標(biāo)題……………………………76
5.1.2　添加關(guān)鍵字………………………………77
自測10　添加關(guān)鍵字實例………………………77 視　頻：視頻\\第5章\\5-1-2.swf
5.1.3　添加說明…………………………………78
自測11　添加說明實例…………………………78 視　頻：視頻\\第5章\\5-1-3.swf
5.1.4　插入刷新…………………………………79
自測12　插入刷新實例…………………………79 視　頻：視頻\\第5章\\5-1-4.swf
5.1.5　設(shè)置基礎(chǔ)…………………………………79
自測13　設(shè)置基礎(chǔ)實例…………………………80 視　頻：視頻\\第5章\\5-1-5.swf
5.1.6　設(shè)置鏈接…………………………………80
自測14　設(shè)置鏈接實例…………………………80 視　頻：視頻\\第5章\\5-1-6.swf
5.2    設(shè)置頁面META信息…………………81
5.3    設(shè)置頁面屬性…………………………84
5.3.1　設(shè)置外觀（CSS）………………………84
自測15　設(shè)置外觀（CSS）實例………………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è)計制作個人網(wǎng)站頁面………………89
自測16　設(shè)計制作個人網(wǎng)站頁面實例…………90 源文件：源文件\\第5章\\5-4.html　 視　頻：視頻\\第5章\\5-4.swf
5.5    本章小結(jié)………………………………94
第6章　CSS樣式在網(wǎng)頁中的應(yīng)用………95
6.1    認(rèn)識CSS………………………………96
6.2    CSS樣式的分類………………………97
6.3    CSS樣式的創(chuàng)建與編輯………………98
6.3.1　創(chuàng)建標(biāo)簽CSS樣式………………………98
自測17　創(chuàng)建標(biāo)簽CSS樣式實例………………98 源文件：源文件\\第6章\\6-3-1.html　 視　頻：視頻\\第6章\\6-3-1.swf
6.3.2　創(chuàng)建類CSS樣式………………………101
自測18　創(chuàng)建類CSS樣式實例………………101 源文件：源文件\\第6章\\6-3-2.html　 視　頻：視頻\\第6章\\6-3-2.swf
6.3.3　創(chuàng)建ID樣式…………………………102
自測19　創(chuàng)建ID樣式實例……………………102 源文件：源文件\\第6章\\6-3-3.html 視　頻：視頻\\第6章\\6-3-3.swf
6.3.4　創(chuàng)建復(fù)合內(nèi)容CSS樣式………………104
自測20　創(chuàng)建復(fù)合內(nèi)容CSS樣式實例………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
自測21　文本樣式設(shè)置實例…………………107 源文件：源文件\\第6章\\6-4-1.html　 視　頻：視頻\\第6章\\6-4-1.swf
6.4.2　背景樣式設(shè)置…………………………108
自測22　背景樣式設(shè)置實例…………………109 源文件：源文件\\第6章\\6-4-2.html　 視　頻：視頻\\第6章\\6-4-2.swf
6.4.3　區(qū)塊樣式設(shè)置…………………………110
自測23　區(qū)塊樣式設(shè)置實例…………………111 源文件：源文件\\第6章\\6-4-3.html　 視　頻：視頻\\第6章\\6-4-3.swf
6.4.4　方框樣式設(shè)置…………………………111
自測24　方框樣式設(shè)置實例…………………112 源文件：源文件\\第6章\\6-4-4.html 視　頻：視頻\\第6章\\6-4-4.swf
6.4.5　邊框樣式設(shè)置…………………………113
自測25　邊框樣式設(shè)置實例…………………114 源文件：源文件\\第6章\\6-4-5.html　 視　頻：視頻\\第6章\\6-4-5.swf
6.4.6　列表樣式設(shè)置…………………………114
自測26　列表樣式設(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
自測27　CSS沖突實例………………………118 源文件：源文件\\第6章\\6-5.html　 視　頻：視頻\\第6章\\6-5.swf
6.6    CSS的單位和值……………………120
6.7    CSS 3.0常用新增屬性……………124
6.8    設(shè)計制作工作室網(wǎng)站頁面…………125
自測28　設(shè)計制作工作室網(wǎng)站頁面
               實例…………………………………125 源文件：源文件\\第6章\\6-8.html 視　頻：視頻\\第6章\\6-8.swf
6.9    本章小結(jié)……………………………138