最好的网页制作和网站建设教程站 http://homepage.deidc.com/ zh-cn NBArticle http://homepage.deidc.com//articleview/2007-3-13/article_view_2468.htm 请看这里

　　一、 准备工作
　　我们将首先创建一个基本的链接样式，其他的样式将在此基础上添加一个自定义的Class类。　　1、 Shift+F11打开样式面板，点击新建样式按钮，如图；

　　2、 在Type选项中选择Use CSS Selector，创建默认链接样式，如图；

　　3、 按照图三中所示设定默认链接的样式为无下划线，字体为宋体9pt，其他色彩等等都不设置，我们将在后面为每一个Class类分别设置。

　　4、 定义样式类Class。我们下面的每一个样式风格都是定义了一个单独的类，并将其赋予链接文字。步骤如下：点击添加打开新定义样式面板，选择Make Custom Style（class）定义自己的样式类。如图；

　　5、 为链接文字添加样式类。在Dreamweaver中选择一项链接文字，在窗口最下端的快速标签选择条上选择标签，右键点击此标签，选择Set Class将自定义的样式赋予此链接文字即可，如图；

　　6、 其它链接文字样式的做法与此相同，后面我将不再作介绍。在本教程中有关定义hover状态的链接样式办法，朋友们可以自己制作。我也不再作介绍，只是提示定义时直接输入[.t1:hover]即可。

　　二、 初级链接样式
　　这部分的链接效果我们将完全在样式编辑器的Type分类中完成，如何创建和设置我不再细说，只把完成的面板图给大家看，并稍作介绍。
　　1、 普通链接。如图；
　　普通的链接都是在样式编辑器的Category分类中的第一项Type中设定，Color定义链接字体的颜色，Decoration定义链接的划线风格，分为以下几类：
　　underline：下划线
　　overline：上划线
　　line-through：删除线
　　blink：闪动线
　　none：无划线
　　本部分的其他几种链接样式都是通过改变划线的组合来达到的效果。
　　2、 无下划线链接，如图；

　3、 双划线链接，如图；

　　4、 删除线链接，如图：

　　三、 进阶链接样式
　　接下来我介绍一种另类链接样式的定义方法，这种方法主要是利用样式表中的Border属性来替代普通链接的划线，由于Border有更多的控制参数和样式，因此可以实现一些特殊的效果。我们来看看下面的面板，如图；

　　在Border选项中包括Width（划线宽度）、Color（划线色彩）、Style（划线种类）三部分，而每部分又是可以针对不同的边框设定不同的参数，这是普通链接划线不可能实现的效果。
　　需要提醒大家的是，使用这种方法定义链接样式还有一个必要的条件：就是必须定义样式中的Box属性，如图；

　　这是因为Border是属于样式中的块状元素，我们必须先定义一个块状元素才可以使Border起作用。我们只要任意定义Box选项中的Width或Height即可，具体数值大家可以试着看看效果，我在这里定义了Height为0。下面我们看看可以做出什么样的效果。
　　1、 另类链接样式。设置如图；

　　2、 定制下划线色彩，我们可以定义出下划线与文字不同的色彩，这是普通链接文字不可能实现的效果，只要将Border的色彩和文字的色彩定义的不同即可，如图；

　　3、 定制下划线距离。此种划线的距离我们可以在Box分类中设置，只需改变Padding的数值，在本例中我们设定Padding—Bottom为5pix，如图；

　　4、 定制划线长度和对齐方式。更进一步我们还可以精确定义划线的长度和对齐方式，打开Box分类设定Width为200，如图十五；设定Block分类的Text Align为Center，即中间对齐，如图；

　

　　5、 定制双划线效果。改变Border中的Style即可改变划线的外观，其中设定Style为Double，并设定Bottom为3pix即可实现双划线的效果。如图；

　　四、 高级链接样式
　　通过组合应用上面介绍的技术，我们还可以创作出更复杂的文字链接样式，下面我们介绍三个例子。
　　1、 定义块状链接。首先给链接增加一个背景色，如图；

　　再为文字链接增加四边框即可实现平面块状文字链接，如图；

　　2、 定义按钮状文字链接。改变边框的样式，定义Border-Style为outset，如图；

　　定义Box选项中的Width和Height可以定义按钮的宽和高，定义Padding为2pix可以使链接文字与按钮四周有2pix的间距，如图；

　　3、 定义特效文字链接。CSS样式表中还包含了一组特效滤镜，我们可以再结合滤镜与前边的参数创建特殊的链接样式。本例中我创建了一个使用Blur滤镜的文字链接，并带有边框效果。如图；

　　4、 定义静态背景切换的效果。本例是通过对链接文字普通状态和Hover状态设定不同的背景图片来实现背景切换的效果。见下图：

　　5、 动态背景切换的效果。此效果与上例基本一样，只是在Hover状态定义了一个动态Gif图片背景。而且这个图片需要一点技巧就是设定循环为一遍，并在最后添加一个帧，设定帧的时间为一个较大的值，如10000。这样可以使动画执行一边后就停止。为改善效果执行时的速度，我们还需要在Dreamweaver中增加了一个Preload /doc/webpage/images/images行为。这需要打开行为面板，并添加Preload /doc/webpage/images/images行为，如图：

　　我们可以把最后两种链接样式所需要用到的四张图片都预先载入，如下图：

　　五、 总结
　　我就介绍这么多链接样式，配合设置链接文字的hover状态，可以实现非常漂亮的效果，希望朋友们根据上面的思路，组合创造出更多地链接文字样式。记住，样式表就好比网页制作中具有宝藏的一个冰山，今天我们只是揭开了冰山小小的一个角落，更多的宝藏等着你去挖掘。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:58:48 GMT http://homepage.deidc.com/review.asp?articleid=2468 http://homepage.deidc.com//articleview/2007-3-13/article_view_2467.htm

　　如果您找不到这个东东，也可以去这里下载一个最新版本的EM回来安装：http://www.macromediachina.com/exchange/em_download/

　　第二步，安装EM之后，mxp格式的插件就会变成下面的图标，表示这种类型的文件已经和插件管理器管理起来。

　　这时双击插件的图标，然后点“Accept”按钮接受安装协议，最后看到下图的提示表示安装成功：

　　然后让我们来看看插件管理器的使用界面：

　　上图中的数字分别代表：
　　1、安装插件
　　2、卸载插件
　　3、这些是哪个软件的插件（Dreamweaver、Flash、Fireworks或其他）
　　4、Macromedia插件中心
　　5、帮助
　　6、用图标表示的插件类型
　　7、插件选择开关
　　8、插件名称
　　9、插件版本号
　　10、插件类型
　　11、插件作者
　　12、插件功能描述
　　13、插件使用说明
　　安装成功之后，就可以在Dreamweaver的菜单中通过相应的命令来调用它们了。Dreamweaver插件一般有四种类型：Object，Command，Behavior和Suite。这几种插件的命令会出现在Dreamweaver菜单的不同部分，简要说明如下：
　　Oeject　在Insert菜单下
　　Command　在Commands菜单下
　　Behavior　在Behavior菜单下
　　Suite　套装插件，看插件管理器中的使用说明（上图中第13部分）
　　一般的插件使用起来都很简单，简单摸索一下就行了，有些插件只有在一定的前提条件下才能使用，比如针对层的插件，可能要求你先在页面里插入层；针对表单的插件，可能要求你先在页面里插入一些表单对象。遇到这种插件，最好先仔细阅读插件的使用说明。
　　参考这些常见插件的使用方法，并加以实践，你会发现，原来使用插件就是这么简单 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:58:20 GMT http://homepage.deidc.com/review.asp?articleid=2467 http://homepage.deidc.com//articleview/2007-3-13/article_view_2466.htm 　　相对一些不熟悉HTML代码的朋友来说，可以使用网页编辑软件自带的动作来编辑。
　　最简单的其实要属使用FrontPage了，它的很多特效是Java Applet的，但象这种鼠标事件效果是Javascript的，实现的很累赘，外挂了一个足有14K大小的JS文件。
　　Dreamweaver中的效果不错，相对FrontPage虽然代码仍很多，但总体简单些。所以我们推荐初学者使用Dreamweaver来实现这个效果。步骤如下：
　　1、插入鼠标没有移上去前显示的图片，打开DW中的行为面板，点击“＋”。

　　2、在出现的下拉菜单中选择“交换图像”

　　3、选择鼠标移上去后显示的图片，确定。

　　4、这时候行为面板中会有事件和动作，直接保存叶面，完成。

　　不过此方法会产生较长的js代码，所以并不推荐使用。
　　其实实现鼠标事件效果最完美的方法是插入一小句代码即可。代码如下：
<image src="img1" onmouseover="this.src='img2'" onmouseout="this.src='img1'">
而事实上，这种效果一般不超过100个字节（你别告诉我文件名就有几十个字节哦）。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:57:58 GMT http://homepage.deidc.com/review.asp?articleid=2466 http://homepage.deidc.com//articleview/2007-3-13/article_view_2465.htm 很多人都使用很多的编程工具，尤其对于Web开发人员。这个小教程将告诉各位如何使DreamweaverMX编程环境适合中国的Web开发人员。
　　一个使用DreamweaverMX的开发人员，最希望自己的编程环境看上去是最舒服的。那么，他可能希望：DWMX能够非常完美的在页面编程状态显示中文
　　DWMX能够完美显示中文的同时，英文的编程环境也是最漂亮和舒服的。
　　以DWMX中文版而言，我们安装完毕后，打开页面的程序编辑方式，看到了非常令我们难以忍受的代码显示方式，难看而且字符不清楚，因为默认安装完DWMX中文版后，代码显示是仿宋！！！不知道Macromedia是怎么想的。就冲这一点，就算DWMX功能再强，可能很多中国开发者就已经开始犯恶心了。很多开发者采用了Dreamweaver4的方式，先修改DWMX的参数，把编码字体显示为宋体9pt，然后改注册表。改完之后，感觉好多了。编码的中文显示非常舒服，标准的门户网站新闻字体。但是英文程序也同时显示成为了宋体9pt，看上去总是那么不舒服，而且最大的问题是光标的位置很不舒服。有时会出现光标在字符的中间。没办法，忍气吞声的用吧！很多CF的开发者越来越怀念当年的cfstudio的显示环境。我们怎么办？改注册表，先关闭DWMX。　　步骤如下：
　　使用“regedit”打开注册表。
　　找到“HKEY_CURRENT_USER->software->Macromedia->Dreamweaver 6->Font Preference”。
　　打开其中的“CharEncoding_8”。不同系统编号不同，但是要找到Encode name值是“简体中文”的那个字符编码的Key。
　　把里面的HTML Inspector Font的值改成“Verdana”。
　　关闭regedit。
　　不用担心，中文的环境支持英文字体显示。
　　最后，重启DWMX。打开看看编码环境，清新舒爽，哈哈哈。慢慢享用舒服的编程环境吧！
截图如下：

  …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:57:31 GMT http://homepage.deidc.com/review.asp?articleid=2465 http://homepage.deidc.com//articleview/2007-3-13/article_view_2464.htm 层的八条定律
　　当然，这些并非真正的定律，而只是一些有益的忠告，使你免陷于使用层时可能的困顿中。原来有九条定律的，我们精简掉一条，还有下面的八条：

　　1. 如果你要嵌套层，决不要使用多重父层，应共享一个共同的单一父层。如果你必须使用未在样式表中作完全限定的嵌套层，应在 Netscape4x 中做经常的检查。
　　2. 总是将文本放在层中的一个表格里 - 表格应该是绝对大小的（以像素为单位，而不是百分比）且不大于层，不过主表中的嵌套表可以设置为相对的百分比大小。这样做可以防止当窗口大小改变时，NC4xx会重新调整文字到不可预期的位置。
　　3. 决不放置层在表格中。Netscape 4x 将不能正确地理解表格中的层。
　　4. 总是使用 Netscape Resize Fix 这个插件于任何具有层或 CSS 样式的页面。
　　5. 不要期望当浏览器窗口大小或屏幕分辨率发生变化后，绝对定位的层仍能保持与居中的表格或页面内容的对齐。有插件可用来动态的实现这个效果。
　　6. 不要试图在层中放置滚动条（用 overflow 属性）- 使用一个 DHTML 滚动器或者 Project Seven IFRAME 技术来代替，对于Netscape 4.x用户，可以在IFRAME中设置一个特定的弹出页面。
　　7. 决不给层和一幅图像相同的命名 - 每个层应该有自己唯一的并区别于页面中的其它元素的名字（事实上，你不应该让两个具有相同的名称的元素出现在同一个页面中）。
　　8. 不要直接对层应用事件/行为。它们将不能跨浏览器地工作。应用它们到层中的内容（链接或图像）而不是层自身。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:56:57 GMT http://homepage.deidc.com/review.asp?articleid=2464 http://homepage.deidc.com//articleview/2007-3-13/article_view_2463.htm 网页过渡是指当浏览者进入或离开网页时，页面呈现的不同的刷新效果，比如卷动、百叶窗等。这样你的网页看起来会更具有动感，不过也要注意适可而止，否则太花哨的变化也容易引起浏览者的反感。
　　实现这个功能并不难，只需两步。
　　首先用Dreamweaver打开页面，然后单击菜单中的Insert\Head\Meta（插入/文件头标签/Meta），会弹出如下图所示的对话框。
　　在对话框中的Attribute选项的下拉列表中选HTTP-equivalent选项，在Value：中键入Page-Enter，表示进入网页时有网页过渡效果。在Content:中键入Revealtrans(Duration=4,Transition=2),Duration=4表示网页过渡效果的延续时间为4秒，Transition表示过渡效果方式，值为2时表示圆形收缩。

　　输入完后单击确定，存盘。这样当我们点击一个超链接进入这个页面时就可以看到效果了。另外还有二十多种效供你选择，只要将Transition的值改为相应的效果的代号即可，具体效果和设置如下表所示：

  …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:56:29 GMT http://homepage.deidc.com/review.asp?articleid=2463 http://homepage.deidc.com//articleview/2007-3-13/article_view_2462.htm 　　比如网页的背景要如图所示，并要求在不同的分辩率下该背景图都显示在右下角，想想看，有办法吗？

　　想将它做成一张大图？！不行，不同的分辩率，图的大小不同呀，你只能做一张背景。怎么办呢？？？
　　别担心，你只需要下面这个背景就好了：

　　也许你会说，看起来不可以呀，才这么一张小图，而且网页背景都是平铺的嘛！
　　别担心，你忘记CSS了？在Dreamweaver中做起来其实一点不困难。首先建立一个新样式，如图：

　　在样式中，选“Background”选项，再在右边进行设置，本例首先在“Background Image”选项中输入背景图像的路径，就是刚才所切的小图。
　　“Repeat”是问你是否重复的平铺背景图，这里是单张效果，当然不希望平铺，所示设置成“no-repeat”。
　　“Attachment”选项是问你图像位置是否固定，设置“Fixed”，表示固定。
　　“Horizontal”是水平位置，这里选“right”表示居右。
　　“Vertical”是垂直位置，这里选择“bottom”，表示靠底。

　　这样，定义好的这个样式，不仅可以应用到页面的背景，甚至可以用到表格、单行格中去。大家用Dreamweaver来编辑一下，研究一下。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:56:10 GMT http://homepage.deidc.com/review.asp?articleid=2462 http://homepage.deidc.com//articleview/2007-3-13/article_view_2461.htm
　　一、格式化表格
　　表格的格式化主要包括表格的对齐方式、间距与边距的调整、边框的设置及背景的设置。大部分工作可以通过表格的属性面板完成，如图所示。

　　对齐：选定表格后，通过属性面板中Align(对齐)设置表格在网页中对齐方式：居中、居左或居右，如果你要使表格想去哪就去哪，想不去哪就不去哪，还得另想高招：
　　1、将表格放置到层中；
　　2、表格中嵌套表格。
　　CellPad(边距)和CellSpace(间距)：搞清楚两个概念是关键：边距是指单元格中文本与单元格边框之间的距离，而间距是指单元格之间的距离，如图所示，两者的单位都是象素，默认情况下以间距2，边距1的设置显示表格。

　　表格的边框：可设置颜色和宽度，在“Border(边框)”域中默认值是1，增大数值可使边框宽度增加，形成立体边框，若输入的数值为“0”，则在浏览网页时不显示的表格的边框，只显示其中内容，这在网页设计中是应用比较多的。通过“BrdrColor(边框颜色)”域设置边框的颜色。
　　表格背景：在“BgColor(背景颜色)”和“BgImage(背景图象)”域中对背景可设置颜色和图象，在设置背景图象时若表格大于图象，则图象是重复出现的。有时可形成奇特效果。

　　二、格式化单元格
　　单元格的格式化包括单元格及其中内容的格式化，通过单元格的属性面板进行设置，如图所示。

　　单元格中文本：主要对字体、字号、颜色、对齐方式、是否换行等设置。在这里特别说明的是“NoWrap(换行)”的设置，默认单元格中的文本“换行”的，如果内容较长且要求相对完整，那么就要设置为“不换行”，选中“NoWrap”后的复选框即可，这样在网页浏览时表格的宽度可能超过显示器屏幕。选中“Header”后复选框可将光标所在行设置为标题：文本加粗并自动居中。
　　单元格背景：在“Bg(背景)”域中给单元格加上背景颜色或图象，方法与表格背景的设置相同。
　　单元格边框：在“Border(边框)”域中设置单元格的颜色。

　　三、使用设计方案格式化表格
　　使用“格式化表格”命令可以向表格快速应用一个预置的设计。您可选择选项定制该设计。若要使用预置设计：
　　1、选定表格然后选择“Commands/Format Table”。
　　2、在出现的对话框左边列表中选择一个设计方案，右边将显示该方案的一个样本。如图所示：

　　3、若要进一步定制设计，可以对“RowColor(行颜色)”，“TopRow(首行)”及“LeftCol(首列)”进行修改。
　　4、若要修改边框宽度，在“Border(边框)”域中输入一个数值，如果不需要边框则输入0。
　　5、若要对表格单元格(td标签)而不是表格行(tr标签)应用设计，请选择“Apply All Attributes to TD Tags Instead of TR Tags(将所有属性应用到TD标签而不是TR标签)”。
　　表格单元格格式化会覆盖您为该单元格所在行指定的一切格式。然而，如果您需要行中的所有单元格都格式化到一种格式，那么最好是格式化该行而不是该行的每个单元格，这样可以得到更加清楚而简练的HTML源代码。
　　6、点击“应用”或“确定”以使用选定的设计格式化表格。

　　四、格式化表格与单元格中的几个顺序问题
　　如果同时设置了表格背景和单元格背景，会出现何种现象呢？即那一种设置优先呢？
　　当在“文档”窗口中格式化表格时，您可以定义要应用到整个表格或是选定的行，列，单元格的属性。当某属性，如背景颜色或对齐方式，对整个表格设置与对表格某些单元格的设置不同时，理解Dreamweaver如何解释HTML源代码就很有用了。
　　当同样的属性在表格中被多于一次设置时，Dreamweaver将采用如下的解释方式：单元格格式(td标签的一部分)优先权高于行格式(tr标签)，而行格式的优先权高于表格格式(table标签)。所以，如果您为一个单元格指定其背景色为蓝色，而将整个表格背景色设置为黄色，该蓝色的单元格并不会变为黄色，因为td标签的优先权高于table标签。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:55:30 GMT http://homepage.deidc.com/review.asp?articleid=2461 http://homepage.deidc.com//articleview/2007-3-13/article_view_2460.htm 　　不过还好，Dreamweaver已经为我们提供了很方便的命令，可以将word生成的html文件体积大幅度地减少，只是大家也许没有注意到它的应用。
　　下面大家先打开Dreamweaver，点击命令菜单，仔细查看一下。会发现其中有这样的两项：清理HTML，清理Word的HTML，看来Dreamweaver已经为我们提供了处理word文档的命令。下面我们通过一个实例来让大家理解这个命令。
　　这里大家提供了一个用word做的文档，大家可以下载下来试用。下面我们将利用这个表格为实例一步一步地去将这个含表格的word文档转换成代码清晰的html文件。
　　step1:
　　Dreamweaver是处理不了doc文档的，因此，我们需要先利用word把这个文档另存为html的格式，这一步比较简单，在word里面选择“文件－另存为”，保存类型选择html即可。
　　step2:
　　观察一下另存出来的html文档，文档竟然有50多K！这仅仅是一个课程表！
　　用Dreamweaver打开这个html文件，选择代码视图，大家可以看到这里的代码简直糟糕透了！先用我们刚才提及的Dreamweaver的菜单“命令→清理word的HTML”，对文档处理一下。
　　这时候再看一下代码，比原来好得多了，但是还是有很多垃圾代码。再查看一下文档的大小，从原来的50多K迅速降到了不到20K。
　　step3:
　　仔细看一下代码，有很多标签我们都不需要，比如 ＜P＞,＜SPAN＞,＜DIV＞。其实我们完全可以删除它们。下面便用另外的一个菜单“命令→清理HTML”来对文档进行一番清理。选择菜单的“命令→清理HTML”，点选指定标签，把我们刚才看到的没有用的标签都填上。
　　格式是这样的：标签名,标签名。比如这里，我们就应该填上p,span,div（注意：中间用半角逗号“,”隔开）。然后点击确定。稍等一会，会发现我们的文档已经相当干净了。仔细看一下TD标签，会发现它的class属性已经没有意义了。下面我们将它删除。手工一个一个地删？当然不用！我们可以利用查找与替换的命令来把它们全部删除。好，开始行动。
　　step4:
　　打开查找与替换菜单（编辑→查找与替换，快捷键Ctrl+F）在查找内容前面的下拉框中，提供了四种方式。源代码、文本、文本高级、以及指定标签。在这里，可以用源代码的方式，或者是指定标签的方式来清理。这里我们用指定标签的方法来清理class属性，让大家了解一下它的用法。源代码的方式大家应该都比较了解，这里就不多罗嗦了。

　　上图中已经大概把这个面板的功能模块说了一下。不是很复杂，如果大家有不明白的地方，请点击面板上的帮助。在这里，参数设置如上图，然后点击替换全部。就完成了这个文档的处理。如果各位对TD的width属性不太满意，也可以用此方法，将它们全部删除。至此，处理工作全部完成。我们成功的把一个50多K的文档缩小到不到3K，并且也可以更方便地将它粘贴到我们要应用的页面中了。
　　查找与替换似乎是小儿科的东西，其实它的功能非常强大。大家在以后做网站的时候，如果遇到一个站点中有很多文件的某一个标签都需要修改，只要找到它们相同的规律便可以利用它来成批替换。还有高级文本的方式也不要忽略，都是些相当有用的工具。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:55:05 GMT http://homepage.deidc.com/review.asp?articleid=2460 http://homepage.deidc.com//articleview/2007-3-13/article_view_2459.htm 　　虽然Dreamweaver已经为我们提供了代码视图，可是必竟还要手工去查找，还要来回地切换。虽然也可以用代码视图与编辑视图并存的方式，但还要占用一半的屏幕空间，使本来便不大的编辑区域更显得拥挤。有没有更好的办法呢？答案是肯定的。
　　下面我们以Dreamweaver MX为例，假设大家Dreamweaver面板布局都为默认的布局方式。查看一下属性面板的上方是否有一行小标签。（如果您用的不是MX，标签在状态栏中）例如：你新建一个空白的HTML文档，上面的小标签应该为＜body＞。请看下图：

　　图上画红框的地方，就是我们今天的主角了。我们先看一下“环绕标签”。在页面上随便打入几个字，选中它们，在右键菜单中选择“环绕标签”，在弹出的环绕标签对话框中输入“＜strong＞”（不包括引号），然后回车。之前被选中的文字是不是已经变成粗体了，到源代码看一下，我们所选中的文字是不是已经被＜strong＞标签包围了？大家可以试着再加入其它的一些标签，如：＜a＞，＜p＞。这里也可以直接输入属性。如：＜p style="color:#CC0000"＞。这里仅大概说明一下，如有疑问，请查看Dreamweaver的帮助。
　　下面说一下标签选择器的应用方法。
　　我们将光标移动到刚才加粗的文字里，会发现在＜body＞的后面多了个＜strong＞。这就是说光标所在处的这些文字的外面有＜strong＞的标签，在＜strong＞标签外有＜body＞标签。下面大家再添加一个表格，把光标移动到表格内，看看标签的结构。相信对HTML有些基础的朋友都应该很容易理解的。
　　假设我们现在要插入一个表格，并将这个表格用CSS来将它下移10个象素。先插入一个表格，然后交光标移动到表格内。这时在标签选择器上应该可以看到这样的字样＜body＞＜table＞＜tr＞＜td＞。然后在table标签上点鼠标右键，会看到有四个选项。删除标签、编辑标签、设置类、设置ID。
删除标签：即是将标签删除。（有一些特殊的标签是不能删除的。例如：＜table＞、＜tr＞、＜td＞、＜body＞...)
编辑标签：给标签附加属性、修改属性等。
设置类：给这个标签附予一个类。（即CSS的类别）
设置ID：给这个标签附予一个ID。（即CSS的ID）
　　在这里，我们选择编辑标签，然后在后面加上属性style="margin-top:10px"和正常书写源代码的方式是一样的。然后按下回车。就完成了编辑。如果在Dreamweaver里看不到效果，请用浏览器预览。
　　还有另外一种方法，也许你会喜欢。选择窗口→标签检查器当你选择某一个标签后，这里会显示出当前选择标签的所有属性。也可以很快地在这里进行编辑。在这里输入的属性不用包括引号，编辑后按回车确定。
　　这里我们只将方法告诉大家，希望大家能够从中受益。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:54:38 GMT http://homepage.deidc.com/review.asp?articleid=2459 http://homepage.deidc.com//articleview/2007-3-13/article_view_2458.htm 　　这里先介绍一下普通的flash按钮的制作方法，以Dreamweaver MX为例：新建一个HTML文件，并先保存它。然后在“Insert（插入）”菜单的“Media（多媒体）”标签中，点击“Flash Button（Flash 按钮）”按钮，弹出如图所示的对话框。在对话框的“Style（样式）”项，选择“Slider”，“Button Text（按钮文字）”填入“发布新帖”，“Font（字体）”选择“方正粗倩简体”（需要另外安装），“Link（链接）”填入“newthread.php”，“Save As（保存为）”填入“newthread.swf”，最后点击“OK”按钮即可。

　　这样做出来的按钮，其链接是无法改变的。当需要改变其链接时，只好重新做一个了。这还可以容忍，但如果是在动态的页面中，例如社区的一个子论坛中，在“forum.php?id=1”页面的按钮的链接为“newthread.php?id=1”，而在“forum.php?id=2”页面的按钮的链接则为“newthread.php?id=2”，用这个方法做出来的flash按钮就只能望洋兴叹了。
　　有没有办法做出动态链接的flash按钮，让该按钮读取网页上设定的值，而链接到该值指定的页面呢？答案是肯定的。下面小阳将为你介绍实现方法：
　　制作flash按钮前，先在“Insert（插入）”菜单的“Forms（表单）”标签中，点击“Hidden Field（隐藏域）”按钮，若出现提示“Add Form Tag?（添加表单标记吗？）”，如果没有其他需要，可选择“No（否）”。然后如下图，在“Properties（属性）”窗口中，修改该隐藏域的名称为“flashbuttonlink”，Value值为“newthread.php”，此Value值即为以后flash的链接值。然后按照以上所介绍的插入flash按钮的方法创建一个flash按钮，所不同的是，“Link（链接）”值请填入“javascript:window.location=flashbuttonlink.value”，且“Target（目标）”值请留空或选“_self”，如图。OK，动态的flash按钮已经做好了！如果要改变链接的值，则改变隐藏域“flashbuttonlink”的Value值即可。在论坛等动态页面中自动创建不同的链接，也就可以向用户端输出不同的“flashbuttonlink”的Value值而实现，这就不用我多说了吧？

　

…… [点击查看详细] ]]> Tue, 13 Mar 2007 05:54:12 GMT http://homepage.deidc.com/review.asp?articleid=2458 http://homepage.deidc.com//articleview/2007-3-13/article_view_2457.htm 　　1.我这次是用图片，先在DWMX中新建一个页面，插入图片。选取图片，打开行为窗口，点击+号，选取“显示弹出式菜单”选项，这时候DWMX就打开一个窗口如下图：

　　大家可以看到有四个选项，分别为：“内容、外观、高级、位置”。
　　2.在文本框写上你的菜单名称，通过点击+号来增加你所需菜单数目如下图：

　　如果你的菜单还有下级菜单的话，则选取其菜单，再点击缩进项，如下图：

　　3.点击“外观”选项，名副其实这里可以设定你的菜单外观，可以选择垂直菜单还是水平菜单，字体的大小，是否居中，和菜单的一般状态和鼠标滑过的样式。如下图：

　　4.点击“高级”选项，这里我没做什么改动，只是把默认的菜单延迟时间改为500，如下图：

　　5.点击“位置”选项，这里有四种选择，当然也可以通过X.Y坐标值来自己设定。我在这里选择了下方位置，如下图：

　　好了，再点确定就完成了，这时DWMX会生成一个js文件在你的文件夹中，在上传你的网页时别忘了也把它传上去哦。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:53:48 GMT http://homepage.deidc.com/review.asp?articleid=2457 http://homepage.deidc.com//articleview/2007-3-13/article_view_2456.htm 1、灵活运用样式
　　熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。

　　2、活用Format Table命令
　　在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“Format Table”（格式化表格）命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“Format Table”命令， 在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply” 键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。

　　3、同时链接到两个网页
　　我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。

　　4、不给文件起中文名称
　　大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。

　　5、巧妙设置字体分辨率
　　我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢？原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在 Dreamweaver中得到了较好的解决。在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。

　　6、巧妙隐藏标签
　　如果在网页中插入了不可见的元素时，Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于我们选择不可见元素。但这并不全是件好事，比如我们在一个有很多层的页面中的第一行便插入一个表格，就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行，虽然在浏览时并不影响效果，但这确确实实会阻碍我们的工作。所以当我们觉得某个元素标签碍手碍脚时，就索性将之屏蔽掉。方法是按Ctrl+U打开Preferences面板，在Category中选中Invisibel Elements，在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉，以后它就保证不会再出现了。

　　7、善用拖放技巧
　　我们在使用Dreamweaver编辑网页的时候，经常需要插入一些图象什么的，假设要插入的图象很多，按照常规方法来操作就显得非常麻烦。我们可以利用拖放技巧来很好地解决这个问题。首先我们把Dreamweaver的操作窗口变成活动窗口，以腾出空间来显示Explorer窗口，找到要插入的图象文件后，把它们一一用鼠标拖动到网页的适当部位，Dreamweaver将自动把这些图象的url添加到文件的HTML代码中，当然这里要求被拖动的图象文件必须是gif、jpg等web图象格式的文件。对于已经在网页中的图象也是一样，直接拖过来就可以了。但如果被拖动的图象上有超级链接，就不可以再使用拖动技术了，因为那时拖过来的仅仅是超级链接地址。

　　8、自动设置更新时间
　　我们知道一个网页要想获得更多的回头率，一个很重要的一条就是要不断更新。但对于我们这些个人网页来说，要天天及时更新恐怕不是很容易的事情。因此，我们希望网页能自动更新，下面笔者就提供一个能自动更新修改时间的源代码，我们只要把这段源代码添加到…< /BODY>之间就能实现更新时间的目的了：< Script Language="JavaScript"> < /style>；二是用鼠标依次单击Dreamweaver中的Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag，并从中选择a，然后在decoration中选中none，最后单击确定就成功了。

　　9、巧妙复制文字
　　在几个不同的应用程序中间相互复制文字，是我们在实际工作中可能要常做的事情。但是，如果我们从Dreamweaver中复制编辑区中的文字到另外一个应用程序的时候，HTML代码和文字将一起被复制过去了，那么我们该如何才能只把编辑区中的文字复制下来呢？我们知道，通常复制时都用快捷键 Ctrl - C 来操作，如果我们在复制的时候多按一个C键，那么Dreamweaver将只会复制选中的文字了。

　　10、善用快捷键
　　为了提高操作的效率，我们可以在Dreamweaver中使用快捷键，例如使用Ctrl-B或Ctrl-I来为文字应用黑体或斜体格式，也可以使用以下一些键盘快捷键来为选中的文本应用HTML格式：Ctrl-0: 无格式 　　Ctrl-T: 段落 　　Ctrl-1: 标题 1 　Ctrl-2: 标题 2 Ctrl-3: 标题 3 　　Ctrl-4: 标题 4 　　Ctrl-5: 标题 5 　　Ctrl-6: 标题 6

　　11、自动关闭网页
　　如果我们希望自己的网页在指定的时间内能自动关闭，不妨在网页源代码中的标签后面加入如下代码： < script LANGUAGE="JavaScript"> < /script>
其中代码中的3000表示3秒钟，它是以毫秒为单位的。

　　12、巧妙设置对象名称
　　我们在用Dreamweaver来制作非常复杂的效果时，有可能需要经常重复地使用某一个或者多个对象，例如我们经常需要定位某个特定的表格、图象等，如果我们没有给某一个网页中的多个对象取名的话，那么在重复应用这些对象的时候，可能很麻烦或者容易出错。为了能够方便调用这些对象，我们应该在每创建一个新的对象时，都记得给它取一个有代表性而且比较容易记忆的名称。在给这些对象命名时，我们可以通过对象的“属性”面板来操作就行了。

　　13、为图象链接增加动态效果
　　有时我们为了要达到一种逼真的效果，希望鼠标移动到某个链接上时能有动感产生。使用Dreamweaver可以很容易实现这种效果。设计时，我们首先需要准备两幅图象，第一幅是原始图象，第二幅是鼠标移动上去后的图象。接着用鼠标单击第一幅图，在属性面板中的链接栏中填上要链接的文件，然后单击键盘上的F8键，在弹出的Behaviors窗口中单击“+”号，随后选择“swap image”，在接着出现的窗口中选择第二幅图象，最后单击确定就可以了。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:53:15 GMT http://homepage.deidc.com/review.asp?articleid=2456 http://homepage.deidc.com//articleview/2007-3-13/article_view_2455.htm 要将元素插入文档的HEAD部分请选OBJECT面板的HEAD，下面介绍一下HEAD元素的部分属性：

Meta:它可以记录当前页面的信息，例如字符编码、作者、版权和关键字等。还可以用来向服务器提供信息，例如截止日期和页面刷新间隔等。
Attribute:指定META标签是否包含页面描述信息(NAME)或HTTP标题信息(HTTP EQUIV)。
Value:指定所提供信息的类型。有些值是已经定义好的，在DW中有专门的属性检查器。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值，如：creationdate(创建日期) 、document ID(文档编号)和level(等级)等。
Content:实际内容。如：如果指定level(等级)为Value(值)，则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。
Title:页面标题，显示在浏览器的标题栏上。
Keywords:许多流行的搜索引擎可自动阅读Meta标签中的Keywords内容，并使用该信息在其数据库中建立对该页面的索引。有些搜索引擎在建立索引是对关键字或字符有数量上的限制。有些则在关键字超出限定范围是忽略所有关键字。因此为网页精选关键字是很有必要的。在标志为Keywords的域中可以使用逗号分隔关键字。
Description:许多流行搜索引擎可自动阅读Meta 标签中的Description内容，有些引擎使用该信息在其数据库中建立对该页面的索引，有些则将该信息显示在搜索结果中对该页面的链接下面，而不是在文档的开头几行。有写搜索引擎在建立索引是对字符数有一定的限制，因此应尽量言简意赅。
Refresh:使用Refresh元素可以指定在某一时间段后自动对页面对页面进行刷新。
Action:指定是否要转到其他URL或刷新当前页面。要转到其他URL，可单击Brower按钮选择要载入的页面。
Delay:是在刷新页面之前以秒为单位的等待时间，要立即刷新页面，可以在此域中输入0。
Base:使用Base元素可设置基本URL。
Href:指定基本URL，可直接键入路径或选择。
Target:指定所有链接的文档要打开的窗口。可以在当前框架集中选择一个框架或在其提供的四种保留窗口中选择其一，默认为_self。
Link:使用Link元素可定义当前文档和其他文件之间的关系。
Href:是要定义关系的文件的URL。可以直接键入或选择。
ID：指定某链接的唯一标识符。
Title:说明链接的关系。此属性对链接样式表非常合适。
Rel:指定当前文档和Href域中文档之间的关系。其可能的值包括：Alternate(备选)、Stylesheet(样式表)、Start(启动)、Next(下一个)、Prev(上一个)、Content(内容)、Index(索引)、Glossary(词汇)、C opyright(版权)、Chapter(章)、Section(节)、Subsection(小节)、Appendix(附录)、Help(帮助信息)、Bookmark(书签)等。要指定多个关系，请使用空格将值分开。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:52:46 GMT http://homepage.deidc.com/review.asp?articleid=2455 http://homepage.deidc.com//articleview/2007-3-13/article_view_2454.htm
　　一、用嵌套表格
　　用两个表格嵌套，外层的表格的长与宽比里层的多出2px，并设置对齐属性为水平居中、垂直居中，然后把外层表格的背景设为你需要的边框颜色，里层表格背景设为与网页背景相同，这样就实现我们的愿望了，实例如下：
　　<table cellspacing="1" cellpadding="0" bgcolor="#000000" width="32" height="32" border="0">
　　<tr>
　　<td align="center">
　　<table cellspacing="0" cellpadding="0" bgcolor="#ffffff" width="30" height="30" border="0">
　　<tr>
　　<td>　</td>
　　</tr>
　　</td>
　　</tr>
　　</table>

　　二、设置亮、暗边框颜色
　　表格有亮边框(bordercolorlight)和暗边框(bordercolordark)两个属性，把表格边框(border)设为1px，亮边框(bordercolorlight)设为背景色，暗边框(bordercolordark)设为你需要的实际边框颜色就可以了，实列如下：
　　<table border="1" cellpadding="0" cellspacing="0" width="32" height="32" bordercolorlight="#000000" bordercolordark="#FFFFFF">
　　<tr>
　　<td>　</td>
　　</tr>
　　</table>

　　三、用CSS定义（一）
代码为：style="border-collapse: collapse"

　　实例如下：
　　<table border="1" cellspacing="0" width="32" height="32" style="border-collapse: collapse" bordercolor="#000000" cellpadding="0">
　　<tr>
　　<td>　</td>
　　</tr>
　　</table>
　　如果你用过Frontpage xp，你会发现，在Frontpage xp中定义的表格默认的设置就是用CSS定义过了的。

　　四、用CSS定义（二）
　　代码为：style="border: 1px solid #000000;"
　　实例如下：
　　<table cellspacing="0" cellpadding="0" border="0" width="32" height="32" style="border: 1px solid #000000; ">
　　<tr>
　　<td>　</td>
　　</tr>
　　</table>
　　有一点一定要注意：这时候不要再设置表格边框(border)、亮边框(bordercolorlight)和暗边框(bordercolordark)属性，否则不会出现预想的结果。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:52:22 GMT http://homepage.deidc.com/review.asp?articleid=2454 http://homepage.deidc.com//articleview/2007-3-13/article_view_2453.htm
　　一、直接插入法
　　1.打开一张需要插入背景音乐的网页，在菜单中找到这样的命令： Windows - > Behaviors，调出“Behaviors”行为面板，如下图所示(Dreamweaver MX 的面板)：

　　2.点击“+”号按钮，选择“play sound”命令。

　　如果此命令呈反白色，不可用，请在此命令下拉列表中选择“Show Even For”命令，在此子菜单里选择“ IE 4.0 ”以上的版本，因为IE 4.0 以上的版本才支持此种格式的音乐插入方法。
　　3.此时弹出插入文件窗口，按“Browser”按钮选择音乐文件，当然是要浏览器支持的音乐文件格式(如mid、wav、AIFF、AU)。
　　4.插入之后网页里会显示一个“plugin”插件图标，但我们还需要作进一步的调整。因为 Dreamweaver 自动插入了一段控制代码，方便我们定制激活背景音乐。但此功能不需要用到，那么就要把它删除。代码有两段，分别如下：
　　代码一、

　　代码二、

　　5.完成插入，此时的背景音乐还不能自动播放，点选插件图标，按“ctrl + F3”快捷键，调出属性面板，点击右下角的“Parameters”按钮，在弹出的窗口中进行修改，把参数“AutoStart”后面的“Value”缺省值“false”改成“true”（如下图所示），这样就达到打开页面背景音乐就响起的效果。

　　6.之前打开删除代码时我们看到了插入音乐的 HTML 标记为 < EMBED > ，为了让大家对它有更加深入的了解，接下来介绍一下< EMBED >标记的参数：
< EMBED > 是用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及 新版的 IE 都支持。其参数设定较多。如下：
< EMBED src="your.mid" autostart="true" loop="true" hidden="true" >
src="your.mid"
设定 midi 档案及路径，可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。
loop="true"
是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。
HIDDEN="true"
是否完全隐藏控制画面，true 为是，no 为否 (内定)。
STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。
VOLUME="0-100"
设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定。
WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")
ALIGN="center"
设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom
CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板 　　
smallconsole 较小的面板 　　
playbutton 只显示播放按钮 　　
pausecutton 只显示暂停按钮 　　
stopbutton 只显示停止按钮 　　
volumelever 只显示音量调节按钮

　　二、代码法
< BGSOUND >：
< BGSOUND > 是用来插入背景音乐，但只适用于 IE，其参数设定不多。如下
< BGSOUND src="your.mid" autostart=true loop=infinite >
src="your.mid"
设定 midi 档案及路径，可以是相对或绝对。
autostart=true
是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。
loop=infinite
是否自动反复播放。LOOP=2 表示重复两次，Infinite 表示重复多次。
　　此种方法就是直接把< BGSOUND >标记放于网页文件的< head >< /head >之间，设置好mid文件的路径就行。参数的设置如文中解说。

　　三、插件法
　　有些人始终没有舍弃 FrontPage 也许就因为在一些元素的插入中，Dreamweaver 没有提供功能，或者不方便。但我们知道，Dreamweaver 支持插件，声音插入插件为我们提供了方便。
　　插件名称：sound.mxp
　　下载后双击文件，就可以直接安装了，安装完成你可以在“对象”面板的“Common”栏看到一个喇叭图标。直接点击此按钮，就弹出如下图所示的插入窗口：

　　Forever：设置无限循环播放
　　Never：不循环播放，即只播放一次
　　NO of times：设置播放的次数
　　点击“Browser”按钮选择好声音文件之后，按确定完成制作。

　　学习了上面三种方法，以后插入背景音乐就简单方便多了。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:51:58 GMT http://homepage.deidc.com/review.asp?articleid=2453 http://homepage.deidc.com//articleview/2007-3-13/article_view_2452.htm
　　1.Call JavaScript
　　Call JavaScript（调用JavaScript）动作允许使用行为控制器指定当事件发生时将被执行的自定义函数或JavaScript代码行。
　　要使用Call JavaScript（调用JavaScript）动作：选择一对象并打开行为控制器，单击加号按钮，从动作弹出菜单中选择Call JavaScrip，在弹出的对话框中键入将要执行的JavaScript或函数名。

　　2.Change Property
　　使用Change Property（改变属性）动作能够改变对象的属性值。能改变的属性是由目标浏览器的类型决定的。Internet Explorer（IE）4.0浏览器能够改变的属性比IE3.0或Netscape Navigator3.0或4.0浏览器多得多。要使用改变属性动作，必须十分熟悉HTML和JavaScript语言。

　　3.Check Browser
　　使用Check Browser（检查浏览器）动作可以根据访问者浏览器的类型和版本发送不同的网页。例如，如果访问者使用的是Netscape Navigator4.0或其后续版本的浏览器，你可以将其引导到一个网页；如果访问者使用的是Internet Explore4.0或其后续版本的浏览器，你可以将其引导到另一个网页；如果访问者使用的是其它类型的浏览器，你可以保留当前网页。

　　4.Check Plugin
　　使用Check Plugin（检查插件）动作可以根据访问者是否安装特定插件决定是否给他发送不同网页。例如，你可以让安装了Shockwave插件的访问者访问一网页，而未安装的访问者访问另一网页。

　　5.Control Shockwave or Flash
　　使用Control Shockwave or Flash（控制Shockwave或Flash电影）动作可以播放、停止、回放或转到Shockwave或Flash电影中的某一帧。

　　6.Drag Layer
　　Drag Layer（拖动层）动作允许访问者使用拖动层的操作。使用这个动作你可以创建动脑筋、滑动控制和其它可移动的网页页面元素。

　　7.Go TO URL
　　使用Go TO URL（转到URL）动作可以在当前窗口或指定框架中打开一新的网页。这个动作对于想单击一次便改变两个或更多个框架中的内容特别有用。此外，在Timeline（时间轴）中，可以调用该动作使访问者经过特定时间间隔后跳转到另一网页。

　　8.Jump Menu
　　当使用Insert>Form Object>Jump Menu（插入>表单对象>跳转菜单）建立一个Jump Menu（跳转菜单）动作时，DreamWeaver创建菜单对象，并为该对象附加适当的行为，通常无须手工添加Jump Menu（跳转菜单）动作，我们可以在行为控制器中双击一已存在的跳转菜单动作来编辑新的。

　　9.Open Browser Window
　　使用Open Browser Window（打开浏览器窗口）动作可以在一新的窗口中打开一个URL。你可以指定新窗口的属性，包括它的大小、属性（窗体大小是否可调整，是否有菜单栏等）及名称。
　　如果你指定新窗口无属性，则新窗口将按启动它的窗口的大小及属性打开。为新窗口指定任何属性都将自动关闭其它所有未加指定的属性。例如，如果你指定新窗口无属性，则它可能以640×480像素大小打开，并且附加有一个导航工具栏、位置工具栏、状态栏及菜单栏；但是如果你仅仅指定新窗口以640×480像素大小打开，而没有指定其余的属性，则它以640×480像素大小打开，但没有附加导航工具栏、位置工具栏、状态栏、菜单栏、调整柄及滚动条，因而此行为非常适合打开一个定制的窗口，运用非常广泛。

　　10.Play Sound
　　使用Play Sound（播放声音）动作可以播放声音。例如，我们可能想让访问者将鼠标移动到链接上的时候产生声音效果，或在网页载入时播放音乐片段。

　　11.Popup Message
　　Popup Message（弹出消息）动作用我们指定的消息显示在JavaScript警告框中。由于JavaScript警告框中只有一个按钮（OK），因此可以使用这个动作给访问者提供信息而不是提供选择。

　　12.Preload Images
　　Preload Images(预先载入图像）动作载入那些不会立即在网页中出现的图像到浏览器缓存中，例如那些使用时间轴、行为或JavaScript变换的图像。这样可以防止图像显示时由于下载导致的延迟。

　　13.Set Nav Bar Image
　　使用Set Nav Bar Image（设置导航条图像）动作能将图像转换成导航条图像或改变导航条中图像的显示及动作。

　　14.Set Text of Frame
　　Set Text of Frame（设置框架中的正文）动作允许我们动态设置框架中的正文，可以用指定的内容替代原框架中的内容和格式。该指定的内容包含任何有效的HTML。
　　虽然Set Text of Frame（设置框架中的正文）动作可以替代原框架中的格式，但我们也可以通过选择保留背景颜色来保留网页的背景及文本颜色属性。

　　15.Set Text of Layer
　　Set Text of Layer（设置层中的正文）动作用指定的内容替代原层中的内容和格式。该指定的内容包含任何有效的HTML。

　　16.Set Text of Status Bar
　　Set Text of Status Bar（设置状态栏信息）动作在浏览器窗口左下角的状态栏内显示信息。例如，使用该动作可以在状态栏内描述一个链接的目的替代显示该链接的URL。

　　17.Set Text of Text Field
　　Set Text of Text Field（设置文本域中的文本）动作可以用你指定的内容替代表单对象中文本域中的内容。

　　18.Show-Hide Layers
　　使用Show-Hide Layers（显示或隐藏层）动作可以显示、隐藏或还原一个或多个层的默认的显示状态。当访问者和网页相交互时，该动作对于显示信息很有用。例如，当访问者将鼠标移到一幅地图上时，可以让访问者触发显示一个层，此层用以描述该地区的相关信息。

　　19.Swap Image
　　Swap Image（变换图像）动作可以通过改变IMG（图像）标签的SRC属性将该图像变换为另外一幅图像。使用该动作可以创建按钮变换和其它图像效果，包括一次变换多幅图像。由于在此动作中被影响到的只有SRC属性，因此变换图像应该和原图像有相同的尺寸（即高度和宽度都相同）以防止产生图像变形。

　　20.Swap Image Restore
　　Swap Image Restore（变换图像还原）动作可以将最后设置的变换图像还原为原始图像。当你为一对象附加Swap Image（变换图像）动作时，该动作将自动添加，如果此时选择了Restore Images onMouseOut（当鼠标移开图像时，变换图像还原）选项，那么Swap Image Restore（变换图像还原）动作就无须人工选择。

　　21.Go To Timeline Frame
　　Go To Timeline Frame（到时间轴帧）动作将playback head（播放头）移动到指定帧。你可以在时间轴检查器的行为通道中使用该动作来设置时间轴的某个部分循环若干次、创建Rewind（回退）链接或按钮、或者让访问者跳到动画的其它部分。
　　设置方法：打开时间轴检查器，在一时间轴上选择动画条上附加行为的帧，在行为检查器上单击加号按钮，从动作弹出菜单中选择Timeline>Go To Timeline Frame（时间轴>到时间轴帧）。在出现的对话框中选择一个时间轴，在Go to Frame（转到帧）域中输入帧号（即转到第几帧），单击OK。再将默认事件改为我们想要的。

　　22.Play Timeline and Stop Timeline
　　使用Play Timeline and Stop Timeline（播放时间轴和停止时间轴）动作可以允许访问者通过单击一个链接或按钮实现开始和停止播放时间轴；也可以允许访问者在鼠标移动到一个链接、图像或其它对象上时使时间轴自动开始和停止播放。如果你在时间轴检查器中选择Autoplay（自动播放）选项，Play Timeline（播放时间轴）动作将自动使用onLoad事件附加到BODY标签中。

　　23.Validate Form
　　Validate Form（验证表单）动作可以检测指定文本域中的内容以确保访问者输入的数据类型正确。用onBlur事件为单独的表单域附加该动作，则访问者填写表单时检测该域；用onSubmit事件为表单附加该动作，则访问者单击Submit（提交）按钮时立即评估若干个域。为表单附加该动作可以防止指定域包含无效数据提交给服务器的情况。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:51:32 GMT http://homepage.deidc.com/review.asp?articleid=2452 http://homepage.deidc.com//articleview/2007-3-13/article_view_2451.htm
onAbort 当访问者中断浏览器正在载入图像的操作时产生。
onAfterUpdate 当网页中bound（边界）数据元素已经完成源数据的更新时产生该事件。
onBeforeUpdate 当网页中bound（边界）数据元素已经改变并且就要和访问者失去交互时产生该事件。
onBlur 当指定元素不再被访问者交互时产生。
onBounce 当marquee（选取框）中的内容移动到该选取框边界时产生。
onChange 当访问者改变网页中的某个值时产生。
onClick 当访问者在指定的元素上单击时产生。
onDblClick 当访问者在指定的元素上双击时产生。
onError 当浏览器在网页或图像载入产生错位时产生。
onFinish 当marquee（选取框）中的内容完成一次循环时产生。
onFocus 当指定元素被访问者交互时产生。
onHelp 当访问者单击浏览器的Help（帮助）按钮或选择浏览器菜单中的Help（帮助）菜单项时产生。
onKeyDown 当按下任意键的同时产生。
onKeyPress 当按下和松开任意键时产生。此事件相当于把onKeyDown和onKeyUp这两事件合在一起。
onKeyUp 当按下的键松开时产生。
onLoad 当一图像或网页载入完成时产生。
onMouseDown 当访问者按下鼠标时产生。
onMouseMove 当访问者将鼠标在指定元素上移动时产生。
onMouseOut 当鼠标从指定元素上移开时产生。
onMouseOver 当鼠标第一次移动到指定元素时产生。
onMouseUp 当鼠标弹起时产生。
onMove 当窗体或框架移动时产生。
onReadyStateChange 当指定元素的状态改变时产生。
onReset 当表单内容被重新设置为缺省值时产生。
onResize 当访问者调整浏览器或框架大小时产生。
onRowEnter 当bound（边界）数据源的当前记录指针已经改变时产生。
onRowExit 当bound（边界）数据源的当前记录指针将要改变时产生。
onScroll 当访问者使用滚动条向上或向下滚动时产生。
onSelect 当访问者选择文本框中的文本时产生。
onStart 当Marquee（选取框）元素中的内容开始循环时产生。
onSubmit 当访问者提交表格时产生。
onUnload 当访问者离开网页时产生。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:51:16 GMT http://homepage.deidc.com/review.asp?articleid=2451 http://homepage.deidc.com//articleview/2007-3-13/article_view_2450.htm 　　库的引入在DW3中还不很完善，但在DW4以近完美。下面就让我们来看一下如何利用库来更新站点：

　　一、库文件的建立
　　建立库文件有两种方法，一是在编辑状态下选定一个元素，然后打开库面板(F11键-在弹开的Assets中选择图标为翻开的书本样的标识)按下。那么DW就会自动的建立一个后缀名为＂.LIB＂的文件将该元素读到这个文件当中，同时会在本地站点中建立一个＂Library＂文件夹。它代表了每一个库文件都是独立的，当我们上传本地站点到远程服务器中时，要将该文件一并上传；第二种方法是打开库面板，在白色的文件记录区域点击右键，选择弹开的列表中的New Library Item(新的库项目)，建立一个空白的库文件，然后双击打开进行编辑。第一种方法适用于文本＼图像＼链接等小元素的库文件建立。第二种方法适用于大规模的整篇幅的库文件的建立，绝大多数情况下，大规模库文件的建立都是和模板配合使用的。

　　二、库文件的应用与编辑
　　我们建立了一些简单的库文件，其中包括连接＼图像＼表格。它们每一个都可以被理解为一个单一的元素插入到编辑区使用，只要从库面板中直接拖拽它们到需要的地方就可以了。需要注意的是，插入的库文件是锁定状态的。它们的显示方式是淡黄色的。选定一个库文件查看代码，你会发现如下的标签＂＊＊＊＂这代表了一个完整的库文件，有开始有结束。你可以更改标签的位置，但不要删除它们，那样的话该库文件就被破坏而返回到纯编辑状态。
　　编辑库文件的方法有两种，一是在库面板文件记录区中双击某个库文件进入编辑状态。二是选定一个库文件点击右键在弹开的列表中选择Open Library Item(打开库项目)进入编辑状态。当我们编辑完成并保存库文件后，处于编辑状态下的正在使用该文件的页面会自动更新。如果有其他的非编辑状态的页面也使用了该库文件，那么DW会自动的弹出一个提示框。

　　询问是否同步更新本地站点内所有使用该文件的页面。这个功能也就是库文件的最大优点。我们制作完成站点以后将所有文件连同库文件夹一并上传到远程服务器中，那么当我们在连接远程站点的状态下更改某个库文件时，同样的会得到DW的提示。

　　询问是否同步更新全部站点中使用了该库文件的所有页面。点击ok键，远程站点中的文件便得到了更新，完全不需要一点点的反复更新每一个文件。

　　到这里为止，我们对库的使用以有了一个大概的了解。至于该功能的熟练使用就要靠自己多动手了。相信该功能会给您站点更新带来极大的方便。 …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:50:49 GMT http://homepage.deidc.com/review.asp?articleid=2450 http://homepage.deidc.com//articleview/2007-3-13/article_view_2449.htm 　　在做拖拽效果的网页之前，首先我们要准备一些图片。比如用作购物箱或购物车的一张
大图片，外加几张代表物品的小图片。我在这儿准备了一个购物袋，还有几样物品，它们分别是：手机、游戏手柄和汽车。
　　准备好了图片，就可以开始我们的工作了。打开Dreamweaver，新建一个页面，在对象面板中选择图层工具，然后用鼠标在页面上拖出一个图层来(或者选择“Insert/Layer”，插入一个新层)。然后，把鼠标放进层中，再选择“对象/插入图像工具”，在此图层中插入刚才准备好的一个图片。
　　重复上面的动作，再接着插入3个图层，然后在此3个图层中分别插入你准备好的另外几张图片。

　　好了，重要的一步来了。点击“窗口/动作”，会弹出“动作(Behaviors)”对话框来。点击对话框上方的“+”号后，会再弹出一个菜单，选择此菜单中的“Drag Layer”，接着再弹出的，就是“Drag Layer”对话框了。

　　重复上述步骤，分别设置好其他几个图层的属性，设置好的“Behaviors”对话框的中间文本框中多出了4个“onLoad”标记。
　　好了，设置完这些，我们的工作也完成了，别忘了保存网页，然后按下“F12”键，看看你做的拖动页面酷不酷？ …… [点击查看详细] ]]> Tue, 13 Mar 2007 05:50:20 GMT http://homepage.deidc.com/review.asp?articleid=2449