Go to www.sage.edu/reason and login with your SageNetID and password. You will have received this information after attending a Reason training session in an email from the webmaster.
After logging in to Reason, you may see one of two pages:
- If you have access to multiple Reason sites, you will see a page that lists the sites along the left side of the page. If this is the case, choose the site you would like to work on from the menu.
- If you only have access to a single Reason site, you will not see this page — since you don't have any sites to choose from — and you will be taken directly to the one site you have access to.
Once you have entered a specific site, you will see a menu of all the kinds of things you can edit: The list of these kinds of things may vary depending on how your Reason site has been set up, but typical options are pages, images, assets, and text blurbs.
In order to associate images with a gallery on the page, you must first upload images into Reason. To do so follow these steps. If you have already uploaded images into Reason, skip to Associating the images with a page.
> CHOOSE IMAGES
You should now see the area where you can manage the images available on the site. This area has a listing of all the existing images in your site. If you have borrowed an image from another site, it will also show up in this list.
Use the Filters form to quickly find images in a large site.
Add Image will allow you to upload an image to the site. Once you've added it you can associate it with a page.
Batch upload images will allow you to add multiple images at a time to the site. This option is handy if you are creating a web photo gallery.
> CHOOSE ADD IMAGE or BATCH UPLOAD
instructions for single image | instructions for batch upload
For Adding a Single Image:
You should now see a form that allows you to fill in the information for your image. Image file types that should be used include JPEG (*.jpg), GIF (*.gif), and PNG (*.png). Images must be edited and cropped before uploading to the server. Reason does not include any image processing software.
Name -- This field is used for internal reference. This is the name of your image.
Photographer -- This field is optional and is for internal reference.
Short Caption -- This field is a brief description of the image. Can be used when displaying the full size image.
Long Caption -- This field is optional and can provide with a longer description of the image.
Keywords -- Search engines are now indexing images in their results. This field is used by people searching the site and also helps with some Search Engine Optimization. Enter a list of comma separated words that you think people might search for.
Photo Taken & Original Image Format -- These fields are optional and are for internal reference. This allows users to better identify when and how the photo was taken.
Image -- This is the actual image you want to upload. Use the "Browse" button to choose the image you want to upload. Because of template restrictions, all images larger than the content area of the website (approximately 400 pixels wide) will be scaled down.
Do Not Resize -- This option should not be used. Images that are too large and used at full size will break the template and can also cause long delays in load time.
Thumbnail -- This field is optional. If you have cropped the image yourself you can upload a thumbnail of the image. If you do not upload a thumbnail, Reason will automatically create a 100 pixel wide thumbnail of the image. We have chosen 100 pixels wide so you can use images you upload in the right column without breaking the template.
Sharing -- "Shared" means anyone who has access to your mini-site can "borrow" this image and have it show up on their page. "Private" means only those in your mini-site can use this image. If you share your image and make changes to it, the changes will show up on all pages that have the image associated with it.
> SAVING YOUR WORK
It's a good idea to save your work often. Browsers can crash, and if yours does, you will lose the changes you have made since the last time you saved. To do a quick save, select the "Save and Continue Editing" button at the bottom of the form.
If you are done filling in the information, choose "Save and Finish" to upload the image to the server.
If you decide not the save your image, choose "Cancel" from the left menu at the top of the page. Choosing "Finish" will also cancel any changes you have made to your form fields.
For Batch Upload:
You will be brought to a page that allows you to upload multiple images at the same time and associate information with each of the images uploaded. The page will have one text box and browse button for an image. Once you choose an image to upload, a second option box will appear. Continue choosing images until you have selected all photos that you want to upload.
NOTE: Depending on the number of images and their file sizes, uploading a large amount may cause the server not to respond. If you are uploading a lot of images at once, either edit the images first and save them smaller or only select up to five images at a time.
Once you have selected all the images you can fill in some information that will be associated with all of the images uploaded. All options are optional and you will be able to fill in all the information at a later point.
Name -- This field is used for the displayed name of the image on the gallery popup. You can use this to associate a name with all of the images uploaded to make selecting for your gallery easier. Each name will have what you entered here in the name field.
Photographer -- This field is optional and is for internal reference.
Short Caption -- This field is a brief description of the image.
Long Caption -- This field is optional and can provide with a longer description of the image.
Keywords -- Search engines are now indexing images in their results. This field is used by people searching the site and also helps with some Search Engine Optimization. Enter a list of comma separated words that you think people might search for.
Photo Taken & Original Image Format -- These fields are optional and are for internal reference. This allows users to better identify when and how the photo was taken.
Attach to Gallery -- Do not choose a gallery from this list. We will associate the images later in the process with the gallery of your choice.
> CLICK IMPORT PHOTOS
Once you have filled in all the fields you want and selected your images, click the 'Import Photos' button to begin the upload process. Once the process has completed you will be shown a status report. If you are done importing your photos choose 'review & approve imported photos' or if you want to upload another batch, choose 'Import another set of images'.
> CLICK REVIEW & APPROVE IMPORTED PHOTOS
All the photos that you upload through the batch import process are saved as pending items. Once you are done uploading all the images, you must review and approve the photos. It is here that you can change or add information for the photos name or other information. Choose 'Edit' next to the first image in the list and fill in the required information.
Note: Be sure to check the 'Replace Thumbnail' check box to resize the image to an appropriate thumbnail size.
> CLICK PUBLISH AND GO TO NEXT
Clicking publish and go to next will save the image and advance you along the list of images until you hit the last pending image. Once you reach the end it will just refresh the page instead of bringing you to the next item in the list. Once you have uploaded and approved all your images you can begin creating the gallery page.
> ASSOCIATE IMAGES WITH A PAGE
If the page has already been created, follow the instructions on editing an existing page. If you are creating a new page follow the instructions for adding a new page.
Note: When going through the instructions above, be sure to follow the instructions below once you get to selecting the page type.
> SELECT 'Popup Image Gallery'
We have created a new gallery type for The Sage Colleges. The popup gallery will create a styled photo gallery with thumbnails and an unobtrusive photo popup for the full image size. Any information put in the 'Content' box on the page will show up above the photo gallery thumbnails. You can use this for a description of the gallery or instructions about how to use the gallery.
> CHOOSE 'Save and associate'
Choosing 'Save and associate' will save your page and/or it's changes and bring you to the left menu item 'Place images on this page'. From here you can select the images you want associated with the photo gallery. The order in which the images are chosen or show up in the list will be the order they appear on the photo gallery. You can use the Filter boxes to search for the images you uploaded.
> CHOOSE FINISH
Once you are finished selecting the images you want in the gallery, choose 'Finish' from the left menu options. Your page will be saved and your gallery will be associated with the page. You can now go and view your new photo gallery.
------------------------------------------------------------------------------------
For more information or assistance please call the helpdesk at 244-4777
Article submitted by: Kevin Hanselman
