So, you want to make a
by Joe Barta - PageTutor.com
Hello. My name is Joe and I'm going to give you a few simple lessons on how to make a Web Page. I must warn you though, this is for "all wet behinda ears" Newbies. If you're at all experienced at this sort of thing, you'll probably find this tutorial a bit of a yawner.
You'll be happy to learn that it's really pretty simple. The basic idea is this... A web page is nothing more than a file, a HTML file to be exact. It's called HTML because web page documents have the file extension .html or .htm. HTML stands for Hyper Text Mark-up Language. (If you are unclear about this file extension stuff, then you really are newbie!! Take a quick detour for a few ramblings on the subject).
Let's get started. First, if you have any of them fancy HTML editors and have an inkling to break em in now... forget it. The worst way to learn is to use one of those things. (Although there are a few that you will find helpful, they'll only help you once you learn the basics, so don't even worry about it now.) What's the best way to learn HTML?? Notepad. I know, I know, you got this 9 megabyte Wunder Wizzard that says it's gonna make putting up a web page as easy as scratching your head. Just trust me on this one. K? K.
FAQ: What the heck is Notepad and where do I get it?
A: Notepad is the default Windows text editor. On most Windows systems, click your Start button and choose Programs then Accessories. It should be a little blue notebook. For our purposes, ANY text editor will do nicely. You can go to most any shareware/freeware site and pick yourself up a zippy new text editor, many of them being free. For the time being though, Notepad will do quite nicely.
Right from the outset, you will be doing yourself a very big favor if you pick yourself up a free copy of NoteTab Light. It can be used as a simple Notepad replacement, or with a little fiddling, can be one of the most powerful text manipulation tools in the world. I give this wonderful free editor my personal "two-thumbs-up" and wholeheartedly encourage you to try it out and and learn how to use it. I've tried quite a few editors and this is what I use every day.
Mac Users: SimpleText is the default text editor on the Mac. Mac users eventually might want to download BBedit Lite, a more powerful, and free mac text editor.
And one more thing (again) at least while you're learning... put away Composer, put away Front Page, put away Sooper Dooper Web Page Cruncher. Just follow along with Notepad. Trust me. Would I lie? ;-)
Another tool you'll need is a browser to view your web pages. You're probably using a web browser right now to view these pages. The most widely used is Microsoft Internet Explorer. That's the default browser on must computers. A recently very highly rated browser is Firefox. It's free, it's an excellent alternative to Internet Explorer, and it contains tools that are especially useful to web developers. I use it all the time and I enthusiastically recommend you download it and give it a whirl.
If you use a service such as AOL or MSN your browser is whatever you use to browse web pages. (Of course you're not resticted to what the give you... you can use any browser you wish.)
Speaking of which, if you're using an online service such as AOL, MSN etc, you can still easily make a web page using these tutorials. The lessons are applicable no matter what you are using. Also, just because you're using AOL (or some other online service), that doesn't mean you have to use their tools... you are welcome to use whatever you want. WebTV'ers - I don't know much about WebTV, but I do know that people have been able to make web pages with it and WebTV'ers have made good use of these lessons. You might want to look for some WebTV specific sites to learn how they do it. Then you can come back here and go through these lessons.
With that out of the way I can say with confidence that you are less than 5 minutes away from making your first web page! So... off to Lesson 1.
|So, you want to make a Web Page!|
|Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26|
|Index & Quick Reference Table of Contents ColorPicker BareBones HTML Guide|
|Color Charts Simple Font Widget Practice Exercises Where are my images?|
|Print version of this tutorial available - Get the PageTutor Book & CD|
|Tutorial reposted with permission, courtesy PageTutor.com|