Dreamweaver网页设计全程揭秘.pdf

Dreamweaver网页设计全程揭秘.pdf
 

书籍描述

内容简介
Dreamweaver是Adobe公司推出的网页制作软件,该软件容易上手并且可以快速生成跨平台和跨浏览器页面,深受广大网页设计者的欢迎。
全书采用了理论与实践相结合的方式,将基础知识与实例相结合,贯穿整本书,从而达到更加有效的学习效果。全书共分15章,从初学者的角度入手,全面讲解了Dreamweaver CS6中所涉及的知识点,从浅到深,由点到面地对Dreamweaver CS6的使用方法和网页的制作技巧进行全面阐述,其中包括Dreamweaver CS6入门、创建站点、源代码与网页的基础设置、制作图文基础网页等内容。
本书附赠1张DVD光盘,其中提供了丰富的练习素材、源文件和最终文件,并为书中所有实例都录制了多媒体教学视频,方便读者学习和参考。
本书内容清晰明了、文字通俗易懂,主要面向初、中级读者,包括想进入网页设计领域的读者以及与网页设计相关专业的学生阅读,同时也可作为广大网页设计爱好者的参考书籍以及网页设计制作的理想培训教材。

目录
第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 使用Dreamweaver CS6编辑源代码 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+视频:HTML 5为网页添加背景音乐 56
3.3.3 HTML 5与HTML 4的不同 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 CSS 3 实用属性 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.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

序言
现如今,随着Internet技术的飞速发展及应用,我们的生活、学习、工作等也越来越离不开内容丰富的网站,而高质量的网页是宣传网站的重要窗口,内容丰富、制作精美的网页能够更好地吸引浏览者的阅览,如何制作出精美的网页已成为一项重要技能,因为其决定着网站的生存与发展。
作为业界领先的网页制作软件,无论在国内还是国外,Dreamweaver都深受广大网页设计者的青睐,Dreamweaver是一款对Web站点、Web网页和Web应用程序进行设计、编码和开发的专业编辑软件。目前,Dreamweaver CS6是该软件的最新版本,它是一个集网页创作与站点管理两大利器于一身的重量级创作软件,本书基于该软件编写,与前几个版本相比,该版本界面更加简单,操作更加人性化,而且支持目前各种主流的动态网站的开发语言。
本书内容
本书每章都采用了知识点与实例相结合的讲解方式,其详细的讲解步骤配合图示,使每个步骤都清晰易懂,一目了然。全书分为15章对内容进行讲解,为读者尽可能全面地诠释每一个知识点。各章的主要内容如下。
第1章 Dreamweaver CS6入门,主要介绍了网页设计的基础知识和设计网页的技巧,全新版本的Dreamweaver的基础操作、新增功能,以及安装和卸载该软件的方法。
第2章 创建站点,主要介绍了在Dreamweaver CS6中站点的创建和管理方法,以及站点的一些基本操作知识和技巧。
第3章 Dreamweaver CS6中的源代码与网页基础设置,介绍了关于HTML的相关基础知识,同时介绍了如何设置头信息,以及网页整体属性设置的操作及技巧。
第4章 制作图文基础网页,详细介绍了网页中文字、图像和其他图像元素的处理方法,结合实战练习的操作,使读者更容易理解和应用。
第5章 制作多媒体网页,主要介绍网页中插入Flash和其他多媒体的方法,在Dreamweaver CS6中如何插入多媒体,其中包括插入Flash、声音、视频、JavaApplet和Activex控件等。
第6章 使用CSS样式控制页面元素,主要介绍CSS样式的相关知识,其中包括认识、创建和编码CSS样式,以及CSS 3的新增属性。
第7章 制作表单网页,介绍了Dreamweaver CS6中各个表单元素的使用方法和在网页上实现的效果,通过实际的操作练习,可以掌握网页中常见表单的制作。
第8章 制作框架页面,详细介绍了框架页面的相关知识,其中包括框架页面的制作,IFrame框架等相关操作。
第9章 设置网页链接,介绍了不同类型的链接的创建方法,通过实战练习的制作,可以掌握网页中各种页面链接的设置。
第10章 使用模板和库提高网页制作效率,主要讲述了在Dreamweaver CS6中模板和库的创建和应用。
第11章 表格与Spry特效的应用,首先介绍了网页中表格的基本操作和应用技巧,然后重点讲解了Spry构件的应用,其中包括Spry菜单栏、Spry选项卡面板等构件。
第12章 AP Div与行为在网页中的应用,简单地介绍了如何使用AP Div进行排版,还介绍了网页中各种行为效果的应用方法。
第13章 测试与上传网站,介绍了关于网站制作完成后的上传与维护操作,包括网站的测试、站点上传和维护。
第14章 制作儿童类网站页面,本章通过设计分析、色彩分析和制作步骤,全面介绍儿童类网站的制作方法及流程。
第15章 制作游戏类网站页面,本章综合运用和巩固前面所学的知识,让大家能够将所学的知识运用到实战中。
本书特点
全书内容丰富、结果清晰,通过知识点与实战的结合,为广大读者全面、系统地介绍了使用Dreamweaver CS6设计和制作网页的方法及技巧。
实例经典,上手快速,语言通俗易懂,讲解清晰,除了图书配合多媒体教学讲解外,对书中的配图也做了详细、清晰的标注,每步一图,让读者学习起来更加轻松,阅读更加容易。
本书主要从初学者角度入手,由浅入深、循序渐进地讲解了使用Dreamweaver CS6设计和制作网页的使用技法。
本书由具有丰富教学经验的设计师编写,在每一个实例后面都有相关的提问及解答,这些都是作者从日常工作中精心提炼处理的实战应用技巧,让读者在学习中少走弯路。
本书配套的多媒体教学光盘中提供了书中所有实战的相关视频教程,以及所有实例的源文件及素材,方便读者制作出和本书实战一样精美的效果。
本书作者
本书由张国勇编著,另外参与编写的还有解晓丽、孙慧、程雪翩、王媛媛、胡丹丹、刘明秀、陈燕、王素梅、杨越、王巍、王状、赵建新、赵为娟、邢燕玲、贺春香等人。本书在写作过程中力求严谨,由于水平有限,难免有错误和疏漏之处,希望广大读者朋友批评指正。
编 者

购买书籍

当当网购书 京东购书 卓越购书

PDF电子书下载地址

相关书籍

搜索更多