Using HTML5 and CSS to Create a Website

How to Create a Website

This exercise probably doesn't belong in a web design tutorial, but if you've never created a web page, you might be interested in how easy the process really is.

Building Your First Web Page

Building your first web page can be done using 2 simple tools; NotePad and a browser.

Let's break the code of a page down to its most basic form and show you how simple it is to put words on a computer screen even without a sophisticated editor.

The most basic code for an HTML page is shown below. We'll add a sentence to the code and use a browser to put it on our computer screen.

The procedure:

  1. Open NotePad
  2. While holding down the left mouse button
  3. Drag it across code (red) shown below
  4. When all of the code is highlited, click the right mouse button on the highlited text.
  5. Choose Copy by left clicking.
  6. Set the cursor in the NotePad editor window
  7. Right Click
  8. Left Click Paste

Basic Code of an HTML Page

<html>
<head></head>
<body></body>
</html>


In the NotePad window:

  1. Between the 2 body tags
  2. TYPE Hello World
  3. to produce the code: <body>Hello World</body>
  4. Save the file as firstpage.html ( the .html extension is critical )
  5. Be sure to remember what directory you save the file in.

That's it!! Believe it or not you just created your first web page.

Well seeing is believing so let's open the page in a browser.

Browser Instructions
(Procedure may vary in newer versions.)

Internet Explorer:

  1. Double-Click the Internet Explorer Icon to start the browser. (Fat blue E)
  2. Click File
  3. Click Open
  4. Use Browse to locate firstpage.html
  5. Click on the file to highlite
  6. Click Open
  7. Click OK

There it is!! Your first web page running in a browser.

Mozilla:

  1. Double-Click the Mozilla Icon to start the browser. (Dragon)
  2. Click File
  3. Click Open File
  4. Navigate to the firstpage.html file you saved.
  5. Click on the file to highlite
  6. Click Open

If you were Successful - Read this!!

If you are interested in a complete step by step website building tutorial visit the latest addition to our arsenal.

You'll not only learn the basics of HTML coding, but you'll also learn the powerful art of using style sheets to format web pages. Take a Peek.

Open Notepad beside it and you'll build your first website in less than an hour.

Use it in conjunction with this tutorial and you'll have all the knowledge you need to get a working website on the internet!