Versions Compared

Old Version 3

changes.mady.by.user David Schmidt

Saved on

compared with

New Version Current

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. lick Click on New Add Content > Default > Image to upload an image into Cascade Server. There may be an optional step between the those two to select the specific template for the area of your site. For instance, if you're uploading an image to the CAS Anthropology Image folder, you'd have to select "Anthropology" before selecting Image.

  2. When the New FileAsset screen loads, give the image a name and select the image file from your computer to upload into Cascade Server. Cascade will automatically update the file name for the new asset to whatever it was on your computer. You may have to change that name here. Make sure to follow the naming conventions when changing the file name.

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

    • System 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.).
    • Parent Placement Folder – Defined at the system level and should not be modifieddefault to the correct images repository folder.
    • File UploadAttachment Area – Click Choose Fileone 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. Contact web@sandiego.edu if you need 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 File 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. A . 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 Alternate Text fieldImage 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 Insert to OK to add the image.



Column
width70%