菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 梁洁-20221019-项目实战第一天 [打印本页]

作者: 梁杰，你好 时间: 2022-10-20 00:06
标题: 梁洁-20221019-项目实战第一天
今日学习内容：
1、图片格式：
jpg  对色彩保留比较完整，产品类一般使用图片
gif：最多存储256色，通常用来展示简单的图形和字体，但是可以保留透明背景和动画效果
png：结合jpg和gif的优点，也可以透明背景，切图时候的优选格式。
psd：是photoshop的专用格式，可以存储图层、通道、遮罩等多种设计稿，前端人员可以直接从上面复制文字、获取图片和测量大小
ctrl+r弹出标尺
ps使用

2、css项目实战
创建文件夹
shopping：项目文件夹
里面css样式文件夹
upload
样式类图片
images
产品类图片
fonts
字体图标
js
脚本文件
3、制作favicon图标
现将所需要的图标截图成png格式
在网页中将图片转化为图标
将我们的图标放在项目根目录下
引入图标在head中
link  rel=“short  icon” href=“”
seo优化
seo代表搜索引擎优化，是一种利用搜索引擎的规则，提高网站在有关搜索引擎的自然排名方式
seo的三大标签TDK
T：title  尽量不要超过三十个字
D： description 网站描述多采用“我们是或者我们提供、某某网站作为”
K：keywords  关键字    一般限制为6-8个字关键词之间用英文逗号隔开
head>meta>name=“keywords” content=“关键字用逗号隔开”
4、PS的使用技巧
1）、在文件中可以打开psd文件来进行操作。
2）、ctrl+r可以打开标尺，右键标尺可以选择标尺单位。
3）、ctrl加加号可以放大视图，加加减号可以缩小视图。
4）、按住空格可以拖动视图
5）、选择矩形工作框，可以选择视图的部分区域来查看像素值。
6）、选择切图工具，选择切图区域，点击导出图片并存储图片
7）、选中需要合并的图层，ctrl+e合成，导出
<div class="shortcut">
      <div class="w">
         
         <div class="left">
            <span>优购商城欢迎您！ </span>
            <span><a href="">登录</a></span>
            <span><a href="">免费注册</a></span>
         </div>
         
         <div class="right">
                  <a href="">我的订单</a><span>|</span>
                  <a href="">我的优购</a><span>|</span>
                  <a href="">会员</a><span>|</span>
                  <a href="">企业采购</a><span>|</span>
                  <a href="">客户服务</a><span>|</span>
                  <a href="">网站导航</a>
         </div>

      </div>

</div>

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)