我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

赵强-20221018-项目实战01

[复制链接]
BlueFlame 发表于 2022-10-20 00:01:08 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
今日所学内容:PS使用
    常见的图片格式
        jpg:对色彩信息保留的比较完好,产品类的图片经常会使用jpg的格式
        gif:gif图片格式最多能存储256色,通常用来展示简单的图形和字体,但是可以保留透明背景和动画效果
        png:结合jpg和gif的优点,存储形式丰富,也可以做透明背景,切图的时候优选png格式
        psd:是PhotoShop的专用格式,可以存放图层、通道、遮罩等多种设计稿,前端人员可以直接从上面复制文字、获得图片和测量大小等。

    基本操作
        在文件中可以打开psd文件来进行操作
        Ctrl+r: 可以打开标尺,右击标尺,可以选择标尺单位
        Ctrl+加号可以放大视图  Ctrl+减号可以缩小视图
        按住空格键可以拖动视图
        选中矩形选框工具,可以选择视图的部分区域来查看相应的像素值
        切图
            先选择切片工具
            选择切片区域
            点击文件导出
            存储图片
            cutterman插件的使用、
                1、先安装cutterman插件
                2、重启ps,找到cutterman插件
                3、使用cutterman进行图层合并导出

            图层合并
                1、选中所需合并的图层
                2、ctrl+e合并图层,右键点击图层导出即可





创建文件夹
    shopping
        项目文件夹
    css
        样式文件夹
    upload
        样式类的图片文件夹
    images
        产品类的图片
    fonts
        字体类的文件夹
    js
        脚本文件夹
制作favicon.ico图标
    1、先将所需要制作的favicon.ico图标的图片切成PNG格式
    2、在网页中将图片转化为favicon.ico图标  
    3、将favicon.ico图标放在项目的根目录下
    4、引入图标
SEO优化
    概念
        SEO代表搜索引擎优化,是一种利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名的方式。

    SEO优化的三大标签(TDK)
        title(网站标题):尽量不要超过30个字
        description(网站描述):多采用“我们是......”、“我们提供.....”、“XXX网站作为.....”之类的语句
        keywords(关键字):限制为6-8个字,关键词之间用英文逗号隔开,例如





回复

使用道具 举报

关注0

粉丝0

帖子47

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026