Dreamweaver网页设计入门到精通：24小时学会

前言第1章 网页设计制作基础…………………1

1.1 什么是网页………………………………2

1.1.1　网页设计概述……………………………2

1.1.2　网页设计与网页制作……………………3

1.1.3　网页设计术语……………………………4

1.2 网页编辑软件和屏幕分辨率……………5

1.2.1　网页编辑软件……………………………5

1.2.2　屏幕分辨率………………………………6

1.3 优秀的网页要素…………………………7

1.4 网页设计所涵盖的内容…………………8

1.4.1　网页版式设计……………………………8

1.4.2　网页设计的任务…………………………8

1.4.3　网页设计的实现…………………………9

1.4.4　网页设计造型的组合……………………10

1.4.5　网页设计的特点…………………………10

1.5 网页设计中的色彩应用………………11

1.5.1　网页色彩的特性…………………………11

1.5.2　网页安全色彩……………………………12

1.5.3　色彩模式…………………………………12

1.5.4　色彩的联想作用…………………………13

1.5.5　网页配色的基本方法……………………15

1.6 本章小结………………………………16

第2章 初识Dreamweaver CS5.5………17

2.1 Dreamweaver CS5.5简介…………18

2.2 Dreamweaver CS5.5的安装与

卸载……………………………………18

2.2.1　安装Dreamweaver CS5.5的

系统要求…………………………………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　网格………………………………………33

2.5.4　跟踪图像…………………………………34

2.6 本章小结………………………………34

第3章　使用Dreamweaver CS5.5

轻松编辑HTML代码……………35

3.1 HTML简介……………………………36

3.1.1　什么是HTML……………………………36

3.1.2　HTML的语法结构………………………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实现视频播放……………46

自测3　使用HTML 5实现视频播放……………46 视　频：视频\\第3章\\3-3-4.swf

3.4 在Dreamweaver CS5.5中编辑

HTML…………………………………47

3.4.1　在代码视图中创建HTML页面…………48

自测4　在代码视图中创建HTML页面

实例……………………………………48 视　频：视频\\第3章\\3-4-1.swf

3.4.2　在设计视图中创建HTML页面…………49

自测5　在设计视图中创建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　环绕标签…………………………………52

3.5 使用快速标签编辑器…………………53

3.6 使用代码片断…………………………55

3.7 代码优化………………………………56

3.8 网页中的其他源代码…………………58

3.8.1　CSS样式代码……………………………58

3.8.2　JavaScript脚本代码……………………58

3.8.3　源代码中的注释…………………………59

3.9 本章小结………………………………60

第4章　建立和管理站点…………………61

4.1 创建站点………………………………62

4.1.1　创建本地站点……………………………62

自测6　创建本地静态站点……………………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　创建页面…………………………………68

自测7　在站点中新建页面……………………68 视　频：视频\\第4章\\4-3-1.swf

4.3.2　创建文件夹………………………………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 创建个人站点…………………………72

自测9　创建个人站点实例……………………73 视　频：视频\\第4章\\4-5.swf

4.6 本章小结………………………………74

第5章　网页整体属性控制………………75

5.1 设置网页头信息………………………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 设计制作个人网站页面………………89

自测16　设计制作个人网站页面实例…………90 源文件：源文件\\第5章\\5-4.html　 视　频：视频\\第5章\\5-4.swf

5.5 本章小结………………………………94

第6章　CSS样式在网页中的应用………95

6.1 认识CSS………………………………96

6.2 CSS样式的分类………………………97

6.3 CSS样式的创建与编辑………………98

6.3.1　创建标签CSS样式………………………98

自测17　创建标签CSS样式实例………………98 源文件：源文件\\第6章\\6-3-1.html　 视　频：视频\\第6章\\6-3-1.swf

6.3.2　创建类CSS样式………………………101

自测18　创建类CSS样式实例………………101 源文件：源文件\\第6章\\6-3-2.html　 视　频：视频\\第6章\\6-3-2.swf

6.3.3　创建ID样式…………………………102

自测19　创建ID样式实例……………………102 源文件：源文件\\第6章\\6-3-3.html 视　频：视频\\第6章\\6-3-3.swf

6.3.4　创建复合内容CSS样式………………104

自测20　创建复合内容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　区块样式设置…………………………110

自测23　区块样式设置实例…………………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 设计制作工作室网站页面…………125

自测28　设计制作工作室网站页面

实例…………………………………125 源文件：源文件\\第6章\\6-8.html 视　频：视频\\第6章\\6-8.swf

6.9 本章小结……………………………138