转换 ico 透明图标
- 条件 ->透明的-> png 格式
- 比特虫 转换 ico 网址
常用图片格式
- psd -> ps 本身,带图层
- jpg -> 有损压缩,不能透明
- gif -> 无损压缩
- png -> 无损压缩, 能透明。
- svg 不失真,色彩不够丰富。
- flash 慢,全能
位图(点阵图)
矢量图(数学曲线)
使用规则:
- 大幅图片 ,且不透明 -> jpg
- 透明, 或 小幅 -> png ,gif
- 单色 或 不失真 -> svg
photoshop
- 菜单栏
- 工具属性栏
- 工具栏
- 图层栏
分辨率 网页-> 72px 每英寸
打印 300px 每英寸
参考线 技巧
- 视图/标尺 显示标尺 (菜单栏 视图 / 标尺 显示标尺)
辅助线上直接拖动 -> 出辅助线
推荐大家学习的顺序:
HTMLCSS3 av51518146
京东项目 av57350841
Bootstrap av57345461
JS av57331657
jQuery+Ajax av57331112
Node.js av57235459
Git av57254429
Vue.js av57253524
React av57303253
Angular.js av5736359
新建四个文件: 目录说明
名称 | 说明 |
---|---|
- css | 初始化 css, 主 css |
- image | 图片 |
- js | javascript |
- fonts | 字体图标 |
初始化文件 normalize
<link rel="stylesheel" href="css/normalize.css" type="text/css">
公共样式 base
<link rel="stylesheel" href="css/base.css">
讲究: 后面的覆盖前面的,先做初始化,再引 公共的
ico图标 - > .ico
主站/favicon.ico ——> 拿到 icon 图标
放的位置 ——> 根目录下, 引入
<link rel="" href="css/base.css" type="image/x-icon">
搜索引擎 三大标签优化
seo -> search engine optimization (优化)
标签 | 说明 |
---|---|
<title> | 搜索引擎了解网站的入口 : 首页标题:网站名 ()- 网站介绍 28kb |
<description> | 描述,说明。搜索引擎的描述 128 |
keyword | 关键字, 就是 搜索关键字 6-8 |
<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物!</title>
<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!" />
<meta name="keyword" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
role 角色 -> 增强语义
aria-label 读屏软件