| Hi! Thanks for taking my invitation. I just thought of making this webpage today, January 27, 2005. I started on webpage design a couple of months ago and have so-o-o-o-o-o much to learn. If you read my webpage title before coming here you will have seen that I "lost" the first webpage I made a few years ago. Since then I have re-married, moved and have to learn a new language (German) to survive!. Now I have lots of time as I am retired so can spend all day on the computer if I wish, but, I was still a bit nervous about attempting to make a new page as I had forgotten all the information from before. Thanks to my son in Canada, he designed me a NEW webpage. It was great! It was simple! Here it is: |
| <html> <head> </head> <body> </body> </html> |
That's it! Anybody can make it. Click here to see it in all it's glory! (Hit your "Back" button to return here.) |
|
Not much huh? But it works! It's a real live webpage which you can upload. 'Course it's missing a few items but you can fix that easily! |
| Please
hang on! I'll be back tomorrow and add a bit more about how I made all
the things on MY webpage! If you get bored waiting please head over to this man's webpage and start reading his lessons from the beginning. This saves me having to repeat a whole lot of information which he covers and this is where I learned a lot. Excellent help!
This is called coding by hand. I can't afford "FrontPage" or "Dreamweaver" or any of the other webpage programs, and I have found that you can actually learn a lot by doing it this way. It's also fun! Just for your information there is a free webpage editor program called HTML-Kit whích might help you see the layout a bit better because its main screen colours the different groupings. Find it here. FLASH! FLASH! Today February 03, 2005 It was brought to my attention that there is an even better FREE HTML editor out there called "Nvu". You can find it here |
| Day 2 One thing we have to do first is "Save" the webpage above. Just use your mouse and highlight the page information from "<html>" to the end "</html>". Now open an editor program. This can be one of any number of programs such as Notepad and/or Wordpad. I personally use Notepad because it only saves in ASCII (used by HTML) and nothing else so one does not make mistakes when saving. Copy and Paste the selected text into notepad. Close Notepad and rename the file to something such as "Empty.html" and store this page in a new directory which you can call "My Webpage". From now on this will be your master copy for all of the pages you will make later. |
| Day 3 Now we are ready to create our webpage. Select the "Empty.html" file and then copy and paste another copy of the file into the same directory. It should say something like "Copy of "Empty.html". Rename this to "Index.html" and we are on our way. Now right-click your mouse on "Index.html" and select "Open with . . . > Editor" (or Notepad) and you should see the same code that we copied from above. Ok, let's add some color so that we will know it is our page. Copy and paste the following line under the "name tag" which you can see on your open webpage: <body bgcolor="#F5E4A7" text="#000000" link="#8080ff" vlink="#8080ff" alink="pink" leftmargin="0" rightmargin="0" topmargin="0" marginwidth="0" marginheight="0"> Click "File > Save" and you are on your way. This has now coloured your background (bg) the same color as this page and will give colour to "Links" when they are made. The "#F5E4A7" is a hexadecimal number representing this colour. You don't have to memorize them - I use Paint Shop Pro to get my colours but you can get them from the Internet. Here is one colour chart. Not all colours are included on the chart. Click on your "Index.html" and see the colour. The text on your page should now look like this: |
| <html> <head> </head> <body> <body bgcolor="#F5E4A7" text="#000000" link="#8080ff" vlink="#8080ff" alink="pink" leftmargin="0" rightmargin="0" topmargin="0" marginwidth="0" marginheight="0"> </body> </html> |
| You can read a lot more about colour here which is a link to Lesson number 9 from the man above, John C. Gilson. I'm hoping that you'll click on his lessons and take it from there. Any questions, just drop me either one of us email. From now on I'm just going to concentrate on the idiosyncrasies of my page. |
|
