Current Western Template Designs
We create and support a family of related site designs for different technologies and purposes. These are:
- Original Western Template: HTML & CSS maintained using Adobe Dreamweaver
- Western Responsive Template: HTML and CSS/SASS template maintained Dreamweaver CC 2014 or later. (some code knowledge useful)
- Western Drupal Template: HTML,CSS, PHP, MySQL site maintained using Drupal CMS
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:
This WebTech site is an example of the Western Template with Responsive HTML. 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.
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.
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.
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.
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
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
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