Tips and cautions for working with county Web pages
Pages you can't edit directly with FrontPage
Some of the pages in county websites are dynamically
generated – that is, they are created from content in databases as they are
requested by visitors. They are not static pages and cannot be
edited with FrontPage. These include calendar, staff, county extension
council (all linked from near the top of the main county page).
The calendar is edited through WebApps
– events created in WebApps will immediately appear in the calendar.
The staff list comes from the university personnel system.
Changes to employee data should be sent to Diane Dews. Photos can be sent to
Kate Akers for posting.
The county extension council list is updated through an online
tool, located here:
CPDs have access to this system and may request access for other employees in
the office. Sent authorization requests to Paula Hudson.
Server Side Includes
When you first start editing county/regional pages, you will see "Search form included here. Do not
delete" in the upper right corner of the page.
What you don't see is the code behind this that employs a device called a "server side
includes" (SSI) to combine content from different places in the website to build these pages. It pulls the code for the search tool from
another file that is used across the entire MU Extension website. If
you delete the comment and the code for this SSI, the search tool will not
appear on the page.
Footers are very similar but use slightly different code to include a file
from within your county/regional site on all the secondary pages. When
you look at the file list for your site, you will find footer.html. This is
the footer for your pages and has the contact information for your county.
If you need to update the contact info, open footer.html, make the changes
and save it. It will update all the pages in your site that use the footer.
In your county site you will find a "templates" folder that
should contain two files – basic-page-template.html and two-column-template.html. You can use these to create new pages that have the standard layout, graphics,
fonts, colors and search form. Just open the page then "save
as" a new file name and make your changes.
Save your file into the main directory/folder, or an appropriate subfolder.
Don't leave your new page in the templates folder.
If you have a document that requires a
layout different from the templates provided, contact Kate Akers,
firstname.lastname@example.org for assistance.
You can also use these Newsletter
The county pages use tables to control the width of the entire page,
restricting it to 640 pixels wide. It's designed this way so that the
pages will display the same on all monitor sizes and resolutions, without
having to scroll left-to-right on low-resolution screens. Additionally,
640 pixels is approximately 7 inches wide when printed, so the width setting
insures that your pages will print nicely.
It's easy to identify if the table width setting has accidentally been
changed because the red title bar at the top may wrap if the browser is open
wider than 640 pixels.
Another reason this may happen is if you have some content element in your
page that is wider than 640 pixels. For example, two photos that are each 350
pixels wide set next to each other will force the table to expand to 700
pixels wide to enclose them. To solve this, put one picture below the other or
resize the photos to be 320 pixels wide or fewer.
Example: if you see the header bar repeat like this, the outer table width is wrong or some content
in your page is too wide.
Organization & File Naming
Keep files organized as new content is
added. Graphics and photos (.GIF and .JPG files) should be
stored in the images folder. If you have more than 2 pages for a specific
topic (i.e. ag related, or 4-H), make a new folder for storing those files
together. Newsletter files should be stored in a
separate folder, with article or issue files named consistently. You
might want to use dates in the file names to make it easy to clear out old
items down the road.
Guidelines for naming files and folders:
- DO NOT USE SPACES in file or folder names.
Some browsers do not interpret spaces in URLs correctly, and when a URL
with a space is pasted into an e-mail or other document, often
everything after a space is not interpreted as part of the URL. Some
browsers will substitute "%20" for spaces in a URL.
- Use lowercase
letters in file and folder names.
Files and folders in lowercase are standard in the Web community. Some
Web servers are case sensitive while others are not. Our server is case
sensitive, so agriculture.html is not the same as Agriculture.html
they could be two separate files. But if you are reading the URL to
someone and forget to specify the capital A, they will get to the wrong
file or get an error message.
Always Use Paste options when importing text from other sources
pasting instructions for FP2003
When transferring content from MS Word documents to the Web, you can
copy-paste from Word to FrontPage but if you just simply Ctrl-V or choose
"paste" when placing your content in FrontPage, it will bring in a lot of
formatting information that is unnecessary and in some cases will really
mess up your pages and the template layout and fonts.
If you will use the paste option "Keep text only," your text will take on
the standard colors and fonts used throughout the site.
We have pre-set all the fonts in the new templates to sans-serif fonts that
are clean and easy to read. Please don't change the font faces. If you
paste text into your page and the font looks wrong, highlight the section of
text and hit Ctrl-spacebar to revert the text to the defaults for the page.
You can increase the size of a font and/or make it bold to draw attention
to a section.
To make a font a heading, we've pre-set a few special styles to use. In the
pull-down box on the far right side of your formatting toolbar, the default
setting is "normal". if you pull that menu down, you can set a
section of text to H1, H2, H3 or H4. These styles will be larger and
color coordinated with the templates.
This is H1 style
This is H2 style
This is H3 style
This is H4 style
Extension Web Publishing
Use Agreement and New Account Request
for customizing county site front page
link suggestions for county sites: