skip header and navigation and jump to contentKansas.gov: The Official Web site of the State of Kansas
Kansas.gov: A service of the Information Network of Kansas, Inc. Welcome to Kansas

Home
Planning a Site
Developing a Site
Marketing a Site
Maintaining a Site

 

Kansas.gov Resources

Home > Kansas.gov Standards > Template design

Template design


Kansas.gov Style Guide for the Web

Does your agency Web site need to be redesigned? Kansas.gov offers a template-based Web site design to any state Kansas government agency free of charge.

Does your agency need help with navigation, design, user testing, accessibility or software applications? Kansas.gov offers consultation services to government agencies.

 

Sample Template

Below is a basic template that incorporates the left-column navigation, header and footer based on the Kansas.gov portal. If you are a state agency and would like Kansas.gov to develop a template for your Web site, please contact us for more information.

View and download the complete set of documents and templates required to develop your Web site. Files contain xhtml templates (main page, secondary page & server side include files), style sheets & images (layered & optimized).

sample Web site template

The templates are broken into 5 components:

sample Web site template a. header
b. navigation
c. body
d. footer

 

 

 

 

< top

 

Doctype & Meta Tags

This is a sample code snippet of the doctype and metatags Kansas.gov incorporates into the Kansas Web site.

Doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Metatags

If your Web site is optimized for the wrong keyword phrases then you may be driving the wrong traffic to your site or receive little Web traffic.

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="DC.Title" content="Kansas.gov: the Official Web site for the State of Kansas" />
<meta name="DC.Creator" content="Information Network of Kansas, Inc." />
<meta name="DC.Subject" content="Kansas.gov, Kansas, INK, Information Network of Kansas, state, government, portal, e-government, cities, counties, elections, online services, living, learning, operating, working, recreation and travel, facts, history, citizens, visitors, business, employees, licensing, legal, transportation, environment, legal, legislative, financial, medical, insurance, property, safety, taxes, agencies, associations, committees, elected officials" />
<meta name="DC.Description" content="Kansas.gov is the Official Web site for the State of Kansas where you can find all your state government needs." />

< top

Search Engine

Here is a sample code snippet of the search engine on the Kansas Web site. Kansas.gov uses the Google search engine on all Web sites developed. If you are a state agency and would like Kansas.gov to add a search engine on your Web site, please contact us for more information.

image of search box

<form action="http://kansas.google.cdc.nicusa.com/search" method="get" name="googlesearch" id="googlesearch">
<label for="search"> <img src="http://www.kansas.gov/images/spacer.gif" alt="Enter search keyword here" width="1" height="1" border="0" /> </label>
<input type="text" name="q" size="12" maxlength="255" id="search" value="" />
<input type="submit" name="Submit" value="search" />
<input type="hidden" name="site" value="kansas" />
<input type="hidden" name="client" value="kansas" />
<input type="hidden" name="proxystylesheet" value="kansas" />
<input type="hidden" name="output" value="xml_no_dtd" />
</form>

< top

Interactive Forms

Here is an example of a simple interactive form Kansas.gov can provide an agency on their Web site. When the form is filled out, the information is sent to an e-mail address. If you are a state agency and would like Kansas.gov to add a simple form on your Web site, please contact us for more information.

sample imahe of a complaint form

< top

 

Give us Feedback

Tool Box

Recommended Reading


image of book cover: Web Accessibility for People with Disabilities

Web Accessibility for People with Disabilities by Michael G. Paciello

This book provides a clear understanding of what accessibility is along with legal requirements, instructions and examples that any designer can follow and use.

rating of 5 out of 5

Kansas.gov rating: 5 out of 5