Site Building

Movie Project: Build the Homepage for Drupal 7

Last updated
Up-to-date with minor version

This page is archived

We're keeping this page up as a courtesy to folks who may need to refer to old instructions. We don't plan to update this page.

In this exercise you will combine knowledge of Panels and Views to create a complex page layout.


Create a layout for the home page.


You will need the following knowledge and skills. If you need a review, check out the Additional resources section at the bottom of this page.

  1. Configure the home page.
  2. Build a complex page layout using Panels.

Wireframe reference

You will need to refer to the wireframe collection PDF.

  • Home page

Screenshot of finished home page:



Create views blocks for Recent Lists, Latest Reviews, and News. (Note: For this stage don’t add the links to the Latest Reviews content on the right side of the wireframe.)

Create a quicktab instance to display the Homepage News.

Create a panels page with the path: homepage.

Configure the site to use homepage for the front page.


  • Try and understand the architectural concept of how the homepage is constructed.


  • Quicktabs can contain a range of content, but is most often used for views.
  • Quicktabs can be placed within Panels.

Further your understanding

Additional resources

Creative Commons License

Drupal Training Resources by Damian Robinson are licensed under a Creative Commons Attribution-ShareAlike 4.0 International License. Based on a work at

Hands-On Exercises: Movie Project