Make your own webpage

Create your own website

The students can create their own website using simple HTML and this step-by-step guide. Build your own website First of all, you need to choose what you want to post on your website. You may want to post an inventive history you've been writing, review a book you've been reading, split it, or make an online journal about one of your favorite pastimes. No matter what you want to place on your website, the instructions in this step-by-step tutorial will show you how to do it.

First, you need to generate a text file containing the words you want to appear on your website. You can use most text editors well as long as you give your documents a name with the extension . html (or . htm if you are working on a PC) and store the file as "text only".

" Write your history, your books reviews, intriguing facts about Jupiter or whatever you want to public. Below are some hints on how to organize your text: Start with a headline and an eye-catching message or intro so they know immediately what your site is about and want to know more.

Remember that there are places where you can add fractions to your text. You' ll be much more legible if you add common paragraphs break and horizontally applied rule (more on that later). Many pages begin with an eye-catching picture at the top next to the name.

When your text editor has an intelligent or curved quote checkbox, turn it off! Curved double quotes are displayed in a web page as odd little symbols and not as double quotes. Now, you need to add some tagging to your documents that tells an web browsing application (e.g. Safari, Firefox or Explorer ) how to organize your words and images on the computer monitor.

Those labels form a hyperText markup or HTML name. This is the default HTML template for an HTML document: Note that (1) each formating day will appear between "less than" () characters, and (2) the days will often appear in twos, with the second day in the twos beginning with a "slash" (/).

Here is a listing of some of the fundamental HTML tag formatting: headers, Tier 1 (the biggest sized tag normally used at the top of a page or at the beginning of a new section). Hint: Any paragraphs you add to your documents by pressing the Enter button on your keypad will be ignored by a web navigator.

In order to generate break paragraphs on the monitor, you must insert each section between the ... buttons. Sorted orumbered, listed. Every element of the lists starts with the day and lies somewhere between the ... days. Know the Uniform Resource Locator (URL) or Web site name of any Web site you want to connect to.

It would add an picture with the file name "image.gif" to the far right of your page. Perhaps you will be a little surprised after having read this long listing of formating labels in #2. It' much simpler to just look at a genuine HTML file and then see how it translates into a web page.

The " Sourcecode " can be displayed behind each web page by going to the " Views " tab (other web pages can be slightly different in Safari) and choosing " Show sources ". "If you do this, you will see the HTML tag file that will create the page currently in your web brower for you.

Please use the links below to go to the example website and see how the text and picture appear on your monitor. Call up the documents with which we created the example page with "View Source". When possible, please printout this voucher. Verify it line by line with the page in your webpage.

See how all your tag formats work? In case you do not yet have picture data for your site, you can upload them from other websites. Make decisions with sanity which pictures you may and may not use. You will need to follow a slightly different approach to downloading an Image to your computer disk, based on the type of computer and type of web browsers you use.

So you would do it on a Macintosh computer with a Safari browser: Place the cursor over the picture with the left and right keys. Press and holding the key with the left and right of your computer and drop the picture onto your computer screen. You have now loaded the picture onto your harddisk. When you choose to modify the name of the filename, make sure that your new name ends with . gif or . jpg (this is important if you are using the picture on your own website).

To display the picture as it would appear on your web page, click the symbol. You take up a great deal of diskspace when taking a dozen pictures. Choose only a few - perhaps your own "Top Five" lists - that you think are best for your site.

You are now set to add the tag to your own documents. Be sure to begin your file with and end it with . Any " titles " you enter between the tag ... will be displayed at the top of the page when your page is displayed. However, this heading may or may not be the same as the headline at the top of your page.

It' now up to you to see how well your formats have worked. Saving your text documents (remember: "Text only", and the filename should end with . html or . htm) and go back to the web page. You should then find the name of your documents and click "Open".

You will see your documents appear in your windows and look like a true web site! The HTML rendering process demands a great deal of care for small detail. When something doesn't look the way you expect it to, write it down and go back to your text file to customize it. Once again store the file, go back to the web page and click on "Reload".

You probably have to go back and forth many a time before your site looks great to you. There may be an online ISP who has an online banking connection with your institution that allows you to place your website on a web site so that others can use it.

Otherwise, you can simply continue to practice with your computer's harddisk containing your documentation. Or you could search for a free webspace for yourself or your class. When you are able to place your site on a web site, how will someone find it? Except they already know about your site - and know the precise location of the link!

There are three ways you can give humans a road map to your site on the information highway: You can find some other websites that have something to do with your site. These can be websites dealing with the same subject or posted by a student of your years. Send letters to the persons who manage these pages and ask them to visit your website.

When they like it, they can put a hyperlink to your page on their page. Sign up your website with a Google or Yahoo keyword index. As soon as you have added your web address to one of these database, those who are interested in the general theme of your site will receive a list of your site when they perform a query.

In Yahoo, for example, browse through their category until you find the category that best fits your site, and then click the "..." button. "You will be prompted to specify the page name, as well as the page address and a description or brief phrase describing what is on the page.

Try including words in your voice over that you think might be keyworded by a prospect when you perform a Yahoo quest. "Facts and pictures of Jupiter" or "Book review by high schools " are good commentary samples. One great place to get your own website idea is from the sites that are already out there.

Also, there are many websites that can help you enhance your own website. You want to find a home for your homepage?

Mehr zum Thema