Warning: Prior to adding or editing content in your course you will need to access Studio view. Refer to the Change from Student View to Staff Editing (Studio) View guide for further instructions.

2. Zones

  1. Select the Generate image automatically radio button for the setting Background Image.
  2. Enter the required number of columns and rows in the Zone Layout textboxes. e.g. 1 x 2.
  3. Enter the zone size in the Zone Size textboxes. e.g. 500 x 200.​

Note: The Zone Size is measured in pixels.

generate image automatically radio button selected, zone layout and zone size textboxes selected

  1. Click on the Generate image and zones button.
  2. Enter a description in the Background description textbox. e.g. Two rectangles of similar size and height, one on top of the other.

generate image and zones button selected, background description textbox selected

  1. Check the Display label names on the image checkbox for the setting Zone labels.
  2. Check the Display zone borders on the image checkbox for the setting Zone borders.

Display label names on the image checkbox and Display zone border on the image checkbox selected

  1. Enter a title for the zone in the Title textbox. e.g. Inner Solar System.
  2. Enter a description for the zone in the Description textbox. e.g. Use this zone to associate the appropriate item to it.
  3. Enter the width size in the width textbox. e.g. 500.
  4. Enter the height size in the height textbox. e.g. 200.
  5. Optionally, enter the appropriate starting point of the zone in the x and y textboxes.

Note: The starting point of the zone refers to the bottom left corner.

  1. Optionally, select the required alignment from the Alignment drop-down list.

title and description textboxes selected, width and height textboxes selected, x and y textboxes selected, alignment dropdown menu selected

  1. If you require more zones, click on the + Add a zone button.

Note: When creating additional zones, complete Steps 8 to 13.

add a zone button selected

  1. Optionally, click on the x icon to delete a zone.
  2. Click on the Continue button.

x icon selected, continue button selected