码迷,mamicode.com
首页 > 其他好文 > 详细

笔记 - Front End - 新知识点归纳

时间:2017-09-24 22:20:30      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:需要   支持   画布   min   情况   工具   笔记   term   rgb   

一、页面制作:

  1、图像处理部分:

    ● 可以用“魔棒工具”判断背景是否为线性渐变。

    ● 需要切出的图片分为两类:

      1.修饰性图片(一般用在background属性):图标、Logo;有特殊效果的按钮、文字等;非纯色的背景等。

      2.内容性图片(一般用在img标签):Banner、广告图片;文章中的配图等。

    ● 从服务器拉取数据的图片,需要先使用img标签占位。

    ● 修饰性图片一般存为PNG格式,内容性图片一般保存为JPG格式;其中PNG一般使用PNG8和PNG24两种,PNG24支持半透明,但在IE6中不支持。

    ● 带背景切不规则小图标可以使用魔棒工具和选区工具结合来操作。

    ● 图片保存类型:

      1.当图片色彩丰富且无透明要求时,建议保存为JPG格式并选择合适的品质。

      2.当图片色彩不太丰富时无论有没有透明要求,建议保存为PNG8格式(RGB颜色,无仿色,无杂边)。

      3.当图片有半透明要求时,建议保存为PNG24格式。

      4.为了保证图片质量的情况,要保留一份PSD源文件以便修改。

    ● 添加图标但需要改变画布大小时,以左上角为中心点扩展后,不会影响已使用图标在页面中的位置。

    ● 合并图片分类:

      1.同属于一个模块的图片,或同一个页面用到的图片合并。

      2.大小相近的图片合并。

      3.色彩相近合并。

      4.有状态的图标合并。

      5.综合以上,视情况优化。

  2、开发、调试工具部分:

    ● 常用的Sublime Text插件有:Package Control(插件管理)、Emmet(快速编写)、DocBlockr(函数注释)、SideBarEnhancements(右键增强)、Terminal(快捷终端)等等。

笔记 - Front End - 新知识点归纳

标签:需要   支持   画布   min   情况   工具   笔记   term   rgb   

原文地址:http://www.cnblogs.com/battlehawk/p/7588724.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!