Mandala Projects > Home > Global Classroom > HTML Help > Links
 
TED Logo
HTML Coding
Images
Design Tips
Resource Links

Here you will learn a few principles of web design. Designing a web page may be easy to create, but one that attracts the eye is a little more subtle to generate than just a standard page. Hopefully, these recommendations will prove useful for your TED case study as well as future web pages.

Tip 1. Don't Overcrowd Your Page With Stuff!!

It will often happen that newbies will create pages that are replete with material. This makes it difficult for the viewer to focus on important or interesting element, tires the eye, and eventually drives the viewer away from your page, unless you have exclusive information on it. Organize your information carefully, and leave plenty of white (unused) space.


Tip 2. Make Sure Your Page Doesn't Take All Year To Load!

Some people will create pages full of graphics and Java applets that take forever to load up. This may be okay if your viewer has a T1 connection, but for most of the world that connects with modems, checking out your page will be a painful experience. Take that into account when you design your page. Compress your graphics to the maximum, and make sure that your HTML files don't exceed 50K of memory.


Tip 3. Make Sure That Your Page Can Be Viewed.

Different browsers support different types of technology. If you know who your viewers are, and what kind of platform they use, you'll be in better shape to design a page that can cater to their needs, with appropriate technology. An option is to design a multi-platform page, but most of us don't have the time to do that. If that's your case, go for the least common denominator.


Tip 4. Use Tables To Organize Your Material.

Tables can be a greater asset if used to organize the material in your page than if just used to display charts. Because their size will remain equal regardless of the resolution, they are a great tool to standardize the look of the page. By setting the bordersize to zero, you can give the impression of a regular page. Check out the links to learn more about their use. If you check out the examples, look at the code to understand how it's set up.


Tip 5. Don't Use Frames!

There's nothing you can do with frames nowadays that you can't do with CSS and JavaScript. Just don't use it. It's out of style and isn't coming back.



home | help & faq | ted | ice | global classroom | in development | site map

This site was conceived of by Dr. James R. Lee, jlee@american.edu
American University, The School of International Service
4400 Massachusetts Ave. NW. Washington, DC 20016-8071