![]() |
![]() |
Web Design Information |
|
![]() |
![]() |
Designing your Web Site for ALL BrowsersDavid Bell Lets face it. Building a web site that browses consistently on multiple platforms and multiple browsers is not always as easy as we would like. It is safe to say that most designers spend most of their time building their sites on a given platform. Those with the highest standards should, upon completion, take a look at their creation in different browsers and different platforms. Sure, you could see how it looks in Window 98 with Internet Explorer and let that be good enough, but do you really want to risk a bad web experience for millions and millions of potential visitors Consider this.... A recent statistic I saw reported that 12% of internet users were Macintosh users. Ignoring this fact is like creating a catalog that can only be optimally viewed by one in eight of your customers.Furthermore, not all of the Windows users are using Windows 98. Windows 95 continues to be widely used, and Windows 2000 and NT represent a significant percentage of visitors. It would be remiss to ignore the small, but growing contingency of Linux users. Though small in number at this time, the popularity of the OS grows daily. Platform issues aside, Internet Explorer, despite Microsofts inclusion of it with all Windows Installations, does not represent the only browser option. Netscape continues to enjoy a strong following of users numbering in the millions, and Lotus Notes is being used by numerous corporations as the "standard" browser and e-mail application. Then, of course, there is AOL. Although basically an IE engine "under the hood" AOL continues to include certain differences. Considering the vast numbers of AOL users, this browser must not be overlooked. If your site does not look good in AOL, then you are risking turning away a huge percentage of potential visitors. It should be clear that cross platform and multiple browser compatibility is a must. Therefore, understanding a few very basic and simple techniques to help keep your pages looking their best in the most places is also a must. Following, you will find a few tips and ideas to help you do just that. #1 Paint the canvas your visitors will see As a web site designer wanting to be as efficient in my work as possible, I have configured my Mac to use two monitors. As my mouse leaves the screen of one, it appears on the other. Thus, I have a canvas that, on most days, is 1856 pixels wide over 32 horizontal inches. If I want to, I can easily boost that to over 2000 pixels wide. But, my clients and the average visitor on the web do not have two monitors. In fact, most of them have the screen resolution set to 800 X 600 or 1024 X 768. Whats more, every single time I have gone to a client who uses AOL, their browser window opens to what looks to be a 640 pixel wide default no mater how large the monitor or screen resolution. On one of my first projects, I had designed a site to a modest 700 pixel wide format with a nice top navigation area. I went to my clients office to get some "point and discuss" feedback to find her new 21 inch monitor -- set at 640X480 resolution. My designs looked terrible! If you intend your web site to appeal to the broadest range of visitors, you need to design in a way that will look good even at low resolutions. Check with some of your typical visitors and see what kind of resolutions they normally use. #2 Use Tables to Control Width Tables are great things when trying to control the way text and images go together. In order to achieve a nice looking design, using tables is the first technique to consider. Tables can be assigned a fixed width in pixels or a fixed percentage of the window width. There are advantages to both approaches. If you are not concerned about the relative vertical arrangement of objects in a table cell, using the fixed percentage allows for more fluid layouts. If, however, you want to keep text wrapped around an image with more consistency, using the percent approach could lead to major differences. Text will wrap quite differently in a cells of different pixel widths. To have better control, consider using fixed pixel width. However, you must now start making some compromises. If you want to offer a site that looks good at 640X480, you will need to set your table width to 600 -- 620 MAX! You will want to center the table in the window to provide a nice look when wider windows are used. However, if your visitor has monitor resolutions set to 1600X800 and has the browser "maximized" your page will have 500 pixels of blank space on either side of your 600 pixel table. 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. 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 #3 Compromise your Font Use. 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. 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. Dont 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! One solution is to use cascading style sheets, but that technique goes beyond the casual designers typical experiences. The other solution is to compromise. Make sure that it looks good on the predominant platform -- currently Windows -- but dont use the smallest font possible either or your Mac visitors wont be able to read it! #4 Check Your Final on Multiple Platforms 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. 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. 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. 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....
| ![]() | ![]() | ![]() | RELATED ARTICLES Building a Church Website Have you been asked to build a website for your churchBuildingThere are thousands of people building websites everyday.It is becoming increasingly important for many small organizations and groups to build their online presence.This helps in getting their ideals, goals, and mission out to the general public.Therefore at an increasing rate many of us with computer skills are asked by organizations to put together a website.This happened to me about two years ago when the school I worked at asked me to build a website for them to help advertise their special arts programs. Web Site Optimization: How To Speed Up Your Web Site By Minimizing Your GIF and PNG Image "Bit-Depth" Web Site Optimization: How To Speed Up Your Web Site By Minimizing Your GIF and PNG Image "Bit-Depth" E-Commerce Is Back On The Fast Track How much holiday shopping did you do on-line this year If you are reading this, then chances are good that you made at least one purchase on-line. Over 54% of all Americans did it [1]. A much higher percentage >80% of Internet users did it. How Much Does A Website Cost To receive a complementary consultation and free quote for your website project, complete our project survey form located here. Choosing a Hosting Service: A Checklist for Business Owners For a website to appear on the Internet, you require a “server” that is usually provided by a web hosting company. Hosting companies are paid monthly, quarterly or yearly. Some companies come with guarantees, too. Recommendations from other business owners and web designers are excellent ways to find a good hosting service. Be Creative before you Purchase or Create a Website Before you jump into spending coutnless hours on designing and publishing your website, or spending hundreds onhaving it done by anyone else you should plan out your full design or structure. This is very important so that whenit comes time to do this long-lasting project you will be well prepared. Basic Design Principles Part 2 Tone and Texture If Content is King, then surely Relevance is Queen! There has been a lot of to-ing and fro-ing in the search engine world of late and there are lots of conspiracy theories as to why these things happen. Dont Get Fooled by the Web Hosting Wolves in Sheeps Clothing! When looking for a good web hosting provider to look after your website, it is easy to get confused. There are thousands of companies around, and they compete fiercely for your attention. Some are good, some are wolves ... Mobile Accessibility - Your website in the year 2005 Throughout 2004 the number of web enabled portable devices boomed. By “portable devices" I mean PDAs and smart phones. What does this mean for you Well it depends whether or not you care about your visitors’ experience - you build your website for visitors so you really should! All About Google If you read The Search Engine Showdown at www.abalone.ca/resources/searchenginetest.html, you know Google is my favourite search engine. Why Google always offers the most results for any given search they currently have over 8 billion pages indexed, its faster than the Audi Quattro we test drove this morning, and 9 times out of ten, in my experience, all the front page results are relevant to my search. In fact, I usually find what Im looking for within the first few sites listed. I also really respect the fact that two college kids started it kinda like Abalone! and that those two college kids seem not to have forgotten where they came from. If you check out the images at Googles press center http://www.google.com/press/images.html and scroll down to the Everyday Life Inside Google section, youll get a feeling that life at Google is fun. Writing Benefit-Driven Web Copy – 4 Steps to More Sales Youve identified the benefits you offer your customers, but how do you turn a list of benefits into engaging web copy which converts visitors into customers Is Your Web Site Too Hard Take the “Easy Test” to see if your website is as visitor friendly as it should be! Websites often fail to produce the desired results. This can be because visitors find them too hard to understand or navigate. Here are some potential usability problems to avoid. Traditional businesses on the Internet Have you ever thought of putting your business on the Internet, but simply not known where to start or youre not sure whether the Internet is really meant for your business ASP Web Hosting ASP web hosting refers to web hosting companies who provide support for ASP Active Server Page.If you want a dynamic data-driven web site you may wish to embed ASP code into your web site’s HTML Pages.When a user is viewing a web site that is developed using ASP, the pages can change depending on the actions of the user. ASP code allows you to link your web pages to a database, where users can interact with the web page by logging in and using their own personal settings or they can interactively place orders on your web site. Why Optimize Your Site For Search Engines Sometimes a search engine optimization company will miss that glaring question posed by potential clients and assume the benefits of search engine optimization are obvious to everyone. While shelling out a couple thousand on an SEO campaign is common sense to some, others may find it hard to part with the cash unless they know it is an investment in their business that is sure to bring a good return. Affiliate Alternative; Google Adsense The Rise and Fall of Affiliate Programs Search Engine Optimization Tools Well, I bet many of you have been trying to find tools tohelp you in optimizing your website for search engines. So I thought I would throw together an article with a list of really useful tools and of course ill give you a linkto their websites so you can download them to! Beginner Guide to Web Hosting What is web hosting Whenever you visit a website, what you see on your web browser is essentially just a web page that is downloaded from the web server onto your web browser. In general, a web site is made up of many web pages. And a web page is basically composed of texts and graphic images. All these web pages need to be stored on the web servers so that online users can visit your website. Difference between Shared and Dedicated Web Hosting This article will explain the key differences between 2 web hosting services available today: shared and dedicated web hosting. ![]() |
home | site map |
© 2005 |