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

您的位置:学院 >> 创意设计 >> Dreamweaver >> DW MX新功能试用:可编辑标记属性


DW MX新功能试用:可编辑标记属性


  Dreamweaver MX有一项新功能——可编辑标记属性,它让我们可以解除模板中某个标记属性的锁定,以便模板用户在使用模板创建网页时能够编辑该属性。例如解除模板中插入的表格的border(边框)属性,让用户在使用模板创建网页时可以灵活地设置表格边框的有无或宽度。

  现在就让我们一起来试试这一新功能吧。

  1.在模板中定义可编辑标记属性

  (1)按创建模板的常规方法创建一个模板,在模板中插入一个表格,选择该表格,如下图所示。

  (2)选择Modify>Templates>Make Attribute Editable(修改>模板>使标记可编辑),弹出的Editable Tag Attributes(可编辑标记属性)对话框中。

  (3)弹出Attribute(属性)菜单,如果要设置的属性已在列表中,就从中选择它(如果没有列出,单击Add按钮,在弹出的对话框中输入要设置的属性,单击OK按钮返回)。

  (4)勾选Make Attribute Editable复选框,在Label(标签)文本框给该属性输入一个唯一的名称,或采用默认的名称。

  (5)弹出Type(类型)菜单,为选定属性指定值的类型。例如border属性的取值是数值,因此应该从中选择Number(数值)。

  (6)在Default(默认)文本框中输入指定属性的默认值,如输入0。

  (7)如果要设置其它属性,重复上述第3-6步。

  (8)单击OK按钮。

  (9)保存模板文件。

  在模板中定义好可编辑的标记属性之后,就可以使用该模板创建网页,然后在创建网页文档的过程中编辑模板属性。

  2.修改模板属性

  在模板中定义好可编辑的标记属性之后,就可以使用该模板创建网页,然后在创建网页文档的过程中编辑模板属性。操作步骤如下:

  (1)用上面创建的模板新建一个网页,选择Modify>Template Properties(修改>模板属性)。






  (2)在弹出的Template Properties对话框中选择要修改的属性。

  (3)在面板下部的参数区中修改属性的值,例如改为1。输入值后回车,属性列表中的值被更新。

  (4)单击OK按钮,关闭模板属性对话框,文档窗口的表格边框也即时被修改。

  试用感受:在以前的版本中,由于在使用模板创建网页时,模板中页面元素的属性设置不能修改,过于“死板”,使应用模板创建网页的好处大打折扣。有了可编辑标记属性这一功能,在设计模板的时候,就可以根据网站的总体规划,解除模板中某些页面元素的某个或某些属性的锁定,使之可以编辑,从而设计出风格大体一致但又有适当变化的一组网页来。

  经试用,有些属性设置为可编辑时会出错,希望在正式版本中能够消除这些缺陷。

技术文章快速查找

栏目导航
软件应用
·操作系统 ·杀毒防黑 ·应用软件
·聊天软件 ·网络软件  
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 ·硬盘 ·内存
·主板 ·显卡 ·显示器
·打印机 ·投影机 ·路由器

还没人留言,抢个先,哈哈!
对"DW MX新功能试用:可编辑标记属性"的评论 - 快速回贴
内容:
  [完成后可按Ctrl+Enter发布]

百度中 DW MX新功能试用:可编辑标记属性 相关内容
Google搜索中 DW MX新功能试用:可编辑标记属性 相关内容
雅虎中 DW MX新功能试用:可编辑标记属性 相关内容
Sogou搜索中 DW MX新功能试用:可编辑标记属性 相关内容

相关软件 最新回复帖子:

·nesox让电子邮件营销原来如此轻松!
·Windows Vista 中卸载软件的不同方式
·没有mysql支持时的替代方案
·一个可以发送附件及HTML格式邮件的PHP类
·AutoCAD打造精致三维鸟笼实例详解
·Photoshop自定义水晶字特效样式
·AutoCAD三维基础实例教程
·PS为黑背景长发美女照片抠图换背
·用Photoshop自制个性摩托车贴花小经验
·轻松几步将美女照片处理为手工素描


  相关软件 DW MX新功能试用:可编辑标记属性相关文章
DW MX新功能试用:模板可选区 DW MX新功能试用:设计期样式表
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网页设计批处理揭密