adobe之旅新伙伴--dreamweaver

最新推荐文章于 2023-09-08 19:29:23 发布
最新推荐文章于 2023-09-08 19:29:23 发布
阅读量4.2k 收藏
点赞数 16
分类专栏： web 文章标签： adobe dreamweaver javascript stylesheet iframe xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xvshu/article/details/7658312
版权

         1982年 12 月 ，一件影响我们生活的事情发生了！JohnE. Warnock 博士Charles M. Geschke 博士创建

了Adobe Systems Incorporated （奥多比系统公司），看看下面的图片，找找我们熟悉的图标吧：



      

       我发现我已经无法离开这个只跟在我生活里的公司了，不论我在哪里，打开电脑，除了微软，我想第二

个就是adobe公司！我感叹一个公司的神奇！

       最近新认识了一个adobe 的产品，dreamweaver 有不得不让我感叹，adobe公司做软件的远见卓识！

       打开软件，熟悉的启动窗体，熟悉的面板操作，面生的html （HypertextMarkup Language）语言，首先是

分成两个的窗体，一个是代码窗体，一个是设计窗体，他们既可以同时出现，也可以单个出现，方便了三种人

的操作习惯（adobe的无微不至）



       

       当然，我作为初学者，先看了点关于adobe的教程，尝试着熟悉界面，发现和以前使用photoshop 没有太

大的差别，有vb的基础，对拖拉控件的操作也应该得心应手，下面我就对树形目录与iframe交互举个例子。

       首先认识，树形目录，他的名字叫dtree ，dtree是一个由JavaScript编写成的简单的树形菜单组件，目前

免费并且开源。首先从网上下载 dtree.rar文件，用dreamweaver新建一个html文档，引入dtree.css和 dtree.js

下面就是具体用法，简单应用

add(id,pid,name,url,title,target,icon,iconOpen,open);

位置

参数别名

类型

功能

1

id

int

节点自身的id(唯一)

2

pid

int

节点的父节点id

3

name

string

节点显示在页面上的名称

4

url

string

节点的链接地址

5

title

string

鼠标放在节点上显示的提示信息

6

target

string

节点链接所打开的目标frame

7

icon

string

节点关闭状态时显示的图标

8

iconOpen

string

节点打开状态时显示的图标

9

open

bool

节点第一次加载是否打开

openAll() 打开所有

closeall（）关闭所有

开始构建网页

建立了一个iframe

        
<IFRAMEheight="100%" src="" frameBorder=0 width="100%" name=mainFrame>
</IFRAME>


记住他的name属性(mainFrame)

再创建 dtree 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
	<title>Destroydrop » Javascripts » Tree</title>

	<link rel="StyleSheet" href="dtree.css" type="text/css" />
	<script type="text/javascript" src="dtree.js"></script>

</head>

<body>


<div class="dtree">

  <p><a href="javascript: d.openAll();">打开所有</a> | <a href="javascript: d.closeAll();">关闭所有</a></p>

	<script type="text/javascript">
		<!--

		d = new dTree('d');

		d.add(0,-1,'');
		d.add(1,0,'武警学院','example01.html','','','img/imgfolder.gif');
		d.add(2,0,'课程网络首页','example01.html','','','img/imgfolder.gif');
		d.add(3,0,'课程负责人','首页.htm');
		d.add(4,0,'学习指南','api.html','','mainFrame');
		d.add(5,0,'教学资料','example01.html','','mainFrame');
		d.add(6,0,'试卷样本','example01.html','','mainFrame','img/imgfolder.gif');
		d.add(7,3,'周立军','example01.html','','mainFrame','img/imgfolder.gif');
		d.add(8,3,'学术简介','example01.html','','mainFrame','img/imgfolder.gif');
		d.add(9,4,'课程简介','example01.html','','mainFrame','img/imgfolder.gif');
		d.add(10,4,'内容提要','example01.html','','mainFrame','img/imgfolder.gif');
		d.add(11,4,'作业习题','example01.html','','mainFrame','img/imgfolder.gif');
		d.add(12,4,'参考文献','参考书目.htm','','mainFrame','img/imgfolder.gif');
		d.add(13,5,' 教案','example01.html','','mainFrame','img/imgfolder.gif');
		d.add(14,5,'讲稿','example01.html','','','img/imgfolder.gif');
		d.add(15,5,'案例','example01.html','','','img/imgfolder.gif');
		d.add(16,5,'课件','example01.html','','','img/imgfolder.gif');
		d.add(17,5,'视频','example01.html','','','img/imgfolder.gif');
		d.add(18,5,'图片','example01.html','','','img/imgfolder.gif');
		d.add(19,0,'返回首页','example01.html','','','img/imgfolder.gif');
		d.add(20,6,'样卷一','样卷一.htm','','mainFrame','img/imgfolder.gif');
		d.add(21,6,'样卷二','example01.html','','','img/imgfolder.gif');
		d.add(22,6,'样卷三','example01.html','','','img/imgfolder.gif');
		d.add(23,6,'样卷四','example01.html','','','img/imgfolder.gif');
		d.add(24,6,'样卷五','example01.html','','','img/imgfolder.gif');
		d.add(25,6,'样卷六','example01.html','','','img/imgfolder.gif');
		d.add(26,6,'样卷七','example01.html','','','img/imgfolder.gif');
		d.add(27,6,'样卷八','example01.html','','','img/imgfolder.gif');
		d.add(28,6,'样卷九','example01.html','','','img/imgfolder.gif');
		d.add(29,6,'样卷十','example01.html','','','img/imgfolder.gif');
		d.add(30,11,'第一章','example01.html','','','img/imgfolder.gif');
		d.add(31,11,'第二章','example01.html','','','img/imgfolder.gif');
		d.add(32,11,'第三章','example01.html','','','img/imgfolder.gif');
		d.add(33,11,'第四章','example01.html','','','img/imgfolder.gif');
		d.add(34,11,'第五章','example01.html','','','img/imgfolder.gif');
		d.add(35,11,'第六章','example01.html','','','img/imgfolder.gif');
		d.add(36,11,'第七章','example01.html','','','img/imgfolder.gif');
		d.add(37,11,'第八章','example01.html','','','img/imgfolder.gif');
		d.add(38,11,'第九章','example01.html','','','img/imgfolder.gif');
		d.add(39,11,'第十章','example01.html','','','img/imgfolder.gif');
		d.add(40,11,'第十一章','example01.html','','','img/imgfolder.gif');
		d.add(41,11,'第十二章','example01.html','','','img/imgfolder.gif');
		d.add(42,11,'第十三章','example01.html','','','img/imgfolder.gif');
		d.add(43,11,'第十四章','example01.html','','','img/imgfolder.gif');
		d.add(44,11,'第十五章','example01.html','','','img/imgfolder.gif');
		
		
		
		
		
		
		document.write(d);

		//-->
	</script>

</div>
</body>

</html>


注：未完善，请根据自己需要修改属性

       这样，一个简单的网页就做好了

预览一下



       我相信有一天，我们国家也可以开发出如此优秀的工具！为世界服务


ESOO
关注
  • 16
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 31
    评论
专栏目录
dreamwaver cc 2015 asp扩展包
12-27
dreamwaver cc 2015 asp扩展包.
dreamweaver CC 扩展模块ZXP
01-20
ASP JS SUPPORT,ASPNET SUPPORT,JSP SUPPORT. 的ZXP压缩包。 需要安装extension manager cc
让dreamweaver cc2017支持ASP服务器行为的扩展
10-20
ASP_JS_Support.mxp
使dreamweaver CC支持asp，JS，.Net及JSP等的代码着色
01-24
备注：安装破解版的dreamweaver，在Adobe Extension Manager是识别不到的。插件对应的版本不正确会提示“无法安装此扩展，它要求 X或更高的Dreamweaver版本。” 下载 Adobe Extension Manager CC： http://www.adobe.com/exchange/em_download/ 下载：Adobe Extension Manager CS6： http://www.adobe.com/cn/exchange/em_download/
Adobe Acrobat Reader界面改版 - 解决方案
最新发布
NSJim的博客
09-08 3883
Adobe Acrobat Reader软件会自动进行更新，当版本更新至2023.003.20284版本后，软件UI界面会大改版：书签页变成了右边、工具栏变到了左边、缩放按钮变到了右下角。交互体验及其难受，下文介绍如何将UI界面切换为旧版界面。
Adobe-CEP使用教程
路漫漫其修远兮，吾将上下而求索。
06-29 3025
一：Adobe-CEP介绍 一个 CEP 插件实际上是一个显示在宿主程序面板窗口中的网页。 通过 CEP 提供的接口与宿主程序进行交互。 宿主程序（Photoshop, Illustrator, InDesign, After Effects等等） 有很多内置功能，和一个被称为 ExtendScript 的脚本引擎，通过 ExtendScript 脚本引擎能够调用宿主程序的各种内置功能，比如创建一个图层、设置背景颜色等等。 注意： CEP 和 ExtendScript都使用JavaScript， 但是它们分
Adobe XD -----之常用快捷键
qq_32933421的博客
08-30 3015
常用快捷键 选择工具 v 长按空格+鼠标左键 拖动 矩形 r 椭圆 e 框选 z 全部视图 CTRL+0
Adobe正版服务弹窗 - 解决方案
热门推荐
NSJim的博客
03-22 3万+
在使用Adobe系列软件时，若没有正版授权，则会出现弹窗，该弹窗是由Adobe Genuine Service软件弹出的，且该弹窗无法关闭，下文介绍如何永久关闭该弹窗。
AdobeDreamweaver-CS5
06-30
AdobeDreamweaver-CS5
Adobe-URL-Block-List:这是主机文件的Adobe URLIP阻止列表
05-02
Adobe URL阻止列表这是主机文件的Adobe URL / IP阻止列表，请确保您以管理员身份运行喜爱的编辑器以打开并保存主机文件，只需将完整列表复制并粘贴到主机文件中并保存，然后将阻止所有Adobe使用的URL / IP，如果还有...
Adobe-Premiere-Pro入门新手教程.pdf
11-13
Adobe-Premiere-Pro入门新手教程.pdf
Adobe-Premiere-Pro-cc入门级教程.ppt
11-15
Adobe-Premiere-Pro-cc入门级教程.ppt
Adobe-Illustrator-快捷键.docx
12-16
Adobe-Illustrator-快捷键.docx
用图说话——浅析交换机MAC地址学习
ESOO
09-10 2万+
在现实生活中，我们已经离不开网络，网络已经融入我们的生活，电脑，网络已经成为我们这代人的必须品，信息资源也已经成为国家的一种站略资源，我们在享受网络便利的同时，也被网络故障困恼着，本文从简单的方面简析网络的重要组成部分-交换机，重点介绍交换机的MAC地址学习原理。
C#后台与前台界面交互——传数组
ESOO
11-27 1万+
当用到.net 时，很多新手都为如何解决.cs文件里数组赋值给.aspx中js数组的问题。这次主要和大家分享怎么解决这个问题！   第一步：定义cs数组 cs文件里后台程序中要有数组，这个数组要定义成公共的数组，前台才能收到 如 ：public  int[] aa=new int[20];        public string[] bb=new string[20]; 为什么要定义
PowerDesigner-自定义生成WORD_旧梦重温
ESOO
02-26 8695
以前用PD导出文档时，我都是用的系统自带的模板，生成的文档要么太小，要么太大，找到了一个合适的模板，生成了800页的数据库说明书，终于以为万事大吉了，但是在文档交接的时候吗，还是会有太多的问题，不能快速检索，在这个社会，效率，是个致命的话题，基于这点，经过几番周折和研究，给大家分享我的一些经验： 1，统一建立模型 在建立模型之初，我们应该本着传承的心态建立，也许因为自己少写了一句注释，迭代开发
简单实现网页另存为word或者excel
ESOO
11-14 8049
IO的简单应用
OSGI初识——iopenworks使用
ESOO
01-28 7627
OSGI简介：         OSGi是Open Services Gateway initiative的缩写，叫做开放服务网关协议。         OSGi联盟现在将OSGi定义为一种技术：                 OSGi技术是指一系列用于定义Java动态化组件系统的标准。这些标准通过为大型分布式系统以及嵌入式系统提供一种模块化架构减少了软件的复杂度。
adobedreamweaver-cs6
04-11
b'adobedreamweaver-cs6' 是一个软件的名称，它是Adobe公司开发的一款用于网站设计和编写的工具。它可以帮助用户编写HTML、CSS、JavaScript等网页...它已经推出了许多版本，而'b'adobedreamweaver-cs6'则是其中之一。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 31
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值