`
dengjianqiang200
  • 浏览: 128151 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

这样的404页面,你用过吗

阅读更多

这样的404页面,你用过吗?

今天打算和大家一起讨论一下404页面,这个问题是大家开发中经常会遇到的。404页面就是当用户输入了错误的链接时,返回的页面。404页面的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。

1. Gog.com

2. Css-tricks.com

 

 

这种体验效果是不是会提升你的网站的体验度呢?

还有更多的404页面设计等您欣赏,原文地址:这样的404页面,你用过吗?

  • 大小: 6.1 KB
分享到:
评论
42 楼 soaryang 2011-04-28  
代码共享快
41 楼 meko 2011-04-07  
看着不错,这样的界面。。。。
40 楼 mib168 2011-03-21  
第二张原来用过  呵呵
39 楼 Enjoy_show 2011-03-16  
<div class="quote_title">dukai1008 写道</div>
<div class="quote_div">
<p>这个估计是最搞人的了,哈哈,看了你一定会笑,有中国特色啊!!!</p>
<p> <img src="http://dl.iteye.com/upload/attachment/306542/bf13ee5e-001f-3ebd-872d-1355eb5f6e50.gif" alt=""></p>
</div>
<p><br>这个不错</p>
38 楼 大窝头 2011-03-16  
CSDN现在的“404 你懂的”也不错。


37 楼 elive777 2010-09-17  
很犀利的创意!
36 楼 dukai1008 2010-09-16  
dengjianqiang200 写道
dukai1008 写道
这个估计是最搞人的了,哈哈,看了你一定会笑,有中国特色啊!!! <br>

 <img src="http://dl.iteye.com/upload/attachment/306542/bf13ee5e-001f-3ebd-872d-1355eb5f6e50.gif" alt="">


太有才了,哪弄的,绝对经典!


无意中在一个网友的博客上看到的,挺好用的
35 楼 dengjianqiang200 2010-09-16  
dukai1008 写道
这个估计是最搞人的了,哈哈,看了你一定会笑,有中国特色啊!!! <br>

 <img src="http://dl.iteye.com/upload/attachment/306542/bf13ee5e-001f-3ebd-872d-1355eb5f6e50.gif" alt="">


太有才了,哪弄的,绝对经典!
34 楼 ol_beta 2010-09-10  
又一个不错的创意!
33 楼 dukai1008 2010-09-10  
<p>这个估计是最搞人的了,哈哈,看了你一定会笑,有中国特色啊!!! <br></p>
<p> <img src="http://dl.iteye.com/upload/attachment/306542/bf13ee5e-001f-3ebd-872d-1355eb5f6e50.gif" alt=""></p>
32 楼 imacback 2010-09-09  
我想问的是怎么配置的?
31 楼 dengjianqiang200 2010-09-08  
BloodSmith 写道
linkobe 写道
我这个如何




配图很亮



不错。
30 楼 dengjianqiang200 2010-09-08  
weiaijun 写道
http://app.weiaijun.cn/dict/111

我就随便丢了一个QQ表情上去……


感觉还不错。
29 楼 jeamking 2010-09-07  
我们项目也用过。
28 楼 qp3db 2010-09-03  
http://reaft.com/error
我的错误页美化过了。
27 楼 lz12366 2010-09-02  
404页面好看给用户的体验也是很好的
26 楼 xiaoLee 2010-09-02  
很有创意,支持下
25 楼 shunai 2010-09-01  
挺好 未来的页面就要这样 而且那个alert最好也不要
24 楼 lijingfuture 2010-09-01  
有创意,增加体验感。
23 楼 yuantong 2010-08-31  
非常有创意

相关推荐

    超酷404页面模板,404报错模板

    4. **性能优化**:404页面的加载速度同样重要,避免使用过多的图片或脚本导致加载时间过长。 在实际应用中,404页面的创建可以通过HTML、CSS和JavaScript实现,也可以利用CMS(内容管理系统)如WordPress、Joomla等...

    漂亮的倒计时跳转404页面

    在这个场景下,我们讨论的是如何创建这样一个功能丰富的404页面。 首先,404页面的设计应该吸引人且具有品牌一致性。它应该包含网站的logo、色彩方案和整体风格,让用户即使在错误的页面上也能感受到网站的专业和...

    消失在宇宙星空中的404页面.zip

    在这个“消失在宇宙星空中的404页面”中,开发者使用JavaScript来实现动态的星空动画。JavaScript是一种强大的客户端脚本语言,广泛应用于Web开发,可以用于创建交互式和动态网页内容。在这里,它可能被用来生成星星...

    404页面蓝天空

    在设计404页面时,很多网站会选择用创意的方式来呈现,比如使用蓝天白云的背景,为用户提供一种舒适和友好的视觉体验,减轻用户因为找不到目标页面而产生的困扰感。 "404页面蓝天空"是一个独特的设计主题,它利用...

    漂亮的404页面

    9. **加载速度**:尽管是错误页面,但加载速度同样重要,避免使用过于复杂的元素导致加载时间过长。 10. **监测与分析**:通过工具追踪404页面的访问情况,了解哪些链接出错频繁,以便及时修复。 以上就是创建一个...

    百度404错误页面模板.zip

    JS特效是增强网页互动性和吸引力的一种方法,通过它们,404页面可以变得更加有趣,吸引用户停留并尝试找到正确的页面。 例如,模板可能包含以下JS特效: 1. 动画效果:动态的错误提示信息,如“啊哦,你所访问的...

    404错误页面模板————仿window登陆页面

    - **加载速度**:优化图片和其他资源,防止404页面加载过慢,影响用户体验。 - **SEO优化**:虽然404页面不是主要内容,但适当的SEO元素(如元标签)可以帮助搜索引擎理解这个页面的作用。 通过精心设计的404错误...

    漂亮的404错误页面(16个)

    2. **品牌一致性**:404页面应当保持与网站整体风格的一致性,包括颜色、字体和图像等,这样可以增强用户对品牌的认知。 3. **导航链接**:提供网站主要页面的链接,如首页、联系我们或搜索框,帮助用户轻松返回或...

    404页面模版

    8. **友好的URL建议**:404页面还可以包含最近访问过的页面链接,或者推荐的热门页面,引导用户重新定位到他们可能感兴趣的页面。 9. **社交媒体链接**:在404页面上加入社交媒体图标,可以让用户在遇到问题时仍能...

    404错误页面

    在设计404页面时,开发者需要注意保持页面加载速度,因为过大的图片或过多的脚本可能会影响用户体验。同时,确保页面是响应式的,能够适应不同设备的屏幕尺寸,以保证在手机和平板等移动设备上的显示效果。 总之,...

    WordPress的404 errors重定向插件

    当博客进行改版或域名迁移时,相关的链接结构发生改变,你是否遇到过404错误,如果你还为这个而烦恼的话,那么,今天介绍的这款插件,可以帮你解决死链问题,进而保护你的访客和PR。 Redirection是一个管理301...

    404页面需用的svg文件

    然后在404页面组件中,我们可以这样使用这些SVG图标: ```html &lt;h1&gt;404 - 页面未找到 &lt;!-- 其他SVG图标组件类似 --&gt; ``` 通过这种方式,Vue.js使得SVG图标在404页面的动态渲染和交互设计中变得更加灵活...

    定制 404 页面的一些心得

    404页面的设计还应体现出真诚和冷静的风格,即便遇到错误,也要保持专业的态度,避免使用负面或者挫败的语句。友好的用户界面设计,比如适当的字体大小、颜色对比以及清晰的导航按钮等,都能够让用户感到更加舒适,...

    404代码设计以及模版

    5. **搜索引擎优化(SEO)**:404页面应该包含站点地图或者搜索框,这样搜索引擎爬虫也能更好地理解网站结构,并帮助用户找到他们可能错过的正确页面。 6. **错误监测**:通过设置404错误日志,网站管理员可以追踪...

    超漂亮且友好的404错误页源码近千站长收藏

    - 提供用户体验:友好且设计精美的404页面可以降低用户的挫败感,使他们更愿意在网站上继续浏览。 - 网站导航:404页面通常包含返回首页、搜索框或站点地图等链接,帮助用户轻松找到他们可能感兴趣的内容。 - SEO...

    APACHE 自定义404错误页面设置方法

    **方法一:使用`.htaccess`文件设置自定义404页面** 在Apache服务器上,可以通过编辑`.htaccess`文件来实现自定义404错误页面。首先,需要确保Apache服务器允许在特定目录下使用`.htaccess`文件。在`httpd.conf`中...

    粉红色404错误页面模板

    4. 错误页面的个性化:使用粉红色主题可以使404页面与网站的整体设计保持一致,同时增加品牌的辨识度。 5. 用户反馈选项:提供一个联系表单或邮件地址,让用户能报告他们遇到的问题,这样可以帮助网站管理员发现并...

    404错误网页

    6. **自定义设计**:用与网站主题相匹配的图形和风格来设计404页面,增加趣味性和品牌一致性。 在"moban1714"这个压缩包中,可能包含了多种404错误页面的模板设计,供学生参考和学习。这些模板可能包括HTML代码结构...

    ASP.NET MVC自定义错误页面真的简单吗?

    它允许开发者为应用程序中不同的错误状态码指定自定义的错误页面,如404页面未找到和500页面服务器内部错误。这样做可以让用户看到更加友好和专业的错误提示,而不是默认的、通常对用户来说不那么直观的系统错误页面...

    静态页面的图片爬取器(爬虫)批量下载图片

    本项目“静态页面的图片爬取器(爬虫)批量下载图片”是用Python3编写的,旨在帮助用户高效、便捷地下载网页上的图片资源。Python因其丰富的库支持,如BeautifulSoup和Scrapy,成为编写网络爬虫的理想选择。 首先,...

Global site tag (gtag.js) - Google Analytics