Web Publishing at UNCW

Cascade Manual

Navigating Cascade

  • Logging In
    The Cascade log in.

    URL: www.uncw.edu/cascade

    Log in using your UNCW Domain username and password (without “@uncw.edu”).

  • The Dashboard

    Dashboard: Acts as landing page and houses widgets that provide quick access to information and pages you’ve worked on. You can modify the Dashboard by dragging and dropping widgets to suit your needs.

    The Cascade Dashboard.
  • The Menu Bar
    Home: The Cascade Home icon. Returns you to the Dashboard.
    Site Menu: The Site Menu button. Used to navigate between UNCW’s sites.
    Add Content: The Add Content button. Used to add web pages, folders, nav blocks, images, and documents to a site. (Only viewable once you’ve chosen a site from the Site Menu.)
    Site Content: The Site Content button. Used to return to the home site folder you are currently in ( uncw.edu, dev, or training). (Only viewable once you’ve chosen a site from the Site Menu.)
    My Content: The My Content button. Displays quick links to assets created under your user name.
    Search: The Search button. Used to search among assets to which you have access.
    User Account Menu: The User Account Menu button. Used to access Settings, History, Notifications, Tasks, and Sign Out. The letter you see corresponds with your name.
    Reports: The hamburger menu leading to Reports button. > The Reports button. Provides access to various reports (Google analytics, stale content, etc.).
  • Site Menu (formerly called site list dropdown)

    Use the Site Menu to navigate between UNCW's sites— dev, training, and uncw.edu.

    • dev: The development environment on the test server. The URLs (web addresses) for content published to dev can only be viewed in a browser by accessing the test server at webtestnew.uncw.edu. You must either be on campus or utilize UNCW's VPN when off campus for pages on the test server to display in your web browser. The dev environment is usually used to develop web pages privately before making the pages visible to all users on the live site.
    • training: The training environment on the test server. Content published in training must be accessed in the same way as those in the dev environment.
    • uncw.edu: The live server. Content published here can be accessed in a web browser on UNCW's live site: www.uncw.edu.
    The Cascade site menu.

    My Sites Widget

    The My Sites Widget on the Dashboard may be more convenient for navigating to sites than the Site Menu. Feel free to use the widget instead.

    If a site does not appear for you in the My Sites widget, select it in the site dropdown. Cascade will then recognize that it is among the sites you use, and it will appear in the My Sites widget.

    The My Sites Widget.
  • The Asset Tree

    Web content in Cascade is organized in folders that can be easily navigated by using the Asset Tree found on the left side of your screen. In the Asset Tree, you are able to view folders, pages, and other assets, such as images and documents.

    Navigating the Asset Tree is simple. To expand a folder, simply click on it. You may click on it again to collapse the folder. To view a folder, page, image, or document, click on the asset’s name.

    The Cascade asset tree.

Folders

  • Creating a New Folder

    Step 1

    • Click The Add Content button. > The Default selection in Add Content menu. > The Folder selection in Add Content menu..

    Step 2

    • Type in your desired folder name.
    • Select the desired folder location in Placement Folder.
    • Click The Choose button. to confirm.

    Step 3

    Finally, be sure to click The Submit button. to create the new folder.

  • Renaming a Folder

    Step 1

    • Access the folder’s asset-management features either by right-clicking on the folder name or by clicking on the caret to the right of the folder name and then selecting The More button. in the sub-menu bar.
    • Click The Rename menu item. from among the options.

    Step 2

    • Type your new folder name.
    • Unpublish Content is automatically checked. This will remove content published under the previous name, which is the best practice.
    • Click The Rename button. to finish renaming the folder.
  • Moving a Folder

    Step 1

    • Access the folder’s asset-management features either by right-clicking on the folder name or by clicking on the caret to the right of the folder name and then selecting The More button. in the sub-menu bar.
    • Click The Move item in menu.

    Step 2

    • Under New Folder, select the new parent folder in which your folder will reside.
    • The selector defaults to showing Recent locations. Use the Browse option if necessary.
    • Once you’ve found the location you want, click The Choose button..

    Step 3

    • Unpublish Content is automatically checked. This will remove content published in the previous location, which is the best practice.
    • Click The Move button. to finish moving the folder.
  • Publishing a Folder

    Steps

    • Access the folder’s asset-management features either by right-clicking on the folder name or by clicking on the caret to the right of the folder name.
    • Click The Publish button. from the menu that appears.
    • Select the destination(s) where you would like to publish the folder. The best practice is to select all possible destinations.
    • Click The Publish button. to finish publishing the folder.

Pages

Basics

  • Foundation Templates

    For uniformity, templates have been created for the design of web pages in Cascade based on the most common purposes and usages. There are four template types: Group 1, Group 2, Group 3, and Template A. There are multiple designs for each template.

    When creating a new page in Cascade, you will be allowed to select from the template types to which you have access.

    To view examples of each template, visit our Template Designs page.

  • Page Elements in the Cascade Editor

    Page Elements in the Cascade Editor

    Element Description Cascade Editor Element Page Element
    Title
    The Title in Cascade is what displays in the tab or window of the web browser. The Title in the Cascade Editor. The Title on a web page.
    URL & Display Name
    When you first create a page, the Display Name in Cascade will become the page's name in the Asset Tree and in the URL (web address). The Display Name field in the Cascade Editor. The URL in a web browser.
    Banner
    The Banner in Cascade is the large image that displays near the top of the page. The Banner section in the Cascade Editor. The Banner on a web page.
    Main Content
    The Main Content section is where you will input the bulk of your content. It appears in the center section of the page under the banner. The Main Content section in the Cascade Editor. The Main Content area on a web page.
    Sidebar
    The Sidebar is an optional element that you can include to provide ancillary content for your page. On a live page, it floats to the right of the Main Content section. The Sidebar section in the Cascade Editor. The Sidebar area on a web page.
    Left Navigation
    The Left Navigation in Cascade will appear on the live page in list form to the left of the Main Content. In the Content Editor for pages, you may select which navigation block you want to use. To create or modify the content within the navigation block, you'll need to go into that navigation block's Content Editor. The Left Navigation section in the Cascade Editor. The Let Navigation area on a web page.
    Maintained by
    The Maintained by element in Cascade is where you enter the name of the web content manager who maintains that page and links to their email address. The 'Maintained by' fields in the Cascade Editor. The 'Page maintained by' area on a web page.
  • Creating a New Page

    Step 1

    • Select the folder in which you’d like to add the new page.
    • From the menu bar, click The Add Content button. > The Foundation item in the Add Content menu..
    • Select the template you’d like to use (Group 1, Group 2, etc.).
    • You may confirm the desired page location in the Placement Folder field.
    • Enter a Display Name, which will also become the page’s name in the Asset Tree.
    • Enter a Title, which will become the title that displays at the top of the browser window or tab for this page.
    • You may fill in your desired content now or later.
    • Click The Save and Preview button. to save the draft and then preview your changes.

    Step 2

    • When you are ready to permanently save this draft, click The Submit button..
    • You will be prompted to comment on the changes you made. Comments are used most often to inform web content managers when reviewing past versions of a page. Cascade provides a default comment with a general description of the changes the system detected, but it is best practice to specify what you did.
    • Click The Check Content and Submit button..
    • Correct or ignore any errors that appear in Spell Check, Broken Links, or Accessibility. When you are done, click The Checkmark button. to finalize creating the new page.
    • Note: The newly created page is not published and viewable by users until you Publish the page.
  • Viewing the Live Version of a Page

    Steps

    • Cascade Server allows you to view the live version of any web page that has been published.
    • In the Asset Tree, click on the page you would like to see live.
    • Click The More button. > The Live menu item. in the sub-menu bar.
    • The live version of the web page will open in a new tab or window.

    Troubleshooting

    Error Message
    • If you receive an error message, then the page may not yet be published. Try publishing the page, waiting a minute for the publication to take effect, and then viewing the live page again.
    Recent Changes Not Taking Effect
    • If you see the page but your updates have not taken effect, you may not have published the latest version of the page. Try publishing the page, waiting a minute for the changes to take effect, and then viewing the live page again.
    • If you still don't see the updates, then your web browser may be storing the old version of the page in its cache. Try either closing and reopening the browser tab or window, clearing the cache or recent history in the web browser, or closing and reopening the web browser itself.
    Can't View Test Server Page
    • A web page on the test server can only be viewed either on campus or using UNCW's VPN when off campus.
    • Pages on the test server are those that reside in the development environment ( dev) in Cascade, and they will begin with the URL webtestnew.uncw.edu in the web browser.

Editing a Page

  • Content Editor & Content Editor Toolbar

    Editing a Page

    • Select the page you wish to edit.
    • Click The Edit button. from the sub-menu bar.
    • Make your desired edits.
    • Click The Save and Preview button. to save your changes and close the editor.
    • You will be prompted to comment on the changes you made. Comments are used most often to inform web content managers when reviewing past versions of a page. Cascade provides a default comment with a general description of the changes the system detected, but it is best practice to specify what you did.
    • Click The Check Content and Submit button..
    • Correct or ignore any errors that appear in Spell Check, Broken Links, or Accessibility. When you are done, click The Checkmark button. to finalize the edits to the page.
    • Note: The edited page is not published and viewable by users until you Publish the page.
    • Note on drafts: Cascade automatically saves a draft of the page a few seconds after you make changes. If you close the editor or get logged out, the next time you open the editor for that page, a message will appear near the top, alerting you to the previous saved draft and giving the option to preview the changes, resume editing, or discard the draft.

    Content Editor Toolbar

    • The Content Editor Toolbar is the same for both the Main Content and Sidebar sections.
    • For diagrams of how the sections of the Content Editor correspond with parts of a web page, please see “Page Layout” in the Basics section.
    The Content Editor toolbar.
  • Applying Headings (Main Content and Sidebar)

    Applying a Heading

    • Select the text you would like to turn into a heading.
    • Click Formats. in the toolbar.
    • Click Headings Headings. and choose the heading number you would like to apply.

    Heading Best Practices

    • Use headings to control the page’s hierarchy of content.
    • Headings are numbered by order of importance and styled accordingly.
    • Select a heading based on its place in the hierarchy, not by desired look.
    • Accessibility: Screen readers may use headings to provide the user with an outline of the page’s main ideas.

    Applying Section Headers

    • Select the text to which you would like to apply a section header formatting.
    • Click Formats. in the toolbar.
    • Click Custom. and choose the sectionheader number you would like to apply.

    Section Header Best Practices

    • Use section headers to visually denote major sections of content.
    • A section header is different from a heading. A section header merely applies a set of styles to the text; a heading applies a style as well as changes the nature of the text from regular body text to an official “heading.”
    • Accessibility: Applying a section header alone does not indicate the text’s place in the page hierarchy to a screen reader. So you should still apply a heading.
  • Adding a Link

    Step 1

    • Select the text you would like to turn into a link.
    • Click on the chain link icon The insert-or-edit link button. in the toolbar.
    • Choose the Link Source. Internal means a page within Cascade to which you have access. External applies to everything else.

    Step 2: For Internal Link

    • Click Choose File, Page, or Link.
    • Use the Recent, Browse, or Upload option to find the asset you wish to turn into a link.
    • Click The Choose button..

    Step 2: For External Link

    • In the Link field, type in the full web address for the desired link.

    Step 3

    • In the Text to display field, you may modify the linked text. You can also return to this menu to modify the text later.
    • Target allows you to choose whether clicking the link will open the page in the same window/tab or in a new one.
    • Click The OK button. to finalize the creation of the link.
  • Adding an Anchor

    Explanation

    • An anchor marks the spot where it is placed. It works in tandem with a link that, when clicked, takes the user to the anchored location on the web page.
    • You can link to an anchor on the same page or on an entirely different page.
    • Each anchor uses a unique ID that distinguishes it from other anchors on the page.
    • When a user clicks on an anchor link, the URL will add the anchor’s ID to the end of it, as it becomes part of the web address (like specifying an apartment or suite number in a street address or a room number in a building).

    Creating an Anchor

    • In the content editor, place the cursor to the left of the heading or other content where you’d like to make an anchor.
    • Either go to the toolbar and click The anchor bookmark icon. or go to the menu and click The Insert menu item. > The anchor bookmark icon within the Insert menu..
    • In the Id field, type in the identifying text you’d like to use. Remember, the ID acts like a room number in a building. Also, the ID is case sensitive.
    • Click The OK button. to finalize creating the anchor.

    Linking to an Anchor

    • Follow the procedure for creating a link.
    • In the Insert link menu, link to the same web page as the anchor you want to link to.
    • Below the Link field in this menu, you will also see a field for Anchor. Type in the ID you used. Remember that the ID is case sensitive.
    • Click The OK button. to finish creating the link to the anchor.
    • Feel free to publish the pages and test out the link to the anchor.
  • Adding and Editing a Table

    Adding a Table

    • In the content editor, place the cursor where you would like to insert a table.
    • Click The Table menu. > The Table sub-menu. and choose the desired number of columns and rows from the visual selector.
    • The initial table is squished, so select Table Properties from the quick menu that appears above the table and enter a width. If you just enter a number, Cascade will assume it is the number of pixels wide. It is recommended that you start with a “100%” width and adjust as needed; the table will be 100% the width of the Main Content section. Column widths will adjust automatically to suit the width of the content.

    Editing a Table

    • To bring up the table’s quick menu at any time, click on the table you want to edit, and its menu will appear above it. This quick menu allows you to edit the table properties, add and delete rows and columns, or delete the entire table.
    • You will find the same and additional features in the full table menu located in the content editor’s menu bar.

    Table Headers

    • Select the entire row you’d like to turn into a table header.
    • In the full table menu, click The Cell sub-menu. > Cell properties in the Cell sub-menu..
    • Select the dropdown for Cell Type in the Cell menu. and choose Header Cell in the Cell menu.. The selected cells will now be styled as headers.
    • It is also good practice to place the row itself in a table head section. When a long table is printed, the table head will appear at the top of each printed page.
    • Once again, select the entire row you’d like to turn into a table head.
    • In the full table menu, click The Row sub-menu. > Row Properties in the Row sub-menu..
    • Select the dropdown for Row Type in the Row menu. and choose Header Row Type in the Row menu..
  • Embedding a Video

    Steps

    • In the content editor, place the cursor where you would like to embed the video.
    • Click The insert-or-edit media icon. in the toolbar and select The Embed tab..
    • Acquire the embed code for the video you would like to embed, and then paste it into the field and click The OK button..

Managing Pages

  • Publishing a Page

    Steps

    • Select the page you wish to publish.
    • Click The Publish button. from the submenu bar.
    • Select the destination(s) where you would like to publish the folder. The best practice is to select all possible destinations.
    • Click The Publish button. to finish publishing the folder.
  • Renaming a Page

    Step 1

    • Select the page you wish to rename.
    • Access the page’s asset-management features either by right-clicking on the page name or by and then selecting The More button. in the sub-menu bar.
    • Select The Rename menu item. from among the options.

    Step 2

    • Type your new page name.
    • Unpublish Content is automatically checked. This will remove content published under the previous name, which is the best practice.
    • Click the The Rename button. button to finish renaming the page.
  • Moving a Page

    Drag & Drop Method

    • Click and hold on the page you wish to move.
    • Drag the page to the folder you wish to move it to and let go.
    • Confirm the new folder location.
    • Unpublish Content is automatically checked. This will remove content published in the previous location, which is the best practice.
    • Click The Move button. to finish moving the page.

    Folder-Selection Method: Step 1

    • Access the page’s asset-management features either by right-clicking on the page name or by clicking on the caret to the right of the page name and then selecting The More button. in the sub-menu bar.
    • Click The Move item in menu..

    Folder-Selection Method: Step 2

    • Under New Folder, select the new parent folder in which your page will reside.
    • The selector defaults to showing Recent locations. Use the Browse option if necessary.
    • Once you’ve found the location you want, click The Choose button..

    Folder-Selection Method: Step 3

    • Unpublish Content is automatically checked. This will remove content published in the previous location, which is the best practice.
    • Click The Move button. to finish moving the page.
  • Deleting a Page

    Steps

    • Access the page’s asset-management features either by right-clicking on the page name or by clicking on the caret to the right of the page name and then selecting The More button. in the sub-menu bar.
    • Click The Delete menu item..
    • If the page is linked on another page, you will see a message letting you know where broken links may result from deleting this page. If you get this message, make note of the potential broken links, and address these links however appropriate (redirect, delete, etc.).
    • Unpublish Content is automatically checked since it is part of the deletion process.
    • Click The Delete button. to finish deleting the page.

    A deleted page is moved to The Trash icon. in the Asset Tree. From there, it can be restored (within 15 days). To find out how, check out the "Restoring a Page" tutorial.

  • Restoring a Page

    Steps

    Deleted pages are stored in the Trash for that site (uncw.edu, dev, or training) and can be recovered from there within 15 days of being moved to the Trash. After the 15-day window, the deleted asset can no longer be recovered.

    • In the Asset Tree, click The Trash icon., and a list of deleted pages will display to the right.
    • Click on the checkbox for the page(s) you would like to restore.
    • Click The Restore button. to return the page to the folder from which it was deleted.
    • If you want this page to be viewed live again, you must publish the page because it was unpublished when it was deleted.

    This procedure can be used to restore other assets in the Trash—folders, images, and documents.

  • ***Requesting a Non-Group-2 Page

    Coming soon.

Images and Documents

Managing Images and Documents

  • Keeping Images and Documents Organized

    Best Practices

    • Keep all uploaded images in an “images” folder and uploaded documents of all types in a “docs” or “documents” folder.
    • Within these folders, create subfolders that correspond with those used for pages. If there is an “about” subfolder for web pages in the About section of your site, then create an “about” subfolder for any images or documents on those pages.
    • These practices prevent clutter, reduce scrolling through numerous images and folders, and allow you to find these assets more quickly when you need to make changes to them.
  • Uploading an Image or Document

    Step 1

    • Select the “images” or “docs” folder for your site, depending on the type of asset you wish to upload. If there are not folders designated for these assets, then create them.
    • From the menu bar, click The Add Content button. > The Defualt menu item. > The File menu item..

    Step 2

    • You do not need to enter a File Name because this field will populate with the name of the file you upload.
    • Scroll down to the box of dashed lines with the prompt: Drop file(s) here or choose some from your computer.
    • Click choose or drag your image or document from your computer into the dashed-line box. If you clicked choose, then browse to the location of your image or document and click Open.
    • Note: If you upload more than one file, Cascade will automatically switch to the bulk file upload feature. You can learn about bulk uploads in the next lesson.

    Step 3: If Document

    • Click The Save and Preview button..
    • PDFs are the only type of document that can be previewed within Cascade. All other document types must be downloaded and opened for verification.
    • When you are done previewing, click The Submit button..
    • Enter any comments that will be informative to you or other web content managers in the future.
    • Click The Check Content and Submit button..
    • Correct or ignore any errors that appear in Spell Check. When you are done, click The Checkmark button. to finalize uploading to document.

    Step 3: If Image

    • After opening the image, you will have the option to edit it now, or you can edit it later. Edit options include rotating the image clockwise or counterclockwise, flipping the image horizontally or vertically, cropping the image, and adjusting its dimensions. You may view other lessons on cropping or adjusting the dimensions of images.
    • Once you are finished with your edits, click The Save and Preview button..
    • When you are done previewing, click The Submit button..
    • Enter any comments that will be informative to you or other web content managers in the future.
    • Click The Check Content and Submit button..
    • There should be no spelling errors for an image, so click The Checkmark button. to finalize uploading the image.
    • Note: The newly uploaded asset is not published and viewable by users until you “Publish” it. The procedure to publish an uploaded asset is the same as publishing a page.
  • Bulk Upload: Uploading Multiple Images or Documents at Once

    Steps

    • Cascade 8 makes it easy to perform a bulk upload.
    • Select the “images” or “docs” folder for your site, depending on the type of asset you wish to upload. If there are not folders designated for these assets, then create them.
    • From the menu bar, click The Add Content button. > The Defualt menu item. > The File menu item..
    • Scroll down to the box of dashed lines with the prompt: Drop file(s) here or choose some from your computer.
    • Click choose or drag a batch of selected images or documents from your computer into the dashed-line box. If you clicked Choose, then browse to the location of your files, select all the files you would like to upload, and click Open.
    • You can also click Choose or drag items to the dashed-line box multiple times from different folders in a single upload session.
    • From this point, proceed as you normally would to upload a file.

Banner Images

  • Banner Image Dimensions

    When you expand the banner editor for a given page (it is collapsed by default), you will find the image width options along with their dimensions. But here are the dimensions for each image width for quick reference.

    # of Columns Dimensions Description Typical Use
    3 columns 1000 x 332px Stretches over left navigation, main content, and sidebar area (whether or not sidebar is used). Home pages.
    2 columns 790 x 325px Stretches over main content and sidebar area (whether or not sidebar is used) but not left navigation. Secondary landing pages within a department site.
    1 column 510 x 247px Only stretches over main content. Tertiary pages and beyond.
  • Cropping an Image to Use for a Banner

    Steps

    • In the image editor, the crop tool is grayed out by default because you must first select what you would like to crop.
    • Click and drag to select the area you wish to keep. The content that will be cut after cropping appears grayed out. As you drag the crop frame, the width and height (in pixels) will be displayed. You can redraw the crop frame as many times as you like to get the area and dimensions you want.
    • When you are satisfied with your crop frame, click the crop icon, which is now active.
    • Click The Save and Preview button. If you do not like the changes, you may click The Discard button. to discard the draft. If you approve of the changes, click The Submit button..
    • Enter any comments that will be informative to you or other web content managers in the future.
    • Click The Check Content and Submit button.. There should be no spelling errors for an image, so click The Checkmark button. to finalize your edits.
    • Note: The changes made to the image are not published and viewable by users until you Publish the image. The procedure to publish an edited image is the same as publishing a page.
  • Applying a Single Banner Image

    Steps

    • When you expand the banner editor for a given page (it is collapsed by default), you are given the option to select between two types of banners: Slideshow and Single Image. The Single Image option provides a static banner image.
    • Select the desired image width—3 columns, 2 columns, or 1 column. The appropriate dimensions for each are provided.
    • Click Choose File. The selector defaults to showing Recent locations. Use the Browse option if necessary.
    • Once you’ve found the image you want, click The Choose button.. Be sure the image is of the appropriate dimensions. If it is not, you can check out our lessons on cropping and resizing images.
    • Enter the Alternative Text (alt text) for the image. Alt text is meant to provide a description of the image in the event that the image does not load on the user’s page for whatever reason. It is also read aloud by screen readers.
    • You may also add an internal link. If you need an external link, please email the ITS Web Support Team at webmaster@uncw.edu.
  • Applying Slideshow Banner Images

    Steps

    • When you expand the banner editor for a given page (it is collapsed by default), you are given the option to select between two types of banners: Slideshow and Single Image. The slideshow option presents multiple images that automatically slide left, one at a time in fixed intervals, but also allow the user to click through them with left and right arrows.
    • The menu bar for each slide gives you options to manage the slideshow:
      • The Move-Banner-Slide-Up-or-Down buttons.: Move a slide up or down to rearrange the order in which the images appear.
      • The Add Slide button.: Add a new slide. You may add up to 7 slides.
      • The Remove Slide button.: Remove a slide.
    • To add an image to a slide, follow the same procedure as that for a Single Image.
  • ***Requesting a Slideshow for Your Page

    Coming soon.

Content Images

  • Inserting a Main Content Image

    Step 1

    • In the content editor, place the cursor where you would like to insert the image.
    • Click The Insert-Edit Image icon. in the toolbar.
    • Choose the Image Source. Internal means an image that is or will be uploaded to Cascade. External means an image you will link to from another website or online repository.
    • Click Choose File.

    Step 2

    • Use the Recent, Browse, or Upload option to find the image you wish to insert.
    • Click The Choose button..

    Cascade 8 allows you to upload an image during the process of choosing an image to insert. If you choose not to upload the image beforehand, be sure to place the image in the "images" folder and in the right subfolder when applicable.

    But it is often better practice to have the image aleady uploaded and organized in an "images" folder. This allows you to crop the image in a way that adjusts the file size, which is good when the original file size is larger than you need it to be. It also affords you the oportunity to better view the images folders and naming scheme for existing images in those folder.

    Step 3

    • You may adjust the dimensions now or visually after inserting the image. Click The OK button. to finalize inserting the image.
    • Click and drag on the corners of the image to adjust the dimensions as needed. Click outside the image when you're done.
    • To edit the image dimensions at any time, you may click on the image again and click and drag the corners.
    • To edit the image properties at any time, you may click on the image again and either click on The Insert-Edit Image icon. in the toolbar or right-click on the image and select The Insert-Edit Image icon. from the menu that pops up.
  • Word Wrap Around an Image

    Steps

    • In the content editor, insert a blank line before the text you would like to wrap around the image and place the cursor there.
    • Click The Insert-Edit Image icon. in the toolbar.
    • Go to the Class dropdown.
    • The left and right classes will make the image float either to the left or right of the text. Choose whichever you prefer.
    • Follow the procedure for choosing the image you want, and click The OK button..
  • Adding a Link to an Image (or Document)

    Steps

    Cascade allows you to turn any image (or document) into a link.

    • In the content editor, click on the image to which you would like to add a link.
    • Click The insert-or-edit link button. in the toolbar.
    • Select the Link Source and proceed as you would for a text-based link.
  • Adding an Image Caption

    Steps

    • In the content editor, click on the image for which you would like to add a caption.
    • Click The insert-or-edit link button. in the toolbar.
    • The Insert/Edit Image pop-up menu begins in the General tab. Select the Advanced tab.
    • In the Figure/Caption selector, check the box next to Use figure and figcaption for this image. Click The OK button..
    • A box will now appear around the image in the content editor with a space under the image in which to type the caption. Type your caption here and adjust the style (bold, italics, etc.) of the text as needed.
    • You may remove the caption later by opening the Insert/Edit Image pop-up menu again and unchecking the Figure/Caption box.
  • File Size and Image Width (File Size vs Display Size)

    Best Practices

    The size of a file can effect how long it takes for a page to load in a web browser. It is, therefore, best practice to minimize the file size of image you upload into Cascade.

    Sometimes a web content manager may upload a profile photo in its original file size (which is large) and only adjust the size at which it displays when inserting the image on a page. It is better to shrink the file size in the image editor.

    To do this, simply select the image in the Asset Tree, click The Edit button., and reduce the dimensions down to the largest width at which you will ever need to display that image.

    Here are some of the most common maximum widths for images:

    Image Usage Common Max Width Example Pages
    Profile image on contact page. 100–150 pixels
    Article image. 250–500 pixels
    Landing page icon or image. 200–250 pixels
    Poster. 600–750 pixels

Keeping Content Organized

  • Using Folders

    Using Folders

    • Usually a newly created site starts out with just the main pages present in the left navigation. Once you have a need to create subpages to a main page (e.g. pages under an “About” or “Current Students” section), then it is best practice to create a subfolder for that section.
    • The main page of that subfolder should be renamed to “index” just like your site’s home page.
  • Navigation and Nav Blocks

    Using Navigation Blocks

    • A navigation block creates the set of left navigation links displayed on live pages.
    • It is best practice to create a nav block for each folder that contains web pages.

    Creating a Nav Block

    • In the Asset Tree, click on the folder where you wish to place the nav block.
    • In the Menu Bar, click The Add Content button. > The Default item in Add Content menu. > The Block item in the Add Content menu., leave the default (“XHTML/Data Definition”) selected, and click The Choose button..
    • Choose a name for the nav block. Most often, you should name it “nav,” since Cascade will recognize it as the default nav block for any page set to automatically assign its Left Navigation.
    • Confirm the Placement Folder.
    • In the Block Content editor, create a bulleted list of the main pages of your site.
    • Turn each list item into a link to its respective page.
    • When you are finished, click The Save and Preview button.
    • When you are ready, click The Submit button., enter your comments, address any errors, and click The Checkmark button. to finalize the creation of the nav block.
    • Note: Any time you create or edit a nav block, you must publish all pages in that folder to apply the changes on the live web pages. The quickest way to do this is to publish the entire folder.

    Assigning a Nav Block

    • For a page to adopt a nav block, that block must be assigned when editing a page in the Left Navigation selector.
    • If you choose Automatic, the page will default to using the block named “nav” within the same folder. If you choose Block, you must then choose the navigation block you will use.
    • Remember to publish the page after making this change.

Workflows, Reports, etc.

  • Google Analytics

    Watch a Helpful Video

    • Click here to watch a helpful video on accessing Google Analytics in Cascade.
    • The first 22 seconds will show you how to run analytics for the entire site AND your homepage (index). Please keep in mind that, “ Asset Analytics” means google analytics for one asset, in this case, that is referring to your index page. Whereas, “ Analytics for Folder contents” means google analytics for the entire website or containing folder.
    • The last portion of the video will show you how to run google analytics for a specific page within your site.

    Helpful Definitions

    These definitions come from Google Help Articles.

    • Pageview: A pageview is defined as a view of a page on your site that is being tracked by the Analytics tracking code. If a user clicks reload after reaching the page, this is counted as an additional pageview. If a user navigates to a different page and then returns to the original page, a second pageview is recorded as well.
    • Unique Pageview: A unique pageview, as seen in the Content Overview report, aggregates pageviews that are generated by the same user during the same session. A unique pageview represents the number of sessions during which that page was viewed one or more times. Simply put, unique pageviews combine the pageviews that are from the same person (a user in Google Analytics), on the same page, in the same session, and just count them as one.
    • Bounce Rate: A bounce is a single-page session on your site. In Analytics, a bounce is calculated specifically as a session that triggers only a single request to the Analytics server, such as when a user opens a single page on your site and then exits without triggering any other requests to the Analytics server during that session.
    • Average Time on Page: The average amount of time users spent viewing a specified page, screen, or set of pages or screens.

    Helpful Tips

    • You can toggle between analytics for the day, week, month, and year using the options on the right hand side. It will run analytics from the previous day.
    • You will not be able to “Visit Google Analytics” using the hyperlink at the bottom.