Search
Related Links

 

 

Informative Articles

Building An Effective Furniture Sales Web Site
Web sites that feature products – especially furniture or other large items – require a careful balance of text and images to convey the value of each product. Let’s face it. Consumers like to see, feel, and “experience” a product before they make...

Creating Your Own Website For Free
The Internet gives us a two-way portal to the world. Unfortunately, most of us only use the Internet in one direction (i.e. receiving information). Many people never take advantage of the full potential the Internet gives - some don't even know what...

New Support For Website and Graphic Design Firms
Professional web and graphic designers work very hard for their fee, there's no doubt about it. With these professionals working hard to provide great client service, meet strict deadlines, be creative on demand, and multi task between several...

Web Site Start-up and Promotion Guide For Professionals
The biggest problem I've always had promoting my web site is keeping myself focused. After all, what should I be doing? Publishing my own e-zine, placing classified ads, looking for link exchange partners, writing articles... My head is beginning to...

What's really going on with your web site?
With any good business plan, the defining of a primary goal and primary audience goes hand in hand with deciding what product or service you will market. However, with the flood of entrepreneurs to the Internet, I have watched an interesting reverse...

 
Designing your Web Site for ALL Browsers


Let's 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 Microsoft's 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. What's 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. 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!

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!

#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....

David Bell


http://www.wspromotion.com/


Advertising research and development center


 

Web Development
This web summarizes the complete life cycle methodology for web development: planning, analysis, design, implementation, promotion, and innovation.
www.december.com
 
Web Development
Professional Web site design, graphic design, and Internet development services.
webdevelopment.com
 
Web Developer's Virtual Library: Web Development Tutorials and ...
News, tutorials, and reference material focusing on technical web development topics.
www.wdvl.com
 
Open Source Web Development Tutorials - Dev Shed
Open Source web development tutorials, forums, and tools. Topics covered include PHP, Apache, mySQL, Zope, Roxen, Jserv, Zend, XML, DHTML, and Javascript.
www.devshed.com
 
WebDeveloper.com
Hello all, I am new to web development. I have an understanding of website development, but no scripting experience. I have heard of JavaScript, PHP, ...
www.webdeveloper.com
 
LevelTen Web Design | Professional Website, Flash & Graphic ...
Offers logos, web sites, multimedia presentations, and custom media. Quote form. Based in Dallas, Texas. [Requires Flash]
www.leveltendesign.com
 
Web development - Wikipedia, the free encyclopedia
For larger businesses and organizations, Web development teams can consist of ... Since the mid-1990's, Web development has been one of the fastest growing ...
en.wikipedia.org
 
Web Design - HTML XML - Web Development - Web Site Design
Web Design and HTML are all about creating a great Web site. Use Web development and Web site design to build Web sites that customers return to over and ...
webdesign.about.com
 
Agile Web Development with Rails—Second Edition
Dave Thomas, Mike Clark, David Heinemeier Hansson, Leon Breedt, Thomas Fuchs, Andrea Schwarz; Pragmatic Bookshelf, 2006, ISBN 0977616630.
www.pragmaticprogrammer.com
 
CYGAD's WebDevelopment - Welcome to CYGAD’s WebDevelopment! - The ...
CYGAD's WebDevelopment - The finest Resources for WEB-Design, WEB-Master and WEB-Developer!
www.webdev.cygad.net
 
Web Development Bookmarklets
Includes tools for viewing and testing CSS styles, viewing scripts and variables, and showing the structure of a document.
www.squarefree.com
 
SGI - Freeware - Web Development
Links to freeware web development tools, browsers, software, etc.
www.sgi.com
 
Webmonkey: The Web Developer's Resource
Resources for web site developers including how-to guides, code libararies, server technologies and authoring resources.
www.webmonkey.com
 
Web Development Tools - Web Developer's Journal
Tips on Web page design and development, HTML, graphics, scripting, favicon, development tools, Java, sql basics, building web sites, and much more for ...
www.webdevelopersjournal.com
 
Web Developer's Handbook | CSS, Web Development, Color Tools, SEO ...
Web Developer's Handbook is a list of essential web-sites, which make the life of web developers easier. Compiled and updated by Vitaly Friedman.
www.alvit.de
 
Ceonex Web Development & Web Design - Full Service Digital ...
Web design, web development, online branding, application development and other full service business solutions focused on prospect conversion and customer ...
www.ceonex.com
 
Cayenne Web Development - web design agency, Oxfordshire, UK
Specialist web design agency based nr Banbury, Oxfordshire, offering a complete website design and development service.
www.cayenne.co.uk
 
Web development mistakes | 456 Berea Street
When I visit a website, especially if it’s the site of a competitor or a prospective client, I like viewing…
www.456bereastreet.com
 
Web development mistakes | 456 Berea Street
Articles and news on web standards, accessibility, usability, and other things related to web development and web design.
www.456bereastreet.com
 
Anil Dash: Web Development Trends for 2006
Here, then, is a random assortment of new web development trends to be ready ... Web Development trends 2006: Überblogger Anil Dash maakte (een paar weken ...
www.dashes.com
 
 

 

Content Menu
  • 10 helpful tips to follow when switching web hosts

  • 10 shocking secrets nobody will ever tell you about having a successful business web site

  • 10 things you should be monitoring on your website

  • 10 tips for better web site usability and profits

  • 12 essential web site design tips

  • 12 tips for creating an artist website that sells

  • 13 ways to destroy your website

  • 15 website elements that attract visitors

  • about web applications

  • adding flash 4 to your website

  • add graphics to your website without losing your mind

  • aesthetics and web marketing

  • are web graphics stealing your money

  • asp web hosting

  • attract buyers to your web sitewith power words

  • a custom icon for your web site

  • a webmasters toolkit and tricks

  • a website design checklist

  • a web site to have or have not

  • bad web design activex

  • basics of web design principles

  • beginner guide to web hosting

  • beyond web usability web credibility

  • bring to life your ideal web pages

  • building an effective furniture sales web site

  • building a successful web site what not to do

  • building the website of your dreams not your nightmares

  • building websites using web templates

  • building web sites using web templates

  • building your own web site here are two critical points to consider

  • business benefits of the web standards

  • business web site content strategy

  • buyer beware web hosting registration and site building

  • buyer beware web hosting registration and site building all in one package nightmares

  • can they use your website in a tv broadcast about scams

  • can your web site win the tour de france

  • cheap website design dangers of cheap web design for your business

  • cheap web design

  • checklist for a successful web site design

  • choosing the right website designer

  • choosing the right web site designer

  • choosing your web design

  • cookies how to improve your website and learn from your visitors

  • create and deploy a website from start to finish

  • creating your first web site part 2

  • creating your own website for free

  • creative offline website marketing techniques

  • custom web site design strategies

  • designing a successful web site

  • designing professional web pages

  • designing your web site for all browsers

  • determine your popularity on the web

  • developing and optimizing your website let flash help you

  • developing an effective physical therapy web site

  • developing your website 10 tips for getting started

  • developing your winning web site strategy

  • dirty web promotion tricks 1 legitimate and malicious javascripts

  • do not drop your web site off the search engine cliff

  • do you really need a website

  • do you really need a web site

  • easy steps to website development and promotion

  • ecommerce web design solutions

  • effective web design

  • eliciting constructive website feedback

  • empower web clients increase your profits

  • find a hidden fortune in your website stats

  • first rate tools for your web authoring

  • five core elements to a successful website

  • five pieces of information you must include on your website to generate sales

  • flash deadly sins that can kill your web business

  • focus your web site or get out of business

  • forums should you have them on your website

  • four easy steps to establishing a website

  • free website templates top 10 things you need to know

  • getting professional website a cheap and easy way

  • getting your own web site quickly and cheaply

  • get it all with good web content

  • get your web site noticed

  • good web design the importance of navigation

  • good web design what is it

  • graphics for the web gif format

  • graphics for the web plug ins

  • hiring a custom website designer

  • how a custom designed website can help your business

  • how do we know when its time to redesign our web site

  • how much does a website cost

  • how not to be ripped off by your website designer

  • how to build a website

  • how to build your own website more steps

  • how to choose a website designer

  • how to choose a website design company

  • how to choose a web site designer

  • how to create a professional website in less than a week

  • how to create a website in less than a week

  • how to design and setup a website

  • how to find good web hosting

  • how to get more hits on your website

  • how to hire the right web design firm

  • how to keep your visitors 10 times longer on your web site

  • how to make your website a big hit

  • how to prepare images for your web site part 1

  • how to prepare your project before you order website design

  • how to save money on a website

  • how to set up a professional website on your own using web templates

  • how to set up your own website

  • how to shop for a web design firm

  • how web design can affect search engine rankings

  • html tips easy ways to make your website sizzle

  • if its done its done for make your website part of your business before you build

  • if you build it they will come not without web marketing

  • increase sales with easy to read web pages

  • increase the efficiency of your web design business

  • independent consultants take over web design

  • index

  • initial factors of web page construction

  • interactive content blogs forums and feedback what does your web site need

  • in search of webhosting first understand the industry

  • is there benefit to green in web design

  • is your site too slow why image optimization is critical when you create a web site

  • is your website legal

  • is your web site ready for its visitors

  • is your web site unfriendly parts 5 6 of 9

  • is your web site unfriendly part 2 of 9

  • learn from the masters of web design

  • make your artists website sell

  • make your website scream with excitement with java

  • make your web site super sticky

  • making better web graphics that grab your attention and load fast

  • making the business case for web standards

  • manchester united top of the web accessibility league

  • maximising web site viewability browsers

  • maximising web site viewability resolution

  • microsoft and webmasters

  • mini site or content based web site

  • mobile accessibility your website in the year 2005

  • my mother never had a website

  • my top ten list of extremely annoying web page design elements

  • new customizable javascript menu for web applications

  • new support for website and graphic design firms

  • now you have a web site have you ever heard of accessibility

  • optimal website design

  • optimized web page template

  • optimizing a website with flash

  • overview of web content management systems

  • part ii planning a website

  • pegasus infocorp pvt ltd offshore professional website design and software services provider based in india

  • pitfalls of web redesign

  • planning a web site

  • planning a winning website

  • plan your web site for profits

  • printing your website the right way

  • quality web site language

  • quick web site start up and promotion guide

  • rotator

  • search engine optimization and web site usability

  • sell your freelance web services to businesses that dont have a web site

  • should i make my own web site

  • should you bother learning html to build webpages

  • simple steps to finding a web designer

  • simplify your web site for clarity and ease of use

  • spice up your web site with javascript

  • starting your own website c cheryl a crossan 2002

  • steps of a project for a freelance web builder

  • switching web host

  • tapping into the visual stimulus of your web site visitors

  • templates website templates free website template newwebimage com

  • ten basic steps for building a web site that works

  • testing your web application a quick 10 step guide

  • the 4 deadly sins of business web design

  • the 8 most important website design principles

  • the core elements of a successful website

  • the critical importance of good web graphics to internet marketing profits

  • the future of web design what is dotnetnukee

  • the ideal web design firm

  • the importance of web standards

  • the need to have website design services

  • the newbies guide to small business web design

  • the new fa‡ade of web designs

  • the pros and cons of using templates for your business website

  • the straight truth about web site building tools

  • the topic of your website

  • the top 5 roadblocks to web accessibility

  • the top seven strategies for website success

  • the web site is not the end all of internet marketing strategy

  • this is why your website isnt making you any money

  • tips for choosing a web developer

  • top 10 ways for web designers to find new clients

  • top 10 ways websites makes me suffer

  • top mistakes first time web developers often make

  • top ten fonts for website design

  • top ten things to ask yourself about your website

  • translate your web site and expand your market

  • translating your web

  • user friendly website hints tips

  • user lab to host west midlands web accessibility workshop

  • use cgi to automate your web site

  • victoryvisions the php mysql company complete website development company

  • want a sticky website that sells forget content

  • weave your own web

  • webjunxsion is foraging its way through the muddle

  • webpage tips

  • website accessibility

  • website accessibility explained what you can do

  • website designing web site design new jersey newwebimage com

  • website design info part 1

  • website design info part 2

  • website design strategies for internet marketer

  • website design website development flash design services

  • website development become your own expert

  • website maintenance what does it take to manage your website

  • website template usage beyond what you already know

  • web accessibility and your business

  • web accessibility making your pages friendly to people with disabilities

  • web accessibility myths

  • web accessibility the basics

  • web analytics getting it right

  • web content case study

  • web content how much should i pay

  • web designers beware

  • web design 7 key things to avoid

  • web design for the no talent artist

  • web design integrating e commerce

  • web hosting shared or dedicated which should you choose

  • web hosting to switch or to stay

  • web page real estate 101

  • web site designing pillars part2

  • web site design focus focus focus

  • web site design things you should avoid

  • web site monitoring is a global necessity

  • web site must haves

  • web site optimization how to optimize pdf files for web sites

  • web site optimization how to speed up your web site by minimizing your gif and png image bit depth

  • web site start up and promotion guide for professionals

  • web source web design tips

  • web source web design tips adding an image background to your tables

  • web source web design tips cascading style sheets

  • web source web design tips close a window with a button or link

  • web source web design tips creating an automatic drop down navigation menu

  • web source web design tips decreasing a websites load time

  • web source web design tips dont forget your meta tags

  • web source web design tips highlighting free for all links

  • web source web design tips how to make your background image stationary

  • web source web design tips open a new window with a button or link

  • web source web design tips open a web page in a new window

  • web source web design tips open a window on page load

  • web source web design tips reload a window with a button or link

  • web source web design tips selecting the perfect background for your website

  • web source web design tips using an image to create a line

  • web source web design tips using meta tags for search engine indexing

  • web source web design tips using meta tags to prevent browser cache

  • web source web design tips using meta tags to prevent search engine indexing

  • web source web design tips using meta tags to redirect

  • web standards part 1 what are web standards

  • whats really going on with your web site

  • what color is your website

  • what to avoid to make your website design effective

  • why a css website layout will make you money

  • why dot coms fail a webmasters perspective

  • why hire a professional to design your web site

  • why not to use web design templates

  • why resources added to a web site increase revenue

  • why use a web design template

  • why your business needs a website

  • why you need a web site

  • writing benefit driven web copy 4 steps to more sales

  • writing for the web four steps you cant ignore

  • www hosting web development empathise and create not bad p websites

  • your web site do it yourself or get serious

  • you too can have an amazing website