[记录]wordpress function.php 实用代码!

回复

交流wtyg 发起了帖子 • 1 人关注 • 0 个回复 • 43 次浏览 • 2017-02-13 06:14 • 来自相关话题

黑客利用WordPress漏洞纂改上百万网页

资讯xgzx 发表了文章 • 0 个评论 • 69 次浏览 • 2017-02-12 23:32 • 来自相关话题

wordpress 是世界上被应用最多的一款免费程序,所以问题也经常发生,但是不慌,官方一直在维护更新中...

过去两天,黑客利用 REST API 漏洞对 WordPress 网站发动攻击,纂改了 3.9 万域名的 150 万网页。该漏洞已在上个月释出的 WordPress v4.7.2 中修复。漏洞允许攻击者发送一个简单的 HTTP 请求,绕过身份验证系统,编辑 WordPress 网页的标题和内容,它只影响 WordPress v4.7.0 和 4.7.1。

安全公司 Sucuri 本周一报告,有 6.7 万个 WordPress 网页被利用这种方法涂改,但过去两天被纂改的网页数量出现了爆发式增长,攻击仍然在继续。

所以,必要的话,大家可以更新一下程序了。但是更新之前一定要提前把网站数据整体备份一下,以免更新失败,那就损失大了。
  查看全部
20150428_112521_940.jpg

wordpress 是世界上被应用最多的一款免费程序,所以问题也经常发生,但是不慌,官方一直在维护更新中...

过去两天,黑客利用 REST API 漏洞对 WordPress 网站发动攻击,纂改了 3.9 万域名的 150 万网页。该漏洞已在上个月释出的 WordPress v4.7.2 中修复。漏洞允许攻击者发送一个简单的 HTTP 请求,绕过身份验证系统,编辑 WordPress 网页的标题和内容,它只影响 WordPress v4.7.0 和 4.7.1。

安全公司 Sucuri 本周一报告,有 6.7 万个 WordPress 网页被利用这种方法涂改,但过去两天被纂改的网页数量出现了爆发式增长,攻击仍然在继续。

所以,必要的话,大家可以更新一下程序了。但是更新之前一定要提前把网站数据整体备份一下,以免更新失败,那就损失大了。
 

有益网络提供免费空间 5120MB

活动yhhd 发表了文章 • 0 个评论 • 52 次浏览 • 2017-02-12 23:17 • 来自相关话题

今天在浏览朋友的博客无意间又发现了一款 免费主机,但是这只是空间商的一个噱头。

我还是有意识地去百度搜了一些关于有益网络的信息,结果是有两个 有益网络 ,他们都是空间商,并且网站底部署名的地区都在江苏省盐城。其中一个有益网络(https://www.150cn.com)是盐城海选网络科技有限公司旗下,另一个有益网络(https://www.54ak.com)是江苏有益网络科技有限公司旗下,也不知道这两家是一家还是只是名字碰巧相同而已,这里就不多说了,上干货!

提供免费主机的是第二家有益网络!

免费空间注册地址:https://my.150cn.com/free

要求:微信关注,0元/终身!

配置信息:

容量:5120M、Mysql数据库:5120M、带宽:100M共享、流量:30G/月、并发数:无限制、脚本语言:ASP/PHP/HTML

-------------------------

相关推荐:

1、Hostinger中国 提供2000m免费空间

2、OKHOSTING 提供免费虚拟主机

3、景安提供免费虚拟主机

4、还有很多 免费主机,你可以在建站问找找,一定能找到一款你满意的,我建议大家选择大公司的免费主机,更稳定,更安全!
  查看全部
20170212231648.jpg

今天在浏览朋友的博客无意间又发现了一款 免费主机,但是这只是空间商的一个噱头。

我还是有意识地去百度搜了一些关于有益网络的信息,结果是有两个 有益网络 ,他们都是空间商,并且网站底部署名的地区都在江苏省盐城。其中一个有益网络(https://www.150cn.com)是盐城海选网络科技有限公司旗下,另一个有益网络(https://www.54ak.com)是江苏有益网络科技有限公司旗下,也不知道这两家是一家还是只是名字碰巧相同而已,这里就不多说了,上干货!

提供免费主机的是第二家有益网络!

免费空间注册地址:https://my.150cn.com/free

要求:微信关注,0元/终身!

配置信息:

容量:5120M、Mysql数据库:5120M、带宽:100M共享、流量:30G/月、并发数:无限制、脚本语言:ASP/PHP/HTML

-------------------------

相关推荐:

1、Hostinger中国 提供2000m免费空间

2、OKHOSTING 提供免费虚拟主机

3、景安提供免费虚拟主机

4、还有很多 免费主机,你可以在建站问找找,一定能找到一款你满意的,我建议大家选择大公司的免费主机,更稳定,更安全!
 

[记录]wordpress 文章,评论,建站天数等等代码

回复

交流wtyg 发起了帖子 • 1 人关注 • 0 个回复 • 31 次浏览 • 2017-02-12 17:44 • 来自相关话题

如何用css去掉浏览器的滚动条?

建站问答adminjzw 回复了帖子 • 2 人关注 • 1 个回复 • 42 次浏览 • 2017-02-11 12:33 • 来自相关话题

H5动效的常见制作手法

交流xgzx 发表了文章 • 0 个评论 • 36 次浏览 • 2017-02-10 10:58 • 来自相关话题

众所周知,一个元素,动往往比静更吸引眼球;

一套操作界面,合适的动态交互反馈能给用户带来更好的操作体验;

一个H5运营宣传页,炫酷的动画特效定能助力传播和品牌打造。

近两年,小到loading动画,表单动效,大到各式各样H5运营页的炫酷展现,“动效设计”一词可谓是火遍大江南北,而动效设计早已成为一名合格设计师必需有所知晓的领域。本文将通过一些案例,和大家一同挖掘几种常见的H5动效制作手法。





我们由浅入深来挖掘这动效制作的秘密,一个入门级的小问题:看上图这几个动画例子,大家是否能说出这动画是如何制作出来的呢?而又是如何在网页之上呈现的呢?

对,答案必须是设计师们都非常熟悉的gif小动画了,H5动效制作的第一手法,便是GIF了。

动效制作手法 1:GIF

GIF图片擅长于 制作细节的小动画,位图,优势在于 “体型”很小,可压缩,制作成本低,以图片的形态适用于各种操作系统,无兼容性的后顾之忧。制作GIF动画的方式有很多,例如我们所熟悉的Photoshop时间轴,或是利用Flash,AE将动画导出存成GIF格式等等。





GIF动画最常在H5动效里当担loading导航条,热门小标签等元素,要把控图片大小和精度之间的平衡,所以它一般用于制作小细节的动画。

H5页面承载GIF图片的方式相对以下要介绍的其他方法,是最省成本,最为简便的。只需要以背景图片/内容图片的形式在页面上进行引用即可。

聊完了GIF动画的一些特点,那么我们必须同时对比一下它的堂兄弟:逐帧动画 。

动效制作手法 2:逐帧动画

逐帧动画即是利用一张等间距的动画分解逐帧图片,由js脚本模拟编写 或是使 用css3新属性step()制作 而成。step()在移动端的兼容性是很好的,但使用比较小众。逐帧动画和GIF动画的差别在于,脚本可以控制逐帧动画的快慢和动作的暂停,而GIF动画无法在后期通过代码进行动画速率及透明度的修改。





做一个逐帧动画必不可缺的就是需要一张等间距的“动画分解逐帧图片.png”,再通过 JavaScript脚本 或 CSS3 animation的过度函数step() 来控制图片的background-position,二者结合就可以快速输出一个逐帧动画啦。





从以往的经验看 GIF动画 或是 逐帧动画,我们往往认为它们只适合做一些小细节的动画。其实二者也可以承载一些很独特的动画效果!如以下这个例子,这是陌陌的一个宣传h5页面,它便是由 逐帧分解图+JavaScript脚本模拟逐帧动画 拼合而成的。

视频直接观看H5效果:http://v.qq.com/page/r/4/t/r0174e7fg4t.html





动效制作手法 3:CSS3

CSS3应该是动画家族里绝对不会被遗忘的一名成员。这里我们定义它为 擅长于平面层的动画 。CSS3的缺陷应该在于它的部分属性还没有被浏览器有好的支持。先来看个例子,来自阿迪达斯的H5运营页《罗斯-绝不凋谢》:

视频直接观看H5效果:http://v.qq.com/page/w/6/l/w0174ud2x6l.html





这炫酷到没朋友的动画效果其实主要就是依靠CSS3编写完成的。

这里给大家介绍一下CSS3的动画三大属性:Transform 变形,Transition 过渡,和Animation 动画。

Transform 变形:拥有 rotate 旋转 skew 扭曲 scale 缩放 translate 移动 matrix 矩阵变形五大特效,罗斯的例子中,便是对充分结合了这几个变化特效的产物。

Transition 过渡:拥有修改执行变换的属性,时长,速率和延迟时间的能力,大家都很熟悉的贝塞尔曲线,也是归属于transition的设定之下的。





拓展工具:贝塞尔定制传送门

Animation 动画:若将Transform解释为动作,Transition解释为过渡,那么Animation则是连续的几个动作,即动画。Animation可以我们设定keyframes的值,让元素在一段时间内完成多个动作。





然而我们如何高质高效把动画设计传达给工程师呢?

这里来个小小的Tips:建议使用“案例Demo或者分镜头脚本+动画属性分解表+素材切图”的套装!

以下图为例:这是一个点击反馈的小动画,在无法提供Demo的时候,我们可以使用”动画属性分解表”的方式。动画属性分解表可以让工程师根据表格内填写的数值进行动画的编写,会比凭空的和工程师进行交流传达,来的更精准一些。





动画属性分解表示例:





动效制作手法 4:SVG

SVG,也是动效制作中不可忽略的一大热门方法,我们定义它为擅长于线条的动画,弊端是:IE8,Android4.2及以下支持不好。看下图几个例子,涉及到这种沿着元素描边的动画,一般都是出自SVG之手啦,当然,它也可以实现一些复杂的动画,类似这个表情图片,不过实现成本是不太划算的。

知识普及:SVG,可缩放矢量图形(Scalable Vector Graphics), 是被存成了 XML 格式的图像,它有一些特别的地方:

1、可被多种工具读取和修改(比如记事本)
2、尺寸更小,可压缩性更强
3、矢量
4、纯粹的 XML

一张SVG图,其实是由一堆的定位锚点连线生成的。所以它可以很方便的存为文档格式。而页面中的引用,也是简单的将此文本引入即可。这里必须要注意的点是:如果你想制作一个SVG动画,请一定要使用AI工具绘制输出矢量图给到工程师同学哦。










动效制作手法 5:Canvas

HTML5 的新元素 <canvas>,类似画板,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。本身是没有绘图能力的。所有的绘制工作必须依赖 JavaScript 完成。我们定义它为 擅长于绘画的动画。如下图,绘制这样一个大量元素下落的动画效果,就是Canvas所擅长的。





Canvas可以算是SVG的堂兄弟,大部分的图表动画,都是由Canvas或是SVG制作而成的,二者的动画能力相似但也有以下这些区别:

1、canvas是画框,有自己固定的高宽,svg是不依赖分辨率的矢量,可以任意放大缩小。
2、canvas能以.jpg的格式保存图像,svg是文本的格式保存图像
3、canvas绘制的图像不占DOM,而svg的每个图像都是1个DOM元素
4、canvas适合图像密集型的动画,而svg不适合大量使用,例如制作飘雪等
5、canvas完全依赖脚本绘制作,而svg可直接使用矢量转存生成。





动效制作手法 6:Flash->Canvas

除去上面几种常见的手法,Flash转Canvas的方法也是今年特别火爆的一种形式。既然提到曾经辉煌的Flash,那产出物必须离不开炫酷这个形容词:通过Flash cc制作复杂又精细的动画,导成Canvas文件,动画中的交互操作,依赖Create.js的脚步库完成。

以下引用咋们IEG小伙伴的例子,来让大家一探此方法的魔力所在。

视频直接看H5效果:http://v.qq.com/page/o/m/7/o0174u3cim7.html





动效制作手法 7:video

用视频输出非常特别的动效。关于video的魅力我们用吴亦凡H5页面的例子,相信大家瞬间就可以明白了吧^^。





动效制作手法 8:JavaScript

其实,只要是涉及到交互反馈的动画,小至滚屏翻页,大到重力感应等都需要js进行处理脚步的编写。也就是说,所有的动画特效都离不开Javascript同学的支持。市面上有很多特别的Javascript脚本库,例如three.js,细细运用,就可以做出非同凡响的动画效果。





最后我们再以一个简单的表格来汇总这H5动效常见的制作手法,希望读完本文的小伙伴们都可以在下次遇见新动画效果时,第一时间挖掘出它背后的制作原理,好好运用这8大手法,人人都是优秀的动效设计师。(表格中所阐述的性能损耗和实现成本仅作参考,具体动画效果还需要具体分析,才可得知到底使用哪种方式是最适合的。)






来源:腾讯ISUX
  查看全部
众所周知,一个元素,动往往比静更吸引眼球;

一套操作界面,合适的动态交互反馈能给用户带来更好的操作体验;

一个H5运营宣传页,炫酷的动画特效定能助力传播和品牌打造。

近两年,小到loading动画,表单动效,大到各式各样H5运营页的炫酷展现,“动效设计”一词可谓是火遍大江南北,而动效设计早已成为一名合格设计师必需有所知晓的领域。本文将通过一些案例,和大家一同挖掘几种常见的H5动效制作手法。

20151127195133879.gif

我们由浅入深来挖掘这动效制作的秘密,一个入门级的小问题:看上图这几个动画例子,大家是否能说出这动画是如何制作出来的呢?而又是如何在网页之上呈现的呢?

对,答案必须是设计师们都非常熟悉的gif小动画了,H5动效制作的第一手法,便是GIF了。

动效制作手法 1:GIF

GIF图片擅长于 制作细节的小动画,位图,优势在于 “体型”很小,可压缩,制作成本低,以图片的形态适用于各种操作系统,无兼容性的后顾之忧。制作GIF动画的方式有很多,例如我们所熟悉的Photoshop时间轴,或是利用Flash,AE将动画导出存成GIF格式等等。

20151127183548408-590x371.png

GIF动画最常在H5动效里当担loading导航条,热门小标签等元素,要把控图片大小和精度之间的平衡,所以它一般用于制作小细节的动画。

H5页面承载GIF图片的方式相对以下要介绍的其他方法,是最省成本,最为简便的。只需要以背景图片/内容图片的形式在页面上进行引用即可。

聊完了GIF动画的一些特点,那么我们必须同时对比一下它的堂兄弟:逐帧动画 。

动效制作手法 2:逐帧动画

逐帧动画即是利用一张等间距的动画分解逐帧图片,由js脚本模拟编写 或是使 用css3新属性step()制作 而成。step()在移动端的兼容性是很好的,但使用比较小众。逐帧动画和GIF动画的差别在于,脚本可以控制逐帧动画的快慢和动作的暂停,而GIF动画无法在后期通过代码进行动画速率及透明度的修改。

20151127195231709.gif

做一个逐帧动画必不可缺的就是需要一张等间距的“动画分解逐帧图片.png”,再通过 JavaScript脚本CSS3 animation的过度函数step() 来控制图片的background-position,二者结合就可以快速输出一个逐帧动画啦。

20151127195430519.png

从以往的经验看 GIF动画 或是 逐帧动画,我们往往认为它们只适合做一些小细节的动画。其实二者也可以承载一些很独特的动画效果!如以下这个例子,这是陌陌的一个宣传h5页面,它便是由 逐帧分解图+JavaScript脚本模拟逐帧动画 拼合而成的。

视频直接观看H5效果:http://v.qq.com/page/r/4/t/r0174e7fg4t.html

20151127195941433.jpg

动效制作手法 3:CSS3

CSS3应该是动画家族里绝对不会被遗忘的一名成员。这里我们定义它为 擅长于平面层的动画 。CSS3的缺陷应该在于它的部分属性还没有被浏览器有好的支持。先来看个例子,来自阿迪达斯的H5运营页《罗斯-绝不凋谢》:

视频直接观看H5效果:http://v.qq.com/page/w/6/l/w0174ud2x6l.html

20151127200553574.jpg

这炫酷到没朋友的动画效果其实主要就是依靠CSS3编写完成的。

这里给大家介绍一下CSS3的动画三大属性:Transform 变形,Transition 过渡,和Animation 动画。

Transform 变形:拥有 rotate 旋转 skew 扭曲 scale 缩放 translate 移动 matrix 矩阵变形五大特效,罗斯的例子中,便是对充分结合了这几个变化特效的产物。

Transition 过渡:拥有修改执行变换的属性,时长,速率和延迟时间的能力,大家都很熟悉的贝塞尔曲线,也是归属于transition的设定之下的。

20151127200718351.jpg

拓展工具:贝塞尔定制传送门

Animation 动画:若将Transform解释为动作,Transition解释为过渡,那么Animation则是连续的几个动作,即动画。Animation可以我们设定keyframes的值,让元素在一段时间内完成多个动作。

20151127200739323.jpg

然而我们如何高质高效把动画设计传达给工程师呢?

这里来个小小的Tips:建议使用“案例Demo或者分镜头脚本+动画属性分解表+素材切图”的套装!

以下图为例:这是一个点击反馈的小动画,在无法提供Demo的时候,我们可以使用”动画属性分解表”的方式。动画属性分解表可以让工程师根据表格内填写的数值进行动画的编写,会比凭空的和工程师进行交流传达,来的更精准一些。

20151127200846913.gif

动画属性分解表示例:

20151127200842723.png

动效制作手法 4:SVG

SVG,也是动效制作中不可忽略的一大热门方法,我们定义它为擅长于线条的动画,弊端是:IE8,Android4.2及以下支持不好。看下图几个例子,涉及到这种沿着元素描边的动画,一般都是出自SVG之手啦,当然,它也可以实现一些复杂的动画,类似这个表情图片,不过实现成本是不太划算的。

知识普及:SVG,可缩放矢量图形(Scalable Vector Graphics), 是被存成了 XML 格式的图像,它有一些特别的地方:

1、可被多种工具读取和修改(比如记事本)
2、尺寸更小,可压缩性更强
3、矢量
4、纯粹的 XML

一张SVG图,其实是由一堆的定位锚点连线生成的。所以它可以很方便的存为文档格式。而页面中的引用,也是简单的将此文本引入即可。这里必须要注意的点是:如果你想制作一个SVG动画,请一定要使用AI工具绘制输出矢量图给到工程师同学哦。

20151127201012297.jpg


20151127201048604.png

动效制作手法 5:Canvas

HTML5 的新元素 <canvas>,类似画板,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。本身是没有绘图能力的。所有的绘制工作必须依赖 JavaScript 完成。我们定义它为 擅长于绘画的动画。如下图,绘制这样一个大量元素下落的动画效果,就是Canvas所擅长的。

20151127201042916.gif

Canvas可以算是SVG的堂兄弟,大部分的图表动画,都是由Canvas或是SVG制作而成的,二者的动画能力相似但也有以下这些区别:

1、canvas是画框,有自己固定的高宽,svg是不依赖分辨率的矢量,可以任意放大缩小。
2、canvas能以.jpg的格式保存图像,svg是文本的格式保存图像
3、canvas绘制的图像不占DOM,而svg的每个图像都是1个DOM元素
4、canvas适合图像密集型的动画,而svg不适合大量使用,例如制作飘雪等
5、canvas完全依赖脚本绘制作,而svg可直接使用矢量转存生成。

20151127201035489.gif

动效制作手法 6:Flash->Canvas

除去上面几种常见的手法,Flash转Canvas的方法也是今年特别火爆的一种形式。既然提到曾经辉煌的Flash,那产出物必须离不开炫酷这个形容词:通过Flash cc制作复杂又精细的动画,导成Canvas文件,动画中的交互操作,依赖Create.js的脚步库完成。

以下引用咋们IEG小伙伴的例子,来让大家一探此方法的魔力所在。

视频直接看H5效果:http://v.qq.com/page/o/m/7/o0174u3cim7.html

20151127201028193.jpg

动效制作手法 7:video

用视频输出非常特别的动效。关于video的魅力我们用吴亦凡H5页面的例子,相信大家瞬间就可以明白了吧^^。

20151127203014493.gif

动效制作手法 8:JavaScript

其实,只要是涉及到交互反馈的动画,小至滚屏翻页,大到重力感应等都需要js进行处理脚步的编写。也就是说,所有的动画特效都离不开Javascript同学的支持。市面上有很多特别的Javascript脚本库,例如three.js,细细运用,就可以做出非同凡响的动画效果。

20151127201019719.jpg

最后我们再以一个简单的表格来汇总这H5动效常见的制作手法,希望读完本文的小伙伴们都可以在下次遇见新动画效果时,第一时间挖掘出它背后的制作原理,好好运用这8大手法,人人都是优秀的动效设计师。(表格中所阐述的性能损耗和实现成本仅作参考,具体动画效果还需要具体分析,才可得知到底使用哪种方式是最适合的。)

20151127201015798.png


来源:腾讯ISUX
 

[ISUX译]响应式图像

交流xgzx 发表了文章 • 0 个评论 • 24 次浏览 • 2017-02-10 09:48 • 来自相关话题

自从2010年Ethan Marcotte开始讨论 响应式网页设计,开发者和设计师们竞相寻求 处理响应式图片的方法 。这的确是一个棘手的问题 ,因为我们对同一个网站在众多设备宽度下,使用同一图像源。你愿意在一个大显示屏上显示模糊地、马赛克状的图像?你愿意在你的手机上加载一个巨大的(虽然更漂亮的)图像?这个问题令人左右为难。

一群来自响应式问题社区组(RICG)的聪明家伙致力于解决这个难题,他们使picture元素和srcset、sizes属性纳入HTML 5.1规范草案 。因为我们无法预测用户在何地以及如何访问我们的网站,所以我们需要浏览器自身根据情况选择最好的图像。新规范将解决以下问题:

1、基于设备象素比(device-pixel-radio)选择
2、基于viewport选择
3、基于Art direction(美术设计)选择
4、基于图像格式选择

该规范中,img元素增加了两个新属性:srcset 和 sizes 。srcset 用来声明一组图像源,浏览器根据我们使用描述符指定的条件来选择图像。描述符x表示图像的像素密度,描述符w表示图像的宽度;浏览器使用这些信息从列表中选择合适的图像。sizes 属性为浏览器提供将要显示图像的尺寸信息,srcset 使用w描述符时必须包含此属性。这种方法尤其适用于可变宽度的图像,我将在后面详细讨论。

我们现在可以根据用户的viewport,提供不同质量或美术设计(art direction)的图像,无需借助复杂的服务器端设置。响应式图像将成为HTML规范的重要组成部分,所有浏览器终将都会支持此解决方案。

固定宽度图像:基于设备像素比选择

视网膜屏幕的广泛应用,使我们不仅需要考虑屏幕分辨率,而且也需要考虑像素密度。视网膜屏幕,4K显示器,UltraHD-它们都比相同尺寸的标准分辨率显示器填充了更多的像素。更多的像素=更清晰的图像。

有些图片不管屏幕尺寸,始终以固定宽度显示-如站点logo或人物简介图像,也就是说需要根据设备像素比来选择。浏览器将根据设备像素比来选择加载哪张图像。

srcset 属性列出了浏览器可以选择加载的源图像池,是一个由逗号分隔的列表。x描述符表示图像的设备像素比。浏览器根据运行环境,利用这些信息来选择适当的图像。不理解 srcset 的浏览器会直接加载src属性中声明的图像。<img srcset="crest-383.jpg 1.5x, crest-510.jpg 2x" src="crest-255.jpg" alt="[ISUX译]响应式图像" alt="USWNT crest" />




网站logo就是固定宽度图像的一个例子,不管viewport的宽度如何,始终保持相同的宽度。不过,与内容相关的图片,通常也需要响应式,它们的大小往往随viewport改变。对于这类图像,还有更好的处理方法。

可变宽度的图像:基于viewport选择

对于可变宽度的图像,我们使用srcset搭配w描述符以及sizes属性 。w描述符告诉浏览器列表中的每个图象的宽度。sizes属性是一个包含两个值的,由逗号分隔的列表。根据最新规范,如果srcset中任何图像使用了w描述符,那么必须要设置sizes属性。

sizes属性有两个值:第一个是媒体条件;第二个是源图尺寸值,在特定媒体条件下,此值决定了图片的宽度。需要注意是,源图尺寸值不能使用百分比,vw是唯一可用的CSS单位。<img srcset="uswnt-480.jpg 480w,
uswnt-640.jpg 640w,
uswnt-960.jpg 960w,
uswnt-1280.jpg 1280w"
sizes="(max-width: 400px) 100vw,
(max-width: 960px) 75vw,
640px"
src="uswnt-640.jpg" alt="[ISUX译]响应式图像" alt="USWNT World Cup victory">




上例中,我们告诉浏览器在viewport宽度小于400像素时,使图像的宽度与viewport等宽。在viewport宽度小于960像素时,使图像的宽度为viewport宽度的75%。当viewport大于960像素时,使图像的宽度为640像素。如果你不熟悉vw ,可以看看Tim Severien的大文viewport单位详解 。

浏览器利用srcset和sizes信息来选择最符合规定条件的图像。如果浏览器的viewport是600像素,图像最可能以75vw的宽度显示。浏览器将尝试加载第一张大于450像素(600*0.75)的图像,也就是uswnt-480.jpg。如果我的是dpr为2的Retina显示屏,那么浏览器就会尝试加载第一张大于900像素(600*0.75*2)的图像,也就是uswnt-960.jpg。我们无法确定究竟显示哪张图像,因为每个浏览器根据我们提供的信息挑选适当图像的算法是有差异的。(译者注:srcset和size列表是对浏览器的一个建议(hint),而非指令。例如,设备像素比(dpr)为1.5的设备,亦可用1x也可用2x的图像,由浏览器根据其能力、网络等因素来决定。)

前两个例子都是以不同质量显示相同的图像,仅用srcset属性就足够了。不必担心老旧浏览器,老旧浏览器会把它看作为一个普通的图像并从src中加载。如果你想在不同宽度下显示稍微不同的图像,比如在较窄屏幕下仅显示图像的关键部分,那么要使用picture元素。

picture:基于Art direction(美术设计)选择

picture元素就像是图像和其源的容器。浏览器仍然需要img元素,用来表明需要加载图片,如果没有img,那么什么都不会渲染。source为浏览器提供了要显示图像的供选版本。基于美术设计选择的适用场景为:在一个特定的转效点(breakpoint)需要显示一个特定的图像。使用picture元素选择图像,不会有歧义。<picture>

<source media="(min-width: 960px)" srcset="ticker-tape-large.jpg">
<source media="(min-width: 575px)" srcset="ticker-tape-medium.jpg">
<img src="ticker-tape-small.jpg" alt="[ISUX译]响应式图像" alt="USWNT ticker-tape parade">
</picture>




在本例中,当viewport大于960像素时,会加载图像的风景模式版本(ticker-tape-large.jpg)。当viewport宽度大于575像素时,浏览器会加载图像的裁剪过的肖像模式版本(ticker-tape-medium.jpg)。而当宽度小于575像素时,加载的图像( ticker-tape-small.jpg)已经被裁剪成焦点仅在一个球员上了。

picture元素是向后兼容的;不支持picture元素的浏览器将显示img。图像的所有标准属性(如alt),应该作用在img上而不是picture上。

source:基于图片格式选择

最近几年出现了一些新的图片格式,这些新图像格式在较小的文件大小情况下保证了较好的图片质量。听起来还不错,但残酷的事实是没有一个新格式被所有浏览器支持。谷歌的WebP表现不错,但只有Chrome和Opera原声支持。JPEG-XR,最初被称为高清照片,是微软发布的一个专有图像格式,仅Internet Explorer支持。如果你想了解更多信息,可以查看Zoltan Hawryluk对这些新格式的深入研究。<picture>
<source type="image/vnd.ms-photo" src="wwc2015.jxr"> <source type="image/jp2" src="wwc2015.jp2"> <source type="image/webp" src="wwc2015.webp"> <img src="wwc2015.png" alt="[ISUX译]响应式图像" alt="WWC 2015">
</picture>
source的type属性用来指定每个图像的MIME类型,浏览器会选择第一个含有其支持的MIME类型的源。源的顺序是至关重要的,如果浏览器无法识别所有的图象类型,它会回退至原来的img元素。

现在可以使用这些东东吗?

在写这篇文章的时候, Firefox,Chrome和Opera的最新稳定版本均支持picture。Safari和IE本身均不支持picture。srcset的情况稍微好一点,Firefox、Chrome和Opera的最新稳定版本完全支持,Safari8和Internet Explorer Edge部分支持,可以使用x描述符用于根据分辨率切换,但不支持w描述符。Safari9已经完全支持srcset了(译者注)。

现有不少polyfills解决支持性问题,最知名的恐怕是Scott Jehl的picturefill。目前我(原作者)在我自己的网站上使用Alexander Farkas的respimage。目前的状况是,我们已对响应式图像的处理方案达成一致,并且这些解决方案逐渐被所有的主流浏览器实现。尽管该规范仍在不断完善之中,但原生的响应式解决方案离我们越来越近了。

来源:腾讯ISUX
  查看全部
自从2010年Ethan Marcotte开始讨论 响应式网页设计,开发者和设计师们竞相寻求 处理响应式图片的方法 。这的确是一个棘手的问题 ,因为我们对同一个网站在众多设备宽度下,使用同一图像源。你愿意在一个大显示屏上显示模糊地、马赛克状的图像?你愿意在你的手机上加载一个巨大的(虽然更漂亮的)图像?这个问题令人左右为难。

一群来自响应式问题社区组(RICG)的聪明家伙致力于解决这个难题,他们使picture元素和srcset、sizes属性纳入HTML 5.1规范草案 。因为我们无法预测用户在何地以及如何访问我们的网站,所以我们需要浏览器自身根据情况选择最好的图像。新规范将解决以下问题:

1、基于设备象素比(device-pixel-radio)选择
2、基于viewport选择
3、基于Art direction(美术设计)选择
4、基于图像格式选择

该规范中,img元素增加了两个新属性:srcsetsizessrcset 用来声明一组图像源,浏览器根据我们使用描述符指定的条件来选择图像。描述符x表示图像的像素密度,描述符w表示图像的宽度;浏览器使用这些信息从列表中选择合适的图像。sizes 属性为浏览器提供将要显示图像的尺寸信息,srcset 使用w描述符时必须包含此属性。这种方法尤其适用于可变宽度的图像,我将在后面详细讨论。

我们现在可以根据用户的viewport,提供不同质量或美术设计(art direction)的图像,无需借助复杂的服务器端设置。响应式图像将成为HTML规范的重要组成部分,所有浏览器终将都会支持此解决方案。

固定宽度图像:基于设备像素比选择

视网膜屏幕的广泛应用,使我们不仅需要考虑屏幕分辨率,而且也需要考虑像素密度。视网膜屏幕,4K显示器,UltraHD-它们都比相同尺寸的标准分辨率显示器填充了更多的像素。更多的像素=更清晰的图像。

有些图片不管屏幕尺寸,始终以固定宽度显示-如站点logo或人物简介图像,也就是说需要根据设备像素比来选择。浏览器将根据设备像素比来选择加载哪张图像。

srcset 属性列出了浏览器可以选择加载的源图像池,是一个由逗号分隔的列表。x描述符表示图像的设备像素比。浏览器根据运行环境,利用这些信息来选择适当的图像。不理解 srcset 的浏览器会直接加载src属性中声明的图像。
<img srcset="crest-383.jpg 1.5x, crest-510.jpg 2x" src="crest-255.jpg" alt="[ISUX译]响应式图像" alt="USWNT crest" />

20160314203815205.jpg

网站logo就是固定宽度图像的一个例子,不管viewport的宽度如何,始终保持相同的宽度。不过,与内容相关的图片,通常也需要响应式,它们的大小往往随viewport改变。对于这类图像,还有更好的处理方法。

可变宽度的图像:基于viewport选择

对于可变宽度的图像,我们使用srcset搭配w描述符以及sizes属性 。w描述符告诉浏览器列表中的每个图象的宽度。sizes属性是一个包含两个值的,由逗号分隔的列表。根据最新规范,如果srcset中任何图像使用了w描述符,那么必须要设置sizes属性。

sizes属性有两个值:第一个是媒体条件;第二个是源图尺寸值,在特定媒体条件下,此值决定了图片的宽度。需要注意是,源图尺寸值不能使用百分比,vw是唯一可用的CSS单位。
<img srcset="uswnt-480.jpg 480w, 
uswnt-640.jpg 640w,
uswnt-960.jpg 960w,
uswnt-1280.jpg 1280w"
sizes="(max-width: 400px) 100vw,
(max-width: 960px) 75vw,
640px"
src="uswnt-640.jpg" alt="[ISUX译]响应式图像" alt="USWNT World Cup victory">

20160314203817341.jpg

上例中,我们告诉浏览器在viewport宽度小于400像素时,使图像的宽度与viewport等宽。在viewport宽度小于960像素时,使图像的宽度为viewport宽度的75%。当viewport大于960像素时,使图像的宽度为640像素。如果你不熟悉vw ,可以看看Tim Severien的大文viewport单位详解 。

浏览器利用srcset和sizes信息来选择最符合规定条件的图像。如果浏览器的viewport是600像素,图像最可能以75vw的宽度显示。浏览器将尝试加载第一张大于450像素(600*0.75)的图像,也就是uswnt-480.jpg。如果我的是dpr为2的Retina显示屏,那么浏览器就会尝试加载第一张大于900像素(600*0.75*2)的图像,也就是uswnt-960.jpg。我们无法确定究竟显示哪张图像,因为每个浏览器根据我们提供的信息挑选适当图像的算法是有差异的。(译者注:srcset和size列表是对浏览器的一个建议(hint),而非指令。例如,设备像素比(dpr)为1.5的设备,亦可用1x也可用2x的图像,由浏览器根据其能力、网络等因素来决定。)

前两个例子都是以不同质量显示相同的图像,仅用srcset属性就足够了。不必担心老旧浏览器,老旧浏览器会把它看作为一个普通的图像并从src中加载。如果你想在不同宽度下显示稍微不同的图像,比如在较窄屏幕下仅显示图像的关键部分,那么要使用picture元素。

picture:基于Art direction(美术设计)选择

picture元素就像是图像和其源的容器。浏览器仍然需要img元素,用来表明需要加载图片,如果没有img,那么什么都不会渲染。source为浏览器提供了要显示图像的供选版本。基于美术设计选择的适用场景为:在一个特定的转效点(breakpoint)需要显示一个特定的图像。使用picture元素选择图像,不会有歧义。
<picture> 

<source media="(min-width: 960px)" srcset="ticker-tape-large.jpg">
<source media="(min-width: 575px)" srcset="ticker-tape-medium.jpg">
<img src="ticker-tape-small.jpg" alt="[ISUX译]响应式图像" alt="USWNT ticker-tape parade">
</picture>

20160314203833264.jpg

在本例中,当viewport大于960像素时,会加载图像的风景模式版本(ticker-tape-large.jpg)。当viewport宽度大于575像素时,浏览器会加载图像的裁剪过的肖像模式版本(ticker-tape-medium.jpg)。而当宽度小于575像素时,加载的图像( ticker-tape-small.jpg)已经被裁剪成焦点仅在一个球员上了。

picture元素是向后兼容的;不支持picture元素的浏览器将显示img。图像的所有标准属性(如alt),应该作用在img上而不是picture上。

source:基于图片格式选择

最近几年出现了一些新的图片格式,这些新图像格式在较小的文件大小情况下保证了较好的图片质量。听起来还不错,但残酷的事实是没有一个新格式被所有浏览器支持。谷歌的WebP表现不错,但只有Chrome和Opera原声支持。JPEG-XR,最初被称为高清照片,是微软发布的一个专有图像格式,仅Internet Explorer支持。如果你想了解更多信息,可以查看Zoltan Hawryluk对这些新格式的深入研究。
<picture>
<source type="image/vnd.ms-photo" src="wwc2015.jxr"> <source type="image/jp2" src="wwc2015.jp2"> <source type="image/webp" src="wwc2015.webp"> <img src="wwc2015.png" alt="[ISUX译]响应式图像" alt="WWC 2015">
</picture>

source的type属性用来指定每个图像的MIME类型,浏览器会选择第一个含有其支持的MIME类型的源。源的顺序是至关重要的,如果浏览器无法识别所有的图象类型,它会回退至原来的img元素。

现在可以使用这些东东吗?

在写这篇文章的时候, Firefox,Chrome和Opera的最新稳定版本均支持picture。Safari和IE本身均不支持picture。srcset的情况稍微好一点,Firefox、Chrome和Opera的最新稳定版本完全支持,Safari8和Internet Explorer Edge部分支持,可以使用x描述符用于根据分辨率切换,但不支持w描述符。Safari9已经完全支持srcset了(译者注)。

现有不少polyfills解决支持性问题,最知名的恐怕是Scott Jehl的picturefill。目前我(原作者)在我自己的网站上使用Alexander Farkas的respimage。目前的状况是,我们已对响应式图像的处理方案达成一致,并且这些解决方案逐渐被所有的主流浏览器实现。尽管该规范仍在不断完善之中,但原生的响应式解决方案离我们越来越近了。

来源:腾讯ISUX
 

word-spacing 设置字间隔失效

建站问答adminjzw 回复了帖子 • 2 人关注 • 1 个回复 • 52 次浏览 • 2017-02-08 15:44 • 来自相关话题

.中国/.公司/.网络域名 首年低价购!

活动yhhd 发表了文章 • 0 个评论 • 45 次浏览 • 2017-02-07 06:09 • 来自相关话题

新年新气象,爱名与易名两家域名商家又在放大招了!

.中国/.公司/.网络域名 首年低价购活动!随即被放出来了。

相比之下,爱名的首年注册价格更低(首年仅需30元),但是活动周期较短,所以喜欢中文后缀的朋友就要抓住时机了!

------------------------------

一、爱名网活动:





新年新气象,新年新优惠!鸡年一定要抓住“鸡”会,“鸡”不可失。2月1日起,注册以下3个任意后缀,均享受新年活动价30元/首年。

30元注册.中国域名,马上注册>>

30元注册.网络域名,马上注册>>

30元注册.公司域名,马上注册>>

活动说明:

1、活动时间:2017年2月1日—2月28日;

2、.中国/.公司/.网络域名活动仅限注册首年,注册多年价=首年价+续费价×(n-1)年;

3、未详尽之处以官方解释为准,本活动最终解释权归贰贰网络所有。

---------------------------------------

二、易名网活动:

新年新优惠,迎春大放“价”!2017年2月1日00:00:00—12月31日23:59:59,我司将推出.中国/.公司/.网络首年注册35元优惠活动,此次优惠力度空前,平台下注册.中国/.公司/.网络域名原金牌用户注册价180元/年/个,在本次活动期间即可享受注册优惠价:35元/首年/个。

域名注册通道:https://www.ename.net/domain  (具体以结算时系统服务器提示价格为准。)
  查看全部
新年新气象,爱名与易名两家域名商家又在放大招了!

.中国/.公司/.网络域名 首年低价购活动!随即被放出来了。

相比之下,爱名的首年注册价格更低(首年仅需30元),但是活动周期较短,所以喜欢中文后缀的朋友就要抓住时机了!

------------------------------

一、爱名网活动

20170211zg_ny.jpg

新年新气象,新年新优惠!鸡年一定要抓住“鸡”会,“鸡”不可失。2月1日起,注册以下3个任意后缀,均享受新年活动价30元/首年。

30元注册.中国域名,马上注册>>

30元注册.网络域名,马上注册>>

30元注册.公司域名,马上注册>>

活动说明

1、活动时间:2017年2月1日—2月28日

2、.中国/.公司/.网络域名活动仅限注册首年,注册多年价=首年价+续费价×(n-1)年;

3、未详尽之处以官方解释为准,本活动最终解释权归贰贰网络所有。

---------------------------------------

二、易名网活动

新年新优惠,迎春大放“价”!2017年2月1日00:00:00—12月31日23:59:59,我司将推出.中国/.公司/.网络首年注册35元优惠活动,此次优惠力度空前,平台下注册.中国/.公司/.网络域名原金牌用户注册价180元/年/个,在本次活动期间即可享受注册优惠价:35元/首年/个。

域名注册通道:https://www.ename.net/domain  (具体以结算时系统服务器提示价格为准。)
 

爱名网:云虚机直降中,用券再减22元

活动yhhd 发表了文章 • 0 个评论 • 39 次浏览 • 2017-02-07 05:56 • 来自相关话题

2017年起,贰贰云从“心”出发,打造全新产品,更好的服务于用户。我们的18款新机型正在火热出售中。

香港云虚机(免备案主机) 的“入门型1G”和“普及型1.5G”2款主机正在直降促销中,使用代金券还能再减22元。22元云虚机代金券支持2017年的18款云虚机产品购买和续费,同时还支持旧的6款机型续费。只需要2.2元就能兑换一个22元的云虚机代金券,想想还是超划算的。

香港入门型1G云虚机直降促销中(原价199元/年,现价119元/年),使用代金券再减22元>>

香港普及型1.5G云虚机直降促销中(原价399元/年,现价199元/年),使用代金券再减22元>>

立即去兑换22元云虚机代金券,支持新购和续费>>

使用说明:

1、代金券使用截止时间,以购买后系统显示为准;

2、限新购国内云虚机和香港云虚机时使用,可用于新旧机型的续费;

3、新购或续费结算时,选择代金券,直接抵扣22元,一次只能使用一张;

4、使用本券购买的云虚机不支持5天无理由退款,不能与其他优惠同时使用,不支持API使用;

5、购买后,可以在管理中心→财务管理→我的代金券中查看。

来源:爱名网 查看全部
20170105yxj_ny.jpg


2017年起,贰贰云从“心”出发,打造全新产品,更好的服务于用户。我们的18款新机型正在火热出售中。

香港云虚机(免备案主机) 的“入门型1G”和“普及型1.5G”2款主机正在直降促销中,使用代金券还能再减22元。22元云虚机代金券支持2017年的18款云虚机产品购买和续费,同时还支持旧的6款机型续费。只需要2.2元就能兑换一个22元的云虚机代金券,想想还是超划算的。

香港入门型1G云虚机直降促销中(原价199元/年,现价119元/年),使用代金券再减22元>>

香港普及型1.5G云虚机直降促销中(原价399元/年,现价199元/年),使用代金券再减22元>>

立即去兑换22元云虚机代金券,支持新购和续费>>

使用说明:

1、代金券使用截止时间,以购买后系统显示为准;

2、限新购国内云虚机和香港云虚机时使用,可用于新旧机型的续费;

3、新购或续费结算时,选择代金券,直接抵扣22元,一次只能使用一张;

4、使用本券购买的云虚机不支持5天无理由退款,不能与其他优惠同时使用,不支持API使用;

5、购买后,可以在管理中心→财务管理→我的代金券中查看。

来源:爱名网

免费.me域名:namecheap for education!

活动xgzx 发表了文章 • 0 个评论 • 95 次浏览 • 2017-02-06 04:32 • 来自相关话题

最近在逛论坛的时候,群友分享了一个获取 免费.me后缀域名 的网站!甚是欣喜,因为在国内,至少我还没有找到免费提供.me域名的商家。感谢 namecheap!

免费域名申请网址:https://nc.me

Namecheap官网:https://www.namecheap.com

-------------------------------------

关于Namecheap:

Namecheap是一家领先的ICANN认可的域名注册和网站托管公司,成立于2000年,今天有超过50万域名客户和超过100万网站客户选择Namecheap,我们同时提供免费DNS解析,网址转发(可隐藏原URL,支持301重定向)、电邮转发、A记录、CNAME别名记录、MX邮件记录、TXT文本记录、NS记录、AAAA记录(IPV6),还可以设置动态域名解析。同时还赠送whois隐藏和SSL证书免费一年,这是全球唯一一家域名注册商能够做到的,同时支持在线PUSH,转移码在线获取,在付款上支持Paypal没有绑定信用卡的用户,这一点也是国外其他注册商无法做到的,我们的员工有几十年的经验在域名管理,网站托管等领域,Namecheap的目标是提供一流的域名和网站托管的产品和最优质的客户服务和支持。
  查看全部
2017-ev-md-ssl.jpg


最近在逛论坛的时候,群友分享了一个获取 免费.me后缀域名 的网站!甚是欣喜,因为在国内,至少我还没有找到免费提供.me域名的商家。感谢 namecheap

免费域名申请网址:https://nc.me

Namecheap官网https://www.namecheap.com

-------------------------------------

关于Namecheap:

Namecheap是一家领先的ICANN认可的域名注册和网站托管公司,成立于2000年,今天有超过50万域名客户和超过100万网站客户选择Namecheap,我们同时提供免费DNS解析,网址转发(可隐藏原URL,支持301重定向)、电邮转发、A记录、CNAME别名记录、MX邮件记录、TXT文本记录、NS记录、AAAA记录(IPV6),还可以设置动态域名解析。同时还赠送whois隐藏和SSL证书免费一年,这是全球唯一一家域名注册商能够做到的,同时支持在线PUSH,转移码在线获取,在付款上支持Paypal没有绑定信用卡的用户,这一点也是国外其他注册商无法做到的,我们的员工有几十年的经验在域名管理,网站托管等领域,Namecheap的目标是提供一流的域名和网站托管的产品和最优质的客户服务和支持。
 

谷歌Daydream平台现在向全球开发者开放了

资讯xgzx 发表了文章 • 0 个评论 • 39 次浏览 • 2017-02-06 04:04 • 来自相关话题

尽管谷歌并没有正式进入中国,但是谷歌从未放弃中国:谷歌开发者中文博客 正式发布,将向中国的开发者提供来自全球的谷歌开发者博客的翻译文章。






谷歌Daydream平台向全球开发者开放,不仅如此官方还准备了一份全面且详细的开发指南。此举被认为是谷歌重视移动VR市场的重要信号。

开放的态度有利于让更多的开发者团队展示自己的产品。相比有条件制约的平台,全开放的目的不是让粗制滥造的内容占满,而是从中发掘更多的精品。同时,让全球开发者团队同台竞技,从中学习和吸引各方的精髓。让市场选择,把选择权还给玩家,才是开放平台的初衷。

特别是那些有志于投身VR的创业团队,由于大平台的条件限制,导致他们辛苦研发的作品不能与世人见面,实在让人感到惋惜。而Daydream平台这回的开闸泄洪,对于创业团队来说是难得的展示机会。

不过,要从万千的作品中脱颖而出,只能在内容上下功夫。好酒不怕巷子深,各大VR开发者大赛对于初创团队来说门槛太高,而一开始就以3A游戏为定位,对于开发周期以及成本来说都是不小的考验。初创团队与实力雄厚的大公司相比只能以软实力取胜,而不是一味地以硬实力来拼。

对于那些名不见经传的初创团队来说,自己的作品越多的曝光经过消费者和市场的双重考验之后,受到的关注就越多。而有条件限制的开发平台,大多数都是有相当实力的厂商的天下,初创团队的作品被放在同一平台上进行评比,呈不对称的状态。当前,针对初创团队开设的VR开发者大赛还是太少,而全开放平台的出现,开发者团队将能得到最大程度的发展。

来源:VR乐趣网
  查看全部
尽管谷歌并没有正式进入中国,但是谷歌从未放弃中国:谷歌开发者中文博客 正式发布,将向中国的开发者提供来自全球的谷歌开发者博客的翻译文章。

2fdda3cc7cd98d10b7c185e7293fb80e7aec90cb.jpg.png


谷歌Daydream平台向全球开发者开放,不仅如此官方还准备了一份全面且详细的开发指南。此举被认为是谷歌重视移动VR市场的重要信号。

开放的态度有利于让更多的开发者团队展示自己的产品。相比有条件制约的平台,全开放的目的不是让粗制滥造的内容占满,而是从中发掘更多的精品。同时,让全球开发者团队同台竞技,从中学习和吸引各方的精髓。让市场选择,把选择权还给玩家,才是开放平台的初衷。

特别是那些有志于投身VR的创业团队,由于大平台的条件限制,导致他们辛苦研发的作品不能与世人见面,实在让人感到惋惜。而Daydream平台这回的开闸泄洪,对于创业团队来说是难得的展示机会。

不过,要从万千的作品中脱颖而出,只能在内容上下功夫。好酒不怕巷子深,各大VR开发者大赛对于初创团队来说门槛太高,而一开始就以3A游戏为定位,对于开发周期以及成本来说都是不小的考验。初创团队与实力雄厚的大公司相比只能以软实力取胜,而不是一味地以硬实力来拼。

对于那些名不见经传的初创团队来说,自己的作品越多的曝光经过消费者和市场的双重考验之后,受到的关注就越多。而有条件限制的开发平台,大多数都是有相当实力的厂商的天下,初创团队的作品被放在同一平台上进行评比,呈不对称的状态。当前,针对初创团队开设的VR开发者大赛还是太少,而全开放平台的出现,开发者团队将能得到最大程度的发展。

来源:VR乐趣网
 

网信办关闭74家违规失信旅游网站

资讯xgzx 发表了文章 • 0 个评论 • 38 次浏览 • 2017-02-06 03:54 • 来自相关话题

北京商报讯(记者 钱瑜 实习生 赵超越)1月24日,国家网信办会同相关部门依法关闭了旅游在线、北青旅官方旅游网、伴游网、重庆伴游、龙凤伴游网、广州商务伴游联盟等74家严重违规失信旅游网站。这些网站主要存在网站未依法备案、假冒正规旅游网站、发布涉黄涉赌违法违规信息等严重违规失信问题。

据悉,“旅游网站严重违规失信”专项整治自2016年9月启动,整治对象包括综合旅游网站、旅行社网站、旅游在线预订服务网站、旅游景点网站以及网站旅游频道、旅游网站APP等。并向社会公布了对进行虚假宣传、对景区景点、酒店住宿标准等表达模糊;旅游网站提供的预订服务引发纠纷,未按约定退订消费;设立虚假旅游网站发布欺诈信息;发布赌博、色情等违法违规信息内容;未设立用户投诉举报平台或未及时处置用户投诉举报信息;旅游网站默认、纵容用户违规失信行为等七项举报重点。

同时,国家网信办和国家旅游局指导属地网信部门和旅游部门对相关线索进行认真核查处置,对存在信息内容发布制度不健全、不履行服务承诺、涉嫌虚假宣传和侵犯用户隐私等行为,督促有关旅游网站积极整改,截至2017年1月中旬,共收到600余条旅游网站违规失信举报线索。

国家网信办有关负责人表示,春节期间,各地又将迎来旅游出行高峰。提醒游客通过正规旅游网站选择旅游产品,牢记旅游投诉电话,合理维权。对于发现旅游网站涉嫌严重违规失信问题的,公众可通过中国互联网违法和不良信息举报中心举报电话12377、国家智慧旅游公共服务平台举报电话12301以及登陆 www.12377.cn  网站进行举报投诉。

来源:北京商报网
  查看全部
1485231466724.png


北京商报讯(记者 钱瑜 实习生 赵超越)1月24日,国家网信办会同相关部门依法关闭了旅游在线、北青旅官方旅游网、伴游网、重庆伴游、龙凤伴游网、广州商务伴游联盟等74家严重违规失信旅游网站。这些网站主要存在网站未依法备案、假冒正规旅游网站、发布涉黄涉赌违法违规信息等严重违规失信问题。

据悉,“旅游网站严重违规失信”专项整治自2016年9月启动,整治对象包括综合旅游网站、旅行社网站、旅游在线预订服务网站、旅游景点网站以及网站旅游频道、旅游网站APP等。并向社会公布了对进行虚假宣传、对景区景点、酒店住宿标准等表达模糊;旅游网站提供的预订服务引发纠纷,未按约定退订消费;设立虚假旅游网站发布欺诈信息;发布赌博、色情等违法违规信息内容;未设立用户投诉举报平台或未及时处置用户投诉举报信息;旅游网站默认、纵容用户违规失信行为等七项举报重点。

同时,国家网信办和国家旅游局指导属地网信部门和旅游部门对相关线索进行认真核查处置,对存在信息内容发布制度不健全、不履行服务承诺、涉嫌虚假宣传和侵犯用户隐私等行为,督促有关旅游网站积极整改,截至2017年1月中旬,共收到600余条旅游网站违规失信举报线索。

国家网信办有关负责人表示,春节期间,各地又将迎来旅游出行高峰。提醒游客通过正规旅游网站选择旅游产品,牢记旅游投诉电话,合理维权。对于发现旅游网站涉嫌严重违规失信问题的,公众可通过中国互联网违法和不良信息举报中心举报电话12377、国家智慧旅游公共服务平台举报电话12301以及登陆 www.12377.cn  网站进行举报投诉。

来源:北京商报网
 

现在想学做网站,应该从什么语言开始学习?

建站问答wtyg 回复了帖子 • 2 人关注 • 1 个回复 • 62 次浏览 • 2017-02-04 22:11 • 来自相关话题

把css样式的路径设置为绝对路径,代码怎么写?

建站问答wtyg 回复了帖子 • 2 人关注 • 1 个回复 • 39 次浏览 • 2017-02-04 22:07 • 来自相关话题