However, it wasn't long before a visual way to do the same thing called 'What You See Is What You Get' or WYSISYG (say 'Wisiwig') came along with its fancy looks and smart features and tried to take over. But which of these two ways is really better for getting the job done?

HTML

It's recently been overhauled, livened up and dragged into the current century with the adoption of XHTML. If you don't know how to code websites then learn this standard - it's the future of website coding.

The code is not hard to learn, in fact it used to be said that you could learn enough code to produce a respectable looking website on a wet Sunday afternoon and that is still more or less true.

Like anything, however, you need to sit down and work through the initial stages so that you understand it but it's not hard and very quickly you'll find you can produce good looking pages.

So, where do you go to learn it? There are lots of books that will teach you but free tutorials are out there on the internet, too. Try w3schools.com for half an hour a day for a few days and by the end of the week I bet you'll be writing pretty fair looking code!

But remember what I said at the beginning about the new standard. You want to make sure you learn XHTML with Cascading Style Sheets (CSS).

WYSIWYG

Like everything in life, if you want it easy you have to pay for it and web coding is no different. WYSIWYG editors let you design a web page the way you design a printed document - they're DTP for the online world!

Basically, you add components to the page and slide them into the best position to produce the page design that you want. All the time, behind the scenes, the program is working away furiously to write the HTML code to keep up with you so that when you look at the page in a browser it appears fully formed. It's a great and very visual way to design pages.

To do this, however, a lot has to go on under the hood and all this functionality has to be programmed into a complex piece of software that needs a lot of preparing and testing before it can be released.

As you would expect, this complexity comes at a price and WYSIWYG editors like Dreamweaver by Adobe are not cheap. That said, editors like this are excellent software to use allowing you to concentrate on the look you want to achieve without having to worry about the code. It's a bit like building a wall with large pre-fabricated blocks instead of bricks.

A Bit of Both

The makers of WYSIWYG software point out that you wouldn't produce a printed magazine by writing the code for your printer (although you could) so WYSIWYG is the way to go.

But some WYSIWYG editors have been criticised for producing horrendously complex code that made pages run and load slowly and which were hard or next to impossible to modify by hand. Also, the modern trend in website design is for a clean, minimalistic Web2.0 style that is best made with hand coding that mixes XHTML with other web scripting languages like Javascript (equally easy to learn) and Cascading Style Sheets.

For this reason the best approach is to learn to use both and use WYSISWG to prepare or 'rough out' pages until you get the design you want and then use hand coding to do the final version.

If cost is a factor then look for free WYSIWYG editors like Composer (available at no cost with the excellent SeaMonkey suite of programs) or the inexpensive CoffeeCup Editor.

For hand coding you can get a range of very acceptable and free editors and a list and review of each can be found on Wikipedia if you search for 'html text editors'.

So my advice, if you are preparing to write your own website, is to learn to use both ways of producing pages. It does mean a little more work but the result will far outweigh the work involved.

Are you a web designer? You should want to know more about web 2.0 styles. Here I am going to tell about the process of making a web 2.0 style logo. You can use Photoshop CS+ for creating a logo like this. You just follow me.

1. Just open your Adobe Photoshop and click on the file button (In windows) then new choose the width and height as 640x480. Color mode is RGB and resolution is 72 pixels /inch. Color mode is 8 bit also.
2. Then you can get a white screen on the monitor. Just drag it and place in center. You should use 100% zooming to make good performance in logo designing.
3. Click on the horizontal type tool and type your company name with a cool font. I am used “forte MT”. You can download this from the web for free at 1001 fonts.com.
4. We are going to make a cool blue style in Photoshop. Just follow me… Right click on the layer which layer you used to type the company name. And select Blending options.
5. We can start from drop shadow. Check the drop shadow box and change the opacity to 75%. Set angle as 120 degree. Set the distance into 0 and set size into 5 doesn't change the other values.
6. The next step is putting a stroke around it. Size is 1 and the opacity is 100%. Then the color is # 4D882B.
7. Then we want to add a gradient into it. Just check the gradient box and follow the steps given below.

Gradient Creation

1. Create a color tab and put this color # 77BF1B for it and drag that into the left end
2. Create another tab and put # 56AA1F for that. Then drag it into the center of the gradient.
3. Create next tab and put #8BCC63 for that. Then drag it into the center.
4. Then create the last tab and put # 53AA20 color for that and drag that into the right end

Then the gradient should looks like this.

Then set the angle into 90 degree and set the opacity into 100%. You should change the scale into 100 if that is not preset.

You can give a reflection for that by creating a duplicating layer and flipping that vertically. Just try that if you want. I can see the result if you put a reflection onto it.

Are you OK with this design? This is very suitable for social sites and cool downloads site. I think that peoples are waiting for a web2.0 style logo like this. Try your experience with our tutorial article now. Are you ready?

We can make a logo for you like this. Do you want one now. Just contact us to make a logo like this. We can satisfy your needs. We are waiting for your mail.

Thank you for spending some time to read our tutorial article.

Genre: Instant messaging.

Why It's The Best: A one stop shop for all your instant messaging clients - Meebo allows you to sign into all of your instant-messaging services into the browser window, without having to download any of the individual clients (MSN, AOL/ICQ, Yahoo, Jabber/Gtalk).

Genre: Product Reviews.

Why It's The Best: With all the product reviews floating around the internet, it's hard to know who's behind these reviews. Review sites like Epinions pay their users to write reviews, so most of these reviews are written by people who never even bought or used the product.

On Buzzillions.com the majority of reviews are written by people who have been verified to have actually purchased the product, so the reviews are quality oriented, unbiased, and trustworthy. (See how the Verified Buyer system works) Also, they used a "tag based review system" where you can find products and reviews that match your user profile, needs, and interests.

Genre: Music.

Why It's The Best: An easy to use and extremely accurate music recommendations system, all you have to do is type in the name of your favorite band or artist, and immediately the site will start playing songs which you can thumbs up, thumbs down, or skip over. The more you tell the system what you like and don't like, the more accurate the recommendations will be. There's no registration and no downloads required.

Genre: Community based lending.

Why It's The Best: Prosper is a site where you can lend people money for an interest rate you set the minimum to and bid in increments of $50 to $25,000 on loan listings you select. If you're on the borrowing side, you can list how much you want to borrow and set your maximum interest rate, and lenders can compete for the loan by lowering their offered interest rate. Lenders can easily check the borrowers' credit grade to assess their risk. Read more under How it Works.

Genre: Local reviews.

Why It's The Best: Yelp is the best local guide in the San Francisco Bay, Chicago, New York, Boston, Los Angeles and Seattle, and pretty much every city that matters in the U.S. You can read reviews on everything from restaurants to home services within your area, and find which places to try out and which to avoid.

Genre:Auction site.

Why It's The Best: Etsy is essentially an eBay for all things handmade. Users can buy and sell homemade goods, promoting a vision for a better economy.

Genre: Textbook renting.

Why It's The Best: Chegg.com is a site I randomly stumbled upon through one of the founders I met through Facebook. Chegg provides a new way of getting your college textbooks for cheap by renting them for a fraction of their cost price. Additionally, Chegg promotes an "eco-friendly" business model by planting a tree for each textbook rented. They have an inventory of over 2 million book Titles.

Genre: GrandCentral gives you “One number for life” which lets you forward all your calls from any number, and answer calls at any phone you want.

Why It's The Best: You can easily switch phones in the middle of a phone call, screen your calls, check your voicemail by phone/email/or online, organize/store/and record calls, customized voicemails, and a lot more. For the full description and features, click here.

Genre: Sells cool stuff for cheap.

Why It's The Best: Woot sells one consumer electronics product a day until it is sold out (which is typically very fast since they offer it at a major discount). Users can discuss the product up for sale on the forum, and they show you all kinds of stats like percentage sales per hour, quantity breakdown, revenue they incurred for that product, and so on. A very fun way to get really cheap electronics!