Student Resources

Click images to enlarge them.

STUDENT RESOURCES

The Student Resources page on each elementary and middle school website provides easy access for students to online learning resources. Each text link is accompanied by reminders of the format of any required username and password as well as a clickable image.

Formatting the page and each entry

The format of the page and each entry differs for the elementary schools from the middle schools.

ELEMENTARY SCHOOLS
  • The page uses the Two column Layout.
  • Each entry begins with the text link to each resource, which is left-justified 12 pt bold, Normal font, with the Format set to Heading 3. 
    • HINT: Sometimes when you combine different font and size and heading settings, the combination yields unexpected results. You can always start over by highlighting the problematic text with the mouse, clicking on Format, and using the Remove formatting and Normal text options to try and reset everything. Then select Heading 3 and then, if necessary, change the size to 12 pt., etc.
  • Username and password reminders are left-justified 10 pt with no format.
  • The images used are no more than 75 pixels in height and no more than 200 pixels in width. They are set to be right-justified with text flowing around them, and each image's Link has been changed to go to the online resource in question.
  • Each entry then has enough lines added until a Horizontal Line from the Insert menu could clear the graphic on the right.
MIDDLE SCHOOLS
  • The page uses the Three column Layout.
  • First comes the image. The images used are no more than 75 pixels in height and no more than 200 pixels in width. They are set to be centered with no text flowing around them, and each image's Link has been changed to go to the online resource in question.
  • The text link to each resource comes below that, and is centered 12 pt bold, Normal font, with the Format set to Heading 3.
    • HINT: Sometimes when you combine different font and size and heading settings, the combination yields unexpected results. You can always start over by highlighting the problematic text with the mouse, clicking on Format, and using the Remove formatting and Normal text options to try and reset everything. Then select Heading 3 and then, if necessary, change the size to 12 pt. and center the text, etc.
  • Username and password reminders are centered 10 pt with no format.
  • Each entry ends with a Horizontal Line from the Insert menu.

Finding images

It is important to always include an image with each link. That helps students find the link they want more quickly, and is easier to click on when students are using touchscreen devices.

The best source for the image comes from the online resource's webpage. Usually you can visit their webpage and see an appropriate image there. RIGHT-click on the image you want and select something like Save image as... or Save picture as... to save the graphic to your computer.


Resizing images

Sometimes that image can be used as-is on your website, or resized as necessary with the S, M, L, or Original sizing options. But it is best to try and get each image to either be exactly 75 pixels tall or, with images that are more than 200 pixels wide in that case, exactly 200 pixels wide instead.

  1. In Windows 7, you can open Windows Explorer (which you use to find files on your machine) and navigate to where you saved the file. (If you don't select a save location yourself, it often winds up in a Downloads folder.)
  2. Double-click on the file name in Windows Explorer and it will probably be dispalyed in the Windows Photo Viewer application.
  3. Use the Open menu to select Paint.
  4. Now you will be viewing the image in the Windows Paint application.
  5. Click on Resize in the Image section of the ribbon at the top of the page.
  6. In the Resize and Skew dialog box, click the Pixels option.
  7. Change either the Horizontal value to 200, or the Vertical value to 75, while the Maintain aspect ratio option is checked ON. (If you set Horizontal to 200 but that yields a Vertical value greater than 75, then change Vertical to 75 instead.)
  8. Click the OK button.
  9. Click the icon at the top to the left of the Home tab to open the file menu.
  10. Select either Save or Save as to save the image to your computer.
  11. Back in Google Sites with your Student Resources page in edit mode, click in the spot for the new image and use the Insert menu to upload it.
Resizing images




Comments