Designing your WEbPage

Now that you have signed up for your free WebPage account, you are ready to make it yours!

To customize your webpage, you can

  1. upload files you already have (or that you’ve taken with the digital camera in class).
  2. customize the background and/or the text color (the color of the words themselves)
  3. choose pictures or clip art from AngelFire’s selection
  4. Add your own personal information about yourself and interests.
  5. Include links that interest you.

To get you familiar with webpage editing programs such as the one AngelFire offers, you should do all five of the above.

Before you get started, become familiar with the following webpages and how they are connected.

This first page allows you to choose a file to edit.

Under the orange heading of “Webshell” you will see the grey box below.

1)To work on your webpage, select the file named index.html. This is the name of your homepage file. (Look at the arrow below).

2)Then click on the EDIT button. (Look at the arrow below)

WEBSHELL

/index.html was saved successfully

Top of Form
FILES:
DIRECTORIES:
Bottom of Form
You are here:/apes2/sonya
Sort by: Name | Size | Date Modified

Create:New File New Subdirectory
File/Subdirectory Name:


Bottom of Form

The boxes below allow you to upload your own files to add to your webpage.

FILE UPLOAD

Top of Form

Select a file to upload: (Learn More)

Check to overwrite

Upload multiple files

Bottom of Form

You are almost ready to start creating your webpage! But first, look carefully over the pages below. This is where you will make your edits.

NOTICEhow your webpage looks at first and notice where on the editing page below you can make changes to different entries on your webpage.

Editing Pages

BASIC EDITOR STANDARD
/ help /
Bottom of Form / Top of Form

Bottom of Form / to advanced
Editing file:
This is the Basic Editor for the standard page layout. Use this form to add your own text, graphics and links, and to customize the look and feel of your page.
If there is a particular feature you don't want on your page, just leave the field blank and it will not appear. Please do not use HTML tags in any input field except the text blocks.
Step 1: Choose Colors
View colors in convenient popup window.
View colors in this window.
Background: /
Text: /
Link: /
Active Link: /
Visited Link: /
Step 2: Add Background Image URL
Use our Image Gallery or your own file. To use your own file, upload the image to your directory, then enter the URL or filename here. For example, if you've uploaded a file named picture.gif, just enter picture.gif.

For images from our Image Gallery copy and paste just the image URL into the field above. The URL starts with , then has other stuff, and ends with .GIF or .JPG
Step 3: Select Page Alignment
Step 4: Enter Base Font Size
Step 5: Enter Page Headline and Title
/
Title:
Headline Size:
Alignment:

Step 6: Add Main Image URL
/
To use your own file, upload the image to your directory, then enter the URL or filename here. For example, if you've uploaded a file named picture.gif, just enter picture.gif .

Alignment:
For images from our Image Gallery copy and paste just the image URL into the field above. The URL starts with , then has other stuff, and ends with .GIF or .JPG

Step 7: Create List
/
Title:
Change to list items.
1)
2)
3)

Step 8: Create Links
/
Title:
Change to links.
URL (Web address) / Description
/
/
/
/

Step 9: Create Text Block
/
Text: HTML and images are okay here. For images from our Image Gallery copy and paste the entire HTML snippet you are given.

Bottom of Form

Your Beginning WebPage

My Home Page

My Favorite things about Angelfire.

  • Easy
  • Fast
  • Fun

My Favorite Web Sites

Angelfire - Free Home Pages
Free Web Building Help
Angelfire HTML Library
HTML Gear - free polls, guestbooks, and more!

Thank you for visiting my page at Angelfire. Please come back and visit again!

So right now your webpage is pretty boring, right?

Follow the instructions on the Editing Page to do the 5 steps to customize your webpage.

  • upload files you already have (or that you’ve taken with the digital camera in class).
  • customize the background and/or the text color (the color of the words themselves)
  • choose pictures or clip art from AngelFire’s selection
  • Add your own personal information about yourself and interests.
  • Include links that interest you.

Remember to save your changesby clicking on the Save button. (See arrow below)

Bottom of Form / Top of Form

Bottom of Form / to advanced