
WEB标准设计及SEO
文章平均质量分 79
wwwsky
这个作者很懒,什么都没留下…
展开
-
患有色盲的用户是否能阅读您站点上的信息?
Robert Hess 2000年10月9日发布 2000年11月13日存档 我在前几篇文章中讨论了有关颜色的问题,一些读者还希望我能够谈谈如何在 Web 站点上选用颜色以使色盲患者能够正确查看。根据这些要求,我针对该主题进行了研究,希望我所提供的这些信息不但能够帮助您更好地认识到这一问题,而且还能有助于建立可读性更强的 Web 站点。首先,我们要弄清色盲的确切含义。“色盲”并不表示色转载 2005-01-17 21:55:00 · 1187 阅读 · 0 评论 -
配色方案
Robert Hess 2000年9月 在我的前几篇文章中,我讨论了在网页中注意使用颜色的重要性。根据我所得到的一些问题和请求来看,你们有些人希望了解如何使用这一信息在站点设计过程中实施配色方案。所以这个月我将对配色方案作一些介绍,并说明如何将某些内容组织起来,以有助于您的网页最大限度地利用当前存在的丰富的颜色。为了便于进行这次讨论,首先我们必须提供一个可视模板,用以比较不同的配色方案转载 2005-01-17 21:59:00 · 1100 阅读 · 0 评论 -
Meta标签详解
引言 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有转载 2005-01-20 04:59:00 · 895 阅读 · 0 评论 -
CSS为进入黄金时期做好准备了吗
ESPN最近宣布,它特别地使用了基于开放标准的层叠样式表(CSS)重新设计了Web站点。对标准化社区来说,这是非常鼓舞人心的。该站点的重新设计将重心放在利用CSS取代HTML表格上。自从Internet的起步阶段,表格就已经成为Web开发的主流,但其重心最终会转移到基于CSS的开发上。CSS的演化当前有两个CSS的版本。CSS第一版(CSS1)允许开发人员指定Web页面里的样式,例如尺寸、转载 2005-01-24 04:03:00 · 1601 阅读 · 0 评论 -
入门- 创建一个纯CSS的水平导航条
按照传统的方法,导航条由放在一行表格单元里的图形图像构成。由于人们不再推荐用表格来定位任何非表格的页面内容,所以很多制作Web的人正在寻找(新的)方法,用结构化的XHTML标记和CSS格式来创建导航条。 一个简单的CSS导航条 创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里,就像例A里的一样。这种方法看起来很合理也很直观。但问题是,把所有的链接都放在一行文本里就很难控转载 2005-01-24 03:08:00 · 885 阅读 · 0 评论 -
入门- 把XHTML/CSS页面转换成为打印机页面
作者: Builder.comTuesday, March 23 2004 3:03 PM 在以前,为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面,这样才能够在打印的时候获得令人满意的效果。现在,通过使用结构化的XHTML和CSS,你可以实现同样的效果而只用花费少得多的精力。从屏幕显示到打印效果大多数的Web页面都是设计适用于在转载 2005-01-24 03:14:00 · 1216 阅读 · 0 评论 -
RSS 2.0 内容提要
级别:入门James Lewin (jim@lewingroup.com)总裁, The Lewin Group2004 年 1 月自从 developerWorks 上一次考察 RSS 以来,RSS 世界已经发生了很大变化:出现了两种新的规范,RSS 已成为最流行的 XML 标准之一,涌现出了大量的工具和提要(feed)。RSS 为 weblog 的迅速崛起做出了贡献,并转载 2005-01-24 03:50:00 · 994 阅读 · 0 评论 -
不要图形繁多的页面创建灵活的CSS2边框效果
回到Internet开始蓬勃发展的初期,我编写了一些相当糟糕的代码,好让页面的外观和行为就像我希望的一样。我花了很多时间准备了无数的图形文件,用它们来创建鼠标激活链接(mouseover)效果和菜单条,结果却发现在28.8Kb的调制解调器上需要花太长的时间来载入。我一直在期待会有一天,带宽能够像流水一样快,这样我的页面就能够被快速地加载。讽刺的是,现在宽带更加普及了,但是图形繁多的代码已经不流行了转载 2005-01-24 04:02:00 · 1107 阅读 · 0 评论 -
CSS在IE和Nascape的显示差别
Web建造者要对付的最棘手情况之一是:相同的CSS代码被不同的浏览器解释后会生成不同的效果。在以前,各种不同的浏览器生成极其不同的页面是随处可见的,而现在我们可以用所谓的符合标准的浏览器获得更好的效果。然而,显示效果的差别还是无法避免。当前处于领导地位的一些浏览器在处理浮动效果上就存在着这样的差别。如果有人想创建一个能够随着浏览器窗口的大小变化而动态更改大小多栏的布局,那么这将是一个特别麻烦的转载 2005-01-24 04:05:00 · 847 阅读 · 0 评论 -
Google的页面等级(PR值)
无论是对普通网络冲浪者还是网站管理员来说,Google都是目前世界范围内最受欢迎的搜索引擎。它每天处理的搜索请求高达1.5亿次,几乎占全球所有搜索量的1/3。网络冲浪者对Google情有独钟,是由于Google所提供的快速搜索速度及高命中率搜索结果。这些都是基于Google的复杂文本匹配运算法则及其搜索程序所使用的Pagerank系统(网页级别技术)。Google之所以受网站管理员和Inter转载 2005-02-01 05:43:00 · 1180 阅读 · 0 评论 -
通过使用You Are Here 按钮来定位访问者的浏览位置
为了有效的浏览你的网站,网页的浏览者们需要随时了解它们所在网站的方位。这就是使用视觉上的反馈来提供当前页面在网站上位置的重要性。对于那些使用主页进入你的网页的浏览者而言,如果他们通过使用你的导航条来一步步访问页面,那么给他们提供反馈信息就给他们提供了很大的便利,是他们确保自己到达的页面是自己的目的地。然而,有的访问者会使用他们的浏览记录(还有浏览器上的“后退”按键)来跟踪他们所访问的页面。转载 2005-01-24 04:07:00 · 1500 阅读 · 0 评论 -
用CSS floats创建三栏页布局
三栏布局是目前最常见的网页布局,主要页内容放在中间一栏,边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏,三栏占据整个页面的宽度,最后在页的底端放置页脚,页脚也占据整个页面宽度。绝大多数网页设计者都熟悉传统的网页设计技术,用这些技术可以生成带有表格、创建固定宽度布局或者“液态”(它可以根据用户浏览器窗口宽度自动伸缩)布局的网页。现在,我们都开始抛弃基于表格的布局技术,许多网转载 2005-01-24 03:59:00 · 752 阅读 · 0 评论 -
Web 的未来:XHTML 2.0
多年以来,HTML 只是在不断变大,却从未变小,因为新版本必须维护向后兼容性。这一情况将得以改变。XHTML 2.0 的第一个工作草案于 2002 年 8 月 5 日发布,一大新闻就是取消了向后兼容性;该语言终于得以继续发展。那么,作为一名开发人员您将得到什么回报呢?健壮的表单和事件表现如何呢?它们是研究不需要大量 JavaScript 的框架以及甚至层次结构菜单的更佳方法。 本文概述了 XHTM转载 2005-01-20 04:23:00 · 1286 阅读 · 0 评论 -
网站整体设计技巧
在这个Internet时代,WWW网站到处都是。如今编写HomePage也没原来那么麻烦,只要会打字,几乎人人都会,但做得好不好,就要看个人功力与用心。网站的目的是为别人提供所需的信息,这样人家才会愿意光临,网站才有其真实意义,但有太多网站显然忘了这个目的,复杂的创意技巧跃居主角,而一些体贴用户的设计却不得而见。我们今天的专题,就讲进大家在做网站时应该具备一个怎样的整体设计思路。一、网站前期及底层转载 2005-01-20 04:39:00 · 1902 阅读 · 0 评论 -
君子报仇 十年不晚—Firefox的今生和来世
编者按:与IE相比,Firefox具有更好的安全特性、更标准的网页解释规范(尤其是在CSS和PNG的支持上,IE一直让人失望)等优势,不过在目前IE大行其道的情况下,Firefox反而对某些网页的解释不够让人满意,网页设计师为了迎合IE对代码的解释,不得不做特殊处理,这也造成了我们使用Firefox的不便。对于普通用户来讲,不管是否使用Firefox,Firefox的存在对我们都是有利的,有竞争才转载 2005-01-20 04:15:00 · 1004 阅读 · 0 评论 -
表格对决CSS--一场生死之战
原文作者:Sergio Villarreal 中文作者:阿捷 2004-7-19 21:00:54作者简介:墨西哥网页设计师,1993年接触网络,个人主页为Overcaffeinated.net 原文出处:sitepoint.com 原文发表时间:2004年5月27日 前言我第一次在internet上冲浪用的还是哑终端。不久以后,明尼苏达州的一种单色的显示器居然可以通过服务转载 2005-01-24 02:46:00 · 761 阅读 · 0 评论 -
入门- 无延迟翻滚的图形/CSS混合风格的按钮
在一个具有图形背景的按钮中添加CSS风格的文本,这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率,从而有效地提高按钮外表图像的三维效果。相比于常规的图形按钮,这些图形/CSS混合按钮可易于建立和载入,因为你只需要为空白按钮外面建立和载入一个图像,而不是为每一个按钮建立各自的图像。同一个图像可以使用在网页所有按钮的背景。按钮的文本标签都是简单的CSS风格转载 2005-01-24 03:58:00 · 1102 阅读 · 0 评论 -
色环
Robert Hess 2000年8月14日发布 上个月,本人提供了一些关于在 Web 站点上使用颜色和图像的介绍性信息。这个专栏讨论了一些基本技术方面的问题,如页面编码、.jpg 格式与 .gif 格式之间的不同以及其它一些对“程序员”来说可能已经很熟练的主题。但这些主题对于一位图形艺术家来说,则可能感到某些不习惯,因为图形艺术家总是习惯于全面地控制作品的色彩和构图。在这次的文章中,我打算稍转载 2005-01-26 04:11:00 · 56753 阅读 · 0 评论 -
入门- 对CSS类及id的规范化命名
作者: Builder.com 2005-01-12 09:59 AM Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说,在命名重新定义XHTML标记(tags)的CSS selectors时,必须保证其与预定义的标记准确匹配,但就类以及id选择器名称而言,则仁者见仁,智者见智。然而随心所欲的为这些类以及id命名则并不是个好的转载 2005-01-24 03:25:00 · 1021 阅读 · 0 评论 -
入门--使用纯 CSS 设计3D按钮
作者: Builder.com 2005-01-12 09:52 AM CSS 按钮的效率远比基本图像的按钮的效率高得多,因为它们全部都是基于文本的。所有要用 XHTML 标记只是一个无序列表——CSS 样式负责其余部分。而且,你不需要任何 JavaScript 来交换图像以实现翻卷效果,因为 CSS 伪类(pseudoclass)能够让你为链接的每个状态(链接、已访问、悬停、激活)建立独立的转载 2005-01-24 03:29:00 · 1524 阅读 · 0 评论 -
给盲人以眼睛
作者: Builder.com 2005-01-04 10:42 AM 评论——可访问性不仅仅是硬件的职责。软件,比如Internet页面的设计,在设计上也应该将存在视觉障碍的人的体验最大化。我知道自己以前谈过可访问性的问题,但是我只是把重点放在硬件可访问性的主题上,例如“复印机的按键和显示器是否经过调整,以便坐在轮椅上的操作人员可以很容易就进行查看和操作?”然而,关于转载 2005-01-24 03:35:00 · 1151 阅读 · 0 评论 -
google排名内部优化攻略
1.域名和文件名:选择一个包含你主要关键词的域名和文件名.你的域名应该方便拼写和记忆.你的关键词在许多情况下,就该是你的文件名.如果你的关键词是google排名,最好你的域名中带有google,最好的方法是google.com大于xxgoogle.com大于google.xxx.com大于xxx.com/google,同时,文件名最好是google.htm,比如个人兴趣所致,随意而做的一个网页,g转载 2005-02-01 05:42:00 · 835 阅读 · 0 评论