Goto Introduction Page
www.Teachwebdesign.Com
 
Sub Menu contents
· Learn HTML

· Design 1 (Basic Info)

· Design 2 (Building a Page)

· Design 3 (Fine Tuning)

· Design 4 (A Sample Page)

· Design 5 (A Page Analysis)

· Design 6 (Mobile Web Pages)



Design Links
 ·HTML Tags
 
 ·Image Sites
 
 ·Validators
 
 ·Web Hosts
 
 ·Design Sites
 
 ·CSS Sites
 
 ·Javascript
 
 ·Misc Sites


Help Pages
 ·F A Q
 
 ·Page Layout
 
 ·Custom Tables
 
 ·Page Navigation
 
 ·Templates
 
 ·HTML Tricks 1
 
 ·HTML Tricks 2
 
 ·Image Help
 
 ·Glossary
 
 ·Tools
 
 ·Ask Questions


Tutorials
 ·Tutorial 1
 
 ·Tutorial 2
 
 ·Craigslist Tutorial
 
 ·eCommerce Tutorial
 
 ·Page Videos
 
 ·Form Mail
 
 ·Sound Tutorial
 
 ·All Tutorial Videos


Extras
 ·Critiques
 
 ·Quiz
 
 ·News Gps

Website Design 3
Fine Tuning

computer     Well now that you are firmly on your way to understanding how to build your webpages, you can learn more about making them easier to navigate, fun to visit and readable to All (Or Most) Browsers! Yes it's true... web browsers read HTML Code slightly differently from each other and at best you can design your pages so that the MAJORITY of surfers will "see" your pages as you intended! NOTE: According to current surveys (which vary widely): about 30% of all Web Browsing is done with Mozilla's Firefox Web Browser and Google's Chrome Browser accounts for about 50%, while Microsoft's Internet Explorer has dropped to 15%, and Mobile Browsing accounts for only about 5%! So you need to "please" these Browsers in that regard, if you want the Majority of users to "see" your pages as you intend them to...

    There are other Variables that your viewers (clients) will change which will affect your pages adversly if you don't design them correctly... Screen Resolution (for their PC) and Text Size (For their Browser)... If you follow our advice and Layout your pages using a FLEXIBLE Tables Format you should be able to minimize Screen Resolution variables at the Client Side so that users never have to SCROLL SIDEWAYS to view your pages... and if you design your content using text size control (via CSS) and TEST your pages, making readjustments as necessary to cover a "reasonable" range of combinations of Screen Resolutions and Text Sizes, you should be able to accomodate the majority of clients visiting your pages... HINT: Test Test Test... You can read more about these specs Here ...

  1. Use Drop Down Menus (Like the one above) ( Which Are Made Using HTML Forms Run By JavaScript) on your pages to save valuable page space... use them for navigation or for whatever you feel they will better enhance the look and function of your page but don't overuse them... perhaps one or two per page!
  2. INTERNAL LINKING is a good way to transport visitors from one place on a page to another place on the same page or to a specific place on another page!
  3. Use Font Size, Font Color, Font Weight, Font Style and CAPITALIZATION to Emphasize various headings or important text on your pages! It won't slow your load time like Images might!
  4. If you don't write JavaScript then Copy & Paste Some Scripts to your source code to spice up your pages...
  5. As you add new content or change the design of your pages, be absolutely certain to Validate the page over again!
  6. Check all your pages using Firefox2+ Google Chrome and Internet Explorer5+...you can Download browsers for FREE at www.Download.com and make the necessary code changes to get the pages to render as closely as possible to your intended design on all of these...

Continue with this design series...use the "Design 4" link below...

Design 2---Design 4