WARNING - Do NOT change the the template or theme!
The template is standardized so that all portfolios in the class will use the same recognizable menu structure, page sizes and features. Your marks depend on the clear presentation of your work.
  • Do not apply new themes - this typically makes it HARDER to control what your page looks like!
  • The menu structure (edit navigation) should not be tampered with - control it by naming and moving pages
  • The banner should remain the same size
  • Colours and Fonts must remain readible, and should demonstrate effective typography

Googlesites_Noise.jpg

TIP 1 - Clean up your Pages

Reduce unnecessary "visual clutter" on your pages
  1. Select the page you need to change from the sidebar menu
  2. Use the SETTINGS button and select PAGE SETTINGS
    (or you can just use "u")
  3. To keep your pages looking clean and consistent:
    1. Turn OFF "page titles", "show links", "show attachments" on pages where they aren't particularly attractive or useful
    2. You may want to "allow comments" for now - you can always turn them off later

  1. Click SAVE
Portfolio-Menu-Exemplar-Goo.png

TIP 2 - Clean up your Menu Structure

Menus ORGANIZE and GUIDE your viewer
  • BE ORGANIZED
    • MOVE pages into logical topics or units
    • Use a HEIRARCHICAL structure - number your pages to sort them
      Assume that your audience will only glance at the MAIN pages first, and based on their appearance, may choose to investigate into the NEXT levels after that
    • Your job is to make the contents CLEARLY define the contents, and to make them ATTRACTORS to suck the audience into the next level
      • MAIN PAGE (Main Attractor)
        • TOPIC
        • TOPIC
        • TOPIC (Summary of mini-gallery)
          • Nested Subpages
          • Nested Subpages

  • BE CHRONOLOGICAL
    • Oldest at the top - later works near the bottom

  • BE CONCISE
    • Keep you page names short enough that they don't "Text Wrap" in the sidebar menu
  • BE CONSISTENT
    • The CASE of you letters, and the format of your numbers should be conistent from top to bottom!
  • Can you use separators?
    In the example on the left, the student was able to find a setting that added separators between items.
Googlesites-Table_enhanceme.jpg
Googlesites-Table_enhance2.jpg

TIP 3 - Enhance your TABLES

Once you've created a table, you can "tinker" with the HTML code to improve the standard table format.
  1. Click the HTML button at the top right of the edit window
    html-button.png
  2. Look for the line that starts with the tag "<TABLE "
    Leave a space and type in the following "parameters" to add them:

  • CELLPADDING="10"
    to create a better, wider margins inside each cell around text objects
  • BORDER="0"
    To remove the black borders

  • BGCOLOR="#eeeeee"
    to add a light gray background colour to the entire table

  • You can use an online colour picker if you need to find a precise hexcode for other colours in BGCOLOR

googlesites-enhance40.jpg

TIP 4 - Dress up your UNIT PAGES

Rather than leaving them blank, consider adding typography, graphics or animation to the pages for each of units in your portfolio

Thumbnails are resized versions of each of your pieces. They can then act as links to the pages that feature that piece, and describe more about it.
Thumbnails in our portfolio templates are 200x150 pixels in dimension