read me

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.

Features...

  • Starter web site helps you to start a web site quickly and easily.
  • CSS-based layout gives cleaner code. No tables or JavaScript used!
  • All Photoshop and Flash source files included.
  • FlashObject embed code included for automatic Flash detection and embedding. Alternate content included so people who don't have Flash will still see your site.
  • Tested to work in IE 5+, Netscape 6+, Opera 7+, and FireFox.
  • Validated XHTML 1.0 Strict, CSS. Priority 1 and 2 WCAG 1.0 and Section 508 accessible.

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:

  • Globe - CB007862

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 CS2 files
    • bigmenu.psd - Sliced image used for home page menu images
    • bigpicture.psd - Multilayered image used for title page banner images
    • copyright-curve.psd - Curve for copyright area
    • menu-curve.psd - Curve for menu area
    • yourlogohere.psd - Used for logo image
  • Flash 8 files
    • movie1.fla, movie2.fla.... movie6.fla - Used for home page menu movies
    • title1.fla, title2.fla .... title6.fla - Used for inner page title movies
    • title.fla - Generic title movie

Source files are licensed for use with this template only. User is expected to know how to use Photoshop or Flash to modify the files; support not included.

Flash Detection Script

This template uses the FlashObject (v1.3) Flash detection and embed script provided by Geoff Stearns at http://blog.deconcept.com/flashobject/. This script detects whether or not the user has the Flash player, and if it does, it loads in the Flash movie for them to view. If they don't have the Flash player, it displays your alternate content. The alternate content is what you see in your web editor (a static image or text).

The FlashObject script also resolves the IE update issue where embedded Flash movies require an extra click for interaction; using the script will allow viewers to interact with the Flash movie directly. The FlashObject script also allows your web site to have fully validated HTML.

Please be aware that the script may be updated occasionally, and it is your responsibility to visit the FlashObject site to check for updates and implement them.

General Instructions

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

Template Details

Changing Layout

If you want to change from a one-column to a two-column layout, or vice versa, follow these instructions:

  1. Look in the HTML code for <div id="body2col"> OR <div id="body1col">.
  2. Change the id to the other version (from body2col to body1col, and vice versa).
  3. If you want a submenu, the submenu should go in the <div id="body2">...</div> section for a two-column page, or it should go immediately under <div id="body1"> for a one-column page.

Your Logo Here top area

The "your logo here" area is a graphic. We've included the source Photoshop file for your convenience.

Home Page Flash Menu Area

The home page has six Flash menus that allow you to have a title and description. They then link to the appropriate page.

You can easily:

  • Change the title text
  • Change the description text
  • Change the link to the page
  • Change the "on" and "off" images used

You must modify the Flash source files if you wish to:

  • Change the number of menus without affecting the layout
  • Change the animation, font, text colors, text size, or text placement

Instructions for changing the Flash menu area:

  • Changing the images: Create six sets of "on" and "off" images (125x211 pixels), named bigmenu-1.jpg/bigmenu-1-over.jpg, bigmenu-2.jpg/bigmenu-2-over.jpg, .... through bigmenu-6.jpg/bigmenu-6-over.jpg. These should be non-progressive jpegs. You can use the included Photoshop source file if you wish. Import these into the images folder to replace the existing images.
     
  • Changing the text, description, and links: Open variables.txt. You'll see text that looks like this (line breaks added here for legibility:

    title1=about us << first title
    &&desc1=All about us. << first description
    &&loc1=aboutus.htm << first link
    &&title2=services
    &&desc2=Describe your services here.
    &&loc2=services.htm
    &&title3=support
    &&desc3=Get the help you need.
    &&loc3=support.htm
    &&title4=read me
    &&desc4=Get started with this product.
    &&loc4=readme.htm
    &&title5=faq
    &&desc5=Answers to commonly asked questions.
    &&loc5=faq.htm
    &&title6=contact
    &&desc6=Contact us!
    &&loc6=contact.htm
    &&

    Change the variables (without deleting the "&&" and variable names) to your desired text, description, and links. Save, and the Flash movie will be automatically updated.
     
  • Changing the "alternate content": The alternate content is what shows up for someone who doesn't have the Flash Player on their computer. You can view this in the actual code of the HTML page as hard-coded links:

    <div id="flash1">
       <a href="about.htm">About Us</a>
    </div>
    <div id="flash2">
       <a href="services.htm">Services</a>
    </div>
    <div id="flash3">
       <a href="products.htm">Products</a>
    </div>
    etc...

    If you make changes to the Flash movie buttons, be sure to make changes to the alternate content buttons as well! (The images will replace automatically if you have replaced them for the Flash movie.)

Other Pages Flash Banner Area

The other pages have Flash banners that you can easily update. There are seven Flash banners -- six that match the colors on the home page and pull the page title automatically from the variables.txt file, and a seventh Flash banner that shows the original colored image and allows you to have different titles on different pages (more about that later).

Six colored Flash banners

The six colored Flash banners are called title1.swf, title2.swf, .... title6.swf, and correspond with the six colored menus on the home page.

You can easily...

  • Change the title text: If you want to change the title text, follow the same instructions for changing the title text on the home page movies. The six colored banner movies will automatically update.
  • Change the image used: To change the image used in the Flash banner, create an image that is 750x108 pixels and save it as bigpicture1.jpg, or bigpicture2.jpg, and so on through bigpicture6.jpg. This should be a non-progressive jpeg. Import the image into your images folder and the image will replace itself in the Flash movie.
  • Change the alternate content: The alternate content is what shows up for someone who doesn't have the Flash Player on their computer. You can view this in the actual code of the HTML page if you look for code like this:

    <h1 class="title">one column template</h1>

    If you change the text in the variables.txt file, you will additionally need to change this page title that is in the HTML code.

You must modify the Flash source files if you wish to:

  • Change the animation, font, text colors, text size, or text placement
  • Have a colored banner with a different page title than its related menu title on the home page (see generic banner info below)

Generic Flash banner

This template comes with a "generic" Flash banner which allows you to have different page titles on different pages. You can see examples of these on the template pages (one column template, two column template, etc.).

You can easily...

  • Change the image used: You can change the ONE image that is used in all of the generic banners. To change the image used in the Flash banner, create an image that is 750x108 pixels and save it as bigpicture.jpg. This should be a non-progressive jpeg. Import the image into your images folder and the image will replace itself in the Flash movie.
  • Change the text on different pages: To change the text of the generic Flash movie on a particular page, open the page and look in the HTML code for this:

    <script type="text/javascript">
    // <![CDATA[

    var fo = new FlashObject("title.swf", "movie", "750", "108", "6", "#ffffff");
    fo.addVariable("title", "1 column template");
    fo.write("flashtitle");

    // ]]>
    </script>

    Change the title of the page in the code (bolded above).

    You will also need to change the title of the page in the alternate content area. Look for code (above the previous code) that looks like this:

    <h1 class="title">one column template</h1>

    Change that as well.

You must modify the Flash source files if you wish to:

  • Change the animation, font, text colors, text size, or text placement
  • Have a different image for each generic banner - sorry!

Horizontal menu

The horizontal menu is made up of hard-coded text links in list format.

Vertical menu

The vertical menu is a bulleted list of links. Simply add your own links to the bulleted list and the style sheet will format it on your actual web page!

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


lebron 12 lebron 12 legend blue 11s wolf grey 3s louis vuitton outlet louis vuitton outlet michael kors uk Louis Vuitton Outlet louis vuitton outlet michael kors outlet sport blue 3s sport blue 6s michael kors outlet online Lebron 11 sport blue 6s louis vuitton outlet new jordans michael kors outlet sport blue 6s louis vuitton outlet