Create a Website with HTML - Phase II

In Phase I of this little tutor we basically built a template which we will use to create our 3 page website.

In this phase we'll create those pages, learn how to place images in our paragraphs and change the appearance of the website using the style sheet.

I know you are anxious to get started on your own website, so let's get going.

Create 3 New Web Pages

Templates are pre-built web pages that can be used to create a website. We built our own template in Phase I. Now we'll use it to make the pages of our website. This is the same procedure you would use if you bought a professionally designed template or found a free one that you liked.

Open firstpage.html in NotePad.

We're going to use the Saveas function and save the page 3 times under different names.

When we built our links section, we added links and buttons for the following pages:
index.html
about.html
friends.html

On the top of NotePad, click File, Click Save As , enter index.html for the filename and click Save.
Click File again, Click Save As , enter about.html for the filename and click Save
Click File again, Click Save As , enter friends.html for the filename and click Save

You just created the 3 pages of your website!

You can now open index.html in the browser and click the links and access each page of the site. Problem is thay all look the same right now.

Let's make a change to the About page

Open about.html in NotePad.

Find the header tag in the right column:
<h1>My First Web Page</h1>
and change the text to About Me
<h1>About Me</h1>
Save the Changes

Now open friends.html in NotePad.

Find the header tag in the right column:
<h1>My First Web Page</h1>
and change the text to My Friends
<h1>My Friends</h1>
Save the Changes

Now look at your site in the browser. You can now see that you have 3 distinct pages ready for editing.

In the next lesson we'll learn to change the content and add some images to the paragraphs.

If you've got all 3 pages working, let's do some editing.