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.

Free Business Web Hosting

If you are building a website for a business or organization, you can put it online for free at Microsoft® Office Live Small Business. You can create your website with HTML and upload it or use their tools and build it online. Take your business online with Microsoft® Office Live Small Business. Get started for FREE! Take the TOUR!

Create Web Sites without Learning Code

Create web sites online without learning any code using Yahoo's simple but powerful Site Solution builder.
Try the Site Solution Demo

Sitebuilder 2.6 is even better than previous versions of Yahoo's downloadable builder. Download it to your PC and create a web site with all the bells and whistles.

Start today and SAVE 25% on your first 3 months.

Get everything you need for a great web site with Yahoo! Web Hosting - 25% off

Property of
Net Success 2000 Plus Inc
Po Box 1508
Somerset KY 42502
Last Modified: September 17, 2008

Home

HTML Tutor
Beginner
HTML Basics
Add a Heading
Add a Paragraph

Intermediate
Phase I
Getting Started
Basic HTML Page
Creating Columns
CSS
Color
Headings
Images
Paragraphs
Site Heading
Linking

Advanced
Phase II
Start Phase II
Editing Pages
Change Appearance
Summary

Helps
Tag Glossary
Finished Code
Image Download
Color Tool
Hex Code Chart
Free Web Templates
Free Heading Graphic
Free Backgrounds
Put It on the Web
Quizzes
Your Questions

HTML Editors
Overview
NoteTab Light
Webbuilder

Online Builder Tutorials
Soholaunch
SiteReptile
SiteSTUDIO

Other Helps
Flash Web Sites