NHS Designs

Quiz

Right-click on each file below, selecting "Save Target As..." and saving them to the images folder inside the root folder.

segway1.jpg
segway2.jpg

Web Design
HTML

HTML 09: From outline to Web page

You're almost there with Tony's Web page. You've created an outline. Now all you need to do is create the corresponding HTML to represent the page and fill in Tony's text.

Before you begin, remember that every Web page needs to start with the <html> element and include the <head> and <body> elements.

Here's the basic HTML skeleton again:

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

</body>

 

Assignment

Create Tony's Web Page

In the HTML 08 lesson, you created an outline of Tony's Web page. Now all you need to do is create the corresponding HTML to represent the page, and fill in Tony's text.

Before you begin, remember that every Web page needs to start with the <html> element and include the <head> and <body> elements.

Now that you know what "building blocks" make up each part of the page, you can translate this blueprint directly into HTML.

 

Instructions

  • Create a new folder and name it lastnamefirstinitial_journal.
  • Create an images folder inside of the journal folder.
  • Save the images in the green panel on the left into the images folder (right-click, Save Target As...).
  • Create a new HTML file in Notepad called "index.html" and save it in the root folder.
  • Code the HTML for the "index.html" page.
  • Use this text as the <title> of the Web page: My Trip Around the USA on a Segway.
  • Remember that there are two<img> elements and that they will need relative paths in the src attribute.
  • Test your page in a browser.

Here's the text from Tony's journal that you may cut and paste into your HTML file in Notepad. It does not include any markup:

Segway'n USA

Documenting my trip around the US on my very own Segway!

August 20, 2005

Well I made it 1200 miles already, and I passed through some interesting places on the way: Walla Walla, WA, Magic City, ID, Bountiful, UT, Last Chance, CO, Why, AZ and Truth or Consequences, NM.

July 14, 2005

I saw some Burma Shave style signs on the side of the road today: "Passing cars, When you can't see, May get you, A glipse, Of eternity." I definitely won't be passing any cars.

June 2, 2005

My first day of the trip! I can't believe I finally got everything packed and ready to go. Because I'm on a Segway, I wasn't able to bring a whole lot with me: cellphone, iPod, digital camera, and a protein bar. Just the essentials. As Lao Tzu would have said, "A journey of a thousand miles begins with one Segway."

 

Turn Your Work In

  • Turn in your lastnamefirstinitial_journal folder.

 

Source: "Head First HTML with CSS & XHTML" by Elisabeth Freeman and Eric Freeman


ABOUT MRS. PEDERSEN · EMAIL MRS. PEDERSEN
resources · copyright information · Website designed by >