搜档网
当前位置:搜档网 › Dreamweaver中进行数据库连接

Dreamweaver中进行数据库连接

Dreamweaver中进行数据库连接
Dreamweaver中进行数据库连接

Dreamweaver中进行数据库连接

1 引言

Macromeida开发的Dreamweaver是建立Web站点和应用程序的专业工具,它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个强大的工具,使每个级别的开发设计人员都可以利用它快速地创建吸引人并且符合标准的站点和应用程序。开发设计人员可以将其选择的服务器技术与Dreamweaver 配合使用,建立将用户连接到数据库、Web服务器和旧式系统的强大Internet应用程序。

在Dreamweaver里,用户可以选择一个开发模型、建立数据连接然后创建具有动态内容的页面。下面将详细介绍Dreamweaver与数据库的交互。

2 效果说明

通过单击【数据库】面板中的【OLE DB 连接】,创建与Access 的数据库连接“ dwconn ”,结果如图75-1 所示。

创作思想

某玩具公司电子商务平台的数据库由DreamweaverCP 表、DreamweaverGL 表和DreamweaverKH 表组成。

DreamweaverCP 表用于存储该公司的产品信息;DreamweaverGL 表用于存储该公司管理员的相关资料;DreamweaverKH 表

用于存储该公司客户的有关资料。首先在Access 中创建数据库“ dwdat.mdb ”,并创建3 个数据表,然后在Dreamweaver

站点“ Dreamweaver100 ”(在实例《构建开发环境》中已经创建

的站点)中创建该数据库连接,以便于电子商务平台的开发。

操作步骤

(1 )复制好“ dwdat.mdb ”文件并用Access 打开。将“光碟\ 源文件\ 实例75 ” 目录下的数据库文件“

dwdat.mdb ”复制到“ C:\ Inetpub\wwwroot\dat ”目录(该目录为实例 1 中所建站点“ Dreamweaver100

”下的目录)下,并在Access 中打开“ C:\ Inetpub\wwwroot\dat\dwdat.mdb ”文件,数据库“ dwd at.mdb

”中包括“ DreamweaverCP ”、“ DreamweaverGL ”、“ DreamweaverKH ”、“ CPDD ”和“ POLL ” 5

个数据表,其中“ DreamweaverCP ”表用于存储该公司产品的有关资料,其数据结构如图75-2 所示;“ DreamweaverGL

”表用于管理该公司人员的有关资料,其数据结构如图75-3 所示;“ DreamweaverKH ”表用于存储该公司的用户注册信息,

其数据结构如图75-4 所示;“ CPDD ”表用于存储该公司的产品订单信息,其数据结构如图75-5 所示;“ POLL ”表则用

于存储该公司的在线调查资料,其数据结构如图75-6 所示。

(2 )新建动态页。运行Dreamweaver MX 2004 ,选择【文件】|【新建】菜单命令,在弹出的【新建文档】对话框中创建

一个名为“ https://www.sodocs.net/doc/107183025.html, VB ”的动态页,如图75-7 所示。

提示:这里是以实例 2 中建立的站点来开发玩具公司网络应用程序的,有关站点的建立请参考实例2 。

(3 )创建数据库连接“ dwconn ”。切换到数据库面板,单击【+】按钮,在弹出的菜单中选择【OLE DB 连接】,创

建数据库连接“ dwconn ”,如图75-8 所示。

提示:在图75-7 所示的步骤 2 中,由于这里连接的数据库是Access 数据库,所以应选择【OLE DB

连接】,而当要连接的数据库是SQL SERVER 时,则应选择【SQL 服务器连接】。

在图75-7 所示的步骤 4 中,如果单击【建立】按钮时没有任何反应,就会无法打开【数据链接属性】对话框。导致此问

题发生的一个原因可能是MDAC 2.8 、XP SP2 及Windows2003 中默认包含着MDAC 2.8 。XP SP1 的用户如果安装了

MDAC 2.8 ,也会受到此问题的影响,详细情况请查阅

[URL=https://www.sodocs.net/doc/107183025.html,/cn/support/dreamweaver/ts/documents/dw_xp_sp2.htm#buil d]

https://www.sodocs.net/doc/107183025.html,/cn/support/dreamweaver/ts/documents/dw_xp_sp2.htm#build

[/URL]

( 4 )创建“数据库连接.udl ”。单击【开始】|【所有程序】|【附件】|【记事本】菜单命令,创建一个空白记事

本,并命名其为“数据库连接.udl ”(文件名可随便取,但文件名的后缀必须是“ .udl ”,而不是“ .txt ”,存储位置也可随

便设置),如图75-9 所示。本实例,是将“数据库连接.udl ”保存在桌面上。

提示:什么是UDL 文件呢?UDL 是通用数据连接文件,通过该文件可以保存连接字符串。使用UDL

文件存储数据库连接的方式和使用“ ODBC 数据源名称(DSN )”非常相似。UDL 文件可以存储OLE DB

连接信息,例如提供程序、用户名、密码和其他选项。

(5 )选择OLE DB 提供程序。关闭该记事本,用鼠标左键双击“数据库连接.udl ”,打开【数据链接属性】对话框,切

换至【提供程序】窗口,选择【OLE DB 提供程序】列表中的“ Microsoft.Jet OLE DB 4.0 Provider ”,单击【下一步】按

钮,如图75-10 所示。

(6 )选择并测试连接数据库。在【连接】选项卡中选择连接数据库,并测试连接,如图75-11 所示。

(7 )复制数据库连接命令。单击鼠标右键,在弹出的快捷菜单中选择【打开方式】|【NOTEPAD 】菜单命令,以

记事方式打开“数据库连接.udl ”,复制其数据库连接命令,如图75-12 所示。

(8 )测试数据库连接。切换到Dreamweaver 中,粘贴数据库连接命令,并测试数据库连接,如图75-13 所示。

(9 )在测试数据库连接时,如果出现如图75-14 所示的对话框或如图75-15

所示的对话框,则说明当前系统中没有正确分配用户权限,以便对数据库进行修改等操作。

其解决方法如下:

①打开“ c:\Intepud\wwwroot ”文件夹,执行【打开】|【文件夹选项】菜单命令,在弹出的【文件夹选项】对话框中取

消对【使用简单文件共享】的勾选,如图75-16 所示。

②单击鼠标右键,在弹出的快捷菜单中选择【属性】菜单项,然后在弹出的【dat 属性】对话框中设置“ https://www.sodocs.net/doc/107183025.html, Web

Admin ”用户权限,如图75-17 所示。

③在【dat 属性】对话框中设置“ Internet 来宾账户”、“启动IIS 进程账户”的权限为允许修改。

(10 )如果测试成功,但在【数据库】面板中展开【表】项时,只出现“无”字,而没有展现数据表,如图75-18 所

示,则用如下方法解决。

①退出Dreamweaver ,双击“光碟\ 源文件\ 实例75\ SP2DBFix 1.0.2 .mxp ”安装该扩展文件。

②再次运行Dreamweaver ,执行【站点】|【高级】|【移除连接脚本】菜单命令。

③再次测试数据库连接,在【数据库】面板中展开【表】项,即可展开各数据表。

(11 )这时在站点的根目录下会添加一个新的文件“ web.config ”,说明它完成数据库连接工作,结果如图75-1 所示。

提示:在如图75-8 所示的步骤 4 中单击【建立】按钮,就能够直接打开【数据链接属性】对话框,而无须创建“数据库

连接.udl ”及复制其数据连接命令,在【数据链接属性】对话框中可直接设置数据库相关连接,如图75-10 和图75-11 所

示。

(12 )查看物理路径。由于Dreamweaver MX 是把连接数据库的命令存放在web.config 配置文件中的,因此只需打开

web.config 配置文件,并切换到代码视图,便可以看到如图75-19 中线框所示物理路径。

(13 )获取数据库在远程主机上的路径。由于网站最终会被上传到远程服务器中,所以其物理路径一般不会与本地的物理路

径相同,并且在web.config 配置文件中也不能使用诸如Server.MapPath 之类的服务器变量来获取远程空间的数据库物理路

径。但可以通过其他方法来获取数据库在远程主机上的真实目录物理路径。先假定上传远程空间的域名地址为

https://www.sodocs.net/doc/107183025.html,/Dreamweaver100 。

通过上面的虚拟地址来访问远程虚拟主机的二级目录Dreamweaver100 ,由于数据库文件保存在dat 文件夹中,因此实际

的虚拟地址为

https://www.sodocs.net/doc/107183025.html,/Dreamweaver100/dat 。

那么,将一个只包括“ ”代码的https://www.sodocs.net/doc/107183025.html, VB 动态页,上传远程空间的域名地址为https://www.sodocs.net/doc/107183025.html,/Dreamweaver100 ,

通过该https://www.sodocs.net/doc/107183025.html, VB 动态页就可以获取该远程空间的物理路径出来,从而得出数据库文件存放在该远程空间的物理地址。

(14 )下面举一个例子:

在Dreamweaver 中新建一个空白的https://www.sodocs.net/doc/107183025.html, VB 动态页,切换至代码视图,输入代码。

将其保存为dwurl.aspx ,在IE 中浏览,结果如图75-20 所示。

在图75-20 中可以看到dwurl.aspx 在服务器中的物理路径是C:\Inetpub \wwwroot\ ,而数据库的物理路径为

C:\Inetpub\wwwroot\dat\ dwdat. mdb 。得到远程主机的物理路径后,打开web.config 配置文件,修正上传到服务器数据库中的

物理路径中。

这里所介绍的数据库链接的创建方法是通过UDL 文件创建来实现的。在Dreamwaver MX 中开发ASP 网络应用程序时,

也可以通过本实例所介绍的方法来创建数据库链接。本实例所创建数据库“ dwdat.mdb ”及数据库连接“ dwconn ”将被运用

于实例76 至实例90 中。至此,本实例操作完毕。

Dreamweaver行为简述

Dreamweaver这个名字相信大家都不会陌生了。自打上市以来以其鲜明的特性和完善的功能赢得了众多网友的青睐。Dreamweaver能够在众多的同类软件中赢得一席之地,主要归功于它完全开放的插件环境以及它所能创造出的那些另人耳目一新的网页特效。我即将要向大家介绍的就是通过Dreamweaver的行为事件所制作出的一些网页特效。这其中有一些是通过Dreamweaver的插件来实现的。希望大家可以通过这些特效使自己的网页更加的绚丽多彩。 一.通过链接实现对Flash的控制 为了使网页本身活动起来,我们在制作网页时往往会插入一些诸如FLASH的动画,那么有没有什么方法使浏览者在浏览时可以控制这些动画的运程呢?答案是有的! 首先我们选中将要附加行为的对象,例如一段加有链接的文字。随后按下快捷键F8,单击行为面板上的"+"按钮,打开动作菜单,选择"control shckwave or flash"此时会弹出如图1的对话框。(当然在此之前你的网页中一定要已经插入了FLASH的动画,并对其命名)。从"movie"(动画)下拉菜单中选择将要控制的对象名称以及嵌入对象所使用的标记。再在"Action"(动作)区域选择所要实现的效果。 〃PLAY(播放)选择该项是当鼠标移动到链接上时播放动画。 〃STOP(停止)选择该项是当鼠标移动到链接上时停止动画的播放。〃REWIND(返回)选择该项是当鼠标移动到链接上时动画返回到最

前端。 〃GO TO FRAME(跳转) 选择该项是当鼠标移动到链接上时动画跳转到所指定位臵。并停 留在该位臵上。 设臵完后按快捷键F12,在浏览器中预览。怎么样这回FLASH听话了吧! 二.可拖动的层 这个网页特效可以使浏览者通过鼠标的拖动来移动一个层,这样不但给了浏览者一定的 自主空间,同时在无形之中也给你的网页加入了一条亮丽的风景线。首先选中要拖动的层,按下快捷键F8,单击行为面板上的"+",选择"Drag lager"(拖 动分层)命令,这时将弹出如图2的对话框。在lager下拉菜单中选择将要拖动的分层,在 "Movement"选择要拖动分层的移动方式。移动方式分为两种,一种是受限制的移动方式(constrained),指可移动层只能在你所规定的范围内移动。你可在后方的文本框中定义可移动区域的位臵值,单位是像素。另外一种是不受限制的移动方式(Unconstrained)指可移动层可以在任意范围内移动。在"Drop Target"区域可设臵当前分层的移动,点击"Get Cunrrent Position"可获得当前分层的位臵。随后单击"OK",按快捷键F12,在浏览器中预览,怎么样?刚才定

dreamweaver行为面板

Dreamweaver dreamweaver行为面板(一) 1.调用JavaScript 1、选中要附加行为的对象用鼠标框选 2、打开动作菜单在“行为”面板上单击“+”号钮,弹出动作菜单。 3、选择调用JavaScript单击“调用JavaScript”动作项目,弹出对话框。 4、输入函数名称在“JavaScript”文本框处,输入调用的函数及其参数。如:alert("这是用行为面板制作的警告信息框")。 5、选择其他事件根据需要,单击“行为”面板中事件旁的向下箭头,在弹出的事件菜单中选择。默认为单击onClick()。 2.改变属性 改变对象对应标记的相应属性值 1、选中要附加行为的对象用鼠标框选 2、打开动作菜单在“行为”面板上单击“+”号钮,弹出动作菜单。 3、选择改变属性单击“改变属性”动作项目,弹出对话框。 4、选择对象类型单击“对象类型”下拉列表,选择所需类型,若是文本,则先要添加标记及名称,在代码中找到文本开始处,加上

,在结束处加上或
。 5、选择命名的对象:单击“命名对象”下拉列表,选择所需的名称。 6、选择或输入属性:在“选择”下拉列表中选择要改变的属性,或在“输入”中输入要改变的属性。 7、输入新的值在“新的值”文本框中,输入要改变的值,确定。 8、选择其他事件根据需要,单击“行为”面板中事件旁的向下箭头,在弹出的事件菜单中选择。 3.检查浏览器 针对不同的浏览器,显示不同内容的网页,通常用于整个文档或链接中。 1、选中要附加行为的对象用鼠标选择链接或标记。 2、打开动作菜单在“行为”面板上单击“+”号钮,弹出动作菜单。

Dreamweaver中JavaScript行为操作使用的总结

Dreamweaver中JavaScript行为操作使用的总结 Dreamweaver中JavaScript行为操作使用的总结 一、在页面中附加JavaScript行为的方法 在Dreamweaver中,可以将行为附加到整个文档(即附加到标签)中,也可以附加到多个其它的HTML元素中。 1.打开文档,在文档窗口左下角的状态栏上点击标签或者点击要附加行为的其它对象。 2.点击“窗口”菜单,选择“行为”命令,打开行为面板。 3.在行为面板中,单击“添加行为”按钮,在快捷菜单中选中需要附加的动作。 4.选中一个动作后,会出现一个相关的对话框,来显示该动作的参数和说明。 5.在对话框中,为该动作输入参数,然后单击“确定”按钮关闭对话框。 6.在行为列表窗口中会显示添加的事件及其对应的动作。如果这不是所需要的触发事件,可以选择其它事件。 7.至此完成了在页面中选定对象添加JavaScript行为的步骤。 提示:可以为一个事件指定多个动作。动作会按照它们在“行为”面板的“动作”列中的排列顺序执行,当然,也可以修改这个排列 顺序。 二、修改或删除JavaScript行为 改变JavaScript行为的方法如下: 1.点击“窗口”菜单,选择“行为”命令,打开行为面板。

2.选择一个附加有JavaScript行为的对象或HTML元素。该JavaScript行为出现在行为面板中。 3.按照以下的方法进行操作: 如果要编辑动作的参数,用鼠标选中行为事件,双击行为名称或者先选取它然后按下键盘Enter键,可以打开行为参数对话框,修改好对话框中的'参数,点击“确定”按钮即可。 如果要改变事件的动作顺序,选取一个动作并点击“向上箭头或向下箭头”按钮即可。 如果要删除行为,选取它并点击“删除事件(一)”按钮,或者按键盘Delete键即可。 三、更新JavaScript行为 1.打开行为面板。 2.选择一个附加有JavaScript行为的对象或HTML元素。 3.在行为面板中双击行为名称。 4.在行为对话框中进行所需要的更改,然后单击“确定”按钮。 在此页面中所有附加该行为的对象都将得到更新。如果站点中的其它页面上也包含该行为,则必须逐页更新这些行为。 四、下载和安装第三方JavaScript行为 1.打开行为面板,点击“添加行为”按钮。 2.在下拉菜单中点击“获取更多行为”命令,打开Exchange(扩展)站点。 3.浏览或搜索扩展包。 4.下载并安装需要的扩展包。

Dreamweaver网页设计模拟试题1-5

《网页设计与制作——Dreamweaver8》期末模拟试题一 一、选择题 1、打开Dreamweaver 8窗口后,如果没有出现属性面板。可执行_______菜单中的“属性”命令将其打开。 A、插入 B、修改 C、窗口 D、命令 2.在站点中建立一个文件,他的扩展名应是_______。 A、DOC B、PPT C、XLS D、HTM 3.设置一个没有超链接功能的图像变化(即当鼠标指向页面中的图像时显示另外的图像,当鼠标离开页面中的图像时显示原图像),应使用Dreamweaver 8的_______功能。 A、导航图像 B、翻转图像 C、轮换图像 D、预载图像 4.在_______文本框中输入数据后,数据以*号显示。 A、单行文本框 B、多行文本框 C、数值文本框 D、密码文本框 5.按住_______键的同时拖拽鼠标绘制直线,可以绘制水平、垂直或增量为45度角的直线。 A、Ctrl B、Alt C、Shift D、Ctrl+Shift 6、网站首页的名字通常是() A、Index.htm B、Index.html C、WWW D、A或B 7、在Dreamweaver网页设计中,关于框架的说法正确的是:() A、框架将浏览窗口划分为若干区域,分别显示一个网页的不同部分。 B、单击名字为“Insert Left Frame”的图标,可以将一个框架拆分为上下两部分。 C、通过按下鼠标左键进行拖动,可以直接改变框架高度。 D、框架之间不能实现链接。 8、利用Dreamweaver8中的()技术,可以让网页上的内容随心所欲地放置在任何位置上。 A、表单(Forms) B、框架(Frames) C、层(Layer) D、图像(Image)

(完整版)Dreamweaver考试试题及参考答案(一)

中国计算机函授学院 《Dreamweaver MX》考试试卷 学号:______________ 姓名:______________ 成绩:______________ 一、单项选择题(每题2分,共20分) 1.Dreamweaver中,欲打开您已经建立的站点库应选( )。 A) Ctrl+ Shift+ O B) Ctrl+ O C) Ctrl+ W D) Ctrl+ S 2.在用Dreamweaver制作网页时要重复执行刚刚用的命令应选( )。 A) Ctrl+F B) Ctrl+U C) Ctrl+y D) Ctrl+E 3.Dreamweaver检索当前文档的快捷操作是( )。 A) Ctrl+Shift+C B) Ctrl+Shift+V C) Ctrl+F D) F3 4.HTML的颜色属性值中,Black的代码是( )。 A) "#000000" B) "#008000" C) "#C0C0C0" D) "#00FF00" 5.Dreamweaver打开帧面板的快捷操作是( )。 A) F11 B) Shift +F2 C) Ctrl+F11 D) F4 6.以下关于能不能在Dreamweaver中给按钮加声音的廉洁中正确的是( )。 A) 不行 B) 要加入Flash插件才行 C) 可以直接加 D) Dreamweaver 2.0不能 7.设置水平线高度的HTML代码是( )。 A)


B)
C)
D)
8.Dreamweaver的文件菜单命令中,转换(Convert)→层转换为表格(LAYERS to Tables)表示( )。 A) 插入一个XML文件来创建一个新文档,将所有层转换为表格 B) 把模板中的可编辑区域作为一个XML文件,将所有层转换为表格 C) 创建一个基于CSS的外部样式表单 D) 创建一个新网页,将所有层转换为表格 9.HTML代码 表示( )。 A) 创建一个超链接 B) 创建一个自动发送电子邮件的链接 C) 创建一个位于文档内部的连接点 D) 创建一个指向位于文档内部的连接点 10.Dreamweaver中查看文件头内容的快捷操作是( )。 A) Ctrl+Alt+S B) Ctrl+M C) Ctrl+Shift+A D) Ctrl+Shift+W 二、多项选择题(每题3分,共30分) 1.关于在网页中加入书签来实现跳转的说法,正确的是( )。 A) 可以实现页面间的跳转

DW中的行为事件翻译

DW中的行为事件翻译: 一般事件 onClick 鼠标点击时触发此事件 ondblclick 鼠标双击时触发此事件 onmousedown 按下鼠标时触发此事件 onmouseup 鼠标按下后松开鼠标时触发此事件 onmouseover 当鼠标移动到某对象范围的上方时触发此事件 onmousemove 鼠标移动时触发此事件 onmouseout 当鼠标离开某对象范围时触发此事件 onkeypress 当键盘上的某个键被按下并且释放时触发此事件. onkeydown 当键盘上某个按键被按下时触发此事件 onkeyup 当键盘上某个按键被按放开时触发此事件 页面相关事件 onabort 图片在下载时被用户中断 onbeforeunload 当前页面的内容将要被改变时触发此事件 onerror 出现错误时触发此事件 onload 页面内容完成时触发此事件 onmove 浏览器的窗口被移动时触发此事件 onresize 当浏览器的窗口大小被改变时触发此事件 onscroll 浏览器的滚动条位置发生变化时触发此事件 onstop 浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断onunload 当前页面将被改变时触发此事件 表单相关事件 onblur IE3、N2 当前元素失去焦点时触发此事件 onchange IE3、N2 当前元素失去焦点并且元素的内容发生改变而触发此事件onfocus IE3 、N2 当某个元素获得焦点时触发此事件 onreset IE4 、N3 当表单中RESET的属性被激发时触发此事件 onsubmit IE3 、N2 一个表单被递交时触发此事件 滚动字幕事件 onbounce IE4、N 在Marquee内的内容移动至Marquee显示范围之外时触发此事件onfinish IE4、N 当Marquee元素完成需要显示的内容后触发此事件 onstart IE4、N 当Marquee元素开始显示内容时触发此事件

Dreamweaver行为事件

Dreamweaver教程:行为事件 行为是实现网页上交互的一种捷径,Dreamweaver MX 2004 行为将javascript 代码放置在文档中,以允许访问者与Web 页进行交互,从而以多种方式更改页面动作或执行某些任务。行为是事件和由该事件触发的动作的组合。 下面我们来学习行为的用法。现在,举个例子加以说明。看下图,光标移到图片上面。在它的右侧即显示一段其它内容(动画)。请您用鼠标测试,然后,我们来分析一下这个过程。 请您操作鼠标在花上移入移出 这是两个行为:行为一:移入+显示;行为二:移出+隐藏。 事件是:鼠标移入和移出。动作是:显示和隐藏。 具体操作如下: 1、在页面中插入一张图片,本例为菊花图片。 2、在页面中插入一个层,贴入几个动画小人。如下图: 在层面板中,将该层设置成为隐藏。打开页面的时候不显示。层面板状态,如下图: 3、单击图片,打开行为面板(「窗口」菜单>行为)。在行为面板按“+”号,在弹出菜单中选中显示-隐藏层,如下图:

系统弹出显示-隐藏层对话框。单击该层,然后单击“隐藏”按钮。确定。 打开“行为”面板,如下图:

4、我们可以在面板中看到事件和行为。需进一步对事件进行设置。单击“onLoad”,在下拉菜单中选择“onMouseOut”,如下图: 4、上述方法是鼠标移出事件行为的设置,重复以上方法再对鼠标移上事件行为进行设置,把显示-隐藏层设为(显示),如下图: 行为事件设置,如下图:

设置后的“行为”面板最终结果,如下图: 5、保存页面,预览网页。可以看到光标移动到菊花图片上就出现右侧的内容。下面给出一些常见事件的一些解释 onClick 单击 onDbclick 双击 onKeypress按键 onMouseDown鼠标按下 onMouseOut鼠标移出 onMouseOver鼠标移上 onMouseUp鼠标抬起。 行为是一个很有用的交互手段。由于行为的门类繁多,也较复杂。

Dreamweaver CS5改变元素属性行为

Dreamweaver CS5改变元素属性行为 在Dreamweaver CS5中使用“改变属性”行为可以更改页面元素的属性值。一、Dreamweaver CS5改变元素属性行为1. 选择一个页面元素或者对象。2. 打开行为面板。3. 点击“添加行为(+)”按钮,在弹出的下拉菜单中选择“改变属性”命令。如下图所示:4. 打开“改变属性”对话框,如下图所示:·元素类型:选择要改变属性的元素。 ·元素ID:选择的元素如果有ID,会在此处自动显示出来。如果没有ID,请阅读“HTML4.01id属性”添加ID后,再重新填写“改变属性”对话框。 ·属性:可以选择一个要改变的属性名称,也可以输入一个要改变的属性名称。 ·新的值:为属性输入一个新值。 5. 点击“确定”按钮。源代码如下:<html> <head> <title>Dreamweaver CS5改变元素属性行为示例 https://www.sodocs.net/doc/107183025.html,</title> <script type="text/javascript"> function MM_changeProp(objId,x,theProp,theValue) { //v9.0 var obj = null; with (document){ if (getElementById)

obj = getElementById(objId); } if (obj){ if (theValue == true || theValue == false) eval("obj.style."+theProp+"="+theValue); else eval("obj.style."+theProp+"='"+theValue+"'"); } } </script> </head> <body> <h1>Dreamweaver CS5改变元素属性行为示例 </h1> <p id="p1" onmouseover="MM_changeProp('p1','','backgroundColor',' red','P')">...</p> </body> </html>6. 查看附加的事件是否是需要的事件。如果不是需要的事件,可以更改事件。请阅读选择不同的事件。7. 查看行为参数是否合适。如果不合适,也可以修改行为参数。

Dreamweaver转到URL行为

Dreamweaver转到URL行为 “转到 URL”行为可以让用户在当前窗口或者指定框架中打开一个新页面。不仅可以由不同的事件来执行,而且对于一次改变两个或两个以上框架的内容特别有用。 一、Dreamweaver CS5转到URL行为 1. 选择一个页面元素或者对象。 2. 打开行为面板。 3. 点击“添加行为(+)”按钮,在弹出的下拉菜单中选择“转到 URL”命令。如下图所示: 图1 在行为面板中选择“转到 URL”命令 4. 打开“转到 URL”对话框,如下图所示: 图2 “转到 URL”对话框 打开在:为URL选择一个目的窗口。 URL:直接输入一个URL地址,或者单击“浏览”按钮选取一个要打开的文档。 5. 单击“确定”按钮。 6. 查看附加的事件是否是需要的事件。如果不是需要的事件,可以更改事件。 7. 查看行为参数是否合适。如果不合适,也可以修改行为参数。 二、Dreamweaver CS5转到多个URL行为 1. 选择一个页面元素或者对象。 2. 打开行为面板。 3. 点击“添加行为(+)”按钮,在弹出的下拉菜单中选择“转到 URL”命令。 4. 打开“转到 URL”对话框,如下图所示:

图3 “转到 URL”对话框二 5. 参照图2对话框的方法选择“框架"mainFrame"”,输入URL,如下图所示: 图4 选择“框架"mainFrame"” 选择“框架"rightFrame"”,输入URL,如下图所示: 图5 选择“框架"rightFrame"” 提示:URL地址可以相同,也可以不同。 6. 单击“确定”按钮。 7. 查看附加的事件是否是需要的事件。如果不是需要的事件,可以更改事件。 8. 查看行为参数是否合适。如果不合适,也可以修改行为参数。

Dreamweaver的行为讲解

打开浏览窗口:可以打开一个小窗口(和网上的弹出窗口一样); 弹出信息:可以弹出一条警告信息; 调用JavaScript:调用网页中包含的Javascript程序; 交换图像:实际上是交换图像; 更改办容:可以改变已经插入的层的内容; 恢复交换图像:把已经交换的图像恢复过来; 检测插件:可以检测访问者的浏览器是否己安装浏览网页所必须的插件; 检测浏览器:检测访问者使用的是什么类型的浏览器;检查表单:检验网页中的表单是否合法; 转到URL:跳转到其它页面; 设置文字:在特定的地方显示文字; 显示或隐藏层:设置图层的显示或隐藏; 跳转菜单:插入跳转导航菜单; 跳转菜单开始:控制导航菜单跳到哪个页面; 拖动层:设定图层是否允许拖动; 预先载入图像:在网页装载前先预先载入图像; 设置文本 “设置层文本”行为 “设置层文本”行为可以用指定的内容替换现有层的内容和格式设置,但将保留层的属性,包括颜色。该内容可以包括任何有效的HTML源代码。 “设置框架文本”行为 “设置框架文本”行为可以动态设置框架的文本,用指定的内容替换框架的内容和格式设置。该内容可以包含任何有效的HTML源代码。使用此行为可以动态显示信息。 “设置文本域文本”行为 “设置文本域文字”行为可以用指定的内容替换表单文本域的内容。 “设置状态栏文本”行为 “设置状态栏文本”行为可在浏览器窗口底部左侧的状态栏中显示消息。如可以使用此行为在状态栏中说明链接的目标而不是显示链接的URL。 在进行网页编辑时,用HTML代码并不能实现对网页状态栏的编辑。实际上,浏览器的状态栏是可以更改的,JavaScript编辑的方法可以改变浏览器的状态栏。Dreamweaver也提供了方便的设置状态栏的行为。打开浏览器窗口 打开一个新的浏览器窗口,在其中显示所指定的内容,网页设计者可指定该新窗口尺寸、是否可调节大小、是否有菜单等属性。 交换图像 “交换图像”行为可将一个图像替换为另一个图像,这是通过更改“scr”属性来实现的,此动作一般用来创建翻转按钮以及同时替换多个图片。 恢复交换图像 “恢复交换图像”行为用于将替换的图像恢复为原始的图像文件。 改变属性 “改变属性”行为用于改变网页元素的属性值。 检查浏览器 “检查浏览器”行为是为了根据浏览者使用的浏览器版本的不同来决定访问的不同网页,以提高网页的兼容性。可将此行为添加到与任何浏览器都兼容页面的<body>标签上,也可以将此行为添加到一个空链接上, 并让该行为

相关主题