1AFM.com instant web site template

Instant Web Site Template

1AFM.com instant web site template - just copy and paste

Make a new folder on your computer and name it Site-Template (you can name this whatever you want). You need to create five pages inside the folder. Their names need to be: index.html, contact.html, about.html, links.html and ReadMe.txt

Copy code below and paste it into a page named ReadeMe.txt (these are the instructions):

This site template was created by Ken J Wagner C. 2002 http://www.1afm.com and is intended to be used by people setting up free web sites at 1AFM.com and OWNS1.com, but everyone is welcome to use it.

It is advisable that vefore monkeying around with html you read a tutorial. We've prepared a brief tutorial to help you master HTML in a few easy steps. The html tutorial can be found at http://www.1afm.com/tutorials/HTML/

This site template includes four pages: index.html, contact.html, about.html and links.html. Each page has it's own unique instructions in "comment tags" and in the text areas. Simply go through and change the information on each page to your own.

These are comment tags:

NOTE that you can change bgcolor in the tables to any color you want using the color chart found at http://www.zspc.com/color/index-e.html which automatically generates the codes for you.

The page templates will automatically expand to hold all of the content you add. When you want to break paragraphs in your text content simply add a <p> this stands for "paragraph" and creates a break.

Go through the HTML and fill in the places where it invites you to. For instance, at the top of the page are the meta tags: title, description and keywords. You'll note that it says "Put your site title here" for the title, "Put your site description here" for the description, and "Put your keywords here" for the keywords. Simpy change them to yours. Then look for <h> tags. There is an <h1> tag that says Put your site title here and an <h4> tag that says put your description here. Be sure to place the title between the <h1> and </h1> and the description between the <h4> and </h4>.

Once you have entered your own text to the pages you can upload them to your site via FTP or you can go to the online line editor and copy and paste the pages in. Be sure to name the pages what they are now called: index.html, contact.html, about.html and links.html. All files need to be placed in your web sites main directory.

To add another column on the index page place the following code where it says "add code here:"

</td><td width="120" bgcolor="#FFFFFF">

Creating files using the online editor is easy. Logon to your account. In the management area scroll down to File manager (online editor) and click on "html." This takes you to the html editor. There at the top of the page it says create page. Type in the name of the page you want to create (index.html, contact.html, about.html or links.html) and click "create." The file will be created. Scroll down to the file you created and click on "edit." This causes the editor to open. Copy and paste the page there. Then click "Save Changes." This brings you back to the editor manager. To view the page click on the page name, and it will open in a new window. To make changes, close the new window. Click on "edit" for the file you want to alter. Make changes, click on "save." Then click on the link and hit refresh when the page comes up to see the changes. This allows you to experiment with colors and design online.

You can edit online up to about 32k. After that you have to use your notepad on your computer and upload via FTP. So don't put too much on one page if you want to use the online editor to make changes.

You can use the templates to make any page you want. Simply create a new file named whatever you want then copy and paste in the editor.

To make hyperlinks (to link to other pages you create) all you have to do is use the following and change name-of-page.html to the name of page:

<a href="name-of-page.html">Name of Page (this can say whatever you want)</a>

To make hyperlinks to other web sites all you have to do is use the following and change name-of-web-site.html to the name of the web site (this has to be its URL, ie: yahoo.com, at57.com, etc. and it usually works with ot without the "www" prefix):

<a href="http://www.name-of-web-site.html">Name of Web Site (this can say whatever you want)</a>

Explanation of html terms: "a href" sets up the link. If the page being linked to is on the same site and in the same directory no "http://" is required, but it is required if you link to another site.

For more content you can go to http://www.1afm.com/free_content/ where you can easily copy content and paste it into your pages wherever you want it to appear.

Good luck and have fun.

Ken J Wagner, 1AFM.com webmaster