相关文章
从静态网页到动态网页再到静态网页...
网页设计初学者指南之详细学习CSS的结构和规则
北京网站建设友情链接页标签
网站设计利用相对定位及偏移量做精美输入界面
企通互联增加网页曝光率的秘诀
企通互联使用Web标准建站第4天:调用样式表
网站制作教程/dreamweaver/提高 表格妙用-线框制作详解(2)
北京网站建设FLASH MX 2004视频教程:宝泉奶粉广告制作(一)
北京网站建设Flash AS基础教程:土人AS入门教程对象篇
www.qt-net.com在FrontPage 2000中插入Flash动画
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 企通互联网站设计教程/dreamweaver/高级 深入DREAMWEAVER插件的奥秘(2)
企通互联网站设计教程/dreamweaver/高级 深入DREAMWEAVER插件的奥秘(2)
作者: 北京网站建设 日期:2008-03-27 06:03:35 来源: http://www.qt-net.com
2.1.Dreamweaver的DOM结构分析北京网站建设
网站制作网页设计
DOM是Document Object Model的简称,就是描述html文档的tag结构树,Dreamweaver的DOM是DOM level 1的子集,Dreamweaver为了实现充分定制和扩展功能,动用了400多个Javascript程序,并且提供了完整的Javascript API(应用程序接口),现在Dreamweaver 4.0基本上能通过javascript实现对菜单、浮动面板、代码监视器、站点窗口以及文档窗口的完全定制,,所以我们必须对Dreamweaver的DOM结构有一定的了解,这样才能设计完美的插件。北京网页设计
北京网页设计
北京网页设计
下面是Dreamweaver DOM的结构精选列表企通互联
网站制作
网站制作
北京网站建设
2.2.Javascript 北京网站设计在插件中的工作机理网站设计
网站设计
Dreamweaver在处理插件时,编译并且执行<script>里的代码,同时也编译执行外部的js文件,外部文件是通过<script src="..."></script>引入的,值得注意的是:如果javascript代码里存在</script>就中断返回,不在执行下去,所以通常用'<' + '/SCRIPT>'代替</script>,来保证后面的代码被编译执行;北京网站设计
网站制作
插件类型不同原理有别:北京网站制作
Objects类:返回字符串插入文档,同时根据需要插入代码,也可以调用command网站设计
Command类:执行定义好的操作北京网站制作
Behavior类 北京网站制作:给特定的tag添加事件,同时根据需要插入代码网页设计
北京网站设计
如果你希望用户在使用插件时输入参数,必须设计一个带form的html文件,然后用javascript代码来处理输入的参数。企通互联
注意:插件面板上的链接不起作用 www.qt-net.com网站建设
北京网页设计
网站设计
2.3.插件的专用控制器企通互联
北京网站建设
3.1 颜色选取按钮mmcolorbutton网站设计
颜色值通过onChange事件传递给特定的输入框北京网站建设
图例:网站制作
企通互联
网页设计
样例:网站设计
<input type="text" name="Mycolor" size="8" maxlength="8">北京网站建设
<input type="mmcolorbutton" name="my1" onChange="this.form.Mycolor.value=this.form.my1.value" 北京网页设计> 网站设计
3.2 文件浏览框网站制作
网站设计
文件浏览框一般用于选择站内的目标文件,通过onClick事件传递文件的位置,文件路径可以选择是相对于Site还是Document北京网站设计
北京网站建设
样例:北京网页设计
<INPUT TYPE="text" NAME="URL" STYLE="width:180px">北京网站制作
<INPUT TYPE="button" VALUE="Browse..." onClick="browseFile(document.theForm.URL)"> 北京网站设计
网站建设
企通互联 3.3 目录树企通互联
北京网站建设
MM:TREECONTROL 指明本form元素是目录树网页设计
MM:TREECOLUMN 定义目录树的列网站制作
MM:TREENODE 制定目录树的节点. 北京网页设计
网页设计
图例:北京网页设计
北京网站制作
网站制作
样例:北京网页设计
<MM:TREECONTROL name="CtrlName" size=6 style="width:280px;height:100px">北京网页设计
<MM:TREECOLUMN name="mycolumn" value="列名"> 网站设计
<MM:TREENODE value="菜单1" selected></MM:TREENODE>网站制作
<MM:TREENODE value="菜单2|I菜单3" expanded>企通互联
<MM:TREENODE value="I菜单4|菜单5"></MM:TREENODE>北京网站制作
</MM:TREENODE> 企通互联
</MM:TREECONTROL>
网站制作
网站制作网页设计
DOM是Document Object Model的简称,就是描述html文档的tag结构树,Dreamweaver的DOM是DOM level 1的子集,Dreamweaver为了实现充分定制和扩展功能,动用了400多个Javascript程序,并且提供了完整的Javascript API(应用程序接口),现在Dreamweaver 4.0基本上能通过javascript实现对菜单、浮动面板、代码监视器、站点窗口以及文档窗口的完全定制,,所以我们必须对Dreamweaver的DOM结构有一定的了解,这样才能设计完美的插件。北京网页设计
北京网页设计
北京网页设计
下面是Dreamweaver DOM的结构精选列表企通互联
网站制作
| 对象 | 属性 | 方法 | 事件 |
| document | forms (数组)网页设计 images(数组)北京网站制作 layers(数组)网站制作 子对象名网站制作 nodeType北京网页设计 parentNode网站制作 childNodes网站制作 documentElement北京网站建设 body网页设计 URL企通互联 parentWindow网站制作 |
getElementsByTagName()北京网页设计 //取得特定Tag北京网站制作 hasChildNodes()网站设计 //是否有子节点 |
onLoad |
| 所有的Tag | nodeType北京网站设计 parentNode网站设计 childNodes北京网页设计 tagName北京网站设计 属性名网站制作 innerHTML北京网站建设 outerHTML 网页设计北京网页设计 |
getAttribute()北京网站制作 //取得属性网页设计 setAttribute()网站制作 //设置属性北京网站制作 removeAttribute()北京网站设计 //删除属性网站制作 getElementsByTagName()企通互联 //取得特定Tag北京网页设计 hasChildNodes() 网站建设网站制作 //是否有子节点 |
|
| form | elements(数组) mmcolorbutton北京网站制作 子对象名 |
同上 |
北京网站建设
2.2.Javascript 北京网站设计在插件中的工作机理网站设计
网站设计
Dreamweaver在处理插件时,编译并且执行<script>里的代码,同时也编译执行外部的js文件,外部文件是通过<script src="..."></script>引入的,值得注意的是:如果javascript代码里存在</script>就中断返回,不在执行下去,所以通常用'<' + '/SCRIPT>'代替</script>,来保证后面的代码被编译执行;北京网站设计
网站制作
插件类型不同原理有别:北京网站制作
Objects类:返回字符串插入文档,同时根据需要插入代码,也可以调用command网站设计
Command类:执行定义好的操作北京网站制作
Behavior类 北京网站制作:给特定的tag添加事件,同时根据需要插入代码网页设计
北京网站设计
如果你希望用户在使用插件时输入参数,必须设计一个带form的html文件,然后用javascript代码来处理输入的参数。企通互联
注意:插件面板上的链接不起作用 www.qt-net.com网站建设
北京网页设计
网站设计
2.3.插件的专用控制器企通互联
北京网站建设
3.1 颜色选取按钮mmcolorbutton网站设计
颜色值通过onChange事件传递给特定的输入框北京网站建设
图例:网站制作
企通互联网页设计
样例:网站设计
<input type="text" name="Mycolor" size="8" maxlength="8">北京网站建设
<input type="mmcolorbutton" name="my1" onChange="this.form.Mycolor.value=this.form.my1.value" 北京网页设计> 网站设计
3.2 文件浏览框网站制作
网站设计
文件浏览框一般用于选择站内的目标文件,通过onClick事件传递文件的位置,文件路径可以选择是相对于Site还是Document北京网站设计
北京网站建设
样例:北京网页设计
<INPUT TYPE="text" NAME="URL" STYLE="width:180px">北京网站制作
<INPUT TYPE="button" VALUE="Browse..." onClick="browseFile(document.theForm.URL)"> 北京网站设计
网站建设
企通互联 3.3 目录树企通互联
北京网站建设
MM:TREECONTROL 指明本form元素是目录树网页设计
MM:TREECOLUMN 定义目录树的列网站制作
MM:TREENODE 制定目录树的节点. 北京网页设计
网页设计
图例:北京网页设计
北京网站制作网站制作
样例:北京网页设计
<MM:TREECONTROL name="CtrlName" size=6 style="width:280px;height:100px">北京网页设计
<MM:TREECOLUMN name="mycolumn" value="列名"> 网站设计
<MM:TREENODE value="菜单1" selected></MM:TREENODE>网站制作
<MM:TREENODE value="菜单2|I菜单3" expanded>企通互联
<MM:TREENODE value="I菜单4|菜单5"></MM:TREENODE>北京网站制作
</MM:TREENODE> 企通互联
</MM:TREECONTROL>
上一篇:北京网站制作教程/dreamweaver/高级 深入DREAMWEAVER插件的奥秘(3)
下一篇:网站设计教程/dreamweaver/高级 关于 Dreamweaver 的插件