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

前言第1章  網(wǎng)頁設計制作基礎…………………1
1.1    什么是網(wǎng)頁………………………………2
1.1.1　網(wǎng)頁設計概述……………………………2
1.1.2　網(wǎng)頁設計與網(wǎng)頁制作……………………3
1.1.3　網(wǎng)頁設計術語……………………………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)頁設計所涵蓋的內(nèi)容…………………8
1.4.1　網(wǎng)頁版式設計……………………………8
1.4.2　網(wǎng)頁設計的任務…………………………8
1.4.3　網(wǎng)頁設計的實現(xiàn)…………………………9
1.4.4　網(wǎng)頁設計造型的組合……………………10
1.4.5　網(wǎng)頁設計的特點…………………………10
1.5    網(wǎ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　標尺………………………………………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語言中的重要標記……………38
3.3    HTML 5………………………………41
3.3.1　HTML 5標簽……………………………41
3.3.2　HTML 5標準屬性………………………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　在設計視圖中創(chuàng)建HTML頁面…………49
自測5　在設計視圖中創(chuàng)建HTML頁面
             實例……………………………………49 視　頻：視頻\\第3章\\3-4-2.swf
3.4.3　代碼視圖詳解……………………………50
3.4.4　折疊代碼…………………………………51
3.4.5　選擇父標簽………………………………52
3.4.6　代碼的注釋………………………………52
3.4.7　環(huán)繞標簽…………………………………52
3.5    使用快速標簽編輯器…………………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　設置站點服務器…………………………63
4.1.3　站點服務器基本選項……………………63
4.1.4　站點服務器高級選項……………………64
4.1.5　設置版本控制……………………………64
4.2    站點的高級設置………………………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　移動和復制文件或文件夾………………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    設置網(wǎng)頁頭信息………………………76
5.1.1　設置頁面標題……………………………76
5.1.2　添加關鍵字………………………………77
自測10　添加關鍵字實例………………………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　設置基礎…………………………………79
自測13　設置基礎實例…………………………80 視　頻：視頻\\第5章\\5-1-5.swf
5.1.6　設置鏈接…………………………………80
自測14　設置鏈接實例…………………………80 視　頻：視頻\\第5章\\5-1-6.swf
5.2    設置頁面META信息…………………81
5.3    設置頁面屬性…………………………84
5.3.1　設置外觀（CSS）………………………84
自測15　設置外觀（CSS）實例………………85 源文件：源文件/第5章/5-3.html 視　頻：視頻\\第5章\\5-3-1.swf
5.3.2　設置外觀（HTML）………………………86
5.3.3　設置鏈接（CSS）………………………86
5.3.4　設置標題（CSS）………………………87
5.3.5　設置標題和編碼…………………………87
5.3.6　設置跟蹤圖像……………………………88
5.4    設計制作個人網(wǎng)站頁面………………89
自測16　設計制作個人網(wǎng)站頁面實例…………90 源文件：源文件\\第5章\\5-4.html　 視　頻：視頻\\第5章\\5-4.swf
5.5    本章小結(jié)………………………………94
第6章　CSS樣式在網(wǎng)頁中的應用………95
6.1    認識CSS………………………………96
6.2    CSS樣式的分類………………………97
6.3    CSS樣式的創(chuàng)建與編輯………………98
6.3.1　創(chuàng)建標簽CSS樣式………………………98
自測17　創(chuàng)建標簽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)建復合內(nèi)容CSS樣式………………104
自測20　創(chuàng)建復合內(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樣式設置………………106
6.4.1　文本樣式設置…………………………106
自測21　文本樣式設置實例…………………107 源文件：源文件\\第6章\\6-4-1.html　 視　頻：視頻\\第6章\\6-4-1.swf
6.4.2　背景樣式設置…………………………108
自測22　背景樣式設置實例…………………109 源文件：源文件\\第6章\\6-4-2.html　 視　頻：視頻\\第6章\\6-4-2.swf
6.4.3　區(qū)塊樣式設置…………………………110
自測23　區(qū)塊樣式設置實例…………………111 源文件：源文件\\第6章\\6-4-3.html　 視　頻：視頻\\第6章\\6-4-3.swf
6.4.4　方框樣式設置…………………………111
自測24　方框樣式設置實例…………………112 源文件：源文件\\第6章\\6-4-4.html 視　頻：視頻\\第6章\\6-4-4.swf
6.4.5　邊框樣式設置…………………………113
自測25　邊框樣式設置實例…………………114 源文件：源文件\\第6章\\6-4-5.html　 視　頻：視頻\\第6章\\6-4-5.swf
6.4.6　列表樣式設置…………………………114
自測26　列表樣式設置實例…………………115 源文件：源文件\\第6章\\6-4-6.html　 視　頻：視頻\\第6章\\6-4-6.swf
6.4.7　定位樣式設置…………………………116
6.4.8　擴展樣式設置…………………………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    設計制作工作室網(wǎng)站頁面…………125
自測28　設計制作工作室網(wǎng)站頁面
               實例…………………………………125 源文件：源文件\\第6章\\6-8.html 視　頻：視頻\\第6章\\6-8.swf
6.9    本章小結(jié)……………………………138