In this article I will tell you a simple webpage design using HTML and how to host it on www.freewebs.com. This article is for newbies only.
HTML documents use TAGS. A tag is a string in the language surrounded by a less than (<) and a greater (>) than sign. An opening tag is a string that does not begin with a slash (/). An ending tag is a string that begins with a slash (/). The region between an opening tag and a closing tag with the same string is referred to as an element.
An opening<html> and a closing </html> tag should surround the entire html document. We should also find opening and closing tags for <head> and <body> elements. An HTML document code should appear as shown below.
<HTML>
<HEAD>
.....
</HEAD>
<BODY>
.....
</BODY>
</HTML>
I will tell you some other simple tags.
The title of the HTML document is placed between the opening<TITLE> and closing </TITLE> tags. <TITLE> tags are placed within the <HEAD> tags.
<HR> tag places a horizontal Rule. This tag is within the <BODY> tags.
<BR> tag represents a line break
<P> tag represents a paragraph break.
<H1> ..... </H1> tags represents a level 1 heading.
<H2> ..... </H2> tags represents a level 2 heading.
<CENTER> ..... </CENTER> tags aligns the text between them centrally.
BGCOLOR this attribute is used in the opening <BODY> tag for setting the background color of Webpage.
If you want to give a link to yahoomail from your site, you can do that with the help of <A> tags like this.
<A HREF=http://www.yahoomail.com>yahoomail</A> Result : Thease tags underline yahoomail. So if you click yahoomail then it will take you to www.yahoomail.com
Now Design A simple Webpage:
Open Notepad. Type the following html code in Notepad and save it with a file name with an .html extension.(EX: save as index.html)
<html>
<head>
<title>Homepage of Praneel</title>
</head>
<body bgcolor=orange>
<h1><center>MY HOMEPAGE</center></h1>
<hr>
<h1>Praneel</h1>
D/No: 1-11 <br>
M.G. Road <br>
Vijayawada<br>
<hr>
<h1>About Me</h1>
I am studying 10th class in Adithya Public School,Vijayawada.
<p>
My present Aim is to get state rank.
<hr>
<h1>My links</h1>
<a href=http://www.yahoomail.com>yahoomail</a>
<hr>
</body>
</html>
Now save this as index.html then open the file in internet explorer. Now your Webpage will be like this.
 Now I will tell you how to host this on www.freewebs.com site. Hosting is free.
Open www.freewebs.com. Then sign up for a free account. Choose a username and password and give email address and other details. Tick their terms and conditions. Click Next Step. Then click I AGREE.Then choose HTML mode then type your full name and choose site category then click nextstep. Now it will ask some details. It is optional so donot give any details. At top right corner you will find “Nothanks continue” link. Click that link. Then Welcome to freewebs link come.
 Now click site manager. Here you will find upload a file. So you can upload your notepad file. Remember onething. You have to name your file as index.html in order to upload to freewebs site.
 One thing is important. Freewebs site will send a verification link to your email address which you have given during filling the details for freewebs account. So open your email box and click the verification link sent by the freewebs site.
Now click upload a file. In the box give the path of your's index.html file by clicking the browse button. Now click upload file button. Then your index.html file will be uploaded to freewebs site. I have given user name as praneel. So my website name is like this.
http://www.freewebs.com/praneel Now you can check this site on net.
You can edit your index.html file at anytime and you can save it. For this open www.freewebs.com site. Then give your username and password and goto your account. There click Site manager button. Then you can observe your index.html file with EDIT,RENAME,DEL buttons. Click edit buttion then your html code will be open in another window. Do the necessary changes then go to file menu of WebEdit 1.9(Not internet explorer file menu) and click save. Then your index.html will be saved.
Without knowing HTML, You can also create your website at freewebs.com. For this do like this.
Open www.freewebs.com. Then sign up for a free account. Choose a username and password and give email address and other details. Tick their terms and conditions. Click Next Step. Then click I AGREE.Then Do not choose HTML mode. Here you have to choose one of the templates of Freewebs.com site. Rest of the procedure is almost same as above.
|
