Altering Page Content (Part 2)

The Page Content module is where the main content of your Web Page or Virtual Classroom is built. This is achieved through a WYSIWYG (“What You See Is What You Get”) Page Editor, which is a simple and visual way to design web pages. The interface of the editor itself should be very familiar to any user who has used a word processing or desktop publishing application. Additionally, because all page content is basically formatted as HTML, advanced users can also use the HTML view to either code pages manually or insert pre-made HTML from their preferred web-authoring applications.

This Quicksheet (Part 2 of 2) explains how to add a variety of different media (images, video, audio and documents) to your pages. All follow the same method of uploading, with minor variations relevant to the type of media.

Getting started

Within the toolbar for the Page Editor are four icons to add and modify media within the page.


Uploading media

Choose the type of media you wish to insert into your page, and click the relevant icon. The subsequent pop-up window will show any previously uploaded media.


To upload, click the [Upload] button at the top of the window and another window will appear. Clicking [Select] will enable you to search for and select the media you require from your computer. Multiple files can be uploaded at once, and clicking [Add] will allow for more. However, use this with consideration of your internet connection speed. This window also details the maximum file size and the file-types allowed.  Click [Upload] when you are ready.



Types of files allowed

Image Manager


Used to insert imagery.

*.gif, *.xbm, *.xpm, *.png, *.ief, *.jpg, *.jpe, *.jpeg, *.tiff, *.tif, *.rgb, *.g3f, *.xwd, *.pict, *.ppm, *.pgm, *.pbm, *.pnm, *.bmp, *.ras, *.pcd, *.cgm, *.mil, *.cal, *.fif, *.dsf, *.cmx, *.wi, *.dwg, *.dxf, *.svf

Flash Manager


Used to insert Digital Learning Objects (DLOs).


Media Manager


Used to insert audio and video files.

*.wma, *.wmv, *.avi, *.wav, *.mpeg, *.mpg, *.mpe, *.mp3, *.m3u, *.mid, *.midi, *.snd, *.mkv

Document Manager


Used to insert and link to any document.

*.* (any file)

Note: If, for example, one same image is required on multiple pages, it will need to be uploaded to each of those pages individually.

Inserting and adjusting media

Once media has been uploaded to the page, it is ready to be inserted. Select the media you require in the middle pane of the pop-up window.

On the right hand pane, there are two tabs at the bottom - "Preview" and "Properties". Selecting the "properties" tab at this stage allows you to alter how the media appears on the page. For example, when inserting images the display width and height can be altered (clicking the paperclip together will maintain the original image aspect ratio). The image can also be given a border and hover-over text can be applied.  Each media type has settings on this "Properties" tab appropriate for the type of media.


Note: Changing the width and height of the image within the Properties tab does not alter the physical file size of the image, only the dimensions of how it is displayed on the page. Please note that images over 1MB can be slow to load within web browsers.

Click [Insert] when ready.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request


Article is closed for comments.
Powered by Zendesk