How to Design a Web Page

One of our many FREE services allows you to use HTML to modify your web page profile (add colors to text, add links, change text size). It's really quite simple. Here are the steps on how to create your web-page and post it on the internet:

First, you will need to use some basic HTML tags:

The above tags are really the only required tags needed to write a web page. The first step is to open the Windows program called Notepad. Go to the start menu, select "Programs", then "Accessories", then select "Notepad". In Notepad, type the following:

<HTML>
<HEAD>
<TITLE>
This is my webpage!
</TITLE>
</HEAD>

<BODY>
As you can see, the text can be changed using these little HTML tags. An example is to make the text <B> bold </B> or <U>underline</U> it.

</BODY>
</HTML>

Once you have typed the above into Notepad, save the file as "test.htm". Note that sometimes Notepad will automatically add a ".txt" file extension on the end of your file changing it from "test.htm" to "test.htm.txt". To fix this, right-click on the file and select "rename" from the pop-up menu. Rename it to "test.htm". If you get a message asking if you are sure you want to change the file extension, select "Yes". Now, double left-click on the test.htm file and your web-browser will open and display the world-wide- web page you just created. It will look just like this.

Most HTML tags require a start tag and an end tag. An example of a start tag is <BODY> and it's corresponding end tag is </BODY>. All text and other tags that go between these two tags will be used to display the web page to the user. You are only allowed to use one set of "BODY" tags per web page. Other tags such as the <B> and </B> tags can be used over and over. The basic idea is that all text between the special text formatting tags will reflect the operation of the tag. There are some other types of tags that allow you to make links to other documents such as pictures or web site URLs. Basically, if you learn the tags and what each one does, you can type a web page by using only these special HTML tags and the text you wish to enhance. You may wish to try using the following tags and observe what each one does:

Put text in between each of the above tags within the "BODY" tags and open your ".htm" file in your web-browser to view the changes. For example, you may wish to use the above tags to print the following:

<HTML>
<HEAD>
<TITLE>
This is my second webpage!
</TITLE>
</HEAD>
<BODY>
As you can see, the text can be changed using these little HTML tags. An example is to make the text <B> bold </B> or <U>underline</U> it.
<P>
Note that <H2> this text is Larger </H2> than this text.
This text is <FONT COLOR="green">green</FONT> !
You can automatically bullet or number things using the <OL> <LI>"OL" and <LI>"/OL" </OL> tags

You can even link to your old page (assuming it's on a web server) by using the

<A HREF="http://www.collegedate.com/begin/test.htm"> Link </A>

tags.

</BODY>
</HTML>

The above text will be read in and interpreted by your web-browser to look like this.

Note the <P> tag does not require a corresponding </P> tag. This is not because it was forgotten, but because some HTML tags do not require end tags. Note that the <P> tag put a space between the text. Anything between the <PRE> and </PRE> tags will be printed to the viewer just as you have typed it. This helps simplify the HTML tag learning since it is easier to know how the text will look by the web-browser.

Once you have the page you wish to display, you may paste it in the text box that you will see when you click the continue button on this page. Then you can upload it to our web server and tell others where it is. Due to our server space limitations, you may only upload the ".htm" file. We ask that you don't include links to adult sites or put banner links on your profile web page. If you uploaded your photo and called it "mypage.jpg", your web page profile would automatically appear at "www.collegedate.com/public/mypage.htm". We hope that our little HTML tutorial helped you to create a web page. You may wish to use you knowledge to better create or modify your existing photo profile by using a link to your photo that is already on our site. So if you wanted to make a web page using a link to your photo, you could use the following tags:

<A HREF="http://www.collegedate.com/photos/skinny_sue.gif"> View My Picture </A>

assuming that the photo name you uploaded when you submitted your profile was called "skinny_sue.gif". We hope you enjoy HTMLing!