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

标题: 裴虎伟-前端(8)_20221117 [打印本页]

作者: faith 时间: 2022-11-17 20:03
标题: 裴虎伟-前端(8)_20221117
一、今日学习内容
1.CSS的编码规范
目的：为了让开发人员能够更好的维护代码，节约维护成本，优化代码结构。
2.CSS的项目简介
电商项目，主要有五个页面，分别是首页、商品列表页、商品详情页、登录以及注册的页面。
3.项目构建
项目文件夹 shopping；
样式文件夹 CSS；
样式图片的文件夹 upload；
产品类的图片文件夹 image；
字体类文件夹 fonts；
脚本文件夹 js；

4.favico图标的使用
（1）favico.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏或者标签上
（2）制作一个favico.ico图标：
登录网站去制作：将所需的图片转化成png格式，借助第三方网站进行转化icon图标；

将制作好的图标放在网站的根目录下；
在HTML页面进行引入；
5.SEO优化：搜索引擎优化，是一种利用搜索引擎的规则提高网站在相关搜索网站里的排名
SEO优化的三大标签 TDK：
（1）title（网站标题）；
（2）description（网站描述）
（3）keywords（关键字）
6.base.css来重构网页样式：在base.css中将网页中常用的样式编写后集中导入，达到对网页基本样式进行重构的目的。
7.常见图片的格式
（1）jpg：对彩色信息保留的比较好，产品类的图片经常使用jpg格式；
（2）gif：gif最多可以存储256色，通常用来展示简单的图形以及字体，但是可以保留透明背景和动画效果，经常用于制造一些动画效果；
（3）png：结合了jpg和gif的优点，存储形式丰富，也可以做透明背景，切图的时候优先选择png格式；
（4）PSD：是PhotoShop专用的格式，可以存放图层、通道、遮罩等内容，前端人员可以直接从上面来复制文字，获取图片和测量大小等；
二、今日问题
无
三、解决方案
无

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