Your first web site

In my experience, the best way to learn anything is by doing. So, you are going to create your first web page. The future is xhtml so that's what we are going to learn. Html and xhtml are the same but for a few minor differences. For example, there are no capital letters in xhtml. Everything is written in lower case letters. You will learn the other differences as we go along.

The first thing that you need to do is open your text editor "notepad". By default, notepad saves stuff as a .txt file. We need to change the file extension .txt to .html. In the upper left corner of "notepad" click on file then save as. In the box that say's file name type in "index.html" In the box that say's save as type change to all files click save and close "notepad". Open "my documents" there should be a large blue e beside your file. That means your good to go!

Create a web site folder

While your in "my documents" create a new folder and name it "mywebsite" or, you can be uppity, and name it what ever you want. All the files of your web site will be stored in this folder. Drag the file that you just created, "index.html", into your web site folder. We are going to add other files as we go.

If you are using something other than Notepad, a text editor for example, you still use the same steps.

A really simple html file (A web page)

Right click on your file "index.html" and click "open with" and select notepad. In notepad type in the code from the box below and click save. This is the structure of an html file. All html files are structured this way.

The tutorials on the following pages will give you examples of HTML and how to use it to build your web site. Because CSS is such an important aspect of web page layout and design it will be included in the tutorials so you can learn each as we go.

To create a simple web page