室内设计培训
平面设计培训
部落窝教育
网站首页 >> 设计在线 >> 文章内容

div+css学习的必备工具IEDevToolbar和火狐浏览器

[日期:2010-03-02]   来源:主流技术阁  作者:主流技术阁   阅读:3151[字体: ]

一、IEDevToolbar
1、什么是IEDevToolbar?
  IEDevToolbar是微软公司开发的一个小工具,是一个免费的专门为Web开发人员制作的IE插件, IEDevToolBar可以帮助我们分析网站的布局结
构,有助于我们学习和分析页面的CSS。
2、IEDevToolbar的主要功能有哪些?
  以树结构查看CodeDom,并查看每个Element属性,可以使用鼠标点击选中 Element,这个在我们制作和调试网页时非常有用。
  生成图片报表,就是将页面上说有出现的图片生成一份详细的报表,这样就省去我们自己去找图片路径和大小等等。
  高亮显示表格,表格单元,Div等边框,这个在我们调整布局时也是很有用。
  页面尺子,可以任意在页面上度量长度,这个是大大的提高了我们的工作效率,不用为了量个长度而抓图再用画图工具量。
3、IEDevToolbar的下载地址:
  http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&DisplayLang=en
4、IEDevToolbar使用方法:
  安装之后,在IE顶部菜单的“查看” - “浏览器栏” 里勾选“IE Developer Toolbar”项即可调出IEDevToolbar。

二、火狐浏览器
  火狐浏览器也是支持 DIV+CSS 网站布局最好的浏览器,初学者为了保证其设计可以在不同的浏览器上正常显示,至少应在IE和火狐上进行查看
检查。功能同IEDevToolbar一样。火狐浏览器使用方法:打开网页后,在顶部菜单的“查看”—“页面源代码”可以清晰、有层次的看到CSS布局。火狐浏览器的查看源代码功能比IE单一的查看源文件实在强太多。
  火狐浏览器的下载地址:
http://www.mozillaonline.com

  附:查看源文件相关文章:
  
《如何查看网页源文件》
  《IE查看源文件程序更改》

主流技术阁PS,CDR,213班 分享到: QQ空间 新浪微博 腾讯微博 人人网
photoshop教程
Photoshop教程
平面设计教程
Photoshop教程