Dreamweaver网页设计全程揭秘PDF电子书下载

第1章 Dreamweaver CS6入门 1

1.1 认识网页 1

1.1.1 网页与网站 1

1.1.2 网页的类型 2

1.1.3 静态网页与动态网页 3

1.1.4 网页的基本构成元素 3

1.2 初识Dreamweaver CS6 6

1.2.1 安装Dreamweaver CS6的系统要求 7

实战01+视频：安装Dreamweaver CS6 7

1.2.2 Dreamweaver CS6概述 9

实战02+视频：启动Dreamweaver CS6 9

1.3 Dreamweaver CS6新增功能 10

1.3.1 全新的“管理站点”对话框 11

1.3.2 Business Catalyst站点 11

1.3.3 Business Catalyst面板 11

1.3.4 流体网格的CSS布局 11

1.3.5 为单个元素应用多个CSS样式 12

1.3.6 CSS过渡效果 12

1.3.7 Web字体 12

1.3.8 优化图像功能 12

1.3.9 支持jQuery 1.6.4 和jQuery Mobile 1.0 13

1.3.10 新增jQuery Mobile色板 13

1.3.11 集成PhoneGap Build 13

1.4 认识Dreamweaver CS6 13

1.4.1 Dreamweaver CS6工作界面 13

1.4.2 菜单栏 14

实战03+视频：新建和保存网页 15

1.4.3 文档工具栏 17

实战04+视频：打开和预览网页 18

1.4.4 状态栏 20

1.4.5 “插入”面板 21

1.4.6 “属性”面板 21

1.4.7 其他浮动面板 22

1.5 本章小结 22

第2章 创建站点 23

2.1 使用Dreamweaver CS6创建站点 23

2.1.1 创建本地静态站点 23

实战05+视频：创建本地静态站点 24

2.1.2 远程服务器选项 25

实战06+视频：创建站点并设置远程服务器 26

2.1.3 版本控制 28

2.1.4 本地信息 29

2.1.5 遮盖 30

2.1.6 设计备注 30

2.1.7 文件视图列 31

2.1.8 Contribute 31

2.1.9 模板 31

2.1.10 Spry 31

2.1.11 Web字体 31

2.2 Business Catalyst站点 31

2.2.1 什么是Business Catalyst 32

2.2.2 Business Catalyst面板 32

实战07+视频：创建Business Catalyst站点 33

2.3 站点的操作与管理 35

2.3.1 站点对话框 35

实战08+视频：站点的导入与导出 36

2.3.2 站点的切换 37

实战09+视频：在站点中创建文件夹和文件 37

2.3.3 使用“文件”面板对站点进行管理 39

实战10+视频：站点中文件夹和文件的操作 39

2.4 本章小结 41

第3章 Dreamweaver CS6中的源代码与网页基础设置 42

3.1 HTML语言 42

3.1.1 HTML概述 42

3.1.2 HTML的基本结构 42

实战11+视频：编写第一个HTML页面 43

3.1.3 HTML中的普通标签与空标签 44

3.2 使用DreamweaverCS6编辑源代码 45

3.2.1 Dreamweaver CS6代码视图 45

3.2.2 快速编写标签 48

3.2.3 代码优化 49

3.2.4 在源代码中添加注释 51

3.3 了解HTML 5 51

3.3.1 HTML 5的优势 51

实战12+视频：使用HTML 5实现在网页中绘图 52

3.3.2 HTML 5标签 53

实战13+视频：HTML5为网页添加背景音乐 56

3.3.3 HTML5与HTML4的不同 57

实战14+视频：HTML 5在网页中播放视频 58

3.4 网页头信息设置 59

3.4.1 设置META信息 60

实战15+视频：设置网页作者信息 60

3.4.2 添加网页关键字 61

实战16+视频：为网页设置关键字 61

3.4.3 添加网页说明 62

实战17+视频：为网页设置说明 62

3.4.4 添加网页刷新 63

实战18+视频：实现网页的自动刷新 64

3.5 网页整体属性设置 65

3.5.1 “外观（CSS）”与“外观（HTML）”选项 65

实战19+视频：制作网站欢迎页面 66

3.5.2 “链接（CSS）”选项 67

实战20+视频：美化网页中的超链接 67

3.5.3 “标题（CSS）”选项 69

实战21+视频：设置网页中的标题文字 69

3.5.4 “标题／编码”选项 71

实战22+视频：设置网页标题 71

3.5.5 “跟踪图像”选项 72

实战23+视频：设置网页辅助图像 73

3.6 本章小结 74

第4章 制作图文基础网页 75

4.1 在网页中输入文本 75

4.1.1 输入文本 75

实战24+视频：制作文本页面 75

4.1.2 设置文本属性 76

实战25+视频：为网页中的文本分行或分段 79

4.2 在网页中实现特殊文本效果 80

4.2.1 项目列表 80

实战26+视频：制作新闻栏目 81

4.2.2 编号列表 82

实战27+视频：制作音乐排行 83

4.2.3 特殊字符 84

实战28+视频：插入特殊字符 85

4.2.4 水平线 86

实战29+视频：插入水平线 86

4.2.5 时间和注释 87

实战30+视频：插入时间和注释 88

4.2.6 滚动文本 90

实战31+视频：制作网站滚动公告 90

4.3 在网页中插入图像 92

4.3.1 了解网页中常用图像格式 92

实战32+视频：制作图像页面 94

4.3.2 设置图像属性 95

实战33+视频：编辑网页图像 97

4.4 在网页中插入其他图像元素 99

4.4.1 图像占位符 99

实战34+视频：插入图像占位符 99

4.4.2 鼠标经过图像 101

实战35+视频：制作网站导航栏 101

4.5 本章小结 102

第5章 制作多媒体网页 103

5.1 在网页中插入动画 103

5.1.1 在网页中插入Flash动画 103

实战36+视频：制作Flash欢迎页面 104

5.1.2 设置SWF动画属性 106

实战37+视频：插入Shockwave动画 107

5.2 在网页中插入声音与视频 109

5.2.1 网页支持的音频格式 109

实战38+视频：为网页添加背景音乐 109

5.2.2 使用插件实现嵌入的音频 110

实战39+视频：在网页中嵌入音频 111

5.2.3 网页支持的视频格式 113

实战40+视频：实现网页中视频播放 113

5.2.4 “插入FLV”对话框 115

实战41+视频：在网页中插入FLV视频 115

5.3 在网页中实现其他多媒体效果 117

5.3.1 插入Applet小程序 117

实战42+视频：实现网页特效 117

5.3.2 插入ActiveX控件 119

5.4 本章小结 121

第6章 使用CSS样式控制页面元素 122

6.1 应用CSS样式 122

6.1.1 CSS样式的优势 122

实战43+视频：内联CSS样式 123

6.1.2 CSS样式的不足 124

实战44+视频：内部CSS样式 124

6.1.3 CSS样式的基本语法 126

实战45+视频：链接与导入CSS样式 126

6.2 CSS样式的类型 129

6.2.1 标签CSS样式 130

实战46+视频：创建标签CSS样式 130

6.2.2 类CSS样式 132

实战47+视频：创建类CSS样式 132

6.2.3 ID CSS样式 134

实战48+视频：创建ID CSS样式 134

6.2.4 复合CSS样式 136

实战49+视频：创建复合CSS样式 136

6.3 使用“CSS规则定义”对话框 137

6.3.1 文本样式选项 137

实战50+视频：设置网页文本样式 138

6.3.2 背景样式选项 140

实战51+视频：设置网页背景样式 140

6.3.3 区块样式选项 141

实战52+视频：设置网页区块样式 142

6.3.4 方框样式选项 144

实战53+视频：设置网页方框样式 145

6.3.5 边框样式选项 146

实战54+视频：设置网页边框样式 146

6.3.6 列表样式选项 147

实战55+视频：设置网页列表样式 148

6.3.7 定位样式选项 150

实战56+视频：设置网页定位样式 150

6.3.8 扩展样式选项 153

实战57+视频：设置网页扩展样式 153

6.3.9 过渡样式选项 155

6.4 CSS样式的特殊应用 155

6.4.1 CSS类选区 155

实战58+视频：应用CSS类选区 155

6.4.2 Web字体 157

实战59+视频：在网页中实现特殊字体 157

6.5 CSS3实用属性 160

6.5.1 border-radius属性 160

实战60+视频：在网页中实现圆角边框 160

6.5.2 box-shadow属性 162

实战61+视频：为网页元素添加阴影效果 162

6.5.3 Opacity属性 163

实战62+视频：实现网页元素半透明效果 163

6.5.4 column属性 164

实战63+视频：在网页中实现文本分栏显示 165

6.6 本章小结 166

第7章 制作表单网页 167

7.1 常用表单元素 167

7.1.1 认识表单元素 167

7.1.2 表单域 169

实战64+视频：插入表单域 170

7.1.3 文本字段 171

实战65+视频：插入文本字段 172

7.1.4 图像域 174

实战66+视频：插入图像域 174

7.1.5 选择（列表／菜单） 176

实战67+视频：制作搜索栏 176

7.1.6 单选按钮与单选按钮组 179

实战68+视频：制作网站投票 180

7.1.7 复选框与复选框组 181

实战69+视频：制作网站调查 182

7.2 其他表单元素 184

7.2.1 跳转菜单 184

实战70+视频：制作友情链接栏目 185

7.2.2 文件域 187

实战71+视频：制作上传照片 187

7.2.3 隐藏域与按钮 188

实战72+视频：制作用户注册页面 189

7.3 Spry验证表单 195

7.3.1 Spry验证文本域 195

7.3.2 Spry验证密码域 196

实战73+视频：使用Spry验证用户登录 197

7.3.3 其他Spry验证选项 199

7.4 本章小结 199

第8章 制作框架页面 200

8.1 框架页面的制作 200

8.1.1 创建框架和框架集 200

实战74+视频：使用预设创建框架集 200

8.1.2 保存框架和框架集 202

实战75+视频：保存框架集和框架页面 202

8.1.3 设置框架属性 204

实战76+视频：制作框架页面 205

8.2 IFrame框架 210

8.2.1 在网页中插入IFrame框架 210

实战77+视频：创建IFrame框架页面 211

8.2.2 设置IFrame框架链接 212

实战78+视频：完成IFrame框架页面制作 212

8.3 本章小结 213

第9章 创建网页链接 214

9.1 创建网页中的基础链接 214

9.1.1 相对路径 214

实战79+视频：创建内部链接 215

9.1.2 绝对路径与根路径 216

实战80+视频：创建URL绝对地址链接 217

9.1.3 超级链接对话框 218

实战81+视频：创建图像链接 219

9.2 网页中特殊链接的创建 220

9.2.1 空链接与下载链接 220

实战82+视频：为网站的内容创建空链接和下载链接 220

9.2.2 脚本链接 222

实战83+视频：创建脚本链接 222

9.2.3 锚记链接 223

实战84+视频：创建锚记链接 223

9.2.4 E-mail链接 225

实战85+视频：创建E-mail链接 225

9.2.5 热点链接 227

实战86+视频：创建热点链接 227

9.3 本章小结 229

第10章 使用模板和库提高网页制作效率 230

10.1 创建模板 230

10.1.1 3种创建模板页面的方法 230

实战87+视频：创建模板页面 231

10.1.2 “另存模板”对话框 233

10.1.3 可编辑区域 233

实战88+视频：在模板页面中创建可编辑区域 233

10.1.4 可选区域 235

实战89+视频：在模板页面中创建可选区域 236

10.1.5 可编辑可选区域 237

实战90+视频：在模板页面中创建可编辑可选区域 237

10.1.6 重复区域 238

10.2 应用模板 238

10.2.1 新建基于模板页面 238

实战91+视频：创建基于模板的页面 238

10.2.2 更新模板 241

10.3 创建与应用库项目 242

10.3.1 创建库项目 242

实战92+视频：将网站导航菜单创建为库项目 242

10.3.2 应用库项目 245

实战93+视频：应用网站版底库项目 245

10.3.3 编辑库项目 247

实战94+视频：自动更新网站导航 247

10.4 本章小结 248

第11章 表格与Spry特效的应用 249

11.1 表格的基本操作 249

11.1.1 “表格”对话框 249

实战95+视频：插入表格 250

11.1.2 表格属性 252

实战96+视频：选择表格 253

11.1.3 单元格属性 254

实战97+视频：选择单元格 255

11.2 网页中表格应用技巧 256

11.2.1 排序表格 256

实战98+视频：对网页中的表格数据排序 257

11.2.2 导入表格数据 258

实战99+视频：将外部数据导入到网页中 259

11.3 创建网页常见Spry特效 260

11.3.1 Spry菜单栏 260

实战100+视频：制作网站导航菜单 261

11.3.2 Spry选项卡式面板 264

实战101+视频：制作网站新闻模块 265

11.3.3 Spry折叠式面板 267

实战102+视频：制作可自由伸缩的新闻公告 268

11.3.4 Spry可折叠 271

实战103+视频：制作可折叠栏目 272

11.3.5 Spry工具提示 274

实战104+视频：制作商品展示页面 275

11.4 本章小结 277

第12章 AP Div与行为在网页中的应用 278

12.1 AP Div的基础操作 278

12.1.1 “AP元素”面板 278

实战105+视频：使用AP Div排版 279

12.1.2 设置AP Div属性 281

实战106+视频：使用AP Div溢出制作多行文本框 281

12.2 使用行为实现网页特效 283

12.2.1 交换图像 283

实战107+视频：制作翻转图像 283

12.2.2 弹出信息 285

实战108+视频：为网页添加弹出信息 285

12.2.3 打开浏览器窗口 286

实战109+视频：为网页添加弹出广告 287

12.2.4 拖动AP元素 288

实战110+视频：实现网页中可拖动元素 288

12.2.5 改变属性 290

实战111+视频：在网页中实现鼠标交互 290

12.2.6 添加效果 291

实战112+视频：添加网页过渡效果 292

12.2.7 显示／隐藏元素 294

实战113+视频：控制网页元素的显示 294

12.2.8 检查插件 296

实战114+视频：判断浏览器插件 296

12.2.9 检查表单 298

实战115+视频：使用行为实现表单验证 298

12.2.10 设置文本 300

实战116+视频：添加浏览器状态栏文本 300

12.2.11 调用JavaScript 301

实战117+视频：实现JavaScript特效 302

12.2.12 转到URL 303

实战118+视频：网页跳转 303

12.3 本章小结 304

第13章 测试与上传网站 305

13.1 测试网站页面 305

13.1.1 浏览器兼容性 305

实战119+视频：检查网页在不同浏览器中的兼容性 306

13.1.2 链接检查 307

实战120+视频：检查网页中的链接 307

13.1.3 W3C验证 308

实战121+视频：验证网页是否符合W3C规范 308

13.2 上传网站页面 310

13.2.1 申请域名和空间 310

实战122+视频：使用Dreamweaver上传网站文件 311

13.2.2 网站维护 314

实战123+视频：使用其他工具上传网站文件 314

13.3 本章小结 316

第14章 制作儿童类网站页面 317

14.1 设计分析 317

14.2 色彩分析 317

14.3 制作步骤 317

14.4 本章小结 326

第15章 制作游戏类网站页面 327

15.1 设计分析 327

15.2 色彩分析 327

15.3 制作步骤 327

15.4 本章小结 334