不可缺少的网页设计技巧

日期:2011年07月30日

网页设计的世界充满了兴奋和经验,创造力和技能。通常,有经验的网页设计师采用了一套坚实的,成熟的技术,其他人可能没有注意到。让我们看看在这些技术的一些,你可以如何落实到自己的网站快速,轻松地。

1。打击互联网垃圾邮件的
蜘蛛通常,骨,瘦高的黑蜘蛛抓取你的网站周围,兴奋地摆动它的小脚丫,收集您的e - mail地址,并存储在它的pinchers附近。然后,当它返回其主时,它会宗教所有收集到的数据添加到一个巨大的巢e - mail地址,然后出售给营销公司为诱饵使用 。

这些黑色小蜘蛛的软件工具,页面的下方表面滑行,在底层的HTML代码,专门为一个标准格式的电子邮件地址(name@domain.com)。这可能是最有效的方法收集e -​​ mail地址,需要挫败。有技术,可以实现网页设计师,以防止这些令人毛骨悚然crawly的小烦恼。

许多,这里有三个可以工作得很好。

  1. 使用HTML符号。要禁止蜘蛛抓取您的e - mail地址,需要作出一些格式修改傻瓜软件 。所有e - mail地址,使用符号(@),和蜘蛛被教导要寻找他们 。HTML符号被直接写入到HTML代码,但解释到他们的实际意义浏览器 。@符号的HTML符号@ 。所以,我们应该如何实现这样呢?

    <a href="mailto:name@domain.com">

    我们所做的一切表示它与HTML符号代替@符号。我们有一个实用的内置自动将您的整个电子邮件地址转换为HTML符号,在这里 。然而,这种方法有时会陷入更复杂的软件。虽然大多数不是很先进,他们确实存在。我们如何突破这一障碍?让我们尝试一些Javascript。

  2. 使用JavaScript,我们将简单地打破分为四个不同的部分,1 e - mail地址:名称,2:@符号,3:域,4:扩展。下面是JavaScript的一个简单的实现来执行这个动作。

    <script type=”text/javascript”>
    name =”you”
    domain =”domain”
    extension =”.net”
    document.write(’<a href=”mailto:’ + name + ‘@’ + domain + extension +’ ” ‘ +’ >e-mail link here ‘);
    </script>

    上面的代码是相当不言自明的。我们定义了三个变量,名称,域名和扩展,并简单地连接到浏览器内的document.write语句那些变量。请注意,我们使用HTML的锚标签内写语句,让您的浏览器会解释正确的电子邮件中的链接。

    有使用这种方法的另一个问题...你看着办吧?浏览器客户端,这意味着虽然蜘蛛可能无法解释您的e - mail地址,浏览器JavaScript功能关闭将不是非此即彼,这意味着您的e - mail地址将不会显示给用户。

    我们如何解决这个问题?我们可以得到拒绝显示任何e - mail地址?是的,我们就可以了,但我们仍然必须为用户提供一种方式与我们联系。该解决方案是一个相当简单的电子邮件的形式。

  3. 第三个可能是唯一保护自己免受垃圾邮件蜘蛛充分证明方法,而这仅仅是拒绝以显示您的e - mail地址。相反,如果你的服务器支持服务器端的处理,如Perl,ASP,冷聚变或PHP,只需设计一个反馈表,并调用一个服务器端的脚本来处理幕后的数据。对不起男孩,蜘蛛不能挖这么深。

    我是一个巨大的PHP的主张,但选择任何一种语言,你的主机支持。请注意,如果你的服务器不支持任何服务器端编程语言,你的运气,在这方面。上述两种方法之间的选择,并坚持下去。

2。以排版测试
,我们的网站没有的内容是什么,大部分内容是简单的文字组成 。许多网页设计师忽视要注意他们的地形,它显示了 。基于文本是正确的地形变化和什么样的目的服务 。虽然也有刻在石头上没有规则,有一个应该遵循的几个一般性的技术。虽然这些技巧看起来可能小学时,我发现其中许多人不遵守 。

  • 标题

    显然,标题应较大,由1或2比你的身体文本,字体大小。您可以考虑大胆,但要认识到字母的宽度。宋体黑色,例如,可能会造成你的口味太脂肪的字母。使用颜色时,可确保色彩的对比以及与您的网站的背景颜色。黑色和深灰色不对比,而黑色和白色(或浅灰色)工作得非常好。有时,甚至一个简单的颜色变化可以创建有用的标题。

    还要确保您的标题级联。一个主标题,例如,将超过子目。这种效果创建的重点和信息流的意义。

    不要斜体您的标题。斜体字是为了强调特定的内容,但由于文本是标题和较大规模无论如何,斜体是多余的,往往使文字难以阅读。

  • 字体

    默认是宋体,工作正常,但许多人认为它是枯燥的。我已经尝试用宋体,格鲁吉亚和Verdana,宋体提供最可读的字体。这是一个个人喜好,但字体应只限于对上述四,以确保您的网站的所有用户之间的兼容性。如果用户的浏览器不支持你的字体选择,他们的浏览器将恢复到其默认。因为浏览器增加了对CSS的支持,或层叠样式表,只要可能,使用CSS来定义字体,而不是HTML的<FONT>标记。此外,一定要保持您的字体大小足够大,为所有年龄和eyesights的用户。

  • 应力样式

    避免使用你的文本内的所有大写字母,因为它使得难以阅读,意味着你在喊读者。

    要强调你的正文文本内的话,决定它的格式和坚持。有些人选择 大胆,而其他选择斜体下划线。我个人最喜欢的是楷体字,但其中任何一个可以很好地工作。然而,要小心使用下划线时,因为它可以被误认为是链接 。此外,不要滥用这些压力样式。

    整个身体的文本不应该大胆。大胆,喜欢斜体用于强调的话,并定期样式的文本通常是复制整个身体应为自己说话。我喜欢使用CSS来的空间我的身体出了一点文字,以增加可读性。

3。元标记使您的网站搜索引擎友好的
元标记是什么搜索引擎的使用,以显示您的网站,当用户在搜索引擎中的关键字搜索。通常情况下,网页设计师,包括至少3元标记,标题,描述和关键字。

关于元标记的一个伟大的事情是,他们很容易实现,直接<head>和</ head>标记内,。让我们看看在上述的三个元标记是什么样子。

<META NAME="Title" CONTENT="Title here"> 
<META NAME="Description" CONTENT="Description here"> 
<META NAME="Keywords" CONTENT="Keywords here">

您可以复制并粘贴上述三行代码,并放置在HTML源代码;只需输入您的网站的标题,描述你的网站(或摘要),和关键词,通常由逗号分隔。然后,只需提交您的网站到许多搜索引擎,你可以让你的手,和观看您的网站的点击率提高。

我已经创建了一个小实用程序自动生成的元标记的代码,包括上述三种,甚至更多 的点击这里 。

4。始终提供一个接触的
方法,总是,总是提供一些沟通的方法为您的用户。许多Web开发人员将包括在其网站上的电子邮件中的链接和反馈形式 。这样做可以告诉你,你关心什么,他们认为您的网站的用户,还建议您鼓励他们电子邮件份额 。

当然,然后,检查你的E - mail经常。没有什么更令人沮丧的,然后有一个星期或更长时间等待有人回应您的E - mail。检查您的E - mail来讲,通常需要2分钟... ...你可以尽可能做到这一点,并保持您的网站访问者高兴。

5。设计在头脑里的小
家伙在这个时代,我们思考的是花里胡哨,特别是当它华而不实的新网页设计。不仅是这些新技术经常被误用,它极大地降低您的网站的速度降下来,尤其是大型动画GIF和复杂的Flash程序 。

虽然有比以往任何时候更多的宽带用户,从来没有设计专门为他们。还有28.8用户那里,并设计您的网站,以便等待时间超过10秒,将这些用户发送到竞争对手的网站。

网页设计师需要保持他们的网站简单。太多太多,特别是较新的网页设计师,有迷恋金后他们的眼睛,当他们尚未掌握的银。你需要他们的地方,只使用图形。切勿使用。gif动画,除非绝对,不可避免地必要的,这是罕见的。此外,不要在您的网页上使用大型,复杂的背景,因为他们阻碍了文本的可读性,增加加载时间。

考虑到最终用户的设计。假设用户是通过一个15“显示器28.8调制解调器连接在800 × 600分辨率使用Netscape。相信我,这些用户一定会喜欢你(和支持)它。

总结起来
,我们已经看了5个秘诀每一个设计师需要做的工作,他们的爱情时,要牢记。尽管沟通是必不可少的的,可以采取措施,以减少垃圾邮件的数量在你的小棕色邮箱

设计师还必须确保他们的地形是易于阅读和逻辑设计。此外,搜索引擎友好的网站往往是流行的网站,这些小家伙的设计大大提高所有潜在用户的兼容性。

Tags:企业网站
上一篇文章:网站托管 - 电子商务选项
下一篇文章:将flash应用到您的网站