Web Development Standards
The following templates and standards have been created in order to help you develop a consistent look and feel for the University of Maryland websites. Please review the information below and if you have any questions or need further information, please contact the Web Development department.
Web Development Standards:
- Coldfusion Application Development: is primarily the responsibility of the CITS Web Development Department. In the event a web developer/staff from any department, school, or administrative unit wants to develop/change a Coldfusion application, form, or file on the UMB webserver - you must contact a member of the Web Development Department in order to make sure that settings, database connectivity, and security are applied correctly. In addition, the content should follow the Coldfusion Web Development Standards in order to prevent negative impact to other systems, applications, and servers.
- General Web Development using HTML: each of the seven schools and the administrative units are responsible for maintaining the content for their own web pages. The web developers/staff from each school or administrative unit will have the ability to make these changes as required without additional review or approval from the CITS Web Development Department. It is recommended that the following standards be followed for this type of development; in addition to the templates, style guide, colors, and seal described below.
Web Development Templates:
When using these templates, do not forget to update the image links and URL links accordingly. These templates also use a stylesheet in order to help maintain a consistent navigation, font, and color.
| Standard Template This is the 3 column template. Here's how the dynamic content areas of the template are designed to work: Section 1 - Custom Sub-header. Additional navigation or website title could be placed here. It is a dynamic content area that is optional; if no content is included in this area, the gray bar will not appear on your site (view an example without a custom sub-header). Section 2 - Site Name. It is a dynamic content area that is optional; if no content is defined for this area, no title/name for your site will be displayed in this area of the template (view an example without a site name). Section 3 - Navigation. Another dynamic content area that can be used to define your sites own navigation. Section 4 - Main area (content) of your webpages Section 5 - Additional links and related information. It is a dynamic content area that is optional and can be used to define additional navigation/links/news, etc. Click here to view an example page |
| 2 Column Template Please see explanation of sections 1-4 under Standard Template (above). Click here to view an example page |
| 1 Column Template This is another version of the default template. Both the left (section 3) and right (section 5) columns used for navigation have been removed. The main content area (section 4) takes up the entire area between the header and footer in the template so you can add more content to the main content (section 4). Click here to view an example page |
Blank Template There is also a blank template that doesn't have any of the template areas and is an empty page. The header and footer of the template are also missing. This template is usually used to create the navigation pages and dynamic content areas that will be included in your template/website since it allows you to use the same stylesheet options. Click here to view an example page |
Accessibility
It is important to make web sites accessible both for people with disabilities and mobile devices.
If you are faculty, staff or student at UMB who supports or maintains web pages, please review the Accessibiilty Guidelines for more information about how to improve the accessibility of your site.
UMB Seal
This is the official seal for the University of Maryland, Baltimore. The use of the University seal is permitted exclusively to web pages that are under direct supervision and control of UMB administration.
