Current Western Template Designs

Please contact WebTech for help with any of these templates.

Into DIY? You can also download from here:

Original Template | Responsive

We create and support a family of related site designs for different technologies and purposes. All official Western websites must use one of these templates. These are:

Original Western Template for HTML Sites

The standard template for use at Western is the Original Western Template. This can be used for personal or department sites and is clearly Western branded. This template requires Adobe Dreamweaver.

This design shares characteristics with both the Western Home Page and the Western College Sites Design (see below). Pages done with this template can have a custom banner at the top of the page with their unit name on it. Examples of these sites include:

Responsive Western Template

Advanced users that have access to Dreamweaver CC 2014 or later also have free access to the Responsive Western Template. This template is also clearly Western branded but works better for mobile and tablet users than the Original Template. To see why, drag your browser width narrower while viewing this page. As you get close to phone-screen width you'll see the display switch to a one-column view with mobile-compatible menu buttons. Examples of this template currently include:

College Design for Drupal Sites

The College Design is for Colleges / Academic Units that have transitioned to the Western Drupal system. This design is Responsive and works well for mobile devices.

Desktop View

Header

The new College sites all have a header with the Western logo to left and Western links along top right. The college banner and nameplate are followed by the main menu place horizontally under the banner. Next follows the page name and content.

footer

Footers on these sites all have the Western information block to right and room for custom college information to left.

Backgrounds are optional but should be subtle and will appear behind the translucent white page content background.

Mobile View

Mobile View

In the smallest mobile view (smartphones etc) banners are eliminated and the most significant information on the page is shown first.

If the user selects the menu button, the menus are expanded as standard vertical mobile menus.

You can also view a typical site, then narrow the browser window to see this in action.

College Home page

The college home page does not have a secondary menu. It is the most customized page of the site and is intended to draw attention.

College Interior page

College interior pages are just like the college home pages except that the left-most column contains the secondary menu. See graphic example

Department within a College - style 1

Department Header Style 1

If departments need to be viewed within the structure of the college, they can have a side menu for their links. See example

Department within a College - style 2

Department Header Style 2

If departments have large sites and require extensive menus, it may be appropriate to make them a subsite with their own navigation. In this case the user gets back to the college by clicking on the narrow college banner above the department banner. See example