Versions Compared

Old Version 8

changes.mady.by.user David Schmidt

Saved on

compared with

New Version 9

changes.mady.by.user David Schmidt

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents

Table of Contents
excludeTable of Contents
printablefalse



Excerpt
Section
Column
width30%

Images

Cascade Server makes working with images for your website easier with an internal image editor. Images must be loaded into Cascade Server prior to being added to a page.

Uploading Images into Cascade Server

  1. Click on New > Default > Image to upload an image into Cascade Server.

  2. When the New Asset screen loads, give the image a name and select the image file from your computer to upload into Cascade Server.

  3. Input the correct data into the remaining fields to give the image a name and location.

    • File Name – Image name. You may update the image name if needed. Remember, do not use any spaces, special characters, or uppercase letters. If you update the system name be sure to include the correct file extension (filename.pdf, anotherfile.doc, etc.).
    • Placement Folder – Defined at the system level and should not be modified.
    • File Attachment Area – Click Choose one to select the image from your computer. Files must be smaller than 1MB. Files that cannot be optimized to less than 1MB may be placed on the Large File (Catcher) Server instead. If you require assistance with large files, contact the Web Team by submitting a ticket to http://www.sandiego.edu/web-requests/.

  4. After the selected image finishes uploading, the image will display in the New Asset Window. Basic edits such as rotation, cropping, and resizing can be made with the Cascade Server Image Editor.

  5. If no edits are needed, click Submit to complete the upload.


Column
width70%

 



Section
Column
width30%

Using the Cascade Server Image Editor

Use the menu items listed in the Edit Image pane to manipulate the image as desired. Changes will appear in real-time as they are made.

 Image Editor Reference – http://www.hannonhill.com/kb/Image-Editor/ 


Column
width70%



Section
Column
width30%

Adding Images to a Page

  1. Upload your image to Cascade.

  2. After uploading, place the cursor where you want the image to appear and click the Insert/Edit Image button on the WYSIWYG editor menu. The Insert/Edit Image Dialog will display. Make sure to leave the selection on Internal.

  3. Select the image in the Image Field. Select the image name by typing in the search box or click the Browse Icon to browse through the system to locate the image. If necessary, switch between sites in the Cascade Server to locate the image. For more specific directions on how to locate another asset in Cascade, see the How to Select a Placement Folder guide. Once the image is selected, a preview of the selected image will display.

  4. Fill in the remaining fields:

    • Enter a short description of the image (only a few words) in the Image Description field. The Alternate Text is required for accessibility and is displayed in case the image cannot be displayed on the page. This text is required in order to add the image to the page.  Accessibility refers to making sure individuals with disabilities, such as vision impairment, can access all elements on a web page.
    • The Width/Height information will automatically populate once an image has been selected. Do not alter these values otherwise your image may not render properly.

  5. Click OK to add the image.


Column
width70%