lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>nw百度首页</title>
<style>
.w1, .w2, .w3, .w4, .w5, .w6 {
width: auto;
}
.bk {
border: 1px solid red;
width: auto;
}
.w1 {
height: 46px;
}
.w1_1 {
width: 463px;
height: 46px;
float: right;
}
.w1_2 img {
margin-top: 15px;
margin-left: 391px;
}
.w2 {
height: 201px;
}
.w2 img {
margin-top: 90px;
margin-left: 690px;
}
.w3 {
height: 35px;
margin-left: 480px;
}
.w3_2 img {
position: relative;
right: 36px;
top: -5px;
}
.w4 {
height: 337px;
}
.w5 {
height: 64px;
}
.w5_1, .w5_2, .w5_3, .w5_4, .w5_5 {
float: left
}
.w5_1 {
font-size: 12px;
margin-left: 480px;
width: 642px;
}
.w5_2 {
}
.w5_3 p {
width: 93px;
margin-left: 8px;
line-height: 20px;
}
.w5_4 {
}
.w5_5 {
line-height: 22px;
}
.w5_5 p {
width: 93px;
margin-left: 8px;
line-height: 20px;
}
.w5_6{line-height:19px;}
.w5_6_1 span{margin-right:11px;}
ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
li {
float: left;
margin-right: 20px;
margin-top: 24px;
font-size: 13px;
font-weight: bold;
}
a {
color: #333333
}
</style>
</head>
<body style="margin:0px auto;">
<div class="w1">
<div class="w1_1 ">
<ul>
<li><a href="">糯米</a></li>
<li><a href="">新闻</a></li>
<li><a href="">hao123</a></li>
<li><a href="">地图</a></li>
<li><a href="">视频</a></li>
<li><a href="">贴吧</a></li>
<li><a href="">登录</a></li>
<li><a href="">设置</a></li>
</ul>
<p class="wl_2"><img src="images/111.jpg" alt=""> </p>
</div>
<p></p>
</div>
<div class="w2"><img src="images/222.jpg" alt=""></div>
<div class="w3 ">
<div class="w3_1">
<div class="w3_2">
<input style="width:536px;height:35px;border:1px solid #ccc; position: relative;
top:-13px" type="text">
<img src="images/333.jpg" alt=""> <img src="images/444.jpg" alt="" style="position:relative;left:-33px; top:0px" ;=""></div>
</div>
</div>
<div class="w4"></div>
<div class="w5 ">
<div class="w5_1">
<div class="w5_2" ><img src="images/555.jpg" alt="" style="display:block; float:left" ></div>
<div class="w5_3" >
<p > <b style="color:#666666;">手机百度</b><span style="color:#999999; display:block ">快人一部</span> </p>
</div>
<div class="w5_4 "><img src="images/666.jpg" alt="" style="display:block;" ></div>
<div class="w5_5 ">
<p > <b style="color:#666666; font-weight:bold; ">百度糯米</b><span style="color:#999999; display:block ">一元大餐</span> </p>
</div>
<div class="w5_6">
<div class="w5_6_1"> <span>把百度设为主页</span> <span>关于百度</span> <span>About Baidu</span> <span>百度推广</span> </div>
<div class="w5_6_2">?2016 Baidu 使用百度前必读 意见反馈 京ICP证030173号 </div><img src="images/777.jpg" alt="" style="vertical-align:middle;">
<div class="w5_6_3"><img src="images/888.jpg" alt="" style="vertical-align:middle;">京公网安备11000002000001号</div>
</div>
</div>
</div>
<div class="w6 "></div>
</body>
</html>
国家发生某些重大事件时,我国的门户网站都有将首页变为黑白的习惯。当然,也有一些网站并没有将首页变成黑白,例如抖音。作为一个技术小白,怎么能够在黑白模式下刷这些不听话的网站呢?
首先技术小白并不需要懂代码,只需要简单了解网站的渲染原理。随便搜索几个已经变为黑白页面的网站,使用F12查询网站的源码。在<heda>...<head>中一行一行删除,直至找到能够控制网站变成黑白页面的关键变量。网站有两种渲染形式:前端渲染和后端渲染,我们只需要去copy后端渲染模式下网站的代码即可(因为前端渲染是使用接口传输的,代码对我们来说是隐藏的)。
具体的代码如下:
<style>
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: grayscale(100%);
filter: gray;
}
</style>
随后我们只需要找到没有变为黑白模式的网页(以抖音为例),将上述的代码copy至浏览器elements的<head>...<head>板块,即可快速实现将网站变为黑白的效果。我们就可以愉快地在黑白模式下刷视频了,但前提是不能刷新网页,毕竟我们无法控制网站的服务器。
404页面的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。
现在大部分开源系统都会为大家考虑到404页面的跳转引导,比如:z-blog/wordpress,都是很不错的开源系统(注意不要用最原始的开源系统,而是采用带有模板的系统)。菜鸟后院网站本身也是wordpress的开源程序,然后我们用robin模板。(花299元拥有和菜鸟后院一样的网站,包括域名和1G阿里巴巴云空间)
搜索引擎使用 http 状态码来识别网页的状态。当搜索引擎获得不正确的链接时,网站应该返回一个状态代码404,告诉搜索引擎放弃索引该链接。如果返回一个200或302状态代码,搜索引擎会对链接进行索引,导致许多不同的链接指向相同的页面内容。结果,搜索引擎对这个网站的信任度大大降低。很多网站存在这个问题,那就是404页面返回的是200或302状态码而不是404状态码。
1、做一个简单的404页面,命名如:404.html;
2、通过ftp把这个404页面上传到网站根目录;
3、进入虚拟主机管理后台,找到404页面提交的入口,添加以上404页面的地址,如:www.cnbackyard.com/404.html(一般空间服务商都有带着种功能,也可以直接找他们技术客服完成这步操作)
4、输入一个错误的链接进行访问测试,随便输入,比如:www.cnbackyard.com/123.html,如果正确返回到404.html页面,则算正确;
5、使用站长工具(http://tool.chinaz.com/pagestatus),输入任意一个错误网址,检查返回值是否为404。如果返回值是200,代表该主机商设置有误,可以与其技术反馈。
以上操作方法对于一个seo初学者来说,还是有点复杂,同学们可以关注燃灯教育直播课程,参加我们的培训,理解起来会更透彻一点。
*请认真填写需求信息,我们会在24小时内与您取得联系。