Anatomy of a Webpage

It's not just basic text — webpages on the Pacific University website are made up of many different parts. Enhance pages with a number of features that can be mixed and matched to create a great browsing experience.

Screenshot of webpage labeling each element described in text.

  1. Website Header | The website header identifies the Pacific University website on every page of the site and contains the Pacific University logo (which also serves as a homepage button), the toolbar menu, the search bar, and the main menu. It cannot be removed or changed on individual pages.

  2. Banner Photo or Featured Video | Serving as a vibrant, visual introduction to webpage content, a single banner image (pictured) or featured video creates a positive first impression to web users. When applicable, additional multimedia are added to the body content area. A banner photo displays the full width of the browser, while a featured video displays the full width of the content area. Tutorial: Website Images and Videos.

  3. Featured Content | Highlight relevant webpages or exciting news/media by using featured content. Featured content appears as a set of three visual blocks overlaid on the banner image. Although it doesn't replace menu navigation, featured content encourages users to explore the site by providing additional pathways. Tutorial: Featured & Related Content.

  4. Section Menu | The section menu changes as a user navigates through the site and indicates where that user is. The current page is always highlighted and the menu is nested with the option of expanding it to see more options. It appears on the left for desktop browsers and near the top on mobile browsers.

  5. Title and Body Content | Concise contemporary writing and engaging visuals engage website users who are often quickly scanning pages for relevant information. Most webpage content lives in the main content area of the page and can include text and multimedia. Tutorial: Writing for the Website.

  6. Related Content | Although functionally the same as featured content, related content appears after the body content area.

  7. Newsfeeds | Timely events and great stories provide users with ever-changing content, creating a new browsing experience even when page content stays static. Newsfeeds are powered by custom tags and can appear at the bottom of any page. Tutorial: Website Newsfeeds.

  8. Academic Programs Footer | The academic program footer provides a snapshot into the diversity of programs offered by Pacific University as well as serving as an additional navigation method. It cannot be removed or changed on individual pages.

  9. Main Footer | The main footer appears on every page and contains the Pacific University logo, social media menu, links to important information, contact information and legal information. It cannot be removed or changed on individual pages.

  10. Social Media Feed (Not Pictured) | In addition to being added to the social media directory, approved social media accounts can be pulled in as feeds to the bottom of webpages to provide dynamic, casual content. These appear just above the academic programs footer. For example, the Pacific University homepage has a social feed that pulls in approved social media accounts.