当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamweaver MX 初探 - 第四天(2)

Dreamweaver
Dreamweaver打造多彩文字链接
Dreamweaver基础技巧全面接触
Dreamweaver MX 2004从零开始(4)
Dreamweaver MX 2004设计留言本实战
Dreamweaver MX 2004从零开始(5)
Dreamweaver MX 2004从零开始(6)
Dreamweaver MX 2004从零开始(7)
Dreamweaver MX 2004 打造细线表格
在DW中插入Flash的参数详解
用Dreamweaver MX建设神奇网页图片超链接
Dreamweaver中实现flash的透明背景
DreamweaverMX打造留言本(二)
DreamweaverMX打造留言本(三)
DreamweaverMX打造留言本(四)
DreamweaverMX打造留言本(五)
Dreamweaver MX技巧汇粹
DreamwaverMX与ASP.NET(一)
DreamwaverMX与ASP.NET(二)
DreamwaverMX与ASP.NET(三)
DreamwaverMX与ASP.NET(四)

Dreamweaver MX 初探 - 第四天(2)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 46 ::
收藏到网摘: n/a


2.DWMX中新增的Tag Editor(标签编辑器)和Tag Inspector(标签属性面板)功能非常强大!可以很方便的编辑修改网页中的标签!Web网页的代码都是有标签成的,属于普通文本类型,DW只是一款编辑器,除了它我们还有许多工具可以编辑,最常用的就是Windows自带的记事本,关于Tag标签的知识,大家可以在Reference面板中找到,现在让我们来看看DWMX怎么方便吧.

Tag Editor. 启动方法是:把光标放在相应的标签或者对象上! 然后按 Ctrl+ F5.或者在右键菜单上选择.



Tag Inspector 在Code面板类中就可以找到.



  这里我要一起介绍! 是因为这两个功能相同. 它们都和网页标签相关联,当你选择某个标签时,它们就会显示该标签的相应属性.

广告时间:这个是我为 制作的MX风格的logo.感觉如何? :)



让我们选择它然后启动Tag Editor面板!

  这时我们会看到Tag Editor的标题上写着 Img ,这代表我们当前正在编辑< img >标签,然后左边就是img标签的各项参数和属性.然后我们可以在右边直接输入图片的各项属性值!例如,图片大小,路径,边框尺寸,鼠标事件,样式等等.... 在cencel 按钮上面有一个>Tag,我们打开它会发现img标签的相关介绍! 里面对img标签会有很详细的介绍. 当你全部设置完成后,按OK就会发现img标签代码的变化了. 这些东西在Tag Inspector面板中也一样设置! 看你的选择和习惯了.


今天是忙碌的一天! 我们明天再见!