Most people just buy a WYSIWYG web page design tool like Adobe Dreamweaver or Microsoft FrontPage so they don't need to learn anything. I recommend that you do NOT use a WYSIWYG web page design tool, but instead start out by hand coding web pages and web sites in a basic text editor.
Welcome to Bucaro TecHelp!

Welcome to Bucaro TecHelp!
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

[About BTH]  [User Agreement]  [Privacy Policy]  [Site Map]  [Contact Form]  [Advertise on BTH]  [News Feed]

Google
Web
This Site

How to Learn the A to Z of Web Design

One of my site's visitors recently asked, "how do I learn the A to Z of web design?" Well, most people just buy a WYSIWYG (What You See Is What You Get) web page design tool like Adobe Dreamweaver or Microsoft FrontPage so they don't need to learn anything. I recommend that you do NOT use a WYSIWYG web page design tool, but instead start out by hand coding web pages and web sites in a basic text editor.

Here are seven reasons why you shouldn't use a WYSIWYG web page design tool:

1. Some WYSIWYG tools bloat your web pages with extra and unnecessary tags.
2. Some WYSIWYG tools don't let you control the formatting of the code.
3. Sometimes a WYSIWYG won't let you do something you want to do.
4. With a WYSIWYG tool you don't know if what you clicked in the menu is what you really want.
5. When WYSIWYG tools doesn't give you what you want, if you don't understand the code, you can't manually edit to get what you want.
6. If you use a WYSIWYG tool and your web page contains and error, if you don't understand the code, you can't manually correct the error.
7. WYSIWYG tools are expensive, Notepad cost you nothing.

Let's try a basic web page to see how easy it is. Navigate to Start | All Programs | Accessories and open Notepad. In Notepad, type the following code:

<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>

Then save the file to your desktop with the name e.g. "firstpage". On your desktop, change the file extension from .txt to .htm. Then double-click on the filename. Your default browser will open and display the text "Hello World!". Congratulations, you have just hand coded your first web page! It's that easy.

• You may find it interesting that almost all the code in the above example is unnecessary. You could have just typed Hello World! and gave the file the .htm extension and it would have worked. However to actually code for the Internet, you'll need to include the proper tags to meet the W3C (World Wide Web Consortium) standards.

Now just go to the library, book store, or look on-line to find information about how to code xhtml. You find many sources about how to code html. Technically html is obsolete, but some sources refer to xhtml as html because the two are very similar.

So my first advise is to NOT use a WYSIWYG web page design tool, instead start out hand coding in xhtml and running your example web pages in your browser directly on your computer. When you get comfortable with xhtml, start hand coding CSS (Cascading Style Sheets).

Web Design Sections

RSS Feed RSS Feed

General Web Design
How to Learn the A to Z of Web Design
A Beginner's Guide to Setting Up a Successful Online Store
So, You Want To Be A Web Designer?
Preplanning Your Website, The Secret To Success
Pre-Planning Your Web Site
Define The Design of Your Website
Website Landing Pages that Capture and Convert
How To Build A Web Site That Sells
Simple Steps to Create a Website
Video - Beginners! Create a Website Here
Online Training - Adobe Dreamweaver Essentials
Choosing the Right Colors for Your Web Site
The Importance of Color in Web Design
Seven Steps to a Money Making Website
"About Us" Pages in Small Business Websites
How To Sell Lots Of Items On Your Website Without Going Broke!
Home Page Essentials: Miss These & You're Missing the Mark
Designing Professional Web Pages
Design Your Website's Directory Structure
Building an Effective Website
How to Build an Ecommerce Web Site
Basics Of Ecommerce Web Design
Make Your Web Site User-Friendly
How to Boost Your Chances at Having a Successful Web Site
The Ten Parts of a Business Website
Anyone Can Start a Web Portal - Its Easy!
Choosing the Right Web Designer
Creating an Effective Web Site
Web Designer's Reference
Five Ways to Give Your Web Site a Big-Company Look and Feel
What's Wrong With My Website?
Website Blunders of Even Top Designers!
Keys to Real Estate Sites - Ten "Must Haves" of Real Estate Sites
Alternative Online Payment Systems
How to Avoid Sloppy Web Site Copy
There's Gold in Your Website's Server Log
A Beginner's Guide to Google Analytics
Integrating Advertising into Your Web Design
How to Help Your Customers Speak
Maximizing ROI via Web Site Traffic Analysis
Top Five Design Tips
The Five Biggest Mistakes Almost All Web Designers Make
Seven Simple Steps To Web Wealth
Building a Church Website
How To Reduce Web Hosting Bandwidth
How to Add a Search Engine to Your Site
How to Create an Effective Navigation Structure for Your Site
DHTML or Flash?
Sitemap Construction for Beginners
Create a Google Sitemap for your Web Site
Ten Essential Questions for Creating a Web Design Brief
Mini Site or Content-based Web Site?
What is "Above the Fold?"
How To Create Your Logo
Your Logo - Much More Than a Decoration
Ten Tips for Choosing a Good Domain Name
Unbiased Step-by-step Guide on Web-Hosting
Finding a Reliable Web Hosting Company
Your Own Name Servers
How to Transfer Your Web Site to Another Host Without Losing It
How Adsense Changed the Internet
Getting Approved by Adsense in a Jiffy
Six Easy Ways to Increase your Adsense Revenue
A Random Walk Down Web Street : Litter Revolution
Reciprocal Linking Overload - Any old link back will do?
20 Easy Ways To Get People To Link To Your Web Site
Finding and Managing Quality Reciprocal Links: A Tutorial for The Newbie
Your Internet Business and the Law
Proposals, Contracts, and Getting Paid
Real World Website Development Proposals
Are You Familiar with Trademark Law?
Go Ahead And Use That Copyrighted Material, It's Fair Use!
Copyright Law : Fair Use
Web Legalities: Linking
How Secure is YOUR Web Site?
What is a Security Certificate?
Bandwidth Stealing
Excuse Me, May I Borrow Your Passwords?


[Site User Agreement]  [Advertise on This site]  [Search This Site]  [Contact Form]
Copyright©2001-2009 Bucaro TecHelp P.O.Box 18952 Fountain Hills, AZ 85269