HTML MADE EASY Web Design for Beginners

Free Graphics | Graphics Optimizer | Resources | Freeware
Custom Totebags | Personalized Gifts | Golf Gifts | Art Posters | Pet Portraits

Check out the new
Complete HTML Made Easy With An Intro To Cascading Sheet Styles book Click Here


Html - Introduction


You can do it...honest
These web design tutorials were made for those of you who would like to learn how to make websites but after looking at the code of all those nice webpages on the net, thought "Whoa! this is too complicated". Well, despite looking complicated, html (the code which makes the web page ) is easy to learn. In fact it is easier to figure out then those web design editors which supposedly let you design webpages as you see it (called WYSIWYG: What You See Is What You Get). I don't think so. Unless you're familiar with at least some of the code for making web pages those editors are a real pain to use.

So follow along in these lessons as I explain what I've learned so far while trying to build my web site. Hey, where ya going? I may not be a pro but I'll have you making web pages in no time so stick around.

Getting down to business
All you need to make a webpage is a browser so you can see the masterpiece you've created, and a simple word processor such as Notepad.Yup, Notepad, even for nice fancy pancy web pages. I don't know what you Macheads use but it's probably something similar so follow along.

The very first time you save your html code, you must save it as an html file. Here's what you do: go to the FILE menu, choose SAVE AS and give your document a file name, for instance "mypage". Right after the name put .html For example:


mypage.html


Don't forget the dot between the file name and html and notice that there are no spaces.

After your code is saved you can open it by going to the folder which contains it and double-clicking on the file. This opens the web page in your browser. To make any changes in your web page simply right-click on the opened webpage with the mouse (assuming you use Internet Explorer), choose View Source and there's the code you've written in Notepad.

Once you've made the changes, save it by clicking the x in the top right corner of Notepad and choose yes when you're asked if you want to save the changes. Then click refresh in your browser to see how the web page has changed.

Now that you know how to save and open the code you are ready to start Lesson1.