LCPS Art Teacher In-service Workshop Augusta Dadiego September 1, 2009

Preparing to make a Photo gallery in CMS you will need to set up a folder to save all the photos you will upload to the gallery. All photos must be sized, rotated and adjusted in photoshop or photoshop elements prior to uploading to CMS. Once in CMS no adjustments may be made in the direction of the photo only brightness and contrast. Check with your TRT so that the photo gallery option is turned on for your account.

Preparing Photos for the Web Use Digital photos or scanned artwork files. The best resolution for the web is 72 dpi. Approx. 4in x 6in. Photos must be saved as JPEG extension. PSD extension(Photoshop documents will not upload and be read by the web)

Once opened in Photoshop/Photoshop elements Go to Edit Image size and adjust the file size. You can also crop the photos, rotate and adjust the Brightness and Contrast before saving to your file.

Saving files: File Names: When saving your files save with short names No commas or apostrophes. Here is an example of how to save the file Student’s first name_drawing_Art 1 Ie: Liz S_Drawing_Art 4 If you have a digital photo of a student (which has not been altered)do not use the student’s full name as the save for the file so as not to identify the student.

How to create the photo gallery in CMS Step 1: LOGIN to your CMS Homepage

Step 2: Go to site Manager (top right hand corner) The Site manager will open.

Step 3: You may add the Photo gallery to an existing page Or create a New Page. This demo I will create a New Page. Select a FLEX Page for this new page

Step 4: Title this page Art Gallery, Class Name or Art Show event. Click in the circle to choose Blank Page And Click on Save Click on Active so you can view how it will be seen on the web.

Step 5: Click on the Gallery page name you just created. It will open in an new window. In the Green Tool Bar Go to Tools And open photo galleries.

Step 6: New Photo Gallery Page: Give the Gallery a Name that describes what the gallery will display. Fill in Gallery Description. Photo Delay norm is 5 secs but can be altered. Fade style can be changed. Gallery Width leave at 500 Background sound (I do not use this option but it could be added. Click Save once you are done.

Step 7: In site manager Open the page where you want to place the photo gallery. Select tools(at top of green screen). Select your photo gallery by name. This will open the manage photo galleries page. Select the button photos.

Step 8: Managing your Photos On this page you will Tell CMS where your photos were saved and Now store them on CMS in your photo gallery. You have two choices to upload: 1.Upload photos: where you will be able to upload 5 photos at a time. 2.Batch Upload: Uses Java to upload all in particular file at once.

Step 9: Using Batch Upload This will give you a screen to upload photos to your gallery. Select Batch upload Once Batch upload is open, select upload files.

Step 10: Add files box will come up. Select the drive and folder where your photos are located. When you upload all files within this folder will be added. After selecting the folder select add files button.

Step 11: Now CMS has added your folder to the photo gallery. You must select the files within this folder to be displayed on the webpage. Click on the first file. Hold the shift key and select all files you want uploaded. You will see the selected files at the bottom in the File name. When done select Add Files.

Step 12: Now the selected files List You must select the files again to put into the gallery. Select the files to upload by selecting first file and holding the shift key. When finished select upload files. You will see a blue bar at the bottom with a percent of how much is uploaded. Once at 100% all photos are uploaded.

Step 13: Now all your photos for the gallery are uploaded you can arrange the photo order by clicking and dragging on an individual photo. When done select save. You can go back and edit the arrangement any time By going back to the site manager and clicking on Photo gallery.

Step 14: You will be taken back to the manage photo pages. In order to use this gallery you must select publish, located at the top of the page. A pop up box telling you it is published will appear once completed.

Step 15: To make your Photo gallery active. Go back to your site manager page and select the flex page you want the photo gallery to be on. Open this page by clicking on the name.

Step 16: The page will now open Go to the icon bar at the top of the page and click on the photo gallery icon(Sunset picture). This will open a dialogue box. Select the Photo gallery which you want to be viewed on this page. Select Insert Gallery when finished.

Congratulations ! You have now successfully created a CMS Photo Gallery