一、今日学习内容
PS的基本操作
1、常见的图片格式
JPG:对色彩信息保存比较完好,产品类的图片经常会使用JPG的格式
GIF:GIF图片格式最多能存储256色,通常用来进行展示简单的图形和字体,但是可以保留透明背景和动画效果
PNG:结合JPG和GIF的优点,存储形式丰富,也可以做透明背景,切图的时候优选PNG格式
PSD:是Photoshop的专用格式,可以存放图层、通道、遮罩等多种设计稿,前端人员可以直接从上面复制文字、获取图片和测量大小
CSS项目实战:
1、创建文件夹
shopping
项目文件夹
CSS
样式文件夹
upload
样式类的图片文件夹
images
产品类的图片
fonts
字体类的文件夹
js
脚本文件夹
2、制作favicon.ico
先将所需要制作的图标的图片切成PNG格式
在网页中将图片转化为icon图标
将图标放在项目的根目录下
引入图标
<link rel="shortcut icon" href="./XX.icon">
SEO优化
概念
SEO代表搜索引擎优化,是一种利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名的方式
SEO优化的三大标签(TDK)
title(网站标题):尽量不要超过30个字
description(网站描述):多采用“我们是。。。”、“我们提供。。。”、“XXX网站作为。。。”之类的语句
Keyword(关键字):限制为6-8个字,关键字之间用英文逗号隔开
<meta name="keywords" content="XXX">
背景填充:background-size:cover;
|