精灵巫婆 发表于 2015-1-16 00:26:52

CSS教程之小技能:网页主动转向代码

在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
主动转向,也叫主动重定向。主动跳转,指当会见用户上岸到某网站时,主动将用户转向别的网页地点的一种手艺。转向的网页地点能够是网站内的别的网页,也能够是别的网站。一般情形下,扫瞄器会收到一个网页,该页面含有主动加载一别的网页的代码。该页面有大概在服务器端被转换,如许的话,扫瞄器只收到一个页面,而主动转憧憬往意味着扫瞄器收到的页面具有主动将会见用户送至别的页面的功效。
对主动转向手艺的公道使用包含:将用户转向到指定扫瞄器的网页版本;当网站的域名变动或删除后将人们转向到新域名下,等等。但如今这类手艺却常常被seo人士用来作为进步网站的搜刮引擎排名的一种手腕。比方,先专门针对搜刮引擎做一个高度优化的网页,也就是我们一般所说的“桥页”,然后把这个网页提交给搜刮引擎来取得好的排名。可是,当搜刮用户经由过程搜刮引擎的搜刮了局列表点击该网页列表进进后,将被主动转向到一个用户原本偶然往会见的网站地点。搜刮引擎经常以为主动转向的网页是对读者的误导,以是它会对这类网页或网站施以惩戒,不外对一些主动转向办法它今朝还没法主动检测出来。
MetaRefreshTag主动转向法
因为搜刮引擎可以读取HTML,而Meta&nbsptags也是HTML,以是关于这类主动转向法,搜刮引擎可以主动检测出来。因此不管网站的转向出于甚么目标,都很简单被搜刮引擎视做对读者的误导而遭到处分。不外,假如跳转提早工夫设置符合,搜刮引擎就不会视之为做弊。
页面准时革新元标识(MetaRefreshTag)只能放在HTML代码的<HEAD>区里。以下所示:

代码
以下是代码片断:
<metahttp-equiv="refresh"content="5"url=http://book.poluoluo.com/forums/">

个中的“5”是告知扫瞄器在页面加载5秒钟后主动跳转到page.htm这个页面。这类办法常能够在论坛中见到。假如在论坛上发信息,先会看到一个确认页面,几秒后会主动从头跳转回以后的论坛页面中。
从seo的角度动身,一样平常不但愿主动转向有提早。不外,假如是用MetaRefresh标识举行转向,必定要注重把提早工夫设定成最少10秒以上。
“javascript”主动转向法
因为不克不及剖析javascript,以是搜刮引擎没法发觉(主动检测到)用javascript剧本举行的主动转向。javascript主动重定向剧本能够放在网页的任何地位上,假如请求当即跳转,则能够将其放进网页源码的<head>区内的最下面。用javascript完成跳转的典范以下:
计划1:
代码
以下是代码片断:
<scriptLANGUAGE="JavaScript">
<!--
window.location="http://www.jztop.com";
//-->
</script>

计划2:
代码
以下是代码片断:
<scriptlanguage="javascript">
<!--
location.replace("http://bbs.jztop.com");
-->
</script>

个中的“http://www.jztop.com"和"http://bbs.jztop.com"指特定的重定向方针地点,用绝对/相对URL地点都可。
用javascript完成主动重定向的优点在于:用户所会见的方针URL不会保存在用户扫瞄器的汗青纪录中,假如用户按前往按钮前往,则将回到跳转前的网页,而不是包括javascript主动重定向剧本的跳转页面,以是不会呈现当用户点击前往按钮后前往至重定向页,然后该页主动跳转到用户原本想分开的谁人页面的为难情况。
假如必要,能够把javascript主动重定向剧本存在一个内部文件中,并经由过程上面的命令行来加载,个中“filename.js”是该内部文件的路径和文件名:

代码
<scriptlanguage="javascript"src="filename.js"></script>

注重:若需完成马上转向,或不但愿人们看到转向前的谁人页面,一样平常经常使用javascript剧本完成。在这类情形下应将javascript剧本放进HTML源码的<HEAD>区中。
表单(FORM)主动转向法
搜刮引擎的“匍匐”程序是不会填写表单的,以是它们也不会注重到提交表单,因此能够使用表单来完成主动转向(重定向)而不让搜刮引擎发觉。
关于表单,人们常常很少意想到:表单的Action参数中包括的URL地点实在恰是扫瞄器向服务器所哀求的URL。扫瞄器将会经由过程向哀求的URL地点增添一些格局为name=value的参数赐与它以特别的看待。在甚么都没有的情形下,扫瞄器仍然会为该URL布置哀求至服务器。
用javascript剧本可以让页面入手下手加载时即提交表单。上面是一个用javascript完成表单主动提交,和提交表单的典范:

代码
以下是代码片断:
<scriptlanguage="javascript"><!--document.myform.submit()
//-->
</script>
<formname="myform"action=www.jztop.commethod="get"></form>

个中“myform”能够是恣意称号,“www.jztop.com”用绝对/相对URL地点都可。
小结
假如会见用户终极看到的是他们想看到的,那末在seo中利用主动转向手艺并没有甚么不合错误,也并非甚么不品德的举动。但有些人常常会在使用“主动跳转”手艺,使用“桥页”吸引会见者,然后把他们送到他们偶然扫瞄的页面或网站,这类做法只会引发会见用户的恶感,又怎样可以希冀会见流量能够无效转化为终极客户呢?
</p>
你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。

蒙在股里 发表于 2015-1-18 06:41:54

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

深爱那片海 发表于 2015-1-25 17:00:32

布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。

不帅 发表于 2015-2-3 11:56:54

经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.

金色的骷髅 发表于 2015-2-8 22:40:07

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。

精灵巫婆 发表于 2015-2-26 13:09:20

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

第二个灵魂 发表于 2015-3-8 15:23:51

技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。

简单生活 发表于 2015-3-16 04:51:32

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。

只想知道 发表于 2015-3-22 20:12:45

技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
页: [1]
查看完整版本: CSS教程之小技能:网页主动转向代码