Page 7
• This template does NOT contain a working store
Adding Pages
It's easy to create new pages and add them to your web. Open a
sample page or another page you have created and select "save
as" and rename it. The new page should have the layout intact.
Change the content or graphics inside the new page.
Changing Graphics
All the Fireworks editable PNG files used to create this template are included. They can be found in the PNGs folder. If you do not have Fireworks, a fully-functional 30-day free trial download is available from Macromedia.
A blank header graphic is provided in the images folder for use in any graphics program. After you have added your own logo and company name it must be sliced into pieces to place in different table cells. See the instructions in your graphics program for slicing directions. If your slices are different sizes than the originals in the template, the image dimensions will need to be changed for them to display properly. Note that the green area is a gradient. It must be saved as a .jpg file. Areas with solid blocks of color, such as the flags and company name, can be saved as .gif files. The solid white sections should be left out of the template.
The fonts used on the company name and slogan were Verdana and Arial, commonly found on Windows operating systems. A slight drop shadow was added to the company name.
We are available to modify graphics for a nominal fee. Please contact us for details.
Navigation
All navigation is text formatted with CSS (Cascading Style Sheet). Text > CSS Styles > Edit Style Sheet.
JavaScript Pop-Ups
The pop-ups found on the Products page can be modified in the HTML view. There are two parts to the script, one in the header and one where the small image appears.
The section in the header allows for the size to be changed using pixel width and height, as well as other pop-up options such as scroll bars, etc. 0=no 1=yes
Two versions of each graphic must be in the images folder for the pop-up to work, a large size (in this case 300x300 pixels) and a smaller thumbnail size that will link to it.
Multiple Languages
As you can tell when opening this template and looking around a bit, designing a website using multiple languages is mostly a matter of linking back and forth between languages. For the sake of simplicity, this template only links to the home page of each language. More complex sites often provide a link to the same page, different translation.
One of the most important things to keep in mind when creating a multi-language website is to have a human translate the text. Do NOT rely on online translators! They translate word-by-word and can often produce funny, if not embarrassing, translations since they cannot read context.
Note: We do not speak Spanish. Customer support is provided in English only.
We are also available to modify the tab and company name graphics
for a nominal fee. Please contact
us for details.
Modifying the Swish Movie
Swish 1.51 or higher is required for modification of the optional
header movie seen on the Home page. You can find it here.
Include Files
Note that some elements elements that occur on all pages of this
site exist as include pages. You can find these include pages in the
"includes" folder of this web.
The include pages are inserted into the main pages in order to
allow you to make global changes to your site or change many pages
at the same time. To do this you must right click on the area you
would like to edit. If it is indeed an include page you will see
something like this in the pop up menu:
Open file: c:\
location and name of include page
Or - you can open the include pages via folders view. Once the
file is open - make the necessary changes and save them. All pages
utilizing the include page should update upon saving.
Cascading Style Sheets
In folders view, double-click on organized.css. This will open
the CSS page. The code governing the links in the header and in the
body will be found there.
a.top:link
controls the navigation bar at the top of the page under the tabs.
a.left:link controls the navigation bar in the left column.
a:link controls
the body links.
To change the color of the links - simply make changes to the
html color coding such as #ffffff or #336699. Find the HTML color
code for the color of your choice and insert the number in place of
the existing one.
If you wish to remove the Cascading Style Sheet
properties...simply remove the code calling the sheet in the head
section of the include pages as well as any code associated with it
in the body of the include pages such as <LINK
REL=STYLESHEET TYPE="text/css" HREF="organized.css">
</head> and class="left"
For more information on Cascading Style Sheets (CSS) consult the
following online resources:
Webmonkey:
Stylesheet Guide
Webreference:
CSS
If you have questions, please feel free to contact us at sandy@thetemplatestore.com.
|
