Dreamweaver入门合技巧1.docx

Dreamweaver入门合技巧1.docx

《Dreamweaver入门合技巧1.docx》由会员分享，可在线阅读，更多相关《Dreamweaver入门合技巧1.docx（21页珍藏版）》请在冰豆网上搜索。

Dreamweaver入门合技巧1

Dreamweaver入门

本指南介绍如何使用MacromediaDreamweaver8。

本指南中的教程将引导您完成创建一个简单但具备一定功能的Web站点的过程。

本指南包含以下各章：

简介

学习Dreamweaver

Dreamweaver基础

教程：

设置站点和项目文件

教程：

创建基于表格的页面布局

教程：

向页面添加内容

教程：

使用CSS设置页面格式

教程：

发布站点

教程：

使用代码

教程：

创建基于CSS的页面布局

教程：

显示XML数据

教程：

开发Web应用程序教程

了解Web应用程序

安装Web服务器

示例ColdFusion站点的设置

示例ASP.NET站点的设置

示例ASP站点的设置

示例JSP站点的设置

示例PHP站点的设置

简介

MacromediaDreamweaver8是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。

无论您是喜欢直接编写HTML代码的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver都会为您提供帮助良多的工具，丰富您的Web创作体验。

本指南将介绍如何使用MacromediaDreamweaver8，其对象是对该软件的主要特性尚不熟悉的用户。

本指南中的教程将引导您完成创建一个简单但具备一定功能的Web站点的过程。

本章包含以下主题：

Dreamweaver8的功能

Dreamweaver8的新增功能

安装Dreamweaver8

注册Dreamweaver8

字形约定

Dreamweaver8的功能

利用Dreamweaver中的可视化编辑功能，您可以快速创建Web页面而无需编写任何代码。

您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。

您可以在MacromediaFireworks或其它图形应用程序中创建和编辑图像，然后将它们直接导入Dreamweaver，从而优化您的开发工作流程。

Dreamweaver还提供了其它工具，可以简化向Web页中添加Flash资源的过程。

除了可帮助您生成Web页的拖放功能外，Dreamweaver还提供了功能全面的编码环境，其中包括代码编辑工具（例如代码颜色、标签完成、“编码”工具栏和代码折叠）；有关层叠样式表（CSS）、JavaScript、ColdFusion标记语言（CFML）和其它语言的语言参考资料。

Macromedia的可自由导入导出HTML技术可导入您手工编码的HTML文档而不会重新设置代码的格式，您可以随后用您首选的格式设置样式来重新设置代码的格式。

Dreamweaver还使您可以使用服务器技术（如CFML、ASP.NET、ASP、JSP和PHP）生成动态的、数据库驱动的Web应用程序。

如果您偏爱使用XML数据，Dreamweaver也提供了相关工具，可帮助您轻松创建XSLT页、附加XML文件并在Web页中显示XML数据。

Dreamweaver可以完全自定义。

您可以创建您自己的对象和命令，修改快捷键，甚至编写JavaScript代码，用新的行为、属性检查器和站点报告来扩展Dreamweaver的功能。

Dreamweaver8的新增功能

Dreamweaver8包括许多新增功能，使您只需花费最少的时间和精力便可生成Web站点和应用程序。

Dreamweaver使复杂的技术变得简单而方便，以帮助您达到事半功倍的效果。

下面是Dreamweaver8中的一些主要新增功能：

∙“缩放”工具和辅助线

∙可视化XML数据绑定

∙新的CSS样式面板

∙CSS布局的可视化

∙代码折叠

∙“编码”工具栏

∙后台文件传输

∙“插入Flash视频”命令

安装Dreamweaver8

本节介绍如何安装Dreamweaver。

请务必阅读Macromedia网站（中的发行说明，以了解最新信息或指导。

若要安装Dreamweaver，请执行以下操作：

1将DreamweaverCD插入计算机的CD-ROM驱动器。

2执行下列操作之一：

o在Windows中，Dreamweaver安装程序将自动启动。

o在Macintosh中，请双击桌面上出现的Dreamweaver安装程序图标。

3按照屏幕上的指导执行。

安装程序将提示您输入所需信息。

4如果出现相应提示，请重新启动计算机。

注册Dreamweaver8

若要获得更多的Macromedia支持，最好以电子方式或通过邮件注册您的MacromediaDreamweaver8的副本。

在注册后，您可以登录以接收与Macromedia升级产品和新产品有关的最新通知。

您还可以登录，以获得与和Web站点上提供的产品更新和新内容有关的即时电子邮件通知。

若要注册MacromediaDreamweaver8，请执行以下操作之一：

∙选择“帮助”>“联机注册”并填写电子表格。

∙选择“帮助”>“书面注册”，打印该表格，并将表格邮寄到表格中所示的地址。

字形约定

本指南中采用以下字形约定：

∙菜单项按如下格式显示：

“菜单名称”>“菜单项名称”。

子菜单中的项按如下格式显示：

“菜单名称”>“子菜单名称”>“菜单项名称”。

∙Code字体指示HTML标签和属性名称以及在示例中使用的文字。

∙Italiccode字体指示代码中可替换的项（有时称作元符号）。

∙Boldroman文本指示您需要逐字输入的文本。

学习Dreamweaver

MacromediaDreamweaver8包括了多种资源，将帮助您快速了解该程序并熟练创建您自己的Web页面。

所有Dreamweaver文档均以电子帮助和PDF两种格式提供。

本章包含以下主题：

从哪里开始

高效使用Dreamweaver文档

使用Dreamweaver帮助系统

从哪里开始

Dreamweaver文档包含为各种不同背景的读者提供的信息。

本节帮助您了解如何根据您的背景来学习该文档，以及使用Dreamweaver可以实现的功能。

本节包含以下主题：

∙Web设计初学者

∙有经验的Web设计人员

∙有经验的手工代码编写者

∙Web应用程序开发人员

Web设计初学者

如果您对Web设计比较生疏，本节将为您指出Dreamweaver文档中最适合您的背景的章节。

对于Web设计初学者：

1首先阅读Dreamweaver基础。

然后继续阅读本书中的教程。

这些教程分为两部分。

前五个教程面向初学者，指导您完成开发一个小型但具有一定功能的Web站点的过程。

教程的第二部分介绍了更高级的概念。

最好在您已具备一些建立Web页面的经验后，您再学习更高级的教程。

2在《使用Dreamweaver》（“帮助”>“使用Dreamweaver”）中，您将通过阅读了解工作区、设置Dreamweaver站点、管理您的文件和创建和打开文档对在《Dreamweaver入门》中所学的内容有更全面的了解。

3阅读《使用Dreamweaver》中的使用CSS对页进行布局和使用表格显示内容了解有关页面布局的更多信息。

4若要了解如何设置文本格式和在页面中包含图像，请阅读《使用Dreamweaver》中的插入文本和设置文本格式和插入图像。

5如果您希望创作高质量的Web站点，则只需了解上述内容，但如果您准备了解如何使用更为高级的工具，则可以按顺序阅读《使用Dreamweaver》中静态页章节的其余部分。

最好在较为了解如何创建Web页后，才开始阅读动态页章节。

有经验的Web设计人员

如果您是个有经验的Web设计者，本节将为您指出Dreamweaver文档中最适合您的背景的章节。

有两种不同的方法：

一种针对不熟悉Dreamweaver的设计者，另一种针对熟悉Dreamweaver但是想了解有关创建动态页的更多内容的设计者。

对于有经验但不熟悉Dreamweaver的Web设计人员：

1首先阅读本《Dreamweaver入门》指南中的教程。

2在《使用Dreamweaver》（“帮助”>“使用Dreamweaver”）中，请阅读了解工作区，以了解有关Dreamweaver用户界面的更多信息。

3虽然您可能已熟悉设置Dreamweaver站点和管理您的文件中的许多内容，但还请大致浏览这些章节，以了解这些熟悉的概念在Dreamweaver中是如何实现的。

尤其请注意有关设置Dreamweaver站点的章节。

4有关使用Dreamweaver创建基本的HTML页的详尽信息，请阅读插入文本和设置文本格式和插入图像。

5有关在Dreamweaver中进行编码的信息，请参见设置您的编码环境、在Dreamweaver中编写代码、优化和调试代码和在设计视图中编辑代码。

6请阅读《使用Dreamweaver》中其它各章开头的概述，确定您是否对其中的主题感兴趣。

对于有经验、熟悉Dreamweaver但要详细了解如何创建动态页的Web设计者：

7首先阅读了解Web应用程序和教程：

开发Web应用程序教程。

首先阅读了解Web应用程序和教程：

开发Web应用程序教程。

8在《使用Dreamweaver》（“帮助”>“使用Dreamweaver”）中，大致浏览了解工作区以了解Dreamweaver用户界面的新内容，然后阅读为可视化开发优化工作区。

9通过阅读动态页设计工作流程来熟悉使用Dreamweaver制作动态页的工作流程。

10设置Web服务器和应用程序服务器。

（请参见设置Web应用程序。

）

11连接到数据库。

（请参见设置Web应用程序中的连接到数据库。

）

12请阅读《使用Dreamweaver》中各章开头的概述，确定您是否对其中的主题感兴趣。

有经验的手工代码编写者

如果您是个有经验的手工编码人员，本节将向您指出Dreamweaver文档中最适合您的背景的章节。

对于有经验的手工代码编写者：

1首先阅读《Dreamweaver入门》指南中的教程：

使用代码。

2在《使用Dreamweaver》（“帮助”>“使用Dreamweaver”）中，请阅读了解工作区，了解有关Dreamweaver用户界面的更多信息。

3虽然您可能已熟悉设置Dreamweaver站点和管理您的文件中的许多内容，但还请大致浏览这些章节，以了解这些熟悉的概念在Dreamweaver中是如何实现的。

尤其请注意有关设置Dreamweaver站点的章节。

4请在设置您的编码环境、在Dreamweaver中编写代码、优化和调试代码和在设计视图中编辑代码中阅读更多有关使用Dreamweaver进行编码的内容。

5请阅读《使用Dreamweaver》中各章开头的概述，确定您是否对其中的主题感兴趣。

Web应用程序开发人员

如果您是Web应用程序开发人员，本节将为您指出Dreamweaver文档中最适合您的背景的章节。

根据您以前是否使用过Dreamweaver，可以采用两种不同的方法。

对于没有使用过Dreamweaver的Web应用程序开发人员：

1首先快速阅读《Dreamweaver入门》指南，以便熟悉使用Dreamweaver的基本知识。

2在《使用Dreamweaver》（“帮助”>“使用Dreamweaver”）中，请阅读了解工作区，了解有关Dreamweaver用户界面的更多信息。

3虽然您可能已熟悉设置Dreamweaver站点和管理您的文件中的许多内容，但还请大致浏览这些章节，以了解这些熟悉的概念在Dreamweaver中是如何实现的。

尤其请注意有关设置Dreamweaver站点的章节。

4使用Dreamweaver设置Web服务器和应用程序服务器。

（请参见设置Web应用程序。

）

5连接到数据库。

（请参见设置Web应用程序中的连接到数据库。

）

6请阅读《使用Dreamweaver》中各章开头的概述，确定您是否对其中的主题感兴趣。

对于有经验且使用过Dreamweaver的Web应用程序开发人员：

7首先阅读《使用Dreamweaver》（“帮助”>“使用Dreamweaver”）中的Dreamweaver8中的新功能。

“新增功能”一节位于简介中。

8浏览了解工作区，以了解Dreamweaver用户界面的新内容。

高效使用Dreamweaver文档

Dreamweaver包含了多种媒体，可帮助您快速学习此程序并熟练掌握Web页的创建。

Dreamweaver帮助系统中包含多个文档，可帮助您学习Dreamweaver、Dreamweaver扩展功能和ColdFusion。

在学习如何建立Web页时，还可以查看许多其它在线资源。

本节包含以下主题：

∙访问Dreamweaver文档

∙访问其它Dreamweaver在线资源

访问Dreamweaver文档

下表概述了Dreamweaver帮助系统中包含的文档。

您可以购买所选标题名的印刷版本。

有关更多信息，请参见

标题

说明/目标用户

位置

Dreamweaver入门

提供Dreamweaver概念和界面的基本介绍，附带详尽的初级教程。

面向初级用户以及希望了解新功能的中级和高级用户。

∙在Dreamweaver中查看：

选择“帮助”>“Dreamweaver入门”

∙在线查看：

∙获取PDF：

使用Dreamweaver

关于所有Dreamweaver功能的详尽信息。

面向所有Dreamweaver用户。

∙在Dreamweaver中查看：

选择“帮助”>“Dreamweaver帮助”或“帮助”>“使用Dreamweaver”

∙在线查看：

∙获取PDF：

扩展Dreamweaver

介绍Dreamweaver框架和应用程序编程接口（API）。

面向希望创建扩展功能或自定义Dreamweaver界面的高级用户。

∙在Dreamweaver中查看：

选择“帮助”>“扩展Dreamweaver”

∙在线查看：

∙获取PDF：

DreamweaverAPI参考

介绍实用程序API和JavaScriptAPI，它们使您能够在开发Dreamweaver扩展功能时执行各种支持任务。

面向希望创建扩展功能或自定义Dreamweaver界面的高级用户。

∙在Dreamweaver中查看：

选择“帮助”>“DreamweaverAPI参考”

∙在线查看：

∙获取PDF：

使用ColdFusion

收集了ColdFusion文档集中最重要的手册。

（LiveDocs上有完整的文档集。

）适用于对ColdFusion感兴趣的所有人，包括初级用户和高级开发人员。

∙在Dreamweaver中查看：

选择“帮助”>“使用ColdFusion”

∙在线查看：

∙获取PDF：

参考资料

包括介绍HTML、服务器模型和其它主题的各种参考手册，主要由O’Reilly发行。

面向需要进一步了解编码语法、概念等信息的所有人。

∙在Dreamweaver中查看：

选择“帮助”>“参考”。

若要查看这些手册的完整列表，请单击“参考”面板中的“书籍”弹出式菜单。

访问其它Dreamweaver在线资源

下表概述了用于学习Dreamweaver的其它在线资源。

资源

说明/目标用户

位置

Dreamweaver支持中心

为Dreamweaver用户提供的技术说明、支持和帮助解决问题的信息。

Dreamweaver开发人员中心

提供文章和教程，可帮助您提高技能并学习新技能。

Dreamweaver文档资源中心

获取PDF格式的产品手册、勘误表、教程和发行说明。

Macromedia在线论坛

Dreamweaver用户、技术支持代表和Dreamweaver开发小组在此开展讨论并提供解决问题的信息。

Macromedia培训

提供注重实地任务和实际方案的课程。

使用Dreamweaver帮助系统

“帮助”菜单中的联机帮助系统提供了有关使用Dreamweaver可执行的各种任务的详细信息。

若要查看该帮助中提供的文档列表，请参见访问Dreamweaver文档。

本节包含以下主题：

∙打开帮助

∙搜索帮助

∙使用索引

∙更改字体大小

∙使用起始页

∙打印Dreamweaver文档

∙讨论LiveDocs格式的Dreamweaver文档

打开帮助

当您在Dreamweaver中工作时，可以访问产品中的帮助。

若要打开Dreamweaver帮助，请执行以下操作：

∙选择“帮助”>“Dreamweaver帮助”。

搜索帮助

可以对Dreamweaver帮助执行全文搜索。

若要搜索产品中的帮助（Windows），请执行以下操作：

1在Dreamweaver帮助中，单击“搜索”选项卡。

2在文本框中键入一个单词或短语，然后单击“列出主题”。

3双击结果列表中的一个主题，可显示该主题。

提示

若要搜索特定短语，请用双引号将其引起来。

若要搜索产品中的帮助（Macintosh），请执行以下操作：

4在Dreamweaver帮助中，在“提出问题”文本框中键入一个单词或短语，然后按Enter。

5双击结果列表中的一个主题，可显示该主题。

使用索引

使用索引可以快速找到信息。

若要使用索引（Windows），请执行以下操作：

1在Dreamweaver帮助中，单击“索引”选项卡。

2滚动到字母列表中的一个索引项，然后双击该项可显示索引信息。

提示

可以在文本框中键入一个关键字，以快速滚动到某一索引项。

若要使用索引（Macintosh），请执行以下操作：

3在Dreamweaver帮助中，在目录中单击“索引”链接。

4单击某个字母以滚动到列表中的某一索引项。

5单击该项旁边的数字，可显示索引信息。

更改字体大小

可以更改帮助系统所使用的字体大小。

若要更改Windows帮助查看器中的字体大小，请执行以下操作：

1打开InternetExplorer。

Windows帮助查看器中的字体大小可在InternetExplorer中进行设置。

2选择“查看”>“文字大小”，然后选择一个大小。

若要更改Apple帮助查看器中的字体大小，请执行以下操作：

∙在帮助中，选择“编辑”>“减少字体大小”，或“编辑”>“增加字体大小”。

使用起始页

当您启动Dreamweaver而未打开文档时，工作环境中将显示Dreamweaver起始页。

使用起始页，您可以快速访问Dreamweaver教程、最近使用的文件以及DreamweaverExchange；在DreamweaverExchange中您可以向某些Dreamweaver功能添加新的功能。

使用起始页的方法与使用Web页很相似。

单击要使用的任一功能即可。

若要禁用起始页，请执行以下操作：

1运行Dreamweaver而不打开文档。

将显示起始页。

2单击“不再显示”。

打印Dreamweaver文档

Macromedia的Web站点中提供有PDF格式的下列书籍：

∙《使用Dreamweaver》

∙《Dreamweaver入门》

∙《扩展Dreamweaver》

∙《DreamweaverAPI参考》

可以在自己的打印机中打印PDF的部分或全部，或将PDF文档送到复印店进行复印。

讨论LiveDocs格式的Dreamweaver文档

Dreamweaver文档还通过LiveDocs格式在线提供。

Dreamweaver帮助的LiveDocs版本看起来与产品中的帮助非常类似，但它允许您对各个帮助页的内容进行注释。

可以根据您自己的经验对特定的Dreamweaver主题添加有用的信息，或恳请Dreamweaver设计和开发人员提供建议。

DreamweaverLiveDocs位于以下位置：

Dreamweaver基础

为了最有效地使用MacromediaDreamweaver8，您应了解Dreamweaver工作区的基本元素。

本章介绍最重要且最常用的工作区元素，并讲述如何在Drea