Making Web Pages, Part 2

Abstract

This lesson allows students to get a better understanding of creating web pages.

Students will do so by continuing to work on their web pages created on the previous day.

Objectives

Upon completion of this lesson, students will be familiar with more complicated HTML commands.

If using UNIX text editors, students should be able to successfully perform a secure copy (scp) on a Mac or WinSCP on a Windows machine.

Student Prerequisites

• Technological: Students must be able to:
  • perform basic mouse manipulations such as point, click and drag

Teacher Preparation

Students will need:

• Access to a HTML editor such as BBEdit
• Handouts of basic HTML commands

Lesson Outline

Elaborate on the previous lesson, "Making Web Pages." The students should be taught to add images to their site, as well as some links to other web pages. If using UNIX, students will need to learn how to move images onto a web page by using either the scp function (on a Mac) or WinSCP (on a Windows machine). Pictures may be taken and uploaded from a digital camera or taken from the web. The completed student web pages should consist of a name, a little information about the student, and at least one picture.

If the class is using a basic HTML editor such as BBEdit or Word, the students will need to place their images in the same folder as their .html page.

Using the secure copy function:

• Mac OSX: Open a terminal window. BEFORE logging in, the student must scp their images to their server accounts. The basic form is scp LocationofImageonComputer username@servername:public_html
  • For example: scp ./Desktop/image001.jpg bettysue@scan:public_html
• Windows: Download WinSCP for your Windows machine. Type in username@servername then connect. Click and drag your files from the local machine to the server.

Alternate Outlines

This lesson can be rearranged in several ways

• Students can work in groups or individually to create their pages
• Images can be uploaded from a digital camera or taken from the Internet.