SMU / Enrollment Services / WebTech / Web Template Guide
Web Template Guide

I

Top Banner

This section of the page is a global template located in /enrollment_services/deswt_tmpl_global/header.inc. It include all page header codes and the SMU banner which rotates randomly.

 
II

Global Drop-Down Menu

The content of the drop down menu can be found in /enrollment_services/deswt_tmpl_global/t1menu.inc in Javascript arrays.

 
III

Local Submenus

These submenus change as you navigate throughout the site. The more specific menu to the section of the site should be laid on top of it's parent section. i.e. DES WebTech is a group under Enrollment Services, therefore its submenu pushes Enrollment Services submenu down a block.

Naming convention for these menus should be localmenu_'section_name'.asp and save them in the same directory as the pages that are using it.

 
IV

Global Submenus

The global submenus are located in /enrollment_services/deswt_tmpl_global/globalsubmenu_top.inc and /enrollment_services/deswt_tmpl_global/globalsubmenu_bottom.inc, they will appear on every page is using this web template.

globalsubmenu_top.inc - Inserted before the local submenus.
globalsubmenu_bottom.inc - Inserted below the local submenus.

 
V

Breadcrum

The breadcrum path is define in a separate include file, localbreadcrum_'section_name'.asp. In this file, you can edit the generic breadcrum for the entire section.

i.e. In the image below, the whole breadcrum is "SMU / Enrollment Services / WebTech / Home". In the file localbreadcrum_'section_name'.asp you will see the "SMU / Enrollment Services / WebTech /" portion. The word "Home" comes from the page you're editing, it is an ASP variable defined in the top of the HTML codes, pageName = "Home".

 
VI

Content

Content should be placed after the comment that says "INSERT CONTENT(703pixel max) HERE-->". Limitations to the width of content is 703 pixels (after subtracting 10 pixels of padding on each side), (see the text below the Blanton picture).

To insert a banner image like the one below, insert after the comment "
INSERT SPLASH IMAGE HERE IF ANY". Use the following example HTML code to insert picture:
<div><img src=pic_blanton.jpg></div>
The banner can be up to 723 pixels in width.

 
VII

Page Footer

Location: /enrollment_services/deswt_tmpl_global/footer.inc
Includes SMU copyright disclaimer and closing tags for the page.

 
VIII

Page Configuration

In Code view in MS FrontPage, there are two ASP variable defined at the top of page, sectionName and pageName. both variables are used in the title (HTML <title> tag) of the page. The title is composed of "SMU: sectionName - pageName". The variable pageName is also used in the breadcrum, at the end of the path.

 
IX

Additional Info

This web template is written in 100% CSS, which also means 100% tableless (though using tables in content section won't interfere). Additionally, open-source javascripts are used to incorporate some interactive effects on the page.

Template designed by Paley Wu, SMU Division of Enrollment Services.

 

PRINT FRIENDLY  |  CONTACT SMU