Creating Web Pages Unit

Putting A Graph On Contribute USING ApPleworks

Step 1- Open AppleWorks and pick spreadsheet.

opening screen

Step 2- Type what you want on the X-axis starting from B1 (left to right) Then type what categories you want in your Y-axis starting from A2 going down. These are the labels for your data.

Step 3- Put the data (numbers) just like making a graph on paper.


Step 4- Highlight all of your information including block A1

Step 5- Click on the graph button which is the 6th button from the right


Step 6- Pick what type of graph you want.


Step 7- Now select Axes from the left and type in what you want the Y-axis to say.


Step 8- Then click on the bubble next to X axis and type in what you want that to say and click “OK”.



Step 9-Once you click OK, your graph will be created. Yes!

***Important!!! You can't just drag your new graph into Contribute.... you have to make it into a .jpg file, so Contribute knows that it's a graphic and browsers will be able to see your picture. So, follow the steps below to take a picture of your graph and convert it to a .jpg file. :-)


Step 10- Take a Screenshot of the graph....this is a picture of part of the screen:

  1. To take a picture of part of the screen, press Command-Shift-4,
  2. Then drag from the top corner of the graph to the opposite bottom corner
    to select the area you want in the picture.

    ( To take a picture of a window, the menu bar, the Dock, or other area,
    press Command-Shift-4, then press the Space bar. Move the pointer over the area you want so that it's highlighted, then click. If you decide you want to drag to select the area, press the Space bar again.
    If you press Command-Shift-4 and decide you don't want to take the screen shot, press the Escape key.
    # Screen shots are saved as files on the desktop.

Step 11- Once you've taken the screen shot, it will "magically" appear on your desktop. Move the windows aside and double click on the file (it will probably be called Picture 1). If it has a .jpg after it, just drag it into Contribute and your done. If it doesn't, go to File......Save As..... and change the File Format from PNG to JPG....

changefileALSO, click the blue triangle at the top of the box and you'll see that there's a box at the bottom that is checked called " Hide Extension"


Step 12- Name it, and save it to the desktop.


Step 13- Go back to contribute and drag the JPEG from the desktop to your contribute page. (If dragging it doesn’t work then click image-from my computer in contribute and find your graph)

Top Of Page


Designing web pages with Contribute

Step One -  Getting Started

Step Two -   The Basics

Step Three -Thinking about design

Step Four - Evaluate your page/ rubric

Before you begin:

  1. Things to consider before your begin
  2. Phase I-Student website
  3. Phase II- 5 more pages-Tech 2
  4. Website design rubric

Creating the basics :

  1. Getting started
  2. Text
  3. Links
  4. Pictures
  5. Creating graphs
  6. Things to remember
Design tips:
  1. Uniformity
  2. Getting permission
  3. Basics and design quiz
On your own:
  1. Your own Web Page
  2. Website design rubric
Designing Web Pages Handouts - Use only if you don't have a printed copy from Mr. Hurt





All pages created by Brock Hurt.
Last Modified -