Creating Web Pages Unit


phase1

Below are the parts you will need to complete the first phase of your website. When you're done you should have a basic 4 page website, that includes a:

  1. Home Page
  2. Reading Page
  3. Writing page
  4. Math Page

Home page:

  1. Introduction about the author of the website (but NO last names.....anywhere)
    * Write a paragraph that describes you. If you did a personal ad on yourself, you can cut and paste it here. Just make sure you delete your last name....it's just a good policy to avoid putting your first and last name on the Internet. This is a short advertisement about you. Include 5 things about yourself that describe who you are and what you enjoy.

  2. Banners, buttons, or graphics created at www.cooltext.com
    * Go to www.cooltext.com an pick on the text designs. Click on a design and then put the text in the box that you want to create (____'s Home Page, Reading Page, Writing Page, and Math Page). Once you have the design and text picked out, choose Render Logo and wait a few seconds.....it will create your new banner for you. Then, drag this image onto your desktop (or control-click on it and choose Save As...). Once you have it on your computer, you should be able to drag it onto your webpage and then publish it to your website. You can also create buttons, using the same process. Just try to keep a consistant color scheme to your page.

  3. Royalty-free pictures from www.morguefile.com
    *Go to www.morguefile.com This has pictures that aren't copyrighted....or to say it another way, someone else doesn't own these pictures. People put pictures here they don't want anymore, so these pictures can be used anywhere. I know myspace websites have any-old pictures from anywhere, but technically, you're breaking copyright laws by getting Halo, Star Wars, or AC/DC pictures from the Internet. Royalty-free pictures are pictures where no one is trying to make money off of the pictures. You can use them for free.....SWEET!!!! So, now that you're at morgue.file..... In the search tool you can search for photos according to topic. So if you want a soccer picture on your website, type in soccer and it will bring up all the soccer photos you might want to use. You can also click on the Archive button and it will show you all the topics that people have used to put pictures in catogories.....like if I'm looking for dog pictures, I would go to Archive and then the Animals section. Pick a few pictures to jazz up your website.

  4. Image altered in Photoshop (Tech 2)
    * Drag the .jpg picture you created for your personal ad onto your home page.

  5. Links to reading, writing, and math pages + Tech Lab and Home Page
    *Now it's time to check out the tutorial......click here to visit the Links page that will show you have to make links to other pages...

Reading page:

  1. A list of your top ten favorite books
  2. A book review of your favorite book
  3. Link back to YOUR home page

Writing page:

Describe your strengths and weaknesses as a writer

  • Links to PDF files of writing best technology paper and/or personal ad
    ( Link MUST identify that the link is a PDF!!!!! Very important!!)
  • Link back to YOUR home page


Math page

  • 2+ Graphs that include–
    • Title
    • Axes
    • Increments
    • Labels
    • Scale
  • Averaging activty- Explain how to find the average of numbers.
  • Link back to YOUR home page

--------------------------------------------------------------------------------------------
On all pages:
* Do the colors make the text easy to read?
* Do you have things arranged NEATLY in tables?
* Do all your links work?

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

Handouts:

 

 

 

All pages created by Brock Hurt.
Last Modified -