SSU Website Design Page Types
The SSU templates include several different page layouts. They can be used as is without making further changes to HTML or CSS.
Some SSU departments may have a need to customize parts of the design, or may wish to combine design elements from two or more different page types. Please make an appointment with the Web Office to discuss your custom design needs.
This page type is intended for School homepages. It may also be used for Division homepages, but is not required. Departments should not use this page type. The landing page features a very large background image in the content area, a tagline, and space for a welcome message, news, starting links, embeded videos or other content. The white background in the content area is semi-transparent, allowing visitors to see through to the background image.
This page type is intended for a department or program homepages. A large banner image space is provided to help you to identify your department. The height of the banner image can be adjusted. The content area on the bottom half of the page can be modified to include multiple columns, or can be left as is with left sidebar navigation and wide content area.
This page type is intended for a department or program homepage. A large banner slideshow space is provided to help you to identify your department, and rotate images related to your programs, services or other message. The height of the slideshow area can be adjusted. The content area on the bottom half of the page can be modified to include multiple columns, or can be left as is with left sidebar navigation and wide content area.
This page type can be used as a lightweight department homepage or a branded second-level page.The left sidebar starts with a medium-sized image representing your department or program, followed by the department's persistant navigation.The content area starts right below the SSU banner and audience link bar.
This page type is intended for a second-level content page. The left sidebar contains the department's persistant navigation.
This page type is used for the University's Audience pages. It can also be used for any page that functions as a navigational jumping-off point. The Audience page consists of even-numbered blocks, each containing a heading, decorative image and short list of relevant links. On the left side of the page is space for a medium-sized image, message, or even standard navigation list.
- Sample Audience Page
- Audience Page on live site - Current Students
- Audience Page as department homepage - Information Technology
- Audience Page with left sidebar navigation - Academics
This page type is intended for use when your content is wide, or if left navigation isn't appropriate for the content of the page. The Blank template includes the standard SSU top banner and footer. Everything in between is available for content.
- Sample Blank Page
- Blank Page on live site - Interactive Map
- Blank Page on live site - Associated Students Google Calendar of Events
Other Common Uses
Most academic department sites should include a list of Faculty that links to individual Faculty Profile pages. Usually, profiles use the Content Page layout, but can use the Blank Page layout.
- Sample Faculty Profile Page
- A Faculty Profile in History Department
- A Faculty Profile in Music Department
- A Faculty Profile in Sociology Department
- A Faculty Profile in Engineering Department, uses Blank Page layout
Custom Page Layouts
If none of the above page types meets a need your site has, the Web Office can combine elements and styles from the other page types or develop something new. New designs must be approved by the Web Team and Web Advisory Committee.
University Homepage - Not For Use On Other Pages
The University Homepage is a special page. Other pages should not be made to look like the University homepage. Most of the styles are available for use on other pages, but the combination of all or most of these elements should not be duplicated.
- Featured Slideshow on the top half of the page, with story headings on the left, story details on the right, and transition effects between stories.
- Navigation sidebars on both left and right sides of the page below a slideshow.
- Tabbed content area between left and right navigation sidebars,
- News stories with images on the left, and story exerpts on the right.
- Styles for RSS and More News links
- Social Media icon links in right sidebar.
- Promotional images in left and right sidebar.
- Mini-banners across the bottom of the content area.
Please contact the Web Team if you have questions about your homepage layout.