HomeWeb DesignNotary ServicesSpeakerYOUniqueVacationsTidbitsContact RiverCopyright

 

October 22, 2006 11:51 PM

GETTING STARTED

     There are several pieces of information that a person should know and understand before attempting to learn how to take advantage of programming in HTML. The fact that you are reading this tutorial is a positive indication that you have a thirst for knowledge. This basic tutorial teaching HTML is written in very simple terms, geared toward a person with average intelligence, but with very little or no knowledge of HTML. The intent is to guide you through the basic steps as quickly and effectively as possible in order to get you on your way to creating Web pages.

    If you have questions concerning anything you read within this tutorial, or if you find an error, please e-mail me. Good luck!

01) USING THE HTML TUTORIAL

     Rather than putting all of the HTML Tutorial onto one large Web page, it has been divided into several sections (called Chapters) for easier access.  It is well-advised to begin with the Introduction and progress through each chapter consecutively for better understanding.  It is also advised to not proceed on to the next chapter if you do not have a good grasp of the content in the chapter you just completed.

02) HOW DO I EDIT?

     All of the code (also called source code) for HTML is typed via a text editor of some type.

     There are many text editors available, depending upon the operating system running on your PC computer and/or laptop.  Most Windowsplatforms (95, 98, 2000, XP, XP Professional) provide Notepad or WordPad.  If you are using a non-Windowsplatform, such as Unix, etc., then you have available to you emacs, vi, and others dedicated to that specific platform.

     Details on editing in any of these are not given here, simply because of the wide variety of editors available and the different approaches taken by each. Please consult your text editor's documentation for help on how to save and recall files.

03) HOW DO I BEGIN?

     I would advise beginning by becoming familiar with your computer/laptop, if you already aren't.  By "becoming familiar", I simply mean to know and understand how to navigate through directories, subdirectories, and files.  It is also needful to know how to create new directories, subdirectories, and files.

     For this tutorial, I advise setting up a special area on your computer into which to work.  For instance, you might set up a subdirectory underneath your user account in the directory entitled Documents and Settings

If I were setting this up on my laptop, my directory structure that I would create would look like this:

Documents and Settings
     All Users
     Terry Crawford
          HTML_Tutorial

     Without going into major detail on setting up subdirectories, I will explain how to set up the above example.

  1. Right Click on the Start button on your PC computer/laptop.

  2. Using the mouse, scroll up to Explore.

  3. Select Explore.

  4. At this point, a display window opens showing the entire structure of your computer.  Locate the section in the left window pane that either says Documents and Settings or My Documents.

  5. Click on either Documents and Settings or My Documents, still in the left pane.

  6. Click on your user name.  In the example above, I would click on Terry Crawford, still  in the left pane.

  7. Now, in the right pane, create a new subdirectory to hold all of your files for this tutorial.  To do this, first left click in the right pane, then right click.

  8. Once you right click in the right pane, a new display window opens that gives you several options, one of which is NewScroll down to New and select it and notice that another display window appears giving you even more options.

  9. Select Folder and you immediately notice that these last two (2) display windows close and a new folder appears in the right pane of your Explore window that you initially opened.

  10. Notice when the new folder appears that it allows you to type in the text box.  This is where you will type in your new folder name, such as, HTML Tutorial.

  11. Now, double-left click on the new folder, HTML Tutorial to open it.  It's empty.  :)

  12. At this point, we are going to create a new subdirectory within this folder.  This (creating the new subdirectory) is the bare minimum of how I would set up a Web site area.  The subdirectory you are about to create is going to be where you will place all of your pictures, photographs, images, graphics, etc.  To create this subdirectory, you simply follow the same steps outlined above in 8, 9, and 10.  This time, when you have the opportunity to name the folder, do not name it HTML Tutorial.  Instead, name it something of your own choice showing that it contains pictures, images, etc.   For instance, you might name this folder graphics or images.

  13. Now, your directory structure has changed since you have created new items.  Instead of it looking like the example above, it now looks similar to this:


    Documents and Settings
         All Users
         Terry Crawford
              HTML_Tutorial
                   graphics

  14. Close out the Explore display window by left clicking on the X in the top right corner of the window and you are ready to begin your journey!

HTML TUTORIAL 

Tutorial Introduction Introduction
Getting Started How to Get Started
Table of Contents Table of Contents

Chapter One

WHAT IS HTML?

Chapter Two

FORMATTING IN HTML
Chapter Three LISTS
Chapter Four LINKS
Chapter Five IMAGES
Chapter Six TABLES
Chapter Seven FORMS
Chapter Eight EXTENSIONS
Chapter Nine TIPS ON CREATING GREAT WEB PAGES

© RiverMOO, Inc.