Mr. O'Connell's Technology Home Page

home web design business and personal finance biography links2

Web Page Design

Academic Resume Website Project
Phase Four: Adding Images

Phase One: Planning
Phase Two: Writing Content
Phase Three: Starting the Site
Phase Four: Adding Images

Your goal is to add images to each of your pages with the exception of your Resume page.

  • Save all of your images in one folder. You may chose the location for this folder. One option is to create an image folder on your Google Drive. Here are instructions if you want to do this:
    • First, go to Google Drive and create a new folder and name it images. Create it here:
      • My Drive<Classroom<Web Design< images
    • Save all of your edited images in the images folder you just created.
      • As always, make sure your images are school-appropriate as your teacher would define school appropriate. When in doubt, ask your teacher.
      • Find images that tie into the theme of each page. For example, if you are on your Co Curricular page, have pictures that relate to your interests.
  • Include a picture of yourself on your Home page. The picture should be appropriate to the website. You should look well groomed and professional.
    • Type this question into Google: "What does it mean to dress professionally?"
    • Get a cross section of opinions in order to get a clear sense of what this means.
    • Make sure your picture reflects your new understanding.
  • On your Academics page, prepare images that directly relate to the subject matter. For example, if you read J.D. Salinger's Catcher in the Rye, prepare an image of the book's cover, and place it prominently at the top of the page.
  • On your References page, a simple Google image search of the word References will yield hundreds of images that will work very well.
  • On your Co Curricular page, include images of you doing what you do best. For example, if you play a sport, have an image of you playing the sport. Do not use images of professional athletes playing that sport.
  • Each image should be cropped, resized and optimized in Photoshop as per previous lessons. Use Photoshop for image editing for the duration of the project.
  • The best strategy is to make all of your images the same size and proportion. However, if you have a mix of images in portrait and landscape, make sure the sizes proportionally match. For example, if an image formatted in portrait has a height of 200 and a width of 300, size it's corresponding landscape image to a height of 300 and a width of 200.