网页设计与前端开发：Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript从入门到精通

目录 部分 网页设计基础与HTML篇 章 网页设计基础知识 2 1.1  网页基础知识入门 2 1.1.1 认识互联网 2 1.1.2 域名与空间 3 1.1.3 网页与网站 3 1.1.4 静态网页与动态网页 4 1.1.5 网站的类型 4 1.2 网页的基本构成元素 9 1.2.1 网站Logo 9 1.2.2 网站Banner 9 1.2.3 导航栏 10 1.2.4 文本 10 1.2.5 图像 10 1.2.6 Flash动画 11 1.3  网页设计的原则 12 1.4  常用网页设计软件 13 1.4.1 Dreamweaver CC概述 13 1.4.2 Photoshop CC概述 13 1.4.3 Flash CC概述 14 第2章 HTML基础 15 2.1 HTML的基本概念 15 2.1.1 HTML简介 15 2.1.2 HTML文件的基本结构 16 2.1.3 认识HTML标记 16 2.2 HTML文件的编写方法 16 2.2.1 使用记事本手工编写 HTML 16 2.2.2 使用Dreamweave编写 HTML文件 18 2.3 HTML头部标记head 19 2.4 网页的主体标记body 19 2.4.1 网页背景色bgcolor 19 2.4.2 网页背景图片background 20 2.4.3 文字颜色text 21 2.4.4 链接文字属性link 22 第2部分 Dreamweaver CC网页制作篇 第3章 Dreamweaver CC创建基本 文本网页 26 3.1 Dreamweaver CC工作环境 26 3.1.1 菜单栏 27 3.1.2 文档窗口 27 3.1.3 属性面板 28 3.1.4 面板组 28 3.1.5 插入栏 29 3.2 创建站点 29 3.2.1 使用向导建立站点 29 3.2.2 使用高级设置建立站点 32 3.3  添加文本元素 36 3.3.1  在网页中添加文本 36 3.3.2  插入日期 38 3.3.3  插入特殊字符 40 3.3.4 插入水平线 41 3.4  编辑文本格式 44 3.4.1  设置文本字体 44 3.4.2  设置文本大小 45 3.4.3  设置文本颜色 46 3.5  设置头信息 47 3.5.1  设置META 47 3.5.2  插入关键字 47 3.5.3  插入说明 48 3.5.4  插入脚本 48 3.6  实战演练——创建基本文本 网页 49 第4章 创建超级链接 53 4.1 超级链接的基本概念 53 4.2 创建超级链接的方法 53 4.2.1 使用属性面板创建 链接 53 4.2.2 使用指向文件图标创建 链接 54 4.2.3 使用菜单命令创建链接 54 4.3 实战演练 55 4.3.1 实例1——创建外部 链接 55 4.3.2  实例2——创建E-mail 链接 56 4.3.3  实例3——创建下载文 件的链接 58 4.3.4  实例4——创建图像热 点链接 60 4.3.5  实例5——创建脚本链接 63 4.3.6  实例6——创建空链接 65 第5章 使用图像和多媒体创建 丰富多彩的网页 67 5.1 网页中图像的使用常识 67 5.2 在网页中插入图像 68 5.2.1 插入普通图像 68 5.2.2 设置图像的属性 71 5.2.3 裁剪图像 73 5.3 插入其他网页图像 75 5.3.1 背景图像 75 5.3.2 创建鼠标经过图像 77 5.4 添加Flash影片 81 5.5 使用代码提示添加背景音乐 84 5.6 实战演练 87 实例1——创建翻转图像导航 87 实例2——创建图文混排网页 90 第6章 使用表格布局排版网页 94 6.1 插入表格 94 6.1.1 表格的基本概念 94 6.1.2 插入表格 95 6.2 设置表格的各项属性 96 6.2.1 设置表格的属性 96 6.2.2 设置单元格属性 97 6.3 选择表格 98 6.3.1 选择整个表格 98 6.3.2 选取行或列 100 6.3.3 选取单元格 101 6.4  表格的基本操作 102 6.4.1  调整表格高度和宽度 102 6.4.2  添加或删除行或列 103 6.4.3  拆分单元格 105 6.4.4  合并单元格 106 6.4.5  剪切、复制、粘贴 单元格 107 6.5  排序及整理表格内容 108 6.5.1  导入表格式数据 108 6.5.2  排序表格 110 6.6  实战演练 112 6.6.1  实例1——创建细线 表格 112 6.6.2  实例2——创建圆角 表格 116 第7章 使用模板和库批量制作风格 统一的网页 122 7.1 创建模板 122 7.1.1 新建模板 122 7.1.2 从现有文档创建模板 124 7.2 创建可编辑区域 125 7.2.1 插入可编辑区域 125 7.2.2  删除可编辑区域 126 7.2.3 更改可编辑区域 127 7.3 使用模板创建新网页 127 7.4 管理站点中的模板 132 7.4.1 从模板中脱离 132 7.4.2 修改模板 133 7.5 创建与应用库项目 135 7.5.1 创建库项目 135 7.5.2 应用库项目 137 7.5.3 修改库项目 139 7.6 实战演练 141 7.6.1 实例1——创建模板 141 7.6.2 实例2——利用模板 创建网页 150 第8章 使用行为创建特效网页 155 8.1 行为的概述 155 8.1.1 认识事件 156 8.1.2 动作类型 156 8.2  制作指定大小的弹出窗口 157 8.3  调用JavaScript 160 8.3.1  利用JavaScript实现 打印功能 160 8.3.2  利用JavaScript实现 关闭网页 162 8.4  设置浏览器环境 164 8.4.1  检查表单 164 8.4.2  检查插件 166 8.5 对图像设置动作 167 8.5.1  预先载入图像 167 8.5.2  交换图像 169 8.6 设置状态栏文本 172 8.7 转到URL 174 第9章 创建动态数据库网页 177 9.1 搭建服务器平台 177 9.2 设计数据库 182 9.3 建立数据库连接 184 9.3.1 了解DSN 184 9.3.2 定义系统DSN 184 9.4  SQL语言简介 185 9.4.1  SQL语言概述 186 9.4.2  SQL的优点 187 9.5  常用的SQL语句 187 9.5.1  表的建立： CREATE TABLE 187 9.5.2  插入数据： INSERT INTO 188 9.5.3  修改数据：UPDATE 189 9.5.4  删除数据：DELETE 190 9.5.5  SQL查询语句：SELECT 190 第3部分 CSS美化布局网页篇 0章 使用CSS美化网页 194 10.1  了解CSS样式表 194 10.2  CSS的使用 195 10.2.1  CSS基本语法 195 10.2.2  添加CSS的方法 195 10.3  设置CSS属性 197 10.3.1  设置CSS类型属性 197 10.3.2  设置CSS背景属性 198 10.3.3  设置CSS区块属性 198 10.3.4  设置CSS方框属性 199 10.3.5  设置CSS边框属性 200 10.3.6  设置CSS列表属性 200 10.3.7  设置CSS定位属性 201 10.3.8  设置CSS扩展属性 202 10.3.9 设置过渡样式 202 10.4  实战演练 203 10.4.1  实例1——应用CSS 样式定义字体大小 203 10.4.2 实例2——应用CSS 样式制作阴影文字 205 1章 CSS属性基础 209 11.1 字体属性 209 11.1.1 字体font-family 209 11.1.2 字号font-size 210 11.1.3 字体风格font-style 212 11.1.4 字体加粗font-weight 213 11.1.5 字体变形font-variant 214 11.2 段落属性 215 11.2.1 单词间隔 word-spacing 215 11.2.2 字符间隔 letter-spacing 216 11.2.3 文字修饰 text-decoration 217 11.2.4 垂直对齐方式 vertical-align 218 11.2.5 文本转换 text-transform 220 11.2.6 水平对齐方式 text-align 221 11.2.7 文本缩进 text-indent 222 11.2.8 文本行高 line-height 223 11.3 图片样式设置 224 11.3.1 定义图片边框 225 11.3.2 文字环绕图片 227 11.4 背景样式设置 228 11.4.1 设置页面背景颜色 228 11.4.2 定义背景图片 229 11.5  滤镜概述 230 11.5.1 动感模糊 230 11.5.2 对颜色进行透明处理 232 11.5.3 设置阴影 233 2章 CSS+Div布局网页 235 12.1 初识Div 235 12.1.1  Div概述 235 12.1.2  Div与span的区别 236 12.1.3  Div与CSS布局优势 237 12.2 CSS定位 238 12.2.1  盒子模型的概念 238 12.2.2  float定位 238 12.2.3  position定位 240 12.3 CSS布局理念 241 12.3.1  将页面用Div分块 241 12.3.2  设计各块的位置 242 12.3.3  用CSS定位 242 12.4 常见的布局类型 244 12.4.1 一列固定宽度 244 12.4.2 一列自适应 245 12.4.3 两列固定宽度 246 12.4.4 两列宽度自适应 247 12.4.5 两列右列宽度自适应 248 12.4.6 三列浮动中间宽度 自适应 249 第4部分 JavaScript网页特效篇 3章 JavaScript脚本基础 252 13.1  JavaScript简介 252 13.1.1  JavaScript的历史 252 13.1.2  JavaScript特点 253 13.2  JavaScript的放置位置 253 13.2.1 使用方法 253 13.2.2 位于网页之外的单 独脚本文件 254 13.2.3 直接位于事件处理 部分的代码中 254 13.3 JavaScript基本语法 254 13.3.1 常量和变量 255 13.3.2 表达式和运算符 256 13.3.3 基本语句 257 13.3.4 函数 261 4章 JavaScript中的事件 262 14.1 onClick事件 262 14.2 onchange事件 264 14.3 onSelect事件 265 14.4 onFocus事件 266 14.5 onLoad事件 267 14.6 onBlur事件 268 14.7 onMouseOver事件 269 14.8 onMouseOut事件 271 14.9 onDblClick事件 272 14.10 其他常用事件 273 5章 JavaScript函数和对象 275 15.1 什么是函数 275 15.2 函数的定义 276 15.2.1 函数的普通定义方式 276 15.2.2 函数的变量定义方式 277 15.2.3 函数的指针调用方式 278 15.3  JavaScript对象的声明和引用 279 15.3.1  声明和实例化 279 15.3.2  对象的引用 281 15.4  浏览器对象 282 15.4.1  navigator对象 282 15.4.2 windows对象 283 15.4.3  location对象 284 15.4.4  history对象 285 15.4.5  document对象 286 15.5 内置对象 287 15.5.1  date对象 287 15.5.2  数学对象math 290 15.5.3  字符串对象string 291 15.5.4  数组对象array 292 第5部分 Flash动画设计篇 6章 绘制图形和编辑对象 296 16.1  Flash概述 296 16.2  Flash CC工作界面 296 16.2.1  菜单栏 297 16.2.2  工具箱 297 16.2.3  时间轴面板 298 16.2.4  舞台 299 16.2.5  属性面板 299 16.2.6  面板组 300 16.3  绘制图形对象 300 16.3.1  线条工具 300 16.3.2  铅笔工具 302 16.3.3  钢笔工具 303 16.3.4  椭圆工具 304 16.3.5  矩形工具 305 16.3.6  多角星形工具 306 16.4  填充图形对象 308 16.4.1  墨水瓶工具 308 16.4.2  颜料桶工具 309 16.4.3  滴管工具 310 16.4.4  刷子工具 311 16.4.5  渐变变形工具 313 16.5  对象的基本操作 314 16.5.1  使用选择工具 选择对象 314 16.5.2  使用套索工具 选择对象 314 16.5.3  移动、复制和 删除对象 315 16.6  实战演练—绘制网页标志 318 7章 使用文本工具创建文字 322 17.1  使用文本工具 322 17.1.1  静态文本 322 17.1.2  动态文本 323 17.1.3  输入文本 324 17.2  设置文本样式 325 17.2.1  消除文本锯齿 325 17.2.2  设置文字属性 326 17.2.3  创建文字链接 327 17.2.4  分离与打散文字 328 17.3  对文本使用滤镜效果 330 17.3.1  给文本添加滤镜 330 17.3.2  设置滤镜效果 331 17.4 实战演练——制作立体文字 335 8章 使用时间轴与图层 337 18.1  时间轴与帧 337 18.1.1  时间轴 337 18.1.2  帧 338 18.2  图层概述 339 18.2.1  图层的类型 339 18.2.2  创建图层和图层 文件夹 339 18.2.3  修改图层属性 340 18.2.4  编辑图层 341 18.3  使用引导层 342 18.3.1  引导层动画创建 方法和技巧 342 18.3.2  创建引导层动画 实例 342 18.4  使用遮罩层 346 18.4.1  遮罩层动画创建 方法和技巧 346 18.4.2  利用遮罩层创建 滚动图片效果 346 18.5  实战演练——利用遮罩层 制作动画 351 9章 创建基本Flash动画 355 19.1  动画的基本类型 355 19.2 利用逐帧动画制作圣诞贺卡 355 19.3 创建动画补间动画 359 19.3.1 动画补间动画的创建 方法和技巧 359 19.3.2 利用动画补间创建对象 的缩放与淡出效果 359 19.3.3 利用动画补间创建对象的 旋转与颜色变化效果 362 19.4 创建形状补间动画 365 19.5  制作带音效的按钮 369 第20章 使用ActionScript制作 交互动画 373 20.1  ActionScript简介 373 20.2  ActionScript基础 373 20.2.1 ActionScript中的 相关术语 374 20.2.2  ActionScript 3.0基本 语法 374 20.3  常用ActionScript语句 376 20.3.1  for循环 376 20.3.2 while和do while 循环 377 20.3.3 if语句 377 20.3.4  特殊条件判断 378 20.4  ActionScript的编辑环境 378 20.5 实战演练 379 实例1——stop和play语句 379 实例2——制作下雪效果 383 第21章 HTML5动画 388 21.1 HTML 5简介 388 21.1.1 HTML5基础 388 21.1.2 向后兼容 389 21.1.3 更加简化 389 21.1.4 HTML 5语法中 的三个要点 389 21.2 新增的主体结构元素 390 21.2.1 实例应用——article 元素 390 21.2.2 实例应用——section 元素 392 21.2.3 实例应用——nav 元素 393 21.2.4 aside元素 396 21.3 canvas元素 397 21.3.1 绘制矩形 397 21.3.2 绘画对角线 398 21.4  实战演练——利用HTML5 制作3D爱心动画 399 第6部分 Photoshop CC图像处理篇 第22章 Photoshop基础操作 402 22.1 Photoshop CC工作界面 402 22.1.1 菜单栏 403 22.1.2 工具箱及工具选项栏 403 22.1.3 文档窗口及状态栏 404 22.1.4 面板组 404 22.2 快速调整图像 404 22.2.1 调整图像大小 405 22.2.2 使用色阶命令美 化图像 406 22.2.3 使用曲线命令美 化图像 407 22.2.4 调整图像亮度与 对比度 408 22.2.5 使用色彩平衡 409 22.2.6 调整图像色相与 饱和度 410 22.3 实战演练 411 实例1——制作电影图片效果 411 实例2——调整曝光不足的 照片 415 第23章 使用绘图工具绘制图像 417 23.1 创建选择区域 417 23.1.1 选框工具 417 23.1.2 套索工具 419 23.1.3 魔棒工具 421 23.2 基本绘图工具 421 23.2.1 画笔工具 422 23.2.2 铅笔工具 423 23.2.3 仿制图章工具 424 23.2.4 图案图章工具 425 23.2.5 橡皮擦工具 426 23.2.6 油漆桶工具和渐变 工具 426 23.3 形状工具 428 23.3.1 矩形工具 428 23.3.2 圆角矩形工具 429 23.3.3 椭圆工具 430 23.3.4 多边形工具 431 23.4 实战演练—绘制网页标志 432 第24章 图层与文本的使用 436 24.1 新建和删除图层 436 24.1.1 新建图层 436 24.1.2 删除图层 437 24.1.3 新建图层组 437 24.2 图层的特殊混合 438 24.3 应用图层样式 440 24.4 使用文本工具 441 24.4.1 输入文字 441 24.4.2 设置文字属性 442 24.4.3 创建路径文字 444 24.5 实战演练 445 实例1——制作立体文字效果 445 实例2——制作图案文字效果 447 第25章 设计制作网页中的图像 450 25.1 网站Logo的制作 450 25.1.1 Logo设计标准 450 25.1.2 网站Logo的规格 450 25.1.3 实战演练1——设计 网站Logo 451 25.2 网络广告的制作 453 25.2.1 网页广告设计要素 453 25.2.2 网络广告设计技巧 453 25.2.3 实战演练2——制作 宣传广告 454 25.3 网页切片输出 459 25.3.1 创建切片 459 25.3.2 编辑切片 459 25.3.3 优化和输出切片 460 实战演练3——设计网站主页 461 第7部分 网站综合案例篇 第26章 企业网站制作综合实例 472 26.1  网站规划 472 26.1.1 网站需求分析 472 26.1.2 确定网站的版式 设计 473 26.1.3 确定网站主要色彩 搭配 473 26.2 设计网站封面型首页 474 26.2.1 设计网站首页 474 26.2.2 切割网站首页 478 26.3 使用CSS+div布局网站主页 480 26.3.1 分析架构 480 26.3.2 页面通用规则 481 26.3.3 制作网站header 导航部分 482 26.3.4 制作网站spe 部分 486 26.3.5 制作会员登录部分 488 26.3.6 制作装修案例部分 491

全书由不同行业中的实例组成，操作步骤清晰简明，技术分析深入浅出，实例效果精 美实用。本书还精心配备了PPT电子课件，便于老师课堂教学和学生把握知识要点。

畅销图书 全新升级 经久不衰的经典教程震撼升级，诠释网页制作的新技术。 实例典型 轻松易学 以实例方式讲解理论知识，直观、具体，有助于快速上手。 边学边做 学以致用 涵盖网页制作中的各类知识，高效解决工作中的实际问题。 配套课件 便于总结 精心配备了课件和案例文件，便于老师教学以及学生复习。 (配套素材文件及PPT课件请扫描封底左侧二维码进入社区，搜索本书书名即可进去资源下载页面)

本书主要内容分为以下7个部分。 ● 部分 网页设计基础与HTM L篇：网页设计基础知识、HTML基础。 ● 第2部分 Dreamweav er CC网页制作篇：Dreamweaver CC创建基本文本网页、创建不错链 接、使用图像和多媒体创建丰富多彩的网页、使用表格布局排版网页、使用模板和库批量制作风格 统一网页、使用行为创建网页、创建动态数据库网页。 ● 第3部分 CSS美化布局网页篇：使用CSS样式表美化网页、CSS属性基础、CSS+Div布局方法。 ● 第4部分 JavaScript网页篇：JavaScript脚本基础、JavaScript中的事件、JavaScript 函数与对象。 ● 第5部分 Flash动画设计篇：Flash绘制图形和编辑对象、使用文本工具创建文字、使用时间 轴与图层、创建基本Flash动画、使用ActionScript制作交互动画、HTM L5创建动画。 ● 第6部分 Photoshop 图像处理篇：Photoshop基础操作、使用绘图工具绘制图像、图层与文本 的使用、设计制作网页中的图像。 ● 第7部分 网站综合案例篇：从综合应用的方面讲述了一个完整建站过程，包括网站规划、设计网站 封面型首页、使用CSS+Div 布局网站主页。

定价：为出版社全国统一定价；

文轩价：为商品的销售价，是您最终决定是否购买商品的依据；受系统缓存影响，最终价格以商品放入购物车后显示的价格为准；

新广告法规定所有页面信息中不得出现绝对化用词和功能性用词。

本店非常支持新广告法，但为了不影响消费者正常购买，页面明显区域本店已在排查修改，对于不明显区域也将会逐步排查并修改，我们此郑重声明：本店所有页面上的绝对化用词与功能性用词在此声明全部失效，不作为赔付理由。涉及“教育部声明”中的商品，均不代表教育部指定、推荐的具体版本，仅代表该商品的内容为指定、推荐书目。因极限用词引起的任何形式的商品赔付，本店不接收且不妥协。希望消费者理解并欢迎联系客服帮助完善，也请职业打假人士高抬贵手。