【原】《大巧不工——Web前端设计修炼之道》读书笔记

 

一、主流浏览器

 Mozilla FireFox,Chrome,IE,Opera,Apple Safari

 

二、前端工具:

(1)设计工具: photoshop,Flash,Fireworks,DreamWeaver

(2)原型设计工具:

    Flash catalyst:可将PSD稿加工成可交互的swf文件

    Balsamiq Mockup:可制作涂鸦风格的原型设计稿

    Axure RP: 有丰富的可视化控件库及交互行为

    Pencile

(3)调试工具:

    Firebug——FireFox的插件,功能强大,推荐

    Httpwatch——IE or FireFox

    WebSuperPreview——支持多浏览器测试

 

三、UCD——User Centered Design 用户中心设计

 

四、IE的Bug超过四十个。。。。

 

五、网页的两种布局方式:

      流体布局——min-width ,max-width

      固定布局

 

六、Web标准的三个核心元素

      1、结构:HTML、XHTML,XML

      2、行为:ECMAScript、DOM

      3、表现:CSS1,CSS2,CSS3

 

七、常用的Ajax框架:

      jQuery: write less,do more

      Moo Tools

      Prototype

      Ext Js

      YUI Library

 

八、主流的网页页宽为960px,假设在1024*768分辨率下

 

九、一般情况下,1em=16px     0.75em=12px        0.625em=10px

 

十、CSS定位:

      position:absolute  ——参照为浏览器的左上角

      position:relative  ——参照为父容器的左上角

 

十一、网格系统CSS布局框架: 960 Grid system

 

十二、Ajax 尽量用Get,当URL大于2K时用POST

 

十三、并行加载,提高加载速度:

      1、尽量避免重定向

      2、慎用iframe

      3、把样式表置于<head>内

      4、脚本放到样式CSS后再加载

 

作者:Tony zhao 欢迎访问:找与淘网

  出处:http://www.cnblogs.com/ytaozhao 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

posted @ 2012-06-28 13:39  Tony Zhao  阅读(541)  评论(0编辑  收藏  举报