WELCOME!!
This is Lesson One of "AmeriYank's HTML Tutorial".
Now, let's get to work!
This is just simple code to make a very simple web page. There are many free HTML editors available on the net, but let's assume that you have a rickety old computer and an ISP that keeps bumping you off during downloads. How can you do a simple page?
First, go to "Start", "Programs", "Accessories", "Notepad". (Yes, I am serious, Notepad.)
Now, at the top of the page type:
| <HTML> <BODY> |
Yes, there are all kinds of things you can put in between there. But for now, we will do without a title and all the frills.
Next, write in something. Anything will do as long as you wouldn't be ashamed for your mother to see it.
You can write, "Hello, World!", but everyone does that, so try to be a bit more original! (smile)
So, your page should now look like this:
| <HTML> <BODY> This is my first lesson in creating a web page. Please be patient with me. |
Now, you want to put in an image of something. Anything at all will do, long as it isn't 3 GIGs and will take a week to download and crash your PC in the process! Just a small image from your tube collection will be fine for learning here.
First, make sure you have converted your image into a .gif or a .jpg. The web does not always recognize other files, but we will discuss what types they take and why in another lesson. For now, just use a .gif or a .jpg.
The tag for adding an image looks like this:
<img src="nameofimage.gif">
For example, if your image is named "cat.jpg" your tag would look like this:
<img src="cat.jpg">
If your image is named "dog.gif", your tag would look like this:
<img src="dog.gif">
So, your new HTML code on your Notepad page will look like this:
| <HTML> <BODY> This is my first lesson in creating a web page. Please be patient with me. <img src="nameofimage.gif"> |
For now, that's all we are going to do on the page itself. So, we need to close the HTML and BODY tags, like this:
</BODY>
</HTML>
Now your completed page looks like this:
| <HTML> <BODY> This is my first lesson in creating a web page. Please be patient with me. <img src="nameofimage.gif"> </BODY> </HTML> |
Now, save your page. Name it anything you like, just name it in lowercase letters and end it in .html. So, if you decide to call your page "mydoggie", it would be named:
mydoggie.html
Make a folder in your computer to put your page in.
Now, put your page into the folder and also put the image you have on the page into the same folder.
Next, go to "Start", "Programs", "Internet Explorer". After it opens, go to "File", "Open". When the pop-up box comes on, click on "browse". Then search your computer for your folder and the html file you created. Click on the file you created and click "open". In the box that pops up, click "OK". Your page should appear. To see what mine looks like, click here
If your page has a larger graphic, you might see it on the next line. That's OK. We will work on making things look good next time. For now, just know how to set up the page.
Loading the page to your web server is the next step. The steps to load it depend on which server you use. We will got over that part in class. Please be sure to go to:
and sign up for free webspace. Do NOT forget your password. You will need it to upload your page to the server. If all of us in the class are using the same server, it will be easy for me to tell you all what to do. Freeservers will give you 25 megs for free. That's more than 10 times what AOL gives you and it is a lot easier to upload to them than to AOL.
If time permits, we will also learn how to FTP to our webspace. To do this, please go to:
http://tucows.igs.net/preview/424.html
and download WS_FTP LE 5.08
It is free for home and non-commercial use. So, please come to class with your brand spanking new Freeserver's account information handy, and WS_FTP LE 5.08 loaded in your PC.
End of Lesson One.
HAPPY CREATING!
HOME
Mary, Madonna and Blessed Virgin Mother and Jesus
Designs for Tsunami Relief.
On
to Lesson Two On to Lesson Three
On to Lesson Four
On to Lesson Five