Web Publishing

3. Basic page

  1. Home
  2. Training

Basic pages and structured pages will form the majority of general content pages on your site.

The basic page offers the simplest type of page and is suitable for:

  • a single topic
  • content that can be displayed to the user in a single view.

For the basic page topic, there are 3 tasks, each of which require the following:

  1. Create a basic page.
  2. Complete the instructions for each basic page
  3. Publish the basic page

After completing each basic page, there is a review stage that consists of the following:

  1. Compare your published basic page with the Review associated with the task. 
  2. Review Training page 2 on your training website where a view has been inserted to display basic pages that have the tag, sample basic page, added.

Learning outcomes

At the end of the topic, you will be able to:

  1. Create a basic page
  2. Insert content
  3. Insert links
  4. Insert in-line images
  5. Apply best practice to edit content
  6. Use the WYSIWYG editor
  7. Publish content.
  1. Task 3.1 - format content
  2. Review: format content
  3. Task 3.2 - insert links
  1. Review: insert links
  2. Task 3.3 - in-line images
  3. Review: in-line images

6. Review: in-line images

Compare your basic page with the following:

  1. Published basic page
  2. Component display on Training page 2- view: vertical content list: teaser

Published basic page

The numbered information that follows refers to the image below.

  1. Hero image - background hero image inserted.
  2. The page title is styled as heading 1 (H1) and the headings in the body field uses H2 to H6.
  3. Breadcrumb - the breadcrumb appears because the menu link was added to the basic page via the Menu options when creating the basic page.
  4. Page tabs
    • View - displays the published page
    • Edit - editable version of the page.
    • Revisions - list of saved versions of the page at different times.
  5. Heading Elements - Image use is heading 2 while Example 1 and Example 2 are heading 3.
  6. List - The list describing how the use of images should be an unordered list since it does not reflect a sequence of steps.
  7. Menu links to sibling and children pages.

basic page image numbers 1-7

  1. Images - example 1 - left aligned image with alternative text and a caption
  1. Images - example 2 - right aligned image with alternative text and no caption

Effective images 8-9

Component display on Training page 2- view: vertical content list: teaser

Purpose:  to show you what happens if you do not tag your content. This view has been configured to display the teasers of basic pages where the tag - sample basic page has been added.

The basic page, Effective images,

  • does not display in the vertical content list: teaser because the tag - sample basic page was not added

teaser

Click the grey button on the right to proceed to the next task.

2. Components
4. Structured page
 

Checklist: UQ Drupal Fundamentals

Avoid using Microsoft Edge or Internet Explorer for Drupal training.

Images and documents for tasks