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

Dreamweaver
Dreamweaver CS3网页制作之CSS布局规则
Dreamweaver CS3网页制作之布局实例
Dreamweaver生成新页面css的类失效
Dreamweaver CS4 JavaScript的部分新特性
Dreamweaver CS4安装试用以及截图
Dreamweaver CS4新增相关功能介绍
Dreamweaver制作网页时使用CSS的事项
Dreamweaver关于字符与编码的错误
Dreamweaver表格宽度辅助线怎么除掉?
Dreamwaver设计div层的对齐方式
DW教程之CSS网页制作实例:固定宽度布局
DreamWeaver正在走向死胡同
Dreamweaver CS3中的CSS布局规则
Dreamweaver套用源格式命令应用技巧
Dreamweaver使用过程中的常见问题
Dreamweaver教程:如何取消Dreamweaver表格宽度辅助线
Dreamweaver CS3网页制作中的CSS布局规则
制作网页中设计段落缩进的方法
DW的源代码视图按空格代码提示功能消失
dreamweaver出现翻译器没有被装载错误

Dreamweaver MX 初探 - 第四天(2)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 30 ::
收藏到网摘: 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面板中也一样设置! 看你的选择和习惯了.


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