Dreamweaver MX2004网页设计教程

出版者:科学出版

作者:成昊，王诚君 主编

页数:293

出版时间:2006-3

价格:29.00元

isbn号码:9787030165725

具体描述

本书最大的特点是以实例为中心，针对初次接触Dreamweaver的读者，分单元讲解Dreamweaver及各种网页制作知识，通过案例进行重点说明。本书所有的实例通过一个完整的网站制作串接起来，实战性很强。该网站具有目前主流网站所包含的各种元素，能大大缩短读者的学习摸索过程。

本书分为17章，全书结合大量的实例详细讲解知识要点，这些要点不仅介绍了Dreamweaver MX 2004的基本操作，更重要的是介绍了网站制作过程中常用的方法和技巧，让读者在学习实例的过程中掌握Dreamweaver这个强大的工具。另外，为了便于学习，读者还可以从www.khp.com.cn网站下载本书的素材文档参考使用。

本书采用的实例经过了多次的课堂检验，具有很强的代表性。实例由浅入深，每一个实例所包含的重点难点非常明确，让读者学习起来自然、轻松，因此特别适合Dreamweaver初学者使用。另外，由于实例多且具有代表性，是网站设计制作方面不可多得的参考资料，适合作为职业培训的专用教材使用。

用户评价

我在学习网页设计时，一直非常注重“细节”和“规范”，所以《Dreamweaver MX2004网页设计教程》中对于这些方面的细致讲解，让我受益匪浅。它不仅仅是教你如何完成一个设计，更重要的是，它会引导你去思考如何让你的设计更加专业、更加规范。我记得其中有一个章节，是关于“CSS命名规范”的。书中强调了为class和id起一个具有描述性、易于理解的名称的重要性，并且提供了一些常用的命名模式，比如BEM（Block-Element-Modifier）的一些早期雏形。虽然当时可能没有明确提出BEM这个术语，但那种“让代码自己会说话”的思想，对我后来的代码组织能力起到了很大的影响。我记得书中关于“浏览器兼容性”的讨论，虽然MX2004时期浏览器之间的差异可能比现在更大，但它已经开始提醒我们要关注不同浏览器在显示效果上的差异，并提供了一些基本的兼容性处理方法，比如如何使用条件注释来针对IE浏览器进行特定的样式设置。这些早期的“兼容性意识”，让我后来在面对更复杂的跨浏览器问题时，能够有更好的应对思路。而且，书中还涉及了一些关于“代码注释”的讲解，它教我如何为我的HTML和CSS代码添加有意义的注释，以便于自己回顾和他人理解。这些看似微小的细节，却能极大地提高代码的可维护性和团队协作的效率。

我是一个对视觉设计有一定追求的人，所以当初选择这本《Dreamweaver MX2004网页设计教程》，很大程度上是冲着它在“美学”和“用户体验”上的侧重去的。虽然MX2004的界面和现在的工具比起来，确实显得有些复古，但书中对网页整体风格的把握，对色彩搭配的建议，以及如何通过排版来提升阅读体验，却给我留下了深刻的印象。我记得其中有一个章节，专门讲了如何设计一个具有品牌特色的网页，它会引导你去思考网页的色彩主调、字体选择、图片风格，以及这些元素如何协同工作，共同营造一种特定的氛围。书中还提供了不少案例分析，通过对比不同的网页设计，来讲解设计中的优劣。例如，它会对比一个信息繁杂、导航混乱的网站和一个结构清晰、重点突出的网站，然后分析它们在用户体验上的差异，以及背后的设计逻辑。这种分析，不是空泛的理论，而是结合了具体的网页元素，比如按钮的大小和位置、导航栏的清晰度、信息的层排方式等等。我印象特别深的是，书中关于“空隙”的使用，它强调了留白的重要性，以及如何通过合理的留白来突出重点内容，避免信息过载。这对于我后来在自己的作品中，以及在评价别人的设计时，都有了更深的理解。而且，它还不仅仅局限于静态页面的设计，也触及了一些基础的交互设计理念，比如如何通过动画效果来吸引用户的注意力，如何设计一个易于操作的表单等等。

我当时对“网站性能”和“用户体验”的概念还很模糊，所以《Dreamweaver MX2004网页设计教程》在这方面的探讨，给我带来了非常大的启发。它不仅仅关注网页的视觉呈现，更深入地讲解了如何让网页更快速、更流畅地加载，以及如何让用户在使用时感到更加愉悦。我记得有一个章节，是关于“网页加载速度优化”的。书中详细分析了影响网页加载速度的各种因素，比如图片大小、代码冗余、外部文件引用等，并且提供了很多实用的优化技巧。它指导我如何压缩图片，如何合并CSS文件，如何延迟加载非关键脚本，以及如何使用Dreamweaver的“站点分析器”（Site Analysis）来找出网站中存在性能问题的区域。我记得书中通过一个具体的例子，展示了优化前后的网页加载速度对比，那效果简直是立竿见影。这种对性能的关注，让我意识到，一个好看的网站，如果加载速度太慢，也是无法被用户接受的。此外，书中还提到了不少关于“用户体验”的设计原则，比如如何设计清晰的导航，如何保证页面的可读性，如何提供有效的错误提示等等。它鼓励读者站在用户的角度去思考设计，去预测用户可能遇到的问题，并提前做好解决方案。这种“以人为本”的设计理念，对我后来的设计工作产生了深远的影响。

拿到这本《Dreamweaver MX2004网页设计教程》的时候，我当时是刚接触网页设计不久，对很多概念都模模糊糊，只知道HTML、CSS这些零散的术语。市面上这类书其实不少，但很多要么太理论化，要么就是讲得很浅，看了跟没看一样。《Dreamweaver MX2004网页设计教程》给我的感觉是，它在入门阶段就做得非常扎实。我记得其中有一个章节，专门讲了网页布局的几种常见思路，比如栅格布局、响应式设计的一些基础概念，虽然MX2004年代比较久远，但那种思考方式、那种逻辑，对于理解一个好的网页是如何搭建的，至今仍然受用。作者并不是简单地教你“点这里”，而是会解释“为什么这么点”。比如，讲到表格布局的时候，它没有直接让你去拖拽表格，而是会先分析表格布局的优缺点，以及在什么场景下适合使用，然后才一步步引导你如何在Dreamweaver中创建、修改表格。这种循序渐进，并且深入到“Why”的讲解方式，对于我这种初学者来说，真的太重要了。而且，它还穿插了很多小技巧，比如如何使用快捷键提高效率，如何快速应用CSS样式，这些看似不起眼的东西，在我实际操作时，真的省了不少时间。我至今还记得，书中关于“链接”的讲解，它不仅教你如何创建外部链接、内部链接，还讲了锚点链接、邮箱链接，甚至还涉及了相对路径和绝对路径的区别，以及在不同文件夹结构下如何正确设置链接。这些细节，往往是其他一些泛泛而谈的书籍所忽略的。

说实话，我当初拿到《Dreamweaver MX2004网页设计教程》的时候，并没有对它抱着太高的期望，毕竟这是一款老软件了，很多技术可能都已经过时。但出乎意料的是，这本书对于网页设计基础原理的讲解，非常到位，而且是那种能够触及本质的讲解。它不只是告诉你怎么去用Dreamweaver的工具，更重要的是，它在讲解工具的使用时，会穿插大量关于网页设计“为什么”的道理。我记得有一个章节，是关于“图像优化”的。当时我只知道把图片缩小，但这本书详细分析了不同图片格式（JPEG, GIF, PNG）的优缺点，以及它们在网页中的适用场景。它还讲到了如何根据图片的色彩数量、透明度需求来选择合适的格式，并且指导我如何在Dreamweaver中利用其内置工具对图片进行压缩，从而在保证视觉效果的同时，最大限度地减小文件大小，提高网页加载速度。这种精细化的讲解，让我意识到，网页设计不仅仅是把内容堆砌上去，更是一门关于效率和用户体验的艺术。另外，关于“表单设计”的部分，它不仅仅是教你如何插入文本框、下拉菜单，更重要的是，它讲解了如何设计一个用户友好、信息收集高效的表单。比如，它会分析如何合理安排表单字段的顺序，如何给出清晰的标签和提示信息，以及如何进行表单的验证，以减少用户填写的错误。这些内容，即使现在来看，也是非常实用的。

当初选择《Dreamweaver MX2004网页设计教程》，是因为我当时对网页设计的理解还停留在“把文字图片放上去”的层面，对“交互”和“用户体验”几乎一无所知。这本书在这方面给了我很大的启发。它并没有局限于静态页面的设计，而是深入讲解了如何利用Dreamweaver的“行为”（Behaviors）功能来为网页添加动态效果。我记得其中有一个章节，是专门讲如何制作一个简单的图片轮播器。书中一步步指导我如何添加图片，设置显示时间，以及如何添加“上一张”、“下一张”的按钮。虽然现在看来，这种轮播器的实现方式可能比较基础，但在当时，这对我来说就是“魔法”。我第一次意识到，网页不仅仅是信息的载体，还可以是具有互动性的。而且，它还讲解了如何利用Dreamweaver的“时间轴”（Timeline）功能来制作一些简单的动画效果，比如让一个元素慢慢淡入淡出，或者沿着预设的路径移动。这些功能，虽然现在看来可能比较老旧，但它们却让我理解了动画在网页设计中的作用，以及如何通过这些动态效果来引导用户的注意力，提升页面的吸引力。我记得书中还提到了一些关于“用户引导”的原则，比如如何设计清晰的导航，如何通过视觉元素来指示用户下一步应该做什么。这些理念，即使放到现在，仍然是网页设计中的重要考量。

我是一名对代码有一定了解，但又想通过可视化工具来提高效率的设计师，所以《Dreamweaver MX2004网页设计教程》对我来说，就像是搭建一座桥梁。它并没有排斥代码，反而是在讲解Dreamweaver功能的同时，巧妙地将相关的HTML和CSS知识点穿插其中。我记得有一章，是关于“层”（Layers）的应用。当时我对层这个概念有些模糊，不确定它和div有什么区别，以及在实际应用中应该如何使用。这本书就很清晰地解释了层的概念，以及它与定位（positioning）属性的关联，并且展示了如何在Dreamweaver的可视化界面中创建、移动、调整层的属性。更重要的是，它还会适时地给出对应的代码，让你看到Dreamweaver可视化的操作是如何转化为具体的HTML和CSS代码的。这种“可视化到代码”的转换，对于我理解Dreamweaver生成代码的逻辑，以及后续手动修改代码，都起到了至关重要的作用。我记得书中关于“模板”的讲解，它教我如何创建一个网站的主模板，然后基于这个模板创建各个页面，这样可以确保网站的整体风格统一，并且在修改导航栏或页脚时，只需要修改一次模板，所有关联页面都会自动更新。这对于管理大型网站来说，简直是效率的神器。而且，它还涉及了如何将Dreamweaver与Fireworks等其他设计软件结合使用，例如将Fireworks制作的切片图导入Dreamweaver，并为其添加链接和行为，这让我能够更流畅地将设计稿转化为可用的网页。

我是一名对网站的“可访问性”（Accessibility）和“搜索引擎优化”（SEO）比较看重的读者，所以《Dreamweaver MX2004网页设计教程》在这方面的探讨，给我留下了深刻的印象。虽然MX2004年代久远，那时候对这些概念的重视程度可能不如现在，但书中已经开始触及一些非常重要的基础。我记得有一个章节，是关于“alt”属性的讲解。书中详细说明了为图片添加alt文本的重要性，不仅是为了让视觉障碍用户能够理解图片内容，更是为了帮助搜索引擎抓取和理解图片，从而提高网页在搜索结果中的排名。它还指导我如何为不同类型的图片撰写合适的alt文本。此外，书中还涉及到了一些关于“语义化HTML”（Semantic HTML）的初步概念。虽然当时可能没有明确提出“语义化”这个词，但它提倡使用合适的HTML标签来表示不同的内容，比如使用`<p>`标签表示段落，使用`<h1>`到`<h6>`标签表示标题层级，使用`<ul>`和`<ol>`标签表示列表。这种良好的编码习惯，对于提高网页的可读性、可维护性，以及对搜索引擎的友好度，都至关重要。我记得书中还分析了一些简单的SEO技巧，比如如何设置页面的`title`标签和`meta description`标签，以及如何合理地使用关键词。这些虽然现在看起来非常基础，但在当时，对于我建立正确的网页设计观念，打下了坚实的基础。

我当时是一名对“内容管理系统”（CMS）还不了解的设计小白，所以《Dreamweaver MX2004网页设计教程》对于如何将设计稿转化为可用的网页，以及如何初步理解网页的“动态化”，给了我很大的启发。它并没有直接深入到复杂的CMS开发，而是通过一些相对简单的功能，让我看到了网页是如何与数据结合的。我记得书中有一个章节，是关于“数据库连接”的基础概念。虽然MX2004的数据库连接功能相对有限，但它通过一些实际的例子，比如如何从一个简单的文本文件或者Access数据库中读取数据，并在网页上显示出来，让我初步理解了“动态内容”的概念。这对我来说，是一种全新的视角。我之前一直认为网页就是“写死”的内容，而这本书让我看到了，内容是可以从外部获取并呈现的。它还涉及到了一些关于“服务器端脚本”（Server-side Scripting）的入门介绍，比如它会简单提及ASP或者PHP，并解释这些脚本是如何在服务器端生成HTML代码，然后再发送到浏览器中显示的。这些信息，虽然当时我理解得不是很深入，但却在我心中种下了一颗种子，让我开始思考网页设计的更深层可能性。我记得书中还提到了如何创建一些简单的“数据绑定”功能，比如如何将数据库中的一个字段显示在网页的某个位置。这些基础的动态化处理，对于我后来学习更复杂的CMS系统，打下了非常重要的概念基础。

我是一个非常喜欢“实践出真知”的学习者，所以《Dreamweaver MX2004网页设计教程》的实操性，是我最看重的一点。它并非那种照本宣科的书籍，而是充满了大量的案例和练习，引导读者一步步地完成实际的网页项目。我记得书中有一个贯穿全书的“项目”，就是从零开始设计一个简单的个人作品集网站。书中会先讲解如何规划网站的整体结构，如何设计导航菜单，如何创建页面的基本布局，然后逐步深入到每个页面的具体内容设计，比如如何添加个人介绍、作品展示、联系方式等。在这个过程中，它会详细讲解Dreamweaver的各种工具的使用，比如文本编辑、图片插入、链接设置、表格创建、层应用等等。而且，每一个步骤都辅以详细的截图和操作说明，即使是像我这样初学者，也能很清晰地跟着做。我印象特别深的是，书中在讲到“导航菜单”的制作时，它不仅教了如何用列表和链接来制作，还演示了如何利用CSS来实现一些下拉菜单的效果，让整个菜单看起来更加专业和易于使用。此外，书中还提供了不少“拓展练习”，鼓励读者在完成基本项目后，尝试去修改和优化，比如尝试不同的配色方案，或者添加一些动态效果。这种“学以致用”的教学模式，让我能够快速地将学到的知识转化为实际的技能。