精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程

让网站适合各种浏览器(建设网站注意问题)

来源:网页教学译文 时间:07-11-16 点击: 点击这里收藏本文

Fortunately, few people will be browsing at this configuration. My experience visiting clients, friends, and family suggests that, even if monitor resolution is set at over 1000 pixels, the actual width of the browser window will be reduced to something less.

很幸运,没有人在这种情况下浏览网站。通过与客户、朋友以及家人的交谈,我发现:即使显示器分辨率超过1000像素,浏览器窗口的实际宽度也会被缩小。

 You must decide if you will risk an odd looking page for those few who have HUGE monitor resolution or risk the annoying scroll bar for those with the basic 640X480

你是否希望在高分辨率的显示器上呈现出带有空白部分的页面呢?或者你是否希望在640x480分辨率状态下,出现水平滚动条浏览呢?这些问题必须要考虑。

3. Compromise your Font Use.
3.字体的运用

Supposing you select a fixed width table and have a cell that is 300 pixels wide. You write a headline in this cell, pick a font, and size it to look just right. Good for you. Too bad that headline will come up different on different systems.

假设:你选择了固定宽度的表格,有一个单元宽度为300像素。你在这个单元中写了标题,选定了字体,尺寸调整到最佳。你可能完成任务了,但标题会在不同系统中呈现不同状态。

Even on the same computer, there are very slight differences between how Netscape and IE render fonts. Remember the 1 in 8 visitor using a Mac? For technical reason it is beyond the scope of this article to describe, fonts are significantly smaller on a Mac than on Windows. Don't forget that your visitors can also set the default size for font display in their browser, too. If they do that, you are really starting to lose control of how fonts are displayed! 

 即使在同一台电脑中,字体在IE与Netscape两个浏览器下,呈现的状态也有细微的区别。记住:1/8的用户使用Mac。由于技术原因(就不在这篇文章中介绍了),字体在Mac中比在Windows中要小。不要忘记,用户可以在浏览器中设置默认字号,如果是这样,你就不能控制字体的布局

One solution is to use cascading style sheets, but that technique goes beyond the casual designer's typical experiences. The other solution is to compromise. Make sure that it looks good on the predominant platform -- currently Windows -- but don't use the smallest font possible either or your Mac visitors won't be able to read it!

一个解决方案就是利用CSS,但是业余设计者不了解这项技术。另一种解决方案就是做出让步。确保网站在主要的展示平台中呈现精美外观,经常是在Windows中。但是尽量不要使用最小的字体,因为Mac访问者很难浏览这些尺寸很小的文字。

4. Check Your Final on Multiple Platforms
4.在不同浏览器中检验网站

I commit to my web design clients that their site will be look good to ALL visitors. To make sure this is the case, I have an Intel computer as well as my Macintosh. I have the Intel computer configured to boot into Windows 98, Windows 2000, and Linux. I test all the pages I design in these environments. I test in both Netscape and Internet Explorer on the Windows systems and the Mac. I enlist a partner to test with Lotus Notes and AOL.

我向网站设计用户承诺:网站会在所有的浏览器中呈现精美的布局。为了保证这个目标实现,我准备了两台电脑:Intel以及Macintosh。在Intel电脑上我设置了Windows 98、Windows 2000以及Linux。在这些操作系统下,我测试了所有的网页;同时在Windows与Mac系统下的Netscape和IE浏览器中,测试了所有的网页。同时,一位同事帮我测试了Lotus Notes和AOL浏览器中,网页的布局和运行。

 This may seem excessive, but frequently there will be some little thing that shows up in one of the platform/browser configurations that requires some minor correction. Would it be good enough if I did not make the correction? Probably. However, it is always best to make a good first impression and on the web, where you have about 5 to 7 seconds to get visitors to commit to take an actual look, every little thing counts.

 这个过程看起来很没有必要,但是网页经常会在某些浏览器中出现小问题,需要我们进行修改。如果不做修改,是不是也挺好呢?可能。但是,用户对网站的第一印象很重要,用户只需用5到7秒钟就对网站有了大体的印象,所以每一个细节都很重要,必须要注意。

 If you do not have access to multiple platforms, enlist your friends. Stop by a library or a Kinkos and use their computers (often these places may have Macintosh computers as well as Windows computers).

如果你不能利用多个浏览器进行测试,你可以请朋友帮忙。你也可以利用图书馆或者Kinkos的电脑,通常那里既有Mac电脑,也有Windows电脑。

These four simple suggestions are the beginning of a journey toward the much larger goal of making the content of your web site universally available to your visitors. Ultimately, reaching this goal depends upon many factors. However, progress toward this goal must commence with awareness.

 要让大部分用户浏览你的网站,只遵循这四条建议还是不够的。按照这些规则设计网站,只不过是实现目标的开始。完成目标还需考虑很多因素,然而实现目标必须从建立意识开始。

Understanding that your site will appear differently on different browsers and based on different user preference settings is an important first step toward awareness. Using tables and being conscientious with your use of fonts takes you one step further. Checking your work on various systems will begin to hint at how much further you have to go.

 了解不同浏览器下,网站外观会不同;还要了解根据用户设置设计网站,这是确立意识的第一步。使用表格、慎用字体,让你更进一步。在各种系统中检验网站,可以让你了解还需要作哪些工作。

But, every journey must begin somewhere....

 然而,每一个过程都是从某个地方开始的。

9 7 3 1 2 4 8 :

用户评论

广而告之