千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:成都千锋IT培训  >  学员心声  >  在千锋成都参加Web前端培训不断总结逐渐提升

在千锋成都参加Web前端培训不断总结逐渐提升

来源:千锋教育
发布人:孟若非
时间: 2019-04-03 09:44:43

  在千锋成都Web前端参加培训,第一阶段的学习已接近尾声,回首过往学习的知识点,为了巩固一下基础知识,便把所有的知识点进行了梳理,梳理的过程中发现有些知识不是很熟悉,在此做了一下整理,做一个简单地分享。

图片1

  一、关于屏幕名称的知识如下:

  1、分辨率,PPi、DPI、DPR物理像素,逻辑像素;

  2、屏幕尺寸:指的是屏幕对角线的长度;

  3、分辨率:是指宽度上和高度上最多能显示的物理像素点个数;

  4、点距:像素与像素之间的距离,点距和屏幕尺寸决定了分辨率大小;

  5、PPI:屏幕像素密度,即每英寸(1英寸=2.54厘米)聚集的像素点个数,这里的一英寸还是对角线长度;

  6、DPI:每英寸像素点,印刷行业术语。对于电脑屏幕而言和PPI是一个意思;

  7、设备像素(又称为物理像素): 指设备能控制显示的最小物理单位,意指显示器上一个个的点。从屏幕在工厂生产出的那天起,它上面设备像素点就固定不变了,和屏幕尺寸大小有关,单位 pt;

  8、设备独立像素(也叫密度无关像素或逻辑像素):可以认为是计算机坐标系统中得一个点,这个点代表一个可以由程序使用的虚拟像素(比如: css像素),这个点是没有固定下小的,越小越清晰,然后由相关系统转换为物理像素;

  9、CSS像素(也叫虚拟像素):指的是 CSS 样式代码中使用的逻辑像素,在 CSS 规范中,长度单位可以分为两类,绝对(absolute)单位以及相对(relative)单位。px 是一个相对单位,相对的是设备像素(device pixel);

  10、DPR(设备像素比):设备像素比 = 设备像素 / 设备独立像素。(在Retina屏的iphone上,DPR为2,1个css像素相当于2个物理像素)。

  二、网页优化的知识点如下:

  1、网站结构(重构)优化,网页的中结构、表现、行为三者分离;

  2、H1标签的使用,一个页面设置一个H1标签,有助于搜索引擎明白网站架构,因为H1标签的搜索权重比其他标签高,一般用于logo区域;

  3、页面头部优化(meta)

  向搜索引擎说明你的网页的关键词

  告诉搜索引擎你的站点的主要内容

  “描述”部分应该用近乎白描的语言写下一段介绍你网站的文字,在这里,你应该适当的对你网站的特色内容加以重复以求突出;

  “关键字”部分应该列出你认为合适的,能突出网站内容的关键字就可以了,关键字不要设置太多,可设置10---8个,搜索引擎只会浏览靠前的几个关键字;

  4、超链接优化

  搜索引擎为何可以能够索引全世界的网站,是因为各个搜索引擎程序中都有一个会自动“爬行”于互联网上的智能机器人程序,这个机器人就是顺着网站之间的链接游览世界的,那么我们就应该为它创造一个良好的爬行通道——合理的设置链接;

  (1)采用纯文本链接,少用,最好是别用Flash动画设置链接,因为搜索引擎无法识别Flash上的文字;

  (2)按规范书写超链接,这个title属性,它既可以起到提示访客的作用,也可以让搜索引擎知道它要去哪里;

  (3)最好别使用图片热点链接,理由和第一点差不多。

  5、图片优化(alt属性,title属性)

  图片优化并不是修改图片的大小、颜色,而是你应该为每个标签加上alt属性,alt属性的作用是当图片无法显示时以文字作为替代显示出来,而对于SEO来说,它可以令搜索引擎有机会索引你网站上的图片,对于一些确实没什么意义的图片,最好也不要省略alt,而应该留空,即 alt="";

  6、避免大“体积”的页面;

  7、命名规则化,使用公共代码。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

最新文章NEW

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>