HTML与CSS入门——第十章 创建用于Web上的图像
知识点:
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……