Extension - Make Your Home Page Visual

Page Created by Dustin Worm for UCET Presentation "Keep Your Canvas Clean" (April 2015)

   13 Reasons Your Brain Craves Infographics

 

                   Click Image to View InfoGraphic

 

A Few Cool Stats:

1.  90% of information transmitted to the brain is visual,              

   and visuals are processed 60,000X faster in the brain

   than text.  (3M Coperation)

2.  Facebook  photo albums receive 180% more

   engagement than a normal post. 

3.  Visual aids in the classroom improve learning by up

   to 400 percent. (3M Coperation)

4.  People following directions with text and illustrations

   do 323% better than people following directions without

   illustrations. (Levie, W. J. & Lentz, R.)

5.  Researchers found that colour visuals increase the

   willingness to read by 80%.  Green, R. (1989).

Sample Homepages

 

 

 

Tips for making your Canvas Home Page Visual

        These tips may also apply to other pages!

                (Suggestions based on experience)

 

        1)  Images MUST be the same size

        2)  Image size 255x191

        3)  Indicate "Current Unit" in Red

        4)  Banner width should be no longer than 950 

        5)  When creating a table, do not use more then 3 columns.

        6)  Screen Shot = shift + command + 4 (Mac)

             **RENAME screenshots**

 

   

 

 

         

 

 

Step 1.png

Tool:   Why this Tool?   Quick Steps to Make Buttons
 Screen Shot 2015-04-01 at 7.33.58 AM.png   

~ Super easy and free.

~ Helps prevent wordy buttons   

~ Finding images is quick

A.  Make each slide a button

B.  Export your Haiku Deck as a PowerPoint (.PPT) file by choosing the export button.

C.  Open the powerPoint File and choose "Save as Pictures" from the "File" menu.

      This will create a JPEG for each slide.

D.  Choose "Options..." in the Save Screen and change the width to 255 and click OK.  

E.  Choose location to save to and click "Save."  A popup window will appear, click OK.

F.  There is now a folder with each slide as a JPEG image file.  

 ppt.png

Doesn't every teacher

know PowerPoint. PERIOD! 

A.  Make each slide a Button.

B.  Choose "Save as Pictures" from the "File" menu. This will create a JPEG for each slide.

C.  Choose "Options..." in the Save Screen and change the width to 255 and click OK.  

D.  Choose location to save to and click "Save."  A popup window will appear, click OK.

E.  There is now a folder with each slide as a JPEG image file.  

 

Step 2.png

Adding a group of images is super easy by using the "File" link located              

in the course navigation. For this step we will be skipping ahead to file

management, we will come back to it shortly.

1.  Click on "Files" located on the left side of your screen.  

2.  Create a new folder titled "HomePage" to place any images or files that

      will be located on your home page.   

3.  There are to fast ways to do this:

     A.  While having your new folder open, drop and drag the image files,

           your buttons, into the folder (Video right)- BLAZING FAST

     B.  While having your new folder open, click upload, and choose

           images.

Canvas Files mass upload
make animated gifs Links to an external site. like this at MakeAGif

Step 3.png

1.  Insert a table on to your home page.                               

     Tip #1  The table should not have more than three columns when

                 creating a table for a visual home page.  

     Tip #2  If you want to place dates above the unit button, double the

                 number of rows in the table.  This will help students and

                 parents with navigation (Suggested).  If you choose to insert

                 date ranges, before going to step 2 enter coming soon to all

                 odd numbered rows. (Sample Right)

2.  With the cursor in the cell you would like to insert the first image

      button, choose the image from the navigation on the right side of

      your screen, "Insert Content into this Page."   When you click the

      image, the button will be inserted.

3.  Repeat step 2 for all of your unit buttons.

4.  To link the image to a unit page, the unit module, or other canvas

      content click on the image in your table and then choose the desired      

      location from the navigation on the right side of your screen, "Insert

      Content into this Page" under "links."

5.   Repeat step 4 to link your other buttons.  If you change the content

      pages name, module name, discussion name, etc.  you will need to

      relink the button.

6.  Test the links!

Tip #2 Sample

Table sample!.png

 

Adding Buttons 

adding buttons

make animated gifs Links to an external site. like this at MakeAGif

 

Downloads of Unit Pages (NOT HOMEPAGE)

Unit Page Layouts with Blue bars Content Pages:  Download Download Download

Unit Page Layouts with Purple Bars

Word Document with Unit Page Bars template: Download Download