.

Text here
ISSUES

Education
Environment
County Budget
Open Government
Charter Amendments**
Steve's Blog**
About Me (Bio)

Get Involved
Info and Events
Getting Started
Donate Money
Donate Time
Reference
Fourth District Map
Where To Vote
Register To Vote
Commission Duties
IN THIS SECTION
Getting Started
CSS Crash Course
Template 1
Template 2
Template 3

Getting Started

This package comes with the starter web site in .zip format. Unzip the package and start editing the pages. You may wish to keep a backup copy of the .zip in case you need to start over.

We have included a basic site structure with common pages that you may use to start with. You may rename the pages, add more pages, and add your content.

  • Starter web site helps you to create a new web quickly.
  • Classic and conservative blues, mixed with bold red accents provide a pleasing aesthetic balance.
  • Great imagery from Corbis®.
  • Cascading style sheets used for fonts and colors.
  • All Photoshop source files included, as well as a "blank" image so that you can edit the banner area with your own text.

What's New in v2?

  • New home page layout that is more practical and useful
  • New suggested pages
  • Fantastic Corbis imagery

Image Licensing Information

The royalty free images used in this template are provided as a part of a licensing agreement between Corbis and Advantrics LLC. If you wish to purchase larger versions of the images for your own marketing use, please go to Corbis' web site and look for the following images:

  • Flag image - CB013146
  • Secondary flag image - CB013172
  • Woman - CB019541

If you are purchasing this template and intend to use it to build a site for someone else, you must disclose to your client that this template uses Corbis images.

Source Files Included

  • Photoshop 7 files
    • bullet.psd - Used for square bullet graphic
    • focus-box.psd - Used for images in home page focus boxes
    • middlebg.psd - Used for top background below top text bar
    • top.psd - Used for main image
    • topbg.psd - Used for background gradient image in top text bar

General Instructions

  1. Unzip your web package.
  2. Look for the "political-spotlight-v2_web" folder.
  3. Copy the contents of this folder to your web directory.
  4. Keep a backup of the zip file.

Template Details

The Dynamic Web Templates in this package are Dynamic Web Template Interchange Guidelines (DWTIG) Compliant.  The Political Spotlight v2 DWT package consists of:

  1. page layouts, located in the Templates/ folder:
    1. political-spotlight-v2_splash.dwt - Used for splash page
    2. political-spotlight-v2_template1.dwt - Two-column layout
    3. political-spotlight-v2_template2.dwt - Three-column layout
    4. political-spotlight-v2_template3.dwt - Three-column layout with additional text area beneath two right columns
  2. the Political Spotlight v2 DWT starter web site, which allows users to create a new web site from scratch that uses the DWTs. Predesigned pages are included with the site, which you may modify or delete.

DWT Regions

Definition of Editable Regions for DWTs
doctitle The Title of the Page - this is what appears in the uppermost left status bar of the published page.  To edit this and the following two regions, right click over the body of the page and select Page Properties.  Fill in your own information for the Title, Page Description, and Keywords fields.  You will want to do this on each page.
keywords Keywords for your Page/Site; important for search engine spidering purposes.  To edit, see instructions above for "doctitle."
description Description of your Page/Site; important for search engine spidering purposes.  To edit, see instructions above for "doctitle."
scripting Location for any coding (asp, java script, etc.) which requires placement within the <HEAD> </HEAD> tags of the web page.
banner Name of the Page Being Viewed - you may either use the "text" banner provided with FrontPage or type in the title manually.
sub_menu Secondary Navigation - uses FrontPage navigation structure link bar; depending on the location of the page in the FrontPage navigation structure, this will be set to either "Child" or "Same" level.  Default is "Child" level  (see "Navigation Changes" below).
body1 Main Content - in a 2 or 3 column layout, this content will appear in the widest content column.  In a 1 column layout, this will appear first.
body2 Secondary Content - in a 3 column layout, this content will appear in the left column.  In a 2 column layout, this content will appear in the smaller of the two columns.  In a 1 column layout, this content will appear directly beneath the body1 editable region's content.
body3 Third Level Content - in a 3 column layout, this content will appear in the right column.  In a 2 column layout, this content will appear directly beneath the body1 editable region's content.  In a 1 column layout, this content will appear directly beneath the body2 editable region's content.
special1 Place for an applet or anything else
special2 Place for an applet or anything else

How to use Dynamic Web Templates (General Instructions)

You may use this package in two ways: 1) to create a brand new site or 2) to convert an existing web site.

Creating a New Site using this Package:

  1. Copy or move the political-spotlight-v2_web folder to the location on your hard drive where you keep your Dreamweaver web sites. You may rename “political-spotlight-v2_web” to another name if you'd like, such as “My-Web-Site” or “Project_Site.”
  2. Open Dreamweaver. Define a new site and point to that folder as your local site.
  3. The Template file(s) should show up within the Assets Panel when you click on the “templates” icon. As you create new pages, click the template you want to use and drag and drop it on top of the new page to apply the design.

Using this Package with an Existing Web Site Built with DWTs:

  1. Open Windows Explorer (or similar browsing utility). Open the political-spotlight-v2_dwt folder and copy all the files and folders inside the political-spotlight-v2_dwt folder.
  2. Browse to the local copy of your web site.
  3. Paste all the files and folders into your local web site folder. Note that this may replace some of the existing graphics and/or files in your web site, so you may want to back up the local copy of your web site first.
  4. After opening Dreamweaver, you may open your pages and go to Modify > Templates > Apply Template. The new Templates should automatically show up in the list of templates and you may apply them.
  5. It is possible that the Templates don't automatically show up in the Assets > Templates panel when you first add the new files. If this is the case, just open all the .dwt files in Dreamweaver (within the Templates folder), then close and restart Dreamweaver. This “forces” Dreamweaver to recognize the templates so that they show up in the Assets panel.
  6. If you want to use some of the sample starter pages within the "starter" folder, drag them out into the root folder (using the Dreamweaver file manager so that links are renamed) and edit them.

About Dynamic Web Templates and the Dynamic Web Template Interchange Guidelines (DWTIG)

  1. Dynamic Web Templates are identified by the extension " .dwt. "
  2. The Dynamic Web Templates for this package are located in the " political-spotlight-v2_dwt/Templates " folder. These will eventually end up in the “Templates” folder of your Dreamweaver web site.
  3. Dynamic Web Templates act as the " base " for all of your web site (.htm) pages. If you change the underlying .dwt, all the web pages based on that .dwt will change. This makes for easy site-wide changes to the underlying design.
  4. Dynamic Web Templates have "editable" and "non-editable" regions .
    1. Editable Regions can change from page to page -- your page content, for example. You can open the web site pages (.htm) and make changes in the Editable Regions.
    2. Non-editable Regions are areas defined by the base .dwt, and cannot be changed on the individual .htm pages.
    3. To change non-editable regions , you will have to open the base .dwt file. Changing this .dwt file will change every page associated with it across your web site.
      1. Open the “Templates” folder.
      2. Open the DWT you want to change.
      3. Make your changes and save. The changes will propagate across all the pages that are associated with that DWT.
  5. Template packages may require you to change the .dwt files in order to add your logo and change copyright information. Please see the Template-Specific Instructions below.
  6. The Dynamic Web Template Interchange Guidelines are a set of guidelines used by many developers to provide dynamic web templates that interchange seamlessly.
  7. This template follows the DWTIG . This means that you can apply any other DWTIG-compliant template to your web site and have it convert painlessly and easily. Or, you can apply this DWT package to any DWTIG-compliant site in a few steps.
  8. If you have a web site with scripting, there are some special considerations that you will have to make when using DWTs. Please refer to the DWT Interchange Guidelines website (www.dwtig.com) for current information regarding scripting (ASP, Javascript, etc.) located outside the <body> </body> tags of web pages.

Libraries

The top text, logo area, menus, and footer are in Libraries. Editing the library items will update the other pages across your web site. Open them, make your changes, and save.

Main picture area

The Photoshop source file is included with this template (top.psd). If you do not use Photoshop, you may use this "blank" image:


images/top_blank.jpg

Or, you may use this image:


images/top_flag.jpg

Rename the file you wish to use, or edit the file, and save it as "top.jpg" to automatically replace the top graphic across your web site.

Source files and images may only be used with this template under our licensing agreement.

Middle Column "Focus Issue" Boxes

You may add more rows in the middle column of the home page to create more focus boxes. Use Heading 2 and set both the heading and the paragraph to the .nomargin class so that there isn't any space between the title and paragraph. Create a graphic that is 100x100 pixels that relates to the focus issue.

Footer

Modify the footer with your own company information and links.

Cascading Style Sheets

This template is a table-less layout. Positioning and layout is defined through CSS. You will need to be comfortable with advanced CSS positioning and formatting techniques if you want to make changes to the layout of this site. If you just want to add your content, you will need some basic CSS skills and HTML skills.

CSS Resource Lists

Copyright and Licensing Information:

  1. Copyright:  The copyright for this DWT and accompanying design remains with the designer, John Galt's Templates.  You may not claim ownership of the design, nor may you use it for any purpose other than that explicitly set forth below in the Licensing section.
  2. Licensing:  The license fee for this design is a site license, not a user or computer license.  This DWT design is, therefore, licensed for use on ONE SITE ONLY.  If you wish to use this design on subsequent sites, you must purchase a license for each additional site.

Help and Problem Resolution:

  1. General instructions and DWT tutorials:  visit our site at www.jgtemplates.com .
  2. Problems related to the design/use of this DWT Design:  Please e-mail support@jgtemplates.com for help or to report problems with this specific design.
©2007, 2008- Paid for by the Steve Drevik for County Commission 4-BCommittee