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 2
Building a Page

construction

    If you are using a PC then you can use any text editor (we recommend Word Pad) on your PC to write HTML ( Here's A Tutorial ) ...and then Upload it to a Web Host online that you have chosen... using a free downloadable FTP Program such as FileZilla AND you can host your pages at a Free Host... See Free Host Listings Here ... OR for page building you can use a Program such as DreamWeaver or Microsoft's Frontpage which are WYSIWYG Editors (What You See Is What You Get) but you will not become a reliable Webmaster by starting out using these WYSIWYG or any other computer programs to build web pages! These programs create excessive HTML Coding that is unnecessary for page building, and as mentioned you will really NOT learn "what's going on" when the page is built... unless you "do it yourself" by using a text editor and learning HTML and writing your own code for the page!!!

  1. Create bookmarks or favorites of Websites That Aid In Web Design and use their tools for your page building!
  2. Learn how to VIEW SOURCE so that you can "see" the HTML Code for other webpages and thus learn how their pages were actually built using HTML as well as JavaScript and other languages!
  3. Learn how to Copy & Paste ...without this keyboard technique you cannot effectively build source code pages!
  4. Simplicity is best... don't use HTML FRAMES but do use HTML Tables to layout your pages. Using the TABLES LAYOUT DESIGN TECHNIQUE gives you more cross-browser compatibility, at least at this stage of browser development!
  5. Try to Minimize Graphics on your pages... they tend to distract viewers and slow down load time. If you have a lot of Images to display, put them into one area of your site for viewers to see, and learn how to Optimize Your Graphic Images, to reduce page load!
  6. Study HTML Tag Codes and adhere to all the corresponding rules associated with them... (as much as possible)
  7. Use a Good HTML Validator to check each page for errors before you build the next page!
  8. Let our Professional Design Team do a WEBPAGE CRITIQUE for you and learn how to Improve the look and feel of your site!
  9. Use of CSS (Cascading Style Sheets) is a must for STYLING your pages but there is still not consistant cross-browser compatability to rely on it for page LAYOUT, so use it for all other things that affect PRESENTATIONAL aspects of your page... You can STUDY CSS also at W3 Schools

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

Design 1---Design 3