第1讲-Dreamweaver-基础知识.ppt

本章主要内容 一、简要介绍Dreamweaver 二、介绍Dreamweaver的安装 三、Dreamweaver的操作界面 四、建立站点前的主要准备工作 本章需掌握内容 Dreamweaver安装的系统要求、硬件配置及主要特点 Dreamweaver的操作界面 如何建立站点 1.1 Dreamweaver的简介和安装 一、简介 Dreamweaver是Macromedia公司的出品的一款所见即所得的网页编辑工具。与 Frontpage不同，Deamweaver采用的是Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是Frontpage所无法比拟的。 　Dreamweaver对于DHTML（动态网页）的支持特别好，可以轻而易举地做出很多眩目的互动页面特效。插件式的程序设计使得其功能可以无限的扩展。 Dreamweaver与Flash、Firework 并称为 Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。因此，说Dreamweaver是高级网页制作的首选并不为过。 二、Dreamweaver的特点 ?Dreamweaver MX 2004提供了功能强劲的可视化设计工具、应用开发环境以及代码编辑支持。Dreamweaver MX 2004具有如下特点： 1.网页编辑功能：利用Dreamweaver MX 2004能够方便地创建和编辑页面元素，如图像、表格、文本、链接、导航条、跳转菜单、弹出菜单、多媒体等。提供了强大的HTML编辑功能，可以在编辑网页的过程中，直接修改对应生成的源代码。Dreamweaver与Fireworks、Flash具有良好的兼容性。 制作效率比较高 2.站点管理功能：Dreamweaver MX 2004支持本地、局域网内和Web远程网站的管理功能。在站点管理窗口中，如果用户进行网站内的页面修改、超级链接更改或其他替换，则Dreamweaver会自动完成与之相关联的更改。 3.此外，Dreamweaver MX 2004支持数据库开发应用的编程环境，可以轻松地建立基于ASP VBScript、ASP JavaScript、ASP.NET C#、ASP.NET VB、JSP、PHP等编程语言的网站和商务应用开发。 三、软件的安装 四、屏幕分辨率设置 1.15英寸=800*600/16色或以上，75HZ或以上 2.17英寸=1024*768/16色或以上，70HZ或以上 五、Dreamweaver基础知识 （一）、工作环境 1.设置工作界面 安装Dreamweaver后，第一次运行Dreamweaver时，会看到“工作区设置”窗口，如图所示。Dreamweaver提供了“设计者”和“代码编写者”两种工作界面。针对可视化的Web站点创建工作，“设计者”界面为设计人员优化地集成了Dreamweaver里所有相关的窗口和面板，“代码编写者”界面是为程序员设置的，主要使用HTML和其他语言进行工作。无论使用哪一个工作区，用户都可以使用Dreamweaver全部功能，本书介绍的是“设计者”界面。 注意：如果用户要切换工作区，可以选择【编辑】→【首选参数】命令，打开下图所示的“首选参数”窗口。选择“常用”选项，单击【更改工作区】按钮，可弹出“工作区设置”窗口，选择工作界面即可。 在改变了工作区后，必须从新启动Dreamweaver才能生效。 2.起始页 第一次打开Dreamweave时，会看到图所示的“起始页”。其中提供了许多快捷的操作。 当开始创建新页面或是单击“起始页”里其他选项时，“起始页”就会自动关闭 3.工作界面 Dreamweave的工作界面见图所示，最上方是标题栏，下边依次为菜单栏、插入栏、文档工具栏、标准工具栏，中间是文档窗口，右侧有各种辅助面板，下方为属性面板等。 主要的设计和编码工作是在文档窗口中完成的，在此可进行多种Web页面元素的插入、修改和删除等操作。通过文档窗口左下角的“标签选择器”，可以方便地再选择其他元素。 在开始创建Web页面之前，有必要熟悉Dreamweaver界面上的各种工具和面板，这样有助于我们高效率地开发Web站点。 （1）插入栏 插入栏中包含许多能够添加到页面的对象或元素，这些元素根据类型被划分为八组，如图所示。当前激活组的名称显示在菜单上，默认情况下是“常用”组，如图所示，各组中的许多对象都拥有自己的子菜单,以一个黑色小箭头表示,单击它就可以打开这些子菜单。 插入栏分类菜单中的“显示为制表符”选项可以让插入栏里的各类对象以选项卡的方式显示，如图所示。 如果想恢复以菜单显示的方式,可以单击插入栏右上角的菜单选项,从中选择”显示为菜单”即