Dreamweaver80第一讲.doc

第一讲 从零起步 Dreamweaver是Macromedia公司出品的一款专业化的网页制作工具。在当今网络应用已经深入人们生活方方面面的今天，Dreamweaver凭借强大的功能和简单的操作，已经成为网页制作软件的工业标准。通过本讲的学习，我们希望达到下面的学习目标： ◆ 了解Dreamweaver的历史与今天； ◆ 了解网页设计的基本常识； ◆ 了解商业网站设计的流程。 1.1 Dreamweaver MX 的历史 Dreamweaver是Macromedia公司出品的一款专业化的网页制作工具。在当今网络应用已经深入人们生活方方面面的今天，Dreamweaver凭借强大的功能和简单的操作，已经成为网页制作软件的工业标准。 Dreamweaver提供的所见即所得的编辑模式，Mac机设计风格的浮动面版，可以帮助用户快速高效地创建极具表现力和动态效果的网页，使得网页创作过程变得非常容易，Dreamweaver的出现，大大的提高了网站开发工作的效率。通过独有的库面板、历史面板和模板工具，Dreamweaver大幅度的降低了网页开发工作的重复性，使得开发者从大量枯燥的重复性工作中解脱出来，可以把更多的精力投入到对页面的设计中。 Dreamweaver支持最新的DHTML和CSS标准，可以轻而易举地做出很多眩目的互动页面特效。插件式的程序设计使得其功能可以无限的扩展。实际上， 尽管Dreamweaver支持所见即所得的编辑方式，但是却没有放弃使用HTML代码编写网页，用户完全可以根据自己的需要选择不同的编辑视图，并且可以很方便地在不同视图之间切换。Dreamweaver可以自动在不同视图之间更新已经做出的改动。 Dreamweaver与Flash和Fireworks一起，被业界美誉为“网页设计三剑客”，它们之间具有高度的互补性和完美的协同工作能力。在Dreamweaver中，可以使用对象面板方便地向文档中插入Flash，这一切工作只需要使用鼠标单击几下就可以完成。在Dreamweaver中，只需要将相应图像的编辑器设置为Fireworks，就可以直接打开Fireworks对图像进行编辑，并且在Fireworks中所作的更改会在Dreamweaver中自动地更新。这样的设计使得Dreamweaver、Fireworks和Flash成为专业网页设计者必不可少的利器。更令人激动的是这三款软件的操作界面非常的相似，这就保证用户不必花费太多的时间就可以掌握以上三种软件的使用方法。 Dreamweaver中许多常用的功能都设有快捷键，这样的设计可以大大地提高用户的工作效率。除了Macromedia标准的快捷键设置方式以外， Dreamweaver中还内置了其他几套快捷键。除此之外，用户还可以自己定制快捷键，这样就可以使 Dreamweaver更加符合用户自己的工作习惯。 1．1．1 Dreamweaver8现状 Dreamweaver8是Dreamweaver最新版本。它是构建 Web 站点和应用程序的专业之选。它组合了功能强大的布局工具、应用程序开发工具和代码编辑支持等。Dreamweaver 的设计和整合功能是以 CSS 为基础的，强大而稳定，可帮助设计人员和开发人员轻松创建和管理任何站点。 赏心悦目的视觉设计 Dreamweaver8 提供的强大功能的标准控件，足以帮助用户设计高质量的作品。它的设计环境是围绕层叠样式表（CSS）构建的，在开发专业站点时速度更快，效率更高，而且代码整洁干净。新版本的 Dreamweaver 可以设计和显示复杂的 CSS 页面布局。 开放集成开发环境 Dreamweaver8 是一个开放的、可扩展的产品。用户可自由而灵活地选择目前乃至日后适用于自己的技术，对 Dreamweaver 进行扩展。 流畅的开发模式 Dreamweaver 可以帮助用户快速查找所需内容，提高工作效率和品质。通过使用 Dreamweaver 预置的具有专业品质的布局和代码，用户可使自己的站点和应用程序质量上升，运行速度也更快。 改进的用户界面可使工作空间最大化，更加清楚地显示编辑的相关内容。Dreamweaver 的代码编辑功能已经得到增强。 1.1.2 网站设计的重要概念 网络世界是一个充满了信息的世界，相信每一个上过网的人都曾经在网络上获得过这样那样的信息。在这个虚拟世界中拥有一片属于自己的天地也是每一个网民都梦寐以求的。在这片天地里，对于商业用户可以介绍自己的公司和产品，传播企业的理念和成功的案例；对于网民个人，可以发表一些自己写的文章，还可以放上自己的照片，让所有的朋友都可以知道自