HTML Builder v.1.4
(I.E.4+ compliant only. Be sure and bookmark this page for future use.)
| I N S T R U C T I O N S F O R T A B L E #1: | ||
| 1. |
TABLE #1 will generate all your basic HTML elements:
|
|
| 2. | If you just want these basic HTML tags, fill in the text areas only in TABLE #1 containing the Page Title and Meta & Body Tags. Ignore TABLE #2. You can always add your page's content within the Code Text Window at the bottom of the page or copy and paste it into your favorite Text Editor. | |
| 3. | After you have filled in the required information within the TABLE #1 input fields, simply click on the: Generate My HTML Page button. | |
| 4. |
At this point you need to do 2 things:
(Hint: Save one blank basic HTML page -without any BODY content- as a future template to add new content for a new HTML page. Just edit the HTML tags in the source code as needed -- Page Title, Meta Tags, etc. To see the source code of any HTML page, simply right click any where on the page, and select: View Source. It will open within Windows' Notepad editor. Edit it as you want and Save As your new page's name. Remember to save it as an .html extension or else Windows will save it as a .txt document by default.) |
|
| I N S T R U C T I O N S F O R T A B L E #2: | ||
| 1. |
However, we have provided our own HTML Editor for your convenience
right now. After you have filled in the required form fields in
TABLE #1,
and before you press the Generate My
HTML Page button, you can completely create the data that
will be visible on your new HTML page
(what you want the viewer to see).
Experiment! Begin by adding simple text and experimenting with
the various formatting options provided. Also, check the
HTML syntax
list for additional formatting and methods of programming data
into your new page. Next, add body elements, such as images, hyperlinks, etc. as you desire. Space them on the page using the various formatting options, like, <P> for a paragraph space between content, <BR> for a simple line break (similar to the typewriter "Return" feature) and the " " (non-breaking space) code for adding a blank space on a line like hitting the keyboard spacebar once. Browsers are programmed to recognize 1 spacebar command but for more spaces you have to use either this code, tables, or the 1 pixel spacer image. Typically, most webmasters use Tables and the blank transparent 1 pixel image for fine-tuning the pages content alignment. Again, experiment until you find what works best for you and your unique site's needs. |
|
| 2. |
Test your progress by generating your code and previewing it as
frequently as you desire. You won't lose your current data by
doing so. Simply continue as needed until you get it to your
satisfaction. When you have finally got the output as you want after previewing it as needed (you can always edit it later in any Text Editor) press the Generate My HTML Page button. Next, press the Copy To Clipboard button and paste your new code into your Text Editor (Notepad, etc.) and save it as an .html document. Make sure any objects you inserted within the code: images, sounds, etc., are located in the correct file path to the code you wrote for their location. Most webmasters use an internal URL - /images/somegif.gif - to reference the object but it is always safe to use the absolute URL method - http://yoursite.com/images/somegif.gif. Caution: Make sure your slant characters are opposite from that of your hard drive to reference the file path: forward slash ( / ) for web addresses and backwards slash ( \ ) for hard drive filepaths. Always use the forward slash ( / ) in your HTML pages for your images and objects' file path. That's it! Let's get started, and enjoy! |
|