Terminalfour Page Creation Exercise

This exercise will help you practice creating and organizing content in Terminalfour using several common component types, including Hero Sections, Body Sections, Expandables, and Cards.

 

Create Your Own Page Exercise

  1. Open your Section

    In the site structure, please go to the section named "Training Area" expand it and find the section that has been created for you.

  2. Add a Hero

    The first element you will add to your content is a Hero section. Select General Hero Section as your heading.

    Complete the fields using the following information:

    1. Name: Welcome to (your name)’s Test Page
    2. Title: Welcome to (your name)’s Test Page
    3. Description: Enter the date you are completing this exercise.
    4. Image:
      1. Click Insert ->  Insert file link or image
      2. Navigate to: Training Area -> Images -> HCC Logo

    Note: 

    Save as Draft while you are still working on a content type. 
    When you are finished, click Save to submit it to the Web Content Editor’s queue for approval. 
    You can also click the Preview button to see what your component will look like.

  3. Add Body Section

    Name: Introduction to (your name's) page. A screenshot of Paste as Text option in the description tool bar  

    Body Content

    Copy the first paragraph from the Houston City College Wikipedia page and paste as text (to remove any existing formatting).

    Add a Callout Block

    Activate the Callout Block. Add a button linking to the HCC Home Page. Screenshot showing a Callout block set to

    Once the Callout Block option is set to “Yes,” a Callout Button option will appear. Use this field to add the link to the HCC homepage. Screenshot showing a Callout button set to Yes

  4. Add Expandables

    Add two separate expandables:

    1. List of Colleges
      • List all seven colleges of Houston City College using a list (either an ordered list or bullet points).
    2. Athletics
      • Create a table of sports activities and indicate whether each is offered for men, women, or both. Information can also be obtained from HCC’s Wikipedia page in the Athletics section.

    The final table should look like this:

    Sports Type Men Women
    Basketball Offered Offered
    Flag Football Offered Not Offered
    Golf Offered  Offered
    Fitness Offered Offered
    Soccer Offered Offered
    Tennis Offered  Offered
    Volleyball Not Offered  Offered

    On the first expandable, select Yes for the Show Title option. This title will be used as the heading for all grouped expandables.

    Expandable's title checked as yes. Place both expandables by each other to be grouped together

    Expandable content types next to each other to be grouped together Once they are grouped together, this is what it will look like in preview mode and on the live page. 

    Expandables in preview mode.

  5. Add a Cards Section

    Create three separate cards for three different campus locations.

    For each card: 

    • Add a campus photo to the card from the Media Library > Training Area > Images.
    • Add a description.
    • Link the card to the corresponding campus page.

    Cards Section example.  
    Below is an example of how it will appear in Preview mode. 

    Southwest College Campus Locations cards

  6. Finished Section Example

    Once completed, your section should look similar to this. 

    Layout of a finished section.

  7. Submit your Work

    1. Save your changes to submit the content for admin review.
      • If you are still working on the content, select Save as Draft instead.
    2. Once your changes are saved, the content status will be marked as “Pending” and sent to the admin for review.
    3. After the content is reviewed and approved, the admin will grant you access to edit your designated sections.