HTML与CSS入门——第十章 创建用于Web上的图像

时间:2022-07-29 05:20:55

知识点:

  1.选择图像软件的方法

  2.准备用于网上的照片的方法

  3.创建标题和按钮的方法

  4.减少图像中颜色数量的方法

  5.创建透明图像的方法

  6.创建平铺背景的方法

  7.创建Web动画的方法

10.1 选择图像软件:

  PhotoShop首选。如果不会装盗版的可以用GIMP

  图片获取可以通过网页上图片另存为进行处理……

10.2 必须知道的图像基础知识:

  额…… 需要了解像素以及屏幕分辨率的问题,以及图像压缩问题。

  PS:像素并不是决定图像文件大小最主要的因素。

10.3 准备照片图像:

  现在不是很建议把各种icon集成在一张照片上,然后通过图片定位使用。-->新的解决方案是svg,把图标弄成字体集,变成矢量图。

  其他图片主要以jpg,png,以及gif为主。

  最好使用ps里面的存储为Web格式,如果没有在压缩图片时:

  jpg:85%;

  gif:如果需要100*100尺寸,则可以用300*300的gif。

10.4 创建横幅和按钮:

  本节就是提醒我们要考虑不同分辨率的情况的处理,不要出现因为宽度不够而大致的整体页面被部分遮挡的情况。

  关于这块可以参考@media的使用

10.5 减少图像中的颜色数量:

  就是提到两种图片格式:gif和png

10.6 使用透明的图像:

  可以使图片透明的格式:gif和png

10.7 创建平铺背景:

  就是背景最好用一条细细的图片平铺……

10.8 创建Web动画:

  就是学会用gif……