image: Gears IT Team - Processed HTML
Page parts
logo: U of MN Extension


Updated Dec. 17, 2003

These dynamic modules provide common page elements.  The modules are broken by type and are listed in the approximate order of their use within a page.  For each module the HTML code to use is followed by an example of what is shown on the final page.  The names of the modules are Case Sensitive.  Be sure to use the right capitalization.

Each page that uses these modules must start with this include statement as one of the first lines of the HTML page.

<!--  #include virtual = "/include/page_parts.inc"  -->

In coding the example, equals signs are placed immediately before and after the module so any line breaks will be illustrated. For example the HTML code for illustrating the Extension Visual ID module is:

==========  <%  VisualID()  %>  ==========


-


The dynamic modules are grouped based upon the relative position they are used within a page. The following groups are available.
img: push pinDates and Headers img: push pinPage Closers
img: push pinExtension Wordmarks img: push pinNavigational Links
img: push pinVisual IDs And Banners img: push pinDisclaimer Messages
img: push pinLines img: push pinCopyright Messages


-


Dates and Headers

These modules are used at the opening of an HTML page and generally do not get displayed on the browser page.  Not illustrated is a module for displaying the date in various formats  contact John Schafer if you are interested in this module for further information.  We have several modules that provide standardized headers for page authors.  Contact John Schafer if you wish to have one setup for yourself.  Below is the content for mine.

<%  Head_jschafer()  %>

<link rel="home" href="http://www.extension.umn.edu">
<link rel="made" href="mailto:jschafer@extension.umn.edu">
<meta name="author" content="John Schafer">
<meta name="copyright" content="© Regents of the University of Minnesota">

As a generic header you can just include:

<%  Head()  %>

<link rel="home" href="http://www.extension.umn.edu">
<link rel="made" href="mailto:sysop@extension.umn.edu">
<meta name="author" content="General - Systems Operator">
<meta name="copyright" content="© Regents of the University of Minnesota">


<%  BodyStart()  %>
The current page style is black text on a white background.  By using this module we can change that style quickly without having to edit all of the individual pages.  This module inserts the body open tag and a blank line as shown below.

<body bgcolor="#FFFFFF">


-


Extension Wordmarks

These modules provide the <img> tags for the Extension wordmark in two sizes.  The wordmark has a white background, but transparent versions are provided for use against a colored background.  If you wish to use the wordmark against a background color not found below place a request with the IT Helpline.  The modules have no <br> or <br clear="all"> tags associated with them, unless otherwise noted.

<%  Wordmark()  %>
========== logo: U of MN Extension ==========


<%  LargeWordmark_()  %>
========== logo: U of MN Extension ==========

logo: U of MN Extension
CCFFFF
logo: U of MN Extension
99CCCC
logo: U of MN Extension
FF8080
logo: U of MN Extension
FFCC66
logo: U of MN Extension
FFCC99
logo: U of MN Extension
FFFFCC
logo: U of MN Extension
99CC99
==========


-


Visual IDs And Banners

These modules are merely the <img> tags for common visual ID and page banner elements.  By making them dynamic if the width or height of a element changes, those changes can be made in one place and any pages that use that element will reflect that change.

These modules contain only the <img> tag and have no <br> or <br clear="all"> tags associated with them, unless otherwise noted.



<%  TopNav()  %>
==========
link: Extension Home Page link: Extension Home Page link: Workshops link: Extension Offices link: Shop Extension
img: Left edge of swash Farm Community Environment Family Garden Youth img: Right edge of swash
img: center of swash
img: Bottom edge of swash
-
==========



<%  TopNavTan()  %>
==========

link: Extension Home Page
link: Extension Home Pagelink: Workshopslink: Extension Offices      
img: Left edge of swash Farm Community Environment Family Garden Youth img: Right edge of swash
img: center of swash
img: Bottom edge of swash
-
==========



<%  VisualID()  %>
NOTE:  This includes the attribute align="right".  Also see the HeadTable() module below.
========== logo: U of MN Extension ==========



<%  InfoUID("align")  %>
NOTE:  An alignment (left, right, center) can be provided, the default is none.

<%  InfoUID()  %>
==========
img: Info-U Icon
==========


<%  InfoUID("left")  %>
==========
img: Info-U Icon
==========



<%  MAESID("align")  %>
This module also provides a link to the MAES homepage.  An alignment (left, right, center) can be provided, the default is none.

<%  MAESID( )  %>
==========
link: MAES logo ==========


<%  MAESID("right")  %>
========== link: MAES logo ==========



<%  MNfutureID()  %>
NOTE:  This includes the attribute align="left"
========== Minnesota's Future ==========



<%  NewsID()  %>
NOTE:  This includes the attribute align="left"
========== News Information ==========



<%  ExtBanner()  %>
NOTE:  This is used primarily on the home page and may have a link associated with it to a page related to the photo.
========== Logo: University of Minnesota ExtensionPhoto: Seasonal Image ==========



<%  TopicBanner(N)  %>
This module is used primarily for the second level pages for the Topic Areas.  When using this module you include a number within the parenthesis to indicate the desired Topic Area for the page.  If no value is given nothing will be displayed.  The numbers for the various Topic Areas are as follows:

0 - Child and Youth Development 6 - Gardening and Commercial Horticulture
1 - Community Resources and Tourism 7 - Leadership and Citizenship Education
2 - Crop Systems 8 - Livestock Systems
3 - Environment and Natural Resources 9 - Nutrition, Food, and Health
4 - Family Development 10 - Housing and Clothing
5 - Financial and Business Management 11 - Communications & Technology


<%  TopicBanner()  %>
========== ==========


<%  TopicBanner(0)  %>
========== banner: Child and Youth Developmentlogo: Extension wordmark ==========


<%  TopicBanner(11)  %>
========== banner: Communications & Technologylogo: Extension wordmark ==========



<%  HeadTable("caption1", "caption2", "bg_color", "img_src", "width", "height", "img_alt", "hspace", "vspace")  %>
This module creates the standardized table used at the top of each page.  If no information is included it will create a blank header with the wordmark in the upper right corner.  When including option elements you must start from the left, "", should be used to skip any item (see the third example below), and any unneeded elements to the right can be left out.  When you are including an image you should include width, height, and image alternate information.  Several illustrations follow.


<%  HeadTable()  %>
==========

  logo: U of MN Extension


==========


<%  HeadTable("Caption No. 1", "Caption No. 2")  %>
==========

  Caption No. 2
Caption No. 1
logo: U of MN Extension


==========


<%  HeadTable("Extension Offices", "", "FF9966", "/images/outstate.gif", "76", "88", "icon: Minnesota")  %>
==========

icon: Minnesota Extension Offices logo: U of MN Extension


==========


-


Lines

These modules are used as separators within a page.


<%  PubLine()  %>
========== - ==========


<%  MaroonLine(nn)  %>
When using this module you can include a number within the parenthesis to indicate the desired width as a percentage of the page.  If no value is given the default of 50% is used.  This module is centered and closes with <br clear="all">.  Several examples follow.


<%  MaroonLine(20)  %>
==========

-
==========


<%  MaroonLine()  %>
==========

-
==========


<%  MaroonLine(75)  %>
==========

-
==========


-


Page Closers

These modules are used to create a seperation between the main body of the page and the boilerplate at the bottom.  At the bottom of each page should be any navigational links to higher levels and then the Extension disclaimers.  The separator can either be the NavBar which has direct links to the four main web areas or just the Footmark which is a horizontal rule.  The navigational links are shortcuts to closely associated pages within a section and a link to the Home page if the NavBar is not used.


<%  Footmark()  %>
==========


==========



<%  BottomNav()  %>
==========

Agriculture \ Community \ Environment \ Family \ Garden \ Youth
Home \ Search \ News \ Workshops \ Online Shopping
About Extension \ Extension Offices
-
==========



<%  NavBar()  %>
==========


==========


-


Navigational Links

These are used as backlinks on the bottom of a page.


<%  HomeMsg()  %>
==========
iconUniversity of Minnesota Extension Home Page
==========



<%  CommunMsg()  %>
==========
iconCommunity Vitality Page
==========



<%  CropsMsg()  %>
==========
iconFarm Page
==========



<%  EnvironMsg()  %>
==========
iconEnvironment and Natural Resources Page
==========



<%  FamilyMsg()  %>
==========
iconYouth and Family Development Page
==========



<%  FinanceMsg()  %>
==========
iconFamily Financial Management Page
iconFarm Business Management Page
==========



<%  HortMsg()  %>
==========
iconGardening and Commercial Horticulture Page
==========



<%  HousingMsg()  %>
==========
iconLiving Page
==========



<%  LeaderMsg()  %>
==========
iconCommunity Vitality Page
==========



<%  LivestMsg()  %>
==========
iconFarm Page
==========



<%  NutritMsg()  %>
==========
iconLiving Page
==========



<%  YouthMsg()  %>
==========
iconYouth and Family Development Page
==========



<%  BrandMsg()  %>
==========
iconBrand Hierarchy Page
==========



<%  CatalogMsg()  %>
==========
img: Extension Publications Product Catalog Opening Page
==========



<%  ExtOffMsg()  %>
==========
iconExtension Offices Page
==========



<%  InfoTechMsg()  %>
==========
iconInformation Technology Page
==========



<%  InfoUMsg()  %>
==========
icon: Info-U button Info-U Home Page
==========



<%  InternalMsg()  %>
==========
iconInternal Information Page
==========



<%  NewsMsg()  %>
==========
iconNews Page
==========



<%  ProcessedMsg()  %>
==========
img: gearsProcessed HTML opening page
==========



<%  ReferMsg()  %>
==========
img: return arrowReturn to the previous page
==========



<%  ChangePlan()  %>
==========
For more information on changes in Extension
link: Extension 2002-2005 Plan: Phase 2

==========


-


Disclaimer Messages


<%  ada_disc()  %>
==========

In accordance with the Americans with Disabilities Act, this material is available in alternative formats upon request. Please contact your University of Minnesota Extension office or the Extension Store at (800) 876-8636.

==========



<%  cets_disc()  %>
==========

Produced by Communication and Educational Technology Services, University of Minnesota Extension.

==========



<%  edu_disc()  %>
==========

The information given in this publication is for educational purposes only. Reference to commercial products or trade names is made with the understanding that no discrimination is intended and no endorsement by University of Minnesota Extension is implied.

==========



<%  eeo_disc()  %>
==========

In accordance with the Americans with Disabilities Act, this material is available in alternative formats upon request. Please contact your University of Minnesota Extension office or the Extension Store at (800) 876-8636.

University of Minnesota Extension is committed to the policy that all persons shall have equal access to its programs, facilities, and employment without regard to race, color, creed, religion, national origin, sex, age, marital status, disability, public assistance status, veteran status, or sexual orientation.

==========



<%  eeo1_disc()  %>
==========

University of Minnesota Extension is committed to the policy that all persons shall have equal access to its programs, facilities, and employment without regard to race, color, creed, religion, national origin, sex, age, marital status, disability, public assistance status, veteran status, or sexual orientation.

==========



<%  eeo2_disc()  %>
==========

University of Minnesota Extension is an equal opportunity educator and employer.

==========



<%  infou_disc()  %>
==========

This item is copyrighted.  Users of this database may print one copy for their own use only, and may not produce or distribute multiple copies.  Permission is granted to use this document in a broadcast for non-commercial purposes provided that the author and the University of Minnesota Extension Service receive acknowledgment.  Copyright permission inquiries should be sent in writing to Copyright Coordinator, University of Minnesota Extension Service, 405 Coffey Hall, 1420 Eckles Avenue, St. Paul, MN 55108-6068;  e-mailed to copyright@extension.umn.edu or faxed to 612/625-2207.

==========


-


Copyright Messages


<%  Home_Copyright()  %>
==========

URL: http://www.extension.umn.edu  This page changes frequently.  Be sure to reload to receive the current version.
Online Privacy StatementContact Information.

University of Minnesota Extension is an equal opportunity educator and employer.
Copyright  ©  Regents of the University of Minnesota.  All rights reserved.

==========



<%  Copyright()  %>
==========

URL: http:// www3.extension.umn.edu/units/cets/it/processed/page_parts.html  This page was updated Dec. 17, 2003 .
Online Privacy StatementContact Information.

University of Minnesota Extension is an equal opportunity educator and employer.
Copyright  ©  Regents of the University of Minnesota.  All rights reserved.

==========



<%  No_date_Copyright()  %>
==========

URL: http:// www3.extension.umn.edu/units/cets/it/processed/page_parts.html  
Online Privacy StatementContact Information.

University of Minnesota Extension is an equal opportunity educator and employer.
Copyright  ©  Regents of the University of Minnesota.  All rights reserved.

==========



<%  Pub_Copyright(year)  %>
When using the Pub_Copyright you can include a number within the parenthesis to indicate the desired year.  If no value is given the current year is used.  This module contains an initial <div>, closes with </div>, has a center alignment, and links to the standard copyright info.  Several examples follow.


<%  Pub_Copyright(1997)  %>
==========

Copyright ©  1997  Regents of the University of Minnesota. All rights reserved.

==========


<%  Pub_Copyright()  %>
==========

Copyright ©  2009  Regents of the University of Minnesota. All rights reserved.

==========


<%  Pub_Copyright(1995)  %>
==========

Copyright ©  1995  Regents of the University of Minnesota. All rights reserved.

==========



<%  Short_Copyright()  %>
==========
Online Privacy StatementContact Information.

University of Minnesota Extension is an equal opportunity educator and employer.
Copyright  ©  Regents of the University of Minnesota.  All rights reserved.
==========



<%  Today_Copyright()  %>
This always includes the current date as the modification date.
==========

URL: http://www3.extension.umn.edu/units/cets/it/processed/page_parts.html  This page was updated Dec. 1, 2009. 
Online Privacy StatementContact Information.

University of Minnesota Extension is an equal opportunity educator and employer.
Copyright  ©  Regents of the University of Minnesota.  All rights reserved.

==========


This page closes using the following code sequence:

<%
   Footmark();
   InfoTechMsg();
   HomeMsg();
   Copyright();
%>



img: gearsProcessed HTML opening page

iconInformation Technology Page

iconUniversity of Minnesota Extension Home Page

URL: http:// www3.extension.umn.edu/units/cets/it/processed/page_parts.html  This page was updated Dec. 17, 2003 .
Online Privacy StatementContact Information.

University of Minnesota Extension is an equal opportunity educator and employer.
Copyright  ©  Regents of the University of Minnesota.  All rights reserved.