网页制作Dreamweaver外文文献及翻译 第4页
Dream weaver 3. 0是Macromedia公司推出的网页编写工具Dream weaver的最新版本。它的特点是所见即所得，这对于刚人门的新手来说无疑是福音了。它还带有网站管理功能，可以方便地设计和管理多个网站。图1所示就是Dream weaver 3. 0启动时的界面。
1. Dream weaver简介
Dream weaver 3. 0比起它的前任Dream weaver 2. 0在操作界面上更加友好和实用，功能也得到了进一步的完善。读者会发现，创作网页原来这么轻松。不用书写一页代码，就能快速创建动态HTML网页，例如动画和分层等；利用Dream weaver的目标浏览器，可以创建适用于各种平台和浏览器的兼容性极好的网页；还可以利用Dream weaver中的Roundtrip HTML技术精确控制Dream weaver生成的网页源代码。更可贵的是，Dream weave：为您提供了个性化的空间。您可以创建自己的对象和命令，修改菜单和快捷键，甚至创建自己的JavaScript来扩展Dream weaver。毫不夸张的说，Dream weaver给您的网页制作带来了无尽的空间。
2. Dream weaver功能概述
(1)文档的创建和使用
文档的操作是网页制作的基础。Dream weaver不仅可以创建空白文档和基于模板的文档，还可以编辑其他程序中创建的HTML文档，例如FrontPage等。Dream weaver还提供了历史（History）面板。历史面板记录了读者在文档窗口中操作的历史，它可以帮助您撤销或重复步骤，大大简化了网页的制作过程。图2就显示了一种显示历史面板的方法。
＊加入图像和超级链接
(2) Dream weaver 3. 0的新功能
Dream weaver 3. 0的新特性增强了HTML编辑功能，改善了网站管理，允许用户添加导航栏（Navigation Bar)、图片地图(Images Maps）等元素，使工作流程流线化、用户化并扩展Dream weaver。
(a) HTML编辑功能
＊快速标签编辑器：使用户不用离开Dream weaver文档窗口就可以快速修改、添加、移动HTML标签。
＊HTML风格：在Dream weaver 3. 0中可以使用多浏览器支持的标准HTML标签来创建风格（比如标签<b> 和标签<Font>），但在以前的版本中，只能使用层叠风格单（CSS）.
(c)创建和编辑对象和页面元素
＊用户可以在对象面板中可以轻松地得到常用的对象。
＊用户可以运用框架对象轻松快捷地创建已定义的框架对象。
(d)流线化工作流程
＊使用Dream weaver 3. 0的设计附注，用户可以在网站的文件上添加附注信息，以便其它网站的文护人员准确地了解文件中的内容，对文件进行跟踪和管理。甚至可以为Fireworks的图片文档加附注。
＊导人及净化Word生成的HTML文件：Word 2000发布后，使用它来制作网页的人越来越多。Dream weaver允许用户导人和编辑Word生成的HTML文件。Dream weaver在导入代码后，还会从Word生成的HTML文件中删去那些无用的XML代码和风格；删除无用的标记，修复无效的HTML代码及对其重新进行格式化。
＊使用历史面板（History Palette）用户可以进行撤销操作、恢复操作、拷贝操作等。而且还可以将一些步骤储存起来，这样，它们就成为了命令（Commands），并在命令菜单中出现。
＊使用Repeat功能可避免重复操作。
＊在Dream weaver 3. 0中，可自动创建包含外界数据的表格，这些数据可以从诸如Microsoft Excel或者Microsoft Access生成的分隔符形式的文档中读取。
＊从Dream weaver中启动Fireworks以编辑PNG图像，或者直接向Fireworks生成的图像中导人源代码和图像。
＊在Dream weaver 3. 0中，如果希望编辑其它类型的文件，不必切换出去，在网站窗口中直接双击文件就可以使用其它外部编辑器打开它。
(e）用户化和扩展Dream weaver
用户可以根据自己的需要改变Dream weaver的各种面板或者菜单，设置个性化的工作环境。
＊用户可以根据自己的需要，改变Dream weaver中原来的菜单和快捷键，甚至还可以扩展它们。
＊Dream weaver提供300个新的应用程序接口（API）函数，允许用户创建自己的JavaScript来扩展Dream weaver.
3．创建简单的Web网站
要熟悉Dream weaver 3. 0，第一步就是在本地硬盘上建立自己的网站。下面就要讲述怎样使用Dream weaver的自带资源，来建立一个网上咖啡店网站。
在这个过程中，你将学会如何用Dream weaver来建立一个本地网站并创立和编辑Web文档。当客户浏览这一网站时，会看到公司概况、每周专递以及网上产品目录。
在这个过程中，介绍的内容包括：
＊定义一个本地网站
＊创建一个文档
＊使用层来布局一个网页
＊图像上的捆绑行为
＊创建链接
＊创建网站地图
(1)创建本地网站
(a)创建网站结构
创建网站之前，需要建立一个新的文件夹。由于是使用Dream weaver中的自带资源，所以必须：
①在本地硬盘的原文请找腾讯752018766优|文^论/文-网
http://www.youerw.com \ Scald \ site目录拷人D: \ Sites.
(b）定义一个本地网站
在创建本地网站之前，首先需要为Scald Site目录下的文件定义一个本地网站。网站是一个特定的地点用来存储所有需要使用的文档。定义网站后，Dream weaver就会知道用户是在哪里储存所有的网站文件。使用Dream weaver建立的每一个Web网站，都需要定义本地网站。
在我们所举的这一例子中，把Scald site目录定义为本地网站文件夹。
①启动Dream weaver会自动新建一个文档。
②选择菜单命令Site I New Site会弹出网站定义对话框（Site Definition Dialog Box)。
③在目录（Category）列表中选定Local Info,
④在网站名称文本框中键入my tutorial,
⑤选择本地根目录（Local Root)，在本例中，选择D: \ Sites \ Scaal_site \。显示出的本地根目录就是本地网站。
⑥单击OK，这时会弹出一个对话框，询问是否创建网站缓冲文件（Cache file)，单击创建（Create)。缓冲文件是网站文件的列表，在移动、重命名以及删除文件时，将协助Dream weaver更新链接。
⑦网站窗口（Site Window）将显示本地网站My tutorial的整个文件夹以及文件的列表。列表就像一个文件管理器，使用它可以移动、重命名、删除及打开文件。如图7所示。
⑧让网站窗口打开着，并激活文档窗口。
(2）创建网站主页
现在已经建立了一个储存网站的文档结构，接下来要做的就是创建一个网站的主页。在建立文档时需要加人页名称、层、图像、文本以及链接。完成这部分工作后，将看到创建的主页与Dream weaver中提供的主页一模一样。在工作之前，需要在工作区用Window！objects命令打开对象面板（Object Palette）并用Window I Properties命令打开属性监视器（Property inspector).
(a)保存主页
保存运行Dream weaver时新建的空白文档。
①使用File/Save。命令。
②在存储对话框中选择D: \ Sites \ Scald site目录，并将文件名指定为My_ scald_ home. html，单击保存。
(b）定义该页的标题
为HTML文档定义一个页标题（(Page title）会帮助使用者在浏览时区分并跟踪网页。在浏览该网页时，页标题会出现在浏览器的标题栏（title bar）上。当加人书签时，页标题将会出现在书签列表中。上一页 [1] [2] [3] [4]
网页制作Dreamweaver外文文献及翻译 第4页下载如图片无法显示或论文不完整，请联系qq752018766
