Creating Assets

Before you create an asset, you need to know where your asset should best be located within the website's information architecture (IA). The IA is a hierarchical tree of assets, listed in columns or levels, visibly demonstrated by looking at the Asset Finder in Edit+.

See more about organising assets in the IA

Screenshot of the Edit+ buttons to click to create a new asset.To create an asset in Edit+, click 'New' in the top left-hand button options. You'll be taken to the Asset Creation Wizard.

The Asset Creation Wizard

A broad range of assets can be created by using the Asset Creation Wizard.

Diagram showing the asset creation wizard diagram as it appears in Edit+.

From the left-hand menu in the Asset Creation Wizard we have options to create the following asset types:

Pages

Standard Page

News Item

Form

 

Events

Single Calendar Event

Recurring Calendar Event

  

Files

File bulk upload

Images

PDF

Word Doc

Other

Folder

Redirect

Link

Data Record

Once you select the asset type you want to create, you'll be presented with a screen with different fields to complete including:

  • Name
  • Location
  • Link information (for Redirects). You can set links to asset numbers or urls for external links.
Locating assets in the IA

Locating your page or asset in the correct place in the asset tree — or within the website's structure — is important for the structural integrity of the website. The correct location of your asset assists important factors like:

  • navigation
  • good user experience — users will intuitively locate the information they're looking for.

Information architecture (IA)

Locate your asset in the right place

The asset location string is the URL path after the host name (see #3 above). You can work out the asset's location in the IA (and CMS) by looking at the url.

Parent / child asset relationship

Consider what page would be the logical parent of your asset. Conversely, consider whether the content of your page works as the logical parent of other pages. For example, the following asset structure makes sense:

  • Study Areas (parent)
    • Classics & Ancient History (child)
    • Political Science (child)
Image and document assets in Media folders

A Media folder that houses additional folders for documents and images should be located directly under your landing page. Organise all images, graphics and documents like PDFs or Word docs within these folders as seen in the example below.

URLs

  • URL is the abbreviation of Uniform Resource Locator.
  • The URL reflects where your asset is located the asset tree.
  • If you change the location of your asset, the url for that asset will change.

A URL is made up of different components:

  1. HTTP or HTTPS — identifies the protocol used to access the internet. HTTPS indicates that a security certificate has been set for the site.
  2. Host name — e.g. une.edu.au
  3. Path — the asset location string that follows the host name. This identifies where the asset sits in the IA.

When an asset is made live, the page name is reflected in the URL. If you subsequently change the page name, the new name will not be reflected in the URL.

Changing the page name in the web path

Example

A webpage named 'Writing for Web Example 3.1' could have the url:

une.edu.au/training/writing-for-the-web/writing-for-web-example-3.1 (where ‘Writing for Web Example 3.1’ is the name of the page)

Using the above example, changing the page name to ‘Examples’ (instead of Writing for Web Example 3.1) should be reflected in the url:

une.edu.au/training/writing-for-the-web/examples

So, if you the change a name of a page after it's been made live, the URL suffix (the end part of the url string) should be changed. You need to do this manually in the URLs screen. Automatic remapping to the newly changed URL can be set to take effect.

If you change the location of page

If you relocate your page to another area, its URL path will change. Any internal links to the page asset number will remain in tact, unbroken.  Any links from external sites to your page, including from the Course and Unit Catalogue, will be broken unless the link is updated with the new URL, or a redirect is created.

Creating redirects to pages

This will only be necessary for pages that you know have been linked to from external sites and it's difficult getting this external link updated. The web team creates redirects, remapping the old expired URL to the new one:  email the old and new URL to webmaker@une.edu.au

If you page URL has changed and there are external

See Editing Screens > URLs Screen (to change a web path).

See setting up redirects for your page.

Images and Graphics

Creating image and graphic assets in Edit+

In the process of creating an asset in Edit+, you need to select a location for your new asset.

Locate image assets in Media folders

The correct location for all image and graphic assets is a Media folder.

Each School or business area should have one Media folder positioned as a direct child of the area's top-level landing page.

Within your one Media folder, sub folders can be created and named according for different sections within your area's part of the web. The image below, captured from the Research branch of the CMS, illustrates one Media folder as a child asset of the (Research) landing page with sub folders that contain image files.

File names for image and graphic uploads

For identification of your image and graphic files, rename any files named something like this — IMG74636.jpg — to a name that describes the image.

Examples: agbu-logo.png;  orientation-week-lazenby-hall-2017.jpg

Only use the following characters:

  • lowercase letters
  • numbers
  • hyphens.

Steps for creating image assets

1. Go to the Asset Creation Wizard.

2. Select File > Image.

3. In the Image upload dialogue box:

  • Click the Browse button and select your optimised image or graphic
  • Enter a friendly name for the image in the Title window
  • Select No for decorative — our web images should be context specific
  • Enter ALT text
  • Select No for show in menu
  • Create location — select the Media folder or sub folder relevant to your image
    Please note that at this stage you can add more images to upload by click the +Add More button (top left)
  • Select Create
  • After processing, click Edit and make your image live (in the Details screen).

See information about how to optimise an image for the web.

See information about correct naming of image files.

Video and Audio

Video widgets

Video assets are set up by the web team for:

  • land pages widgets
  • right-hand columns widgets

Your video must:

  • be in Kaltura or uploaded to YouTube
  • have closed captions set to comply with accessibility standards.

Email webmaker@une.edu.au to set up your widget.

Closed captions for videos

For videos purposed for marketing on the website that have a verbal audio track, the web team can organise captions on a cost-recovery basis.

We currently use a company called 3PlayMedia. A rough estimate of costs is $3 – $4 per minute. Turn-around is 3–5 working days.

To organise captions, send your video to the web team with your cost code.

Editing Assets

Editing screens

After selecting the asset you want to edit, you'll get the option of editing the following screens:

  • Details Screen
  • Content Screen (not with events assets)
  • Emails (online form assets only)
  • Metadata Screen
  • Linking Screen
  • URLs Screen.

Screens that enable functionality

The following screens enable functionality to help manage your assets:

  • Workflow
  • Analytics — data available for some higher level live assets only.
Details Screen

All newly created assets are under construction. One you've developed your page content, you make your asset live by using the Details Screen.

1. Status — using the drop-down options, change the asset status to/from Live, Under construction, Safe Edit or Archive. Once the status is changed, click Save.

Asset status colours:

  • Under construction (blue)
  • Live (green)
  • Safe edit (pink)
  • Safe edit — pending (orange)
  • archived (brown). If you need to make an archived asset live again, first put it under construction.

2. Future Status — set a new status for your asset to take effect on a date and time in the future. This is helpful if you want an under construction asset to go live on a particular date and time in the future (or vice versa).

3. Page Name — the title of page, appearing H2.

4. Page Short Name — add or edit the name of page in the Menu.

5. Related Image — only relates to some assets that use thumbnail images e.g. calendar events and some widget types.

Content Screen — standard pages
WYSIWYG editor and tool bar

Extensive WYSIWYG Editor instructions in the Squiz Matrix Manual will provide helpful information about most of the tools in the WYSIWYG toolbar.

Content containers

You can add all your page content into one content container,  or you can add additional content containers.

Adding text to content containers

There are two approaches:

  1. Type text directly into a WYSIWYG Content Container and format using the tools.
  2. Copy and paste content from MS Word* or other text edit applications.

*Please note that problematic style tags — e.g. <font> <span> —  can also be copied over from MS Word. Cleaning up unwanted tags is done manually in the source editor by clicking the < > button the WYSIWYG toolbar. See SquizMatrix information about 'Viewing the HTML source code'.

To help eliminate pasting problematic tags, copy your text from MS Word into a script editing application like TextEdit (Mac) or Notepad++ (PC), then paste from there into Edit+.

Adding additional content containers

To create additional content containers, use the + button above or below the default content container on your page.

Content container settings for adding styles to blocks of content

Content containers can be styled individually. You can do this by editing the properties of the content container:

Click the cog icon in the content container header bar.

Styles can be set to content containers.

Add content into to the content containers.

Create additional content containers by clicking on the + button above and below the content container.

Change the properties of the content container buy clicking the cog icon in the content container header bar (see image below).

Choosing content templates