视频笔记

学习了慕课网<SEO在网页制作中的应用>视频,今天将里面的知识整理一下. 一.SEO介绍 1.  搜索引擎工作原理 搜索引擎现在主流有百度.谷歌.360,他们都有庞大的搜索引擎数据库,每个关键字对应很多网址,搜索引擎爬虫从一个链接到另一个链接,分析提炼其中的内容,找到关键字,如果是重要的或是首次出现的内容,就会添加到搜索引擎数据库,如果是垃圾内容或是重复内日你给,爬虫就会略过.当用户(比如在百度)搜索信息时,搜索引擎就从数据库检索出与之相关的网址,然后展示给用户,因为一个关键字可以对应很多网址

SEO由英文Search Engine Optimization缩写而来, 中文意译为“搜索引擎优化”.SEO是指从自然搜索结果获得网站流量的技术和过程,是在了解搜索引擎自然排名机制的基础上, 对网站进行内部及外部的调整优化, 改进网站在搜索引擎中的关键词自然排名, 获得更多流量, 从而达成网站销售及品牌建设的目标. SEO的主要工作: 一.内部优化,内容为王 (1)meta标签优化:例如:title,keywords,description等的优化 (2)内部链接的优化,包括相关性链接(Tag

一.SEO基本介绍. 1.搜索引擎工作原理. 2.seo简介:SEarch Engine Optimization,搜索引擎优化.为了提升网页在搜索引擎自然搜索结果中的收录数量及排序位置而做的优化行为,就是为了使百度.谷歌这些搜索引擎多多收录我们精心制作的网页,同时在网页搜索相关内容时,使网页链接排在搜索引擎店面. 分为以下两种: 1):白帽SEO:起到规范,改良网站设计的作用,使之对搜索引擎和用户更加友好,并且网站也能从搜索引擎中获得合理流量,这是搜索引擎鼓励和支持的. 2):黑帽SEO:利用

在制作网页过程中,经常需要考虑页面中的留白问题,因为我们设计时,按大多数用户显示器的设置来制作内容区,即横向分辨率的设置是1024像素,可是用户设置是多样化的比如有的用户是1280.1440.1600.1680等,内容区之外会有很多的留白,为了美观起见,不可避免地需要对留白区进行一些处理. 下面是一般的做法. 1.用一个图片来做背景,其余的地方填充颜色. ①背景图很大,不铺: ②背景图片很长,只是横向铺而纵向不铺: ③一张图片横向纵向都铺. 根据效果选择,关键是背景图片的处理. 2.留白的地方要

对于Web前端初学者或者经验不够丰富的人来说,出现页面排版布局混乱的情况并不罕见,有时候明明前面部分的网页都很整齐美观,可是在接下来的部分中经常会出现网页布局混乱,比如content无法调整到开发者需要的位置,或者出现页面重叠的现象.以下内容是我个人在网页制作过程中关于网页排版混乱及其解决办法的一些经验总结,不足之处,希望大家互相补充学习. )DIV+CSS网页错位的原因与解决方法 常常我们会遇到我们要设置在一行显示的布局,却因为种种原因造成了错位,看到结果是在一行的最后一个盒子布局错位掉下去了

网页制作中绝对路径和相对路径的区别 http://www.veryhuo.com 烈火网 2012-10-10 投递稿件 做个开发的人,对于文件或者文件夹的定义都是有一定的规范的,比如建立一个网站前端设计,要建立的文件夹有css,js,images,swf等等,如图: 很多文件之下单个页面的连接,文件引用的时候就需要对路径这个问题有一定的了解:或者对php 网络程序开发有了解的程序员都会对define和include结合定义变量路径和引用的有很多见解. 比如: define('ROOT_PATH

作为网页设计师,想要保证设计水准的前提下完成客户的“年底上线”心愿,你能想到的唯一办法就是…昏天黑地的加班!这对设计师来说是一种很煎熬的折磨,今天我们在年末特别呈现网页设计的应急小方法,希望能把设计师从水生火热中解救出来.虽然客户主观缩短了设计时间,但他们对网页的要求却不会因此降低一分一毫,要在短时间内设计出能让客户接受的设计稿,你也许需要一些小技巧! 1.让几何元素提升网页层次 一个简单的几何元素在网页设计中起到的作用绝对能让你出乎意料,尤其在应对极简风格的网站时效果更佳.设计,无非是点.线.

对于web初学者来说,在网页的制作过程中经常会出现一些小Bug,这些问题的看似很小很小,却影响我们网页设计的正常完成,下面是我个人学习过程中出现过的一些小问题,在此做一个总结. 1,很多设计师把握不好承载信息的空间与留白之间的平衡.文本.图片和菜单应放在能与之形成足够反差的背景上,通过调整各元素之间的间距来营造干净整洁的外观,拥挤的页面是不能抓住访客注意力的.创建网站的过程中记得检查页边距和padding样式 2.网络用图应调整尺寸或压缩大小,以节省空间和加载时间.若非如此,加载图片需要很长的时

页头:header  如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法登录条:loginBar         标志:logo                侧栏:sideBar广告:banner              导航:nav                 子导航:subNav菜单:menu               子菜单:subMenu      搜索:search滚动:scroll               页

1.   z-index:css中有position且其值为absolute,relative,fixed,这样才可以生效.其值越大则层叠在最上面:在 IE 浏览器中,定位元素会产生一个新的 stacking context,并且从 z-index 的值为 0 开始. <div id=test1></div> <div id=test2> <div id=test3></div> </div> 如果要让test3在test1的上面,那