常见问题
这个网站是干什么的?
这个网站就是以“烂”为目标设计,汇集了所有的网页设计缺陷和问题为一体的网页。
希望你能避开这些问题,不然你的网站也会变成和这个网站一样糟糕。
那么我又做了些什么呢?
除了翻译这个页面之外,我还用Frontpage加了更多的“花样”。
这个页面重新做了排版,并添加适当的粗体和斜体。
版权
网页排版的版权: © 2008-2018 The World's Worst Website Ever / Explorations Media Group. All Rights Reserved.
翻译:Geticer,翻译出来的文本采用WTFPL授权。
以下是原文档内容的翻译。
有史以来最差的网站-错误列表
注意:2012年4月,我们在首页中添加了一些其他未在以下列表中提及的花样。不久我们将推出一个新的TWWWE,供您欣赏。
(现在是2018年,我们还没有启动新网站,所以我想这是另一个错误!但是,我们确实对网站进行了SSL加密。可能不应该这样做,因为这是做网站的正确方法。)
<返回首页
- 页眉图形已像素化并过分优化。
- 页眉图形的透明度过高。
- “ever”中使用的多种字体颜色()
- 动画星星(通常所有动画GIF都不是个好主意)
- 切勿使用“正在建设中”的图形
- 最好永远不要使用“正在建设中”通知,尤其是在主页上
- “<--”和其他基于文本的标记/图形在设计上是不得当的
- 此页面的文件名“ new_page_1.htm”表示文件命名和组织不佳
- “主菜单”这三个字不应该写在网页里; 如果人们不知道“主菜单”是什么,就不应该上网
- 诸如“ kewl”之类的错误拼写(换算到中文就是“火星文”一类)绝对不可在任何专业网站上使用
- 我个人鄙视*smile*(换算到中文就类似“(笑)”)——为了我自己的理智,请尽量避免使用它
- Email(电子邮件)图标也很烦人,尤其是它们是动画的(除非你使用的是真正的图标和其他图标,如打印等)。
- 重复背景(整个网页的背景)是一个坏主意
- 彩色背景(文字的背景)会导致文字的可读性降低
- 带有“斜面和浮雕”效果的图像——如背景图像——会导致看起来不专业
- 在顶部附近的黄色表格中,单元格宽度与表格宽度不同,在右侧产生了空白空间
- 如果处理得当,表格边框可以正常工作。本网站上显示的所有边框都说明了什么是不该做的
- Javascript游标(如果你用IE浏览器的话,就能看到你的鼠标指针附近有一个时钟)仅仅因为这项技术可以做某事,不代表你就应该要这样做。
- 鼠标悬停效果可以很漂亮的添加到网站上,但是当鼠标移动到文本上时,文本不应该调整大小或者加粗或者斜体
- 主菜单中的不一致性非常严重。如果你想要有图标,那么所有的链接都要有图标,或者都去掉图标
- 图标周围的边框太粗。我经常看到这种情况
- 主菜单选项“ GOOGLE MAPS”未完全超链接(我没有翻译这个)
- 链接“ WEATHER”不起作用(我也没有翻译这个)
- 闪烁的“新”或“更新”图标通常被认为是“没有审美”的。尽量避免使用!
- 网站上使用了多种字体,包括一些不安全的字体(译注:我在样式表里引用了“方正喵呜体”,如果你的电脑上有这个字体(希望你购买了正版字体)的话就会显示,服务器里没有直接存储这个字体。希望您不会因为这个而起诉我。不过如果一个人在正式的网站里使用了版权字体的话,则有高概率被告,请务必小心。推荐使用思源黑体。)
- “新增功能”部分中有许多拼写错误的单词
- 同样,用“1”表示“one”,用“u”表示“you”对于专业网站来说是很糟糕的。如果你的客户看到这样的东西,他们不会把你当回事
- 如果很少使用“滚动跑马灯”(也就是marquee),那么将非常有效。但是大多数时候都用错了,所以……
- “关于TWWWE”没有超链接
- 此站点上有Microsoft 艺术字的几个示例。请不要将你的设计师朋友气到脑中风。
- 带有动画效果的分隔条会令人迷惑,更不用说俗气了
- 蓝底红字是坏文明
红底蓝字是坏文明
黑底红字或蓝字是坏文明
- "Fantastic Colours"部分中还有其他几个“坏文明”示例
- 我绝对地,毫不含糊地,憎恨“书法”字体(尤其是接近于草书的),这个字体用在"Fantastic Colours"和页眉图形的"Ever"。人们想要的是可读性强的文字,而不是草书。
- 如果您使用美式英语,请避免使用“Colours”和其他拼写错误的单词
- 底部有一个页面计数器。99%的情况下,在你的页面上放置一个公共计数器是一个坏主意(但是如果你放置的是隐形的计数器,则是一个好主意)
- 链接“令人震惊的图片(Pictures)”转到“令人震惊的照片(Photos)”部分。大多数情况下,链接和页面/部分的标题应该是相同的
- 该网站上的表格宽度各不相同。一致性是关键!
- 有一个表对于屏幕来说太长了,创建了一个水平滚动条。水平滚动条是坏文明!
- 除了大量拼写错误的单词外,还有一些语法错误的例子,包括“这些照片都是恐怖地格式化的”("These photos are SHOCKINGLY formatted HORRIFICLY")
- 左数第一张照片格式错误。它实际上是使用HTML调整大小的大照片。这很糟糕,因为会丢失照片质量,但最重要的是文件的大小很大,需要很长时间才能下载。
- 左数第二张照片的格式也错误。有斜面效果(实际上这是个人喜好问题,不一定是错误的),并且过度优化(质量特别低)。
- 左数第三张照片比较难说明。如果您仔细观察,夕阳的色彩是颗粒状的。这是因为图像被另存为gif而不是jpg。处理色彩绚丽的图片时,请将其存为jpg文件。这是因为gif限制为256种颜色,而jpg几乎不受限制
- 左数第四张照片是当您拍摄小照片并强行放大时发生的情况。不管《犯罪现场调查:迈阿密》(CSI: Miami)怎么做,你都不可能把画面放大的同时让它看起来变清晰
- 第四张照片中使用的“Trifecta(又一个拼写错误)”是一个有趣的地方,至少我觉得很有趣
- 域名www.theworldsworstwebsiteever.com太长(这就是我们也使用www.twwwe.com的原因)
- 我真的认为这四个滚动跑马灯非常好笑,但是再说一次,过度使用跑马灯绝对不是好主意
- 这个网站上到处都是损坏的图片。
- "Could we possibly do any more, said the cat"的文本框是一个三重错误。首先,它没有意义。其次,它与网站的内容无关。第三,它应该是纯HTML文本,但它是一个图片。
- “最近更新”脚本通常是一个坏主意。唯一的例外是,如果您经常(几乎每天)更新您的网站,比如于博客,新闻网站等,加上这个也无伤大雅。
- 用“Sight(视线)”代替“site(网站)”。这种情况经常发生
- 背景音乐(使用IE浏览器就能听到MIDI背景音乐)是我最大的烦恼。在任何情况下都不应该使用它们。除了midi,几乎所有的嵌入式声音都非常烦人
- 嵌入式midi不能永远关闭和循环。如果你必须在你的网站上有声音,请提供一个关闭声音的方式。
- 早在90年代后期,网站管理员将“浏览要求/建议”(“使用internetexplorer浏览效果最佳”)放在网站的页脚被认为是正常的。除了一些基于flash的网站外,我几乎从未在专业网站上见过这种情况(而现在,你根本就不需要考虑这个了,因为IE已经没多少人用了,Edge都比IE强)
- 页面过渡在1996年很酷,但现在不一样了(好在现在的浏览器都不兼容了)
- “What's New”框通常不是一个好主意。它在报纸上看起来不错,但由于某种原因在网络上却行不通
- 另一个让人恼火的地方是,文本和图像会紧贴表格的边框。要解决这个问题,可以添加单元格或内边距
- 我确定此网站上还有其他此处未提及的错误,但到目前为止,仅此而已,以上。
翻译者新增的列表
- 整个网站都不是响应式设计的(未来也完全不打算加入响应式设计),在当今的互联网,响应式设计是必须要有的
- 使用表格布局是一个坏点子,且早已过时
- 整个网站对残障人士(如视障人士等)不友好
- 网站里有很多机器翻译的句子(这个页面里也有,但不影响阅读,主页是影响阅读),是有意为之的。
- 原本特别混乱的源代码,现在更加混乱,甚至还用到了一些“混淆”方法
- 有些文字过分的小,这也是需要极力避免的
- 网页内有多处HTML代码泄露,通常是因为没有仔细校对导致的。
- 网页内出现了几处乱码
- 页面底部的HTML代码泄露,具体是什么原因我也不知道
- 使用IE浏览器访问的话可能会出现乱码,导致用户需要手动调整编码方式
- 原版的背景音乐是只有MIDI格式的,但是我又加装了现代浏览器能识别的mp3格式,这样现代浏览器也能“享受”到背景音乐了。并且我还故意隐藏了控制播放的控件,以实现真正的“背景音乐”效果。
- 应该还有别的问题。
参考阅读
- https://www.mockplus.cn/blog/post/1002
- http://www.woshipm.com/pd/1010.html
- https://www.zhihu.com/question/37284137/answer/155246372 - 总体创意来源
- https://badhtml.com
©2008-2019(随便啦) Explorations Media Group, LLC. 保留所有权利——但我们认为这并不重要。