Dreamweaver CS6中文版从入门到精通

Part 01 Dreamweaver基础入门1

Chapter 01了解网页制作与Dreamweaver

UNIT01网页与网页编辑器 ......................18

优秀网页的要素................................18

屏幕分辨率........................................20

网页编辑器........................................2

UNIT02网页制作流程.............................22

网站策划............................................22

准备工作............................................23

制作及上传网页................................24

关于网页的版式和色彩设计........24

UNIT03DreamweaverCS6的新功能和闪亮点....................................25

针对平板电脑和智能手机的设计......25

高效创建复杂项目.............................26

运用尖端技术....................................29

Special Page页面设计中的常用软件.............32

Chapter 02 Dreamweaver CS6快速入门

UNIT04初识Dreamweaver CS6 .............34

Dreamweaver CS6的工作界面.........34

文档的基本操作................................35

预览页面............................................36

用浏览器预览页面时的注意事项......................................36

UNIT05创建本地站点.............................37

定义本地站点 ....................................37

站点属性设置....................................38

UNIT06设置DreamweaverCS6的操作环境....................................40

设置首选参数....................................40

使用标尺、网格和辅助线.................42

Special Page规划站点的步骤和原则..............44

Chapter 03Dreamweaver CS6中的源代码

UNIT07源代码技术介绍..........................46

HTML语言.........................................46

HTML语言的基本结构.................47

CSS层叠样式表.................................48

引用CSS代码的标签...................49

JavaScript脚本语言...........................50

引用JavaScript代码的标签.........51

如何引用其他网站的代码...........51

UNIT08使用DreamweaverCS6编辑源代码........................................52

使用代码视图....................................52

快速编写标签....................................53

优化代码............................................55

在源代码中添加注释...................55

Special PageHTML5的基本介绍....................58Chapter 04页面的整体设置

UNIT09设置页面的头部信息 ..................60

设置META ..........................................60

关于标签.......................60

关键字...............................................61

HTML实现的关键字代码.............62

说明...................................................62

HTML实现的说明代码.................62

刷新...................................................62

HTML实现的刷新代码.................63

基础...................................................63

HTML实现的基础代码.................63

链接...................................................64

HTML实现的链接代码.................64

设置“魅力男人周”页面的

meta信息....................................65

头部信息的其他部分...................66

UNIT10设置页面的基本属性..................67

设置外观（CSS）.............................67

CSS实现的设置外观代码............68

设置外观（HTML）..........................69

HTML实现的设置外观代码.........69

HTML中颜色的定义方法.............70

设置链接（CSS）.............................71

CSS实现的链接代码...................71

设置标题（CSS）.............................72

CSS实现的标题代码...................73

设置标题/编码...................................73

HTML实现的标题/编码代码........73

设置跟踪图像....................................74

为“网上订餐天天优惠”页面

设置排版的图像参照...................75

Special PageMETA实现的网页过渡效果.........78

Chapter 05创建简单的图文页面

UNIT11在网页中使用文本 ......................80

插入文字信息....................................80

HTML实现的水平线代码.............81

HTML实现的特殊字符代码.........82

HTML实现的滚动文字代码.........83

是否一定要使用关闭的标签........83

创建无序列表和有序列表.................84

HTML与CSS实现的无序列表

和有序列表代码..........................85

设置文字基本属性.............................85

添加新字体..................................86

HTML与CSS实现的设置文本

属性代码......................................87

像素和点数的区别.......................88

检查拼写............................................89

制作特殊字符、列表和

滚动文字效果..............................89

UNIT12在网页中插入图像.........92

可以在网页中使用的图像类型..........92

插入图像............................................93

HTML实现的图像代码.................93

使用Photoshop智能对象............93

使用“图像占位符”.........................94

设置图像属性....................................95

HTML实现的图像属性代码.........95

浏览器上快速打开图像的方法....96

编辑图像............................................97

制作图文混排效果并编辑图像....97

图像的相对路径和绝对路径......100

UNIT13创建鼠标经过图像效果.............101

设置鼠标经过图像...........................101

JavaScript实现的鼠标经过

图像代码....................................101

在“小天鹅”页面中制作动态轮换图像效果 ....................103

看不到插入图像的解决办法......104

Special PageSEO优化网页图像的技巧.......106

Chapter 06创建多媒体网页

UNIT14插入Flash动画.........................108

Flash动画和网页.............................108

插入并设置Flash动画......................109

HTML和JavaScript实现的插入Flash动画代码...........................110

在“天虹商场”页面中插入Flash动画..................................111

UNIT15插入音视频...............................113

插入Flash视频.................................113

插入普通音视频..............................114

HTML实现的插入音视频代码...116

在“立邦漆”页面中制作音视频效果...................................116

HTML实现的背景音乐代码.......117

UNIT16插入JavaApplet和ActiveX ........118

插入JavaApplet ...............................118

HTML实现的插入JavaApplet代码...........................................119

插入ActiveX .....................................120

HTML实现的插入ActiveX代码...120

在“慕拉”页面中制作JavaApplet特效.........................121

Special Page网页中的流式技术和音视频格式...................124

Chapter 07使用表格布局页面

UNIT17制作表格的方法 .......................126

使用表格的原因..............................126

制作表格..........................................127

HTML实现的表格代码...............128

表格的调整......................................130

设置合适的表格宽度.................130

在“九安医疗”页面中制作嵌套表格...................................132

UNIT18设置表格和单元格属性.............134

设置表格属性 ..................................134

设置单元格属性..............................134

合理使用表格嵌套.....................135

HTML实现的表格和单元格属性代码....................................135

在“嘉士伯中国资讯”页面中使用表格进行排版.....................137

Special Page导入并排序表格......................142

Chapter 08页面中的链接功能

UNIT19制作基本链接 ...........................144

制作文本图像链接...........................144

HTML实现的链接代码...............144

制作图像映射链接...........................145

HTML实现的图像映射代码.......146

网站友情链接的应用.................146

创建“黑牛食品”页面文本

图像链接 ...................................147

UNIT20制作锚点链接...........................150

关于锚点..........................................150

创建锚点..........................................151

HTML实现的锚点链接代码.......151

应用链接后更改文件名称的方法...........................................151

制作到“安妮股份”页面指定位置的链接........................152

制作JavaScript链接的方法.......153

UNIT21制作更多形式的链接................154

音视频链接 ......................................154

下载链接..........................................154

电子邮件链接..................................155

HTML实现的电子邮件链接代码...................................155

浏览器功能链接..............................156

JavaScript实现的浏览器功能链接代码...................................156

创建“顺驰中国”页面多种形式的链接................................156

Special Page链接的绝对路径、相对路径与根路径...........159

Part 02 Dreamweaver高级页面制作

Chapter 09创建表单页面

UNIT22创建表单 ..................................162

表单基础知识..................................162

制作表单..........................................163

HTML实现的表单代码...............164

UNIT23插入表单对象...........................165

插入文本域和密码域.......................165

HTML实现的文本域和密码域代码.......................................165

插入文本区域..................................166

HTML实现的文本区域代码.......167

插入选择（列表/菜单）..................168

HTML实现的选择（列表/菜单）代码............................................169

插入单选按钮和复选框...................170

HTML实现的单选按钮/复选框代码.......................................171

插入文件域......................................172

HTML实现的文件域代码...........172

插入标签和字段集...........................173

HTML实现的标签和字段集代码.......................................173

插入按钮和图像域...........................174

HTML实现的按钮和图像域代码.......................................175

插入隐藏域......................................176

HTML实现的隐藏域代码...........176

在“丽江花园”页面中制作表单...........................................177

UNIT24创建跳转菜单...........................182

关于跳转菜单..................................182

插入跳转菜单..................................182

JavaScript实现的跳转菜单代码...........................................183

更改跳转菜单的方法.................184

在“华润万家”页面中制作插入节省空间的跳转菜单.........185

UNIT25使用Spry验证表单....................187

Spry验证文本域..............................187

CSS、JavaScript实现的Spry验证文本域代码........................188

Spry验证文本区域...........................189

CSS、JavaScript实现的Spry验证文本区域代码.....................189

Spry验证复选框..............................190

CSS、JavaScript实现的Spry验证复选框代码........................191

Spry验证选择..................................191

CSS、JavaScript实现的Spry验证选择代码............................192

Spry验证密码..................................192

CSS、JavaScript实现的Spry验证密码代码............................193

Spry验证确认..................................194

CSS、JavaScript实现的Spry验证确认代码............................195

Spry验证单选按钮组.......................195

CSS、JavaScript实现的Spry验证单选按钮组代码.................196

在“荣事达”页面中验证表单的有效性...................................197

Special Page管理表单信息的服务器程序制作方法...................200

Chapter 10利用CSS样式表修饰网页

UNIT26认识CSS样式表.......................202

CSS样式表的优点...........................202

CSS样式表的规则.....................203

Dreamweaver CS6中的样式类型....203

CSS样式表的类型.....................204

在实时视图中检查CSS ...................205

UNIT27使用丰富的样式效果................206

CSS类型设置..................................206

CSS实现的类型代码.................207

CSS3的RGBA ............................207

CSS背景设置..................................208

CSS实现的背景代码.................209

CSS3的渐变..............................209

CSS区块设置..................................210

CSS实现的区块代码.................211

CSS3的文字阴影.......................212

CSS方框设置..................................212

CSS实现的方框代码.................213

CSS3的方框阴影.......................213

CSS边框设置..................................214

CSS实现的边框代码.................215

CSS3的圆角边框.......................215

CSS列表设置..................................216

CSS实现的列表代码.................217

CSS定位设置..................................217

CSS实现的定位代码.................218

CSS扩展设置..................................219

CSS实现的扩展代码.................219

CSS滤镜语法一览.....................220

CSS扩展设置..................................221

CSS实现的过渡代码.................221

CSS3的变形和动画应用...........222

使用CSS美化“安达电子”页面...........................................224

取消应用在文档中的类样式......230

UNIT28使用外部样式表.......................231

CSS外部样式.................................231

CSS外部样式表的实现方法......231

在“旁氏无暇透白”页面中创建并应用外部样式表.............232

Special Page使用CSS样式表美化IE浏览器滚动条的方法............235

Chapter 11使用Div元素制作高级页面

UNIT29使用APDiv ...............................238

APDiv基础.......................................238

绘制并设置APDiv ............................239

HTML/CSS实现的APDiv代码....240

APDiv与表格的转换........................241

在“圣亚海洋世界”页面中利用APDiv制作内嵌效果...........242

UNIT30使用Spry Div构件.....................243

Spry菜单栏......................................244

CSS、JavaScript实现的Spry菜单栏代码................................244

Spry选项卡式面板...........................245

CSS、JavaScript实现的Spry选项卡式面板代码.....................246

Spry折叠式......................................246

CSS/JavaScript实现的Spry折叠式代码................................247

Spry可折叠面板..............................247

CSS/JavaScript实现的Spry可折叠面板代码........................248

Spry工具提示..................................248

CSS/JavaScript实现的Spry工具提示代码............................249

在“格日电器”页面中制作Spry菜单和提示........................250

UNIT31使用Div+CSS进行布局............251

标准布局方式..................................251

使用Div+CSS ..................................252

插入Div标签....................................253

关于RSS ....................................255

使用Div+CSS结构布局“妮维雅”页面.........................255

Special PageDiv+CSS布局结构中的CSS命名规则..................279

Chapter 12利用框架创建整洁的网页

UNIT32制作框架与框架集 ....................282

框架基础知识..................................282

HTML实现的框架代码...............283

设置框架集属性..............................284

HTML实现的框架集属性代码...284

设置框架属性..................................285

HTML实现的框架属性代码.......286

设置框架链接..................................286

HTML实现的框架链接代码.......287

浏览器标题栏显示框架集标题的方法................................287

创建“戴梦得”框架网页 .........288

UNIT33内联框架..................................292

制作内联框架..................................292

HTML实现的内联框架代码.......292

创建框架文档的要点.................293

创建“宁波梦莹”页面中的内联框架结构............................294

Special Page框架结构的缺点......................298

Chapter 13利用模板和库创建网页

UNIT34利用模板创建有重复内容的网页 ... 300

关于模板 ..........................................300

建立模板与模板区域.......................300

HTML实现的模板代码...............302

将“寿贺食品”页面制作成模板并应用................................303

从模板中分离当前文档的方法 ...........................................305

UNIT35利用库创建每页相似的内容.....306

关于库.............................................306

插入库与设置库属性.......................306

HTML实现的库代码..................307

创建“碧浪”页面库项目.........307

Chapter 14利用JavaScript行为创建特效网页

UNIT36什么是行为 ...............................312

关于JavaScript ................................312

JavaScript代码基础...................312

行为基础..........................................314

JavaScript的常用词汇.....................314

UNIT37利用行为调节浏览器窗口.........316

打开浏览器窗口..............................316

JavaScript实现的打开浏览器窗口代码....................................316

调用JavaScript ................................317

JavaScript实现的调用JavaScript代码..........................317

转到URL ..........................................317

JavaScript实现的转到URL代码...........................................318

JavaScript事件类型...................318

在“园墅”页面中制作弹出窗口和关闭窗口效果.................318

UNIT38利用行为应用图像....................321

交换图像、恢复交换图像与预载入图像..........................................321

JavaScript实现的交换图像、恢复交换图像、预先载入图像代码...322

拖动AP元素.....................................323

JavaScript实现的拖动AP元素代码...........................................324

制作IIMK页面的鼠标拖动特效...........................................324

onClick事件和onClick事件的区别................................326