[PART 1] Beginner Tutorial

by mitha Sat Jun 30, 2012 10:07 pm

Beginner's Web site Creating Guide

OVERVIEW:

In this tutorial you will be transcribing code into notepad and then viewing it with a web browser. The code is called HTML (Hyper Text Markup Language) and notepad is a commonly used text editor on Window PCs. HTML may seem confusing at first, but we will help you understand how it works in this step-by-step tutorial of how to make your first web page.

YOUR FIRST WEB PAGE

To start off with copy the following HTML code into notepad. Be sure to copy the code exactly, otherwise your web page may not function correctly.

Code:: <html> <head> </head> <body> <h2>My first webpage!</h2> </body> </html>

The above code is all that is required to create a basic web page! Now save your file in notepad by selecting Menu and then Save. Click on the Save as Type drop down box and select the option All Files.

When asked to name your file, type "index.html", without the quotes. Double check that you did everything correctly and then press save. Remember where it was saved to because you will need to open this file, soon!

viewing your web page - web browsers

To view your web page, you are going to have to use a web browser (of course). Web browsers are programs that interpret HTML, like what you have just copied into notepad, and transform that code into a visual representation, or a web page. Common web browsers include:

►Internet Explorer
►FireFox
►Opera
►Netscape Navigator - R.I.P.

viewing your page

1. In the new browser window, select File then Open
2. Then click Browse to enter Windows Explorer
3. Do you remember where you file is? Good, then navigate to its location
4. When you find your file, index.html, double-click the file to open it inside your web browser

Success! You have just viewed your very first webpage.

[You must be registered and logged in to see this link.]