Adobe Dreamweaver CC 2017 中文版经典教程 pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

[美] Jim，Maivald 著，刘春雷，汪兰川，吴明洲 译

图书标签:

• Dreamweaver
• 网页设计
• 前端开发
• HTML
• CSS
• JavaScript
• Adobe
• 教程
• CC2017
• 中文版

出版社： 人民邮电出版社

ISBN：9787115475701

版次：1

商品编码：12347898

品牌：异步图书

包装：平装

开本：16开

出版时间：2018-04-01

用纸：胶版纸

页数：387

正文语种：中文

编辑推荐

Adobe公司推出的经典教程
畅销全球20年的杰出图书
在全世界以27种语言火爆发行
以实例引导的正规学习用书
让每位Illustrator学习Adobe专家的使用技巧
提供完整教学资源：素材文件、复习题及答案

内容简介

本书由Adobe公司的专家编写，是Adobe Dreamweaver CC软件的官方培训教材。全书共包含14课和一个附录，每一课先给出要介绍的知识点，然后借助具体的示例进行讲解，步骤详细，重点明确，手把手教你进行实际操作。全书是一个有机的整体，涵盖了Dreamweaver CC的基础知识、HTML基础、CSS基础、创建页面布局、使用层叠样式表、使用模板、处理文本、处理图像、处理导航、创建交互式页面、使用Flash、处理表单、把创建的页面和站点发布到Web上以及为移动设备设计Web站点等内容，并在适当的地方穿插介绍了Dreamweaver CC中的功能。

作者简介

Jim Maivald是一位平面设计师和艺术家，拥有25年的出版和制作经验。他编写了5个版本的《Adobe Dreamweaver Classroom in a Book》，并制作了Adobe InDesign、XML、Adobe Photoshop和CorelDRAW的相关课件，他还在全国性杂志发表了数十篇关于电子出版和制作的文章。他在InDesign和XML领域为个人和世界500强公司举办了多次热门研讨会和培训。Jim是Dreamweaver、InDesign和Acrobat中的Adobe认证专家（ACE），同时也是芝加哥InDesign User Group协会的共同负责人。

目录

第 1课　定制您的工作空间 0
1．1　浏览工作区 2
1．2　使用“开始”屏幕 3
1．3　探索新功能指南 6
1．4　使用工具栏 6
1．5　切换和拆分视图 8
1．6　选择工作区布局 11
1．7　使用面板 11
1．8　个性化您的Dreamweaver 15
1．9　使用Extract功能 16
1．10　创建自定义的快捷键 17
1．11　使用“属性”检查器 18
1．12　使用相关文件接口 19
1．13　使用标签选择器 20
1．14　使用CSS设计器 21
1．15　使用可视化媒体查询界面（VMQ） 25
1．16　使用DOM查看器 26
1．17　使用平视（HUD）显示 26
1．18　探索、试验和学习 28
第 2课　HTML基础 30
2．1　什么是HTML 32
2．2　HTML起源于何处 32
2．3　常用的HTML元素 34
2．4　HTML5简介 36
第3课　CSS基础 40
3．1　什么是CSS 42
3．2　HTML格式化与CSS格式化的比较 42
3．3　HTML的默认设置 44
3．4　CSS方框模型 46
3．5　应用CSS格式 48
3．6　多重、类和ID 58
第4课　网站设计基础 64
4．1　建立一个新的网站 66
4．2　方案 68
4．3　使用缩略图和线框 69
第5课　创建页面布局 74
5．1　评估页面设计选项 76
5．2　使用预定义的布局 78
第6课　使用Web框架 96
6．1　创建导航菜单 98
6．2　创建标题内容 120
6．3　构建语义内容 131
6．4　管理Bootstrap组件宽度 139
6．5　插入HTML实体 141
6．6　创建全局类型样式 143
第7课　为移动设备进行设计 154
7．1　响应性设计 156
7．2　让网站适应不同的屏幕尺寸 158
7．3　媒体查询 170
7．4　有关媒体查询的更多信息 178
第8课　使用模板 180
8．1　通过现有的布局创建模板 182
8．2　插入可编辑区域 183
8．3　插入元数据 185
8．4　建立子页面 187
第9课　处理文本、列表和表格 198
9．1　预览已完成的文件 200
9．2　创建文本和编排样式 202
9．3　创建列表 211
9．4　创建表格和编排样式 218
9．5　对Web页面进行拼写检查 240
9．6　查找和替换文本 241
第 10课　处理图像 246
10．1　复习Web图像的基础知识 248
10．2　预览已完成的文件 252
10．3　插入图像 253
10．4　利用CSS类调整图像位置 255
10．5　使用“插入”面板 257
10．6　使用插入菜单 259
10．7　插入非Web文件类型 260
10．8　使用Photoshop“智能对象” 263
10．9　从Photoshop和Fireworks复制和粘贴图像 265
10．10　通过拖动和释放插入图像 270
10．11　利用“属性”检查器优化图像 271
第 11课　处理导航 276
11．1　超链接基础知识 278
11．2　预览已完成的文件 279
11．3　创建内部超链接 282
11．4　创建外部链接 288
11．5　创建基于图像的链接 292
11．6　把页面元素作为目标 294
11．7　检查页面 313
11．8　将目标链接添加到同一页面（可选） 314
第 12课　添加交互性 316
12．1　了解Dreamweaver行为 318
12．2　预览已完成的文件 319
12．3　使用Dreamweaver行为 320
12．4　使用Bootstrap Accordion构件 329
第 13课　发布到Web上 338
13．1　定义远程站点 340
13．2　遮盖文件夹和文件 346
13．3　完善Web站点 348
13．4　在线上传站点（可选） 350
13．5　同步本地站点与远程站点 354
第 14课　处理代码 358
14．1　创建HTML代码 360
14．2　使用多光标支持 365
14．3　为代码添加注释 367
14．4　使用CSS预处理器 368
14．5　选择代码 380
14．6　折叠代码 382
14．7　展开代码 383
14．8　访问拆分代码视图 383
14．9　在代码视图中预览资源 384
附录：短URL 386

探索网页设计的无限可能：实用技巧与创意灵感 在数字时代浪潮的推动下，网页设计已不再是少数专业人士的专属领域，而是逐渐成为连接世界、传播信息、展示创意的重要途径。无论您是渴望构建个人博客、打造企业官网，还是希望深入了解动态交互网页的奥秘，掌握一款强大的网页设计工具都至关重要。本书并非是关于特定软件版本使用方法的入门指南，而是致力于为您打开一扇通往网页设计广阔世界的大门，从基础概念到高级技巧，从理论框架到实践应用，全方位地为您点亮网页设计的创新之路。 本书的核心目标是激发您对网页设计的兴趣，培养您独立思考和解决问题的能力，让您能够灵活运用各种设计理念和技术，创造出既美观又实用的网页作品。我们将跳脱出对单一软件工具的刻板介绍，而是聚焦于网页设计背后更深层次的原理与方法论，让您真正理解“为何”这样做，而非仅仅“如何”操作。 第一篇：网页设计的基础基石——理解核心概念 在开始任何实践之前，扎实的基础是成功的关键。本篇将带领您深入理解网页设计的核心要素，为后续的学习和实践奠定坚实的基础。 什么是网页？它的构成要素有哪些？ 我们将从最本质的角度解析网页的定义，探讨构成一个完整网页的基本元素，包括但不限于文本、图像、链接、多媒体内容，以及它们之间的相互关系。我们将理解网页不仅仅是文字和图片的堆砌，而是信息架构、用户体验和视觉传达的综合载体。 前端开发的基础：HTML、CSS 与 JavaScript 的角色与协同 尽管本书不侧重于具体的软件操作，但理解网页呈现的“骨骼”（HTML）、“皮肤”（CSS）和“灵魂”（JavaScript）是必不可少的。我们将分别阐述它们各自的功能和重要性，并重点强调三者之间如何协同工作，共同构建出用户所见的动态网页。您将了解到 HTML 如何定义内容的结构，CSS 如何控制内容的样式和布局，以及 JavaScript 如何为网页赋予交互性和动态功能。 网页设计的核心原则：可访问性、响应式设计与用户体验 (UX) 优秀的网页设计不仅仅是视觉上的吸引力，更在于其易用性和适应性。本章将重点探讨“可访问性”的重要性，即如何设计出让所有用户，包括残障人士，都能平等访问和使用的网页。我们将深入剖析“响应式设计”的理念，理解为何网站需要在各种设备（桌面电脑、平板电脑、手机）上都能呈现出最佳的浏览效果。同时，我们还将聚焦于“用户体验 (UX)”，探讨如何通过合理的导航设计、清晰的内容布局、流畅的交互流程，让用户在浏览网页时获得愉悦和高效的体验。 信息架构：构建清晰有序的内容结构 一个杂乱无章的网站会让用户迷失方向。本节将引导您思考如何进行有效的信息组织，设计出逻辑清晰、易于导航的网站结构。我们将学习如何进行内容分类、层级划分，以及如何运用站点地图和用户流程图来规划网站的整体框架。 视觉设计的基本原则：色彩、排版、布局与图像运用 视觉是吸引用户的第一步。我们将回顾并深入讲解基础的视觉设计原则，包括色彩理论在网页设计中的应用、字体选择与排版技巧，以及网格系统在布局中的作用。此外，还将探讨如何选择和优化图像，使其在提升网页美感的同时，不影响加载速度。 第二篇：创意与实践——从构思到实现 在掌握了基础知识后，本篇将引导您将创意转化为实际的网页设计作品。我们将着重于设计思维和实现方法，而非特定的工具操作。 用户研究与目标定义：深入理解你的受众 成功的网页设计始于对目标用户的深刻理解。我们将学习如何进行用户画像分析、需求调研，以及如何清晰地定义网站的设计目标和功能需求。这有助于确保您的设计真正满足用户的期望，并实现预期的商业或个人目标。 线框图与原型设计：可视化你的设计构想 在投入实际编码之前，将设计思路可视化是至关重要的步骤。本章将介绍如何绘制线框图（Wireframes）来规划页面布局和内容结构，以及如何制作交互式原型（Prototypes）来模拟用户在网站上的操作流程。这将帮助您在早期发现设计中的问题，并与团队或客户进行有效沟通。 用户界面 (UI) 设计：打造吸引人的视觉界面 在原型设计的基础上，我们将进入用户界面（UI）设计的阶段。我们将学习如何运用色彩、字体、图标、留白等元素，创造出既符合品牌形象又具有吸引力的用户界面。我们将探讨如何设计一致的视觉风格，以及如何通过细节的打磨提升用户界面的质感。 实现响应式设计：跨越设备的无缝体验 响应式设计是现代网页设计不可或缺的一部分。本章将深入探讨实现响应式设计的方法和技巧，例如如何利用媒体查询（Media Queries）来调整布局和样式，如何选择合适的断点，以及如何进行跨设备测试，确保网站在不同屏幕尺寸上都能提供最佳的浏览体验。 交互设计：赋予网页生命力 网页不仅仅是静态的展示，更是与用户互动的平台。我们将学习如何设计引人入胜的交互效果，例如动画、过渡、反馈机制等，让用户在使用网页时感受到流畅和愉悦。我们将探讨如何运用简洁而有效的交互方式，引导用户完成特定任务。 内容优化与SEO基础：让你的网页被看见 优秀的设计需要优质的内容来支撑，而搜索引擎优化（SEO）则是让你的网页更容易被发现的关键。本章将介绍如何撰写清晰、有吸引力的网页文案，如何进行关键词研究和应用，以及如何通过合理的标签使用和内部链接，提升网页在搜索引擎中的排名。 性能优化：速度决定用户去留 缓慢加载的网页会让用户失去耐心。我们将探讨网页性能优化的重要性，学习如何压缩图像、优化代码、利用缓存等技术，缩短网页加载时间，从而提升用户体验和搜索引擎排名。 第三篇：进阶探讨与未来展望 在掌握了网页设计的核心技巧后，本篇将带领您进一步探索更广泛的设计领域，并展望网页设计的未来趋势。 无障碍设计 (Accessibility) 的深度实践 除了基础的可访问性介绍，本章将深入探讨无障碍设计的具体实践方法，例如为图像添加替代文本（Alt Text）、为链接和按钮提供清晰的描述、确保键盘导航的可行性、以及使用语义化的HTML标签等。我们将认识到无障碍设计不仅仅是技术要求，更是人文关怀的体现。 渐进增强与特性检测：拥抱技术发展 随着前端技术的不断发展，新的特性层出不穷。本章将介绍“渐进增强”（Progressive Enhancement）的设计理念，即先构建一个基础可用的网页，然后再为支持新特性的浏览器添加更丰富的体验。我们将学习如何进行“特性检测”（Feature Detection），以确保网站在不同浏览器和设备上都能正常运行。 设计模式与组件化思维：提高效率与可维护性 在大型项目中，如何高效地组织设计和开发是关键。本章将介绍常用的设计模式，以及如何将界面拆分成可复用的组件（Components），从而提高开发效率和代码的可维护性。 数据可视化在网页设计中的应用 随着大数据时代的到来，如何将复杂的数据以直观易懂的方式呈现给用户，成为网页设计的新课题。本章将探讨数据可视化的基本原理，以及如何在网页中应用图表、地图等元素，有效地传达信息。 动效设计与微交互：锦上添花的用户体验 合适的动效和微交互能够显著提升用户体验的趣味性和引导性。我们将探讨如何运用动画和微小的交互反馈，让网页变得更加生动有趣，例如加载动画、按钮点击反馈、表单验证提示等。 了解前端开发框架与工具生态 虽然本书不侧重于具体工具，但了解当前流行的前端开发框架（如 React, Vue, Angular）和相关的开发工具（如构建工具、版本控制系统）的生态，对于进一步深入学习和职业发展具有重要意义。本章将提供一个概览，帮助您了解这些工具的作用和应用场景。 网页设计的未来趋势：人工智能、WebAssembly 等 科技日新月异，网页设计也在不断演进。本章将对人工智能在设计中的应用、WebAssembly 带来的性能提升、以及其他新兴技术对网页设计可能产生的影响进行展望，激发您对未来网页设计发展的思考。 本书旨在为您提供一个全面而深入的网页设计学习框架，让您摆脱对单一工具的依赖，掌握通用的设计思维和实践方法。通过学习本书，您将能够： 深刻理解网页设计的核心原理与最佳实践。 培养独立思考和创新设计的能力。 掌握从概念构思到原型设计、再到用户界面设计的完整流程。 能够设计出响应式、可访问且用户体验良好的网页。 了解网页性能优化和基础的SEO知识。 对网页设计的未来趋势有初步的认识。 无论您是网页设计领域的初学者，还是希望提升自身技能的从业者，本书都将是您探索网页设计无限可能、开启创意之旅的宝贵伙伴。让我们一同踏上这段充满挑战与乐趣的设计探索之旅吧！

评分☆☆☆☆☆

我一直认为，优秀的教程应该是能够点燃学习者热情，而不是让他们感到枯燥乏味的。而这本《Adobe Dreamweaver CC 2017 中文版经典教程》恰恰做到了这一点。我喜欢它充满活力的语言风格，时不时冒出的一些俏皮话，让我在学习的过程中不会感到疲惫。更重要的是，它不仅仅教会了我“怎么做”，更让我明白了“为什么这么做”。 书中的许多案例都非常贴近实际开发场景，比如如何制作一个具有吸引力的产品详情页，或者如何优化网站的加载速度。通过这些案例，我不仅学会了具体的技巧，更对网页设计的原则和用户体验有了更深的理解。它让我意识到，一个好的网页不仅仅是美观的，更重要的是能够为用户提供便捷、流畅的体验。这本书让我从一个纯粹的“技术学习者”，逐渐成长为一个有“设计思维”的开发者，这对我来说是一个巨大的飞跃。

评分☆☆☆☆☆

这本书真是太及时了！作为一名长期在传统印刷行业摸爬滚打的设计师，我一直对网页设计和前端开发充满好奇，但又总觉得隔着一层厚厚的技术壁垒。每次看到那些设计精美的网站，都忍不住想“这到底是怎么做出来的？”，内心深处蠢蠢欲动的创作欲却被陌生的代码和复杂的工具吓退。直到我偶然间发现了这本《Adobe Dreamweaver CC 2017 中文版经典教程》，我感觉我找到了通往新世界的大门。 我尤其喜欢它循序渐进的讲解方式。这本书没有一开始就丢给我一堆枯燥的技术术语，而是从最基础的界面介绍、工作流程梳理开始，让我这个初学者能够轻松上手。每一步操作都配有清晰的图文说明，仿佛老师就在我身边手把手地教我一样。我学会了如何创建新的网页，如何插入图片和文本，如何调整元素的样式，甚至是如何制作简单的导航菜单。以前我总觉得网页制作是个高深莫测的领域，现在看来，只要有正确的引导和合适的工具，我也能做出像样的网页。这本书让我对自己的学习能力重拾信心，也让我看到了在数字时代实现创意设计的可能性。

评分☆☆☆☆☆

对于我这样一个一直以来都对网页设计领域感到好奇，但又因为缺乏系统性学习而裹足不前的人来说，这本书就像一座指引我前进的灯塔。我非常喜欢它在教学过程中所展现出的“实践至上”的理念。书中的每一个章节，不仅仅是理论的阐述，更重要的是配套了大量的实践操作和案例分析。 我记得在学习表单设计的那部分，作者没有仅仅是讲解表单元素的属性，而是通过一个完整的注册页面案例，教我如何一步步地搭建出功能齐全、样式美观的表单。这种“在做中学”的方式，让我能够迅速地将学到的知识转化为实际能力。而且，书中的一些小技巧和最佳实践的分享，更是让我受益匪浅，比如如何更有效地组织文件结构，或者如何进行简单的代码调试。这些看似微不足道的细节，却能在日后的实际工作中节省大量的时间和精力，让我感到非常超值。

评分☆☆☆☆☆

在学习网页开发的过程中，我曾经因为各种零散的学习资料而感到迷茫。不同的教程讲解方式差异很大，有些过于理论化，有些又过于碎片化，很难找到一个真正能够贯穿始终、体系化的学习路径。直到我接触到这本《Adobe Dreamweaver CC 2017 中文版经典教程》，我才感觉找到了“定海神针”。 这本书最大的优点在于它的条理性和系统性。它从基础概念讲起，逐步深入到高级功能，每个章节都承上启下，逻辑清晰。我尤其欣赏它在讲解代码与可视化操作之间的平衡。它既不回避代码的实际应用，又不会让初学者望而却步，而是巧妙地将代码的理解融入到可视化的操作过程中。通过这本书，我不仅学会了如何使用Dreamweaver来构建网页，更重要的是，我对HTML、CSS这些基础的网页语言有了更直观、更深刻的认识。这让我感觉学习过程不再是死记硬背，而是真正地理解了网页是如何“活”起来的。

评分☆☆☆☆☆

说实话，我刚开始拿到这本书的时候，内心是有些忐忑的。我对Dreamweaver这个软件并不陌生，之前也尝试过零散地学习过一些功能，但总是感觉学得很碎片化，知识点之间缺乏联系，很难形成一个完整的体系。这本书最让我惊喜的地方在于，它不仅讲解了Dreamweaver的各项功能，更重要的是，它将这些功能有机地串联起来，形成了一个完整的网页设计和开发的流程。 它不仅仅是软件功能的罗列，而是真正地教会了我如何运用这些工具去解决实际问题。例如，在讲到响应式设计的时候，它没有停留在理论层面，而是通过实际案例演示，教我如何使用Dreamweaver的栅格系统和媒体查询功能，来创建能够适应不同屏幕尺寸的网页。这种“知其然，更知其所以然”的讲解方式，让我觉得学到的知识不再是孤立的，而是真正能够融会贯通，并在以后的实际工作中得以应用。我感觉自己不再是那个只会敲击几个代码的“搬砖工”，而是开始拥有了独立思考和解决网页设计难题的能力。