Web Developer插件教程 CSS网页布局辅助设计利器! 详细图文讲解!

  专题导航 Web Developer教程

    Web Developer插件下载 安装
    Web Developer插件 概要
    Web Developer CSS工具教程
    Web Developer Information工具教程
    Web Developer Miscellaneous工具教程
    Web Developer Outline、Resize工具教程


  建立符合WEB标准的网站,应用XHTML与CSS来构建网站,我们往往处在开发与调试两个重要的环节,对于DIV+CSS的XHTML开发环境,页面的调试更加的重要。我们完全手写代码,需要不断的预览所形成的页面效果。而DIV+CSS这一形式是刚刚兴起的一种新技术,目前还不是非常的普及,我们需要不断的学习,浏览他人的成功作品从中汲取制作经验显得非常重要,也是我们学习的一种捷径。

  现在我们介绍一种网页调试的辅助工具:Web Developer! 它是运行在FF(指Firefox浏览器下同)环境中的插件,是目前公认为最为优秀的网页调试工具。

  Web Developer作为FF的插件存在,主要功能表现在几个重要的方面:

  对页面中的文本、图像、媒体文件进行控制,对网页所应用的CSS文件的id与class辅助查看,表格辅助查看,可以实现修改CSS文件实时显示出得到的页面效果等等。

  Web Developer插件能够帮助我们对CSS网站进行分析,我们使用FF对网页进行浏览,运用Web Developer插件不仅仅只是能看到对方的源代码,还能方便的分析出页面的布局结构,CSS书写方式,鼠标所在位置的id或class是什么等等,使我们能迅速的理解、学习别人的成功经验,进而更加方便快捷的掌握CSS布局技术。

  立即浏览Web Developer教程专题
  
评论: 26 | 查看次数: 87516     
binjjh [2010-08-16 02:25 PM]
ie8也可以下载这个插件,我试过了,挺好用
zrwangxueqin [2009-05-15 03:23 PM]
firebug好用些呢
norbert [2009-05-02 11:50 PM]
个人感觉firebug更好用,建议加点firebug的文章
david120er [2009-03-13 11:53 PM]
是不是 和DW差不多的 一个东东啊 
magic [2008-12-15 05:17 PM]
t天天上
发表评论
你没有权限发表留言!