学院首页 软件应用 编程开发 创意设计 认证培训 软件论坛
Flash Fireworks Dreamweaver Photoshop CorelDraw Illustrator FreeHand 3DsMAX AutoCAD

您的位置:学院 >> 创意设计 >> Dreamweaver >> DW MX新功能试用:标记选择器和编辑器


DW MX新功能试用:标记选择器和编辑器


  为了方便手工编码,Dreamweaver MX增加了标记选择器(Tag Chooser)和标记编辑器(Tag Editer)。使用标记选择器,我们可以在网页代码中插入新的标记(Tag)。使用标记编辑器,我们可以对网页代码中的标记进行编辑,添加标记的属性或修改属性的值。

  如果要在HTML代码中插入新的标记,首先要从设计窗口切换到代码窗口,在代码窗口中定位插入点,然后点击鼠标右键,从弹出的菜单上选择Insert tag(插入标记)选项,如下图所示。

  接着,弹出标记选择器(Tag Chooser)窗口,在该窗口左边的标记类别列表中双击(或单击+号)展开标记类别文件夹,从中选择一个子类,然后在右边窗格中选择要插入的标记。

  在选定的标记上双击,或单击窗口下部的Insert(插入)按钮,弹出标记编辑器(Tag Editer)窗口,选定的标记(本例为Script)显示在窗口标题栏中,如下图所示。

  在标记编辑器中,窗口左边显示的是该标记的属性类别,右边是属性名和对应的输入框或下拉菜单,供我们输入或选择属性。例如,对于Language(脚本语言),我们可以从它的下拉菜单上选择一种脚本语言,说明插入的脚本是用什么语言编写。

  在属性类别列表中选择Content(内容)选项,然后在右边的输入框中输入脚本的内容。

  设置好属性后,单击该窗口的OK按钮关闭标记编辑器,选定的标记及它的属性就会插入代码窗口。单击标记选择器窗口的Close(关闭)按钮关闭该窗口,返回代码窗口,你就可以看到下面的代码:

<script language="JavaScript">//显示一个警告框
function alert(){
 window.alert("hello");
}
</script>

  如果要修改代码中已有的标记,可以在代码窗口中选定要编辑的标记并右击,从右键快捷菜单上选择Edit Tag(编辑标记)选项,即可打开标记编辑器,对已有的标记进行编辑。

  试用感受:

  有了标记选择器,我们就可以对网页中可以使用的各种语言标记,包括HTML、CFML、ASP、ASP.NET、JSP、PHP等进行全面浏览,轻松选择,英文不是很好的用户既无需费心去背那些标记名,也不用担心有输入错误。
  有了标记编辑器,每种标记拥有哪些属性可以一览无余,编辑也极为方便。
  可以说,标记选择器和标记编辑器是Macromedia公司提供给我们的两件非常实用的工具。



技术文章快速查找

栏目导航
软件应用
·操作系统 ·杀毒防黑 ·应用软件
·聊天软件 ·网络软件  
Web开发
·ASP ·JavaScript ·CGI
·JSP ·VbScript ·Web服务器
·PHP ·XML  
开发语言
·VB ·VC ·ASP.NET
·Java ·C/C++ ·Delphi
数据库开发
·MySQL ·SQL/Access ·PowerBuilder
·Oracle ·DB2  
网站设计
·Flash ·Dreamweaver ·HTML/CSS
·Fireworks ·FrontPage  
平面设计
·Photoshop ·CorelDraw ·AutoCAD
·FreeHand ·Illustrator ·3DsMAX
媒体动画
·Director ·Authorware ·Maya
·视频处理    


相关软件 产品库推荐
·笔记本 ·台式机 ·服务器
·数码相机 ·手机 ·GPS
·DV摄像机 ·MP3 ·MP4
·CPU ·硬盘 ·内存
·主板 ·显卡 ·显示器
·打印机 ·投影机 ·路由器

继续路过...
游客 发表于2008-6-2 14:27:08
对"DW MX新功能试用:标记选择器和编辑器"的评论 - 快速回贴
内容:
  [完成后可按Ctrl+Enter发布]

百度中 DW MX新功能试用:标记选择器和编辑器 相关内容
Google搜索中 DW MX新功能试用:标记选择器和编辑器 相关内容
雅虎中 DW MX新功能试用:标记选择器和编辑器 相关内容
Sogou搜索中 DW MX新功能试用:标记选择器和编辑器 相关内容

相关软件 最新回复帖子:

·DW MX新功能试用:标记选择器和编辑器
·Flash MX 文本工具手册
·AutoCAD三维建模实例:排球
·AutoCAD模拟空间与图纸空间简介
·免费CAD图形管理软件DwgSee
·DW Ultradev打造留言本(二)
·DW Ultradev打造留言本(一)
·走进SQL Server 2005:备份与恢复功能
·戴尔:1G内存运行Vista吃力 2G正合适
·3DsMAX球体造型制作逼真苹果


  相关软件 DW MX新功能试用:标记选择器和编辑器相关文章
DW MX新功能试用:编码提示 DW MX新功能试用:页面模板
DW MX新功能试用:代码片段Snippets DW MX新功能试用:连续空格
图解Dreamweaver MX新特性 Dreamweaver MX新功能(3):应用开发
Dreamweaver MX新功能(2):方便的代码编写 Dreamweaver MX新功能(1):灵活的设计
网页表格制作速查手册 网页设计技巧谈:走出路径的困惑
HTML文件HEAD内部标记浅析 用DW制作有趣的图片探照灯效果
首届“蓝讯杯”网页设计大赛正式开始 在网页中实现360度全景滚动效果图
制作1px边框表格的几种方法 虚线框表格的简单制作方法
DW网页设计批处理揭密 用表格巧妙制作导航条按钮
Macromedia发布HomeSite 5等新软件 最新DW4.02中文版支持多种语言编码