Home Web Design Basics Templates & Tuning Preparing to Work With Templates

Preparing to Work With Templates

Author: Igor Lognikov, Editor More by this author

Added: Aug 02, 2004 Rating:

Level: Beginner Software: n/a

Let's suppose that you have received ZIP package and unpacked it. Now what? Let's take a look at what we have inside. If the folder's structure after unpacking differs from the structure described above, read unzipping package instructions.

3 colors template example

3 Color Template Structure

If 3 Color Template is not Flash animated, it has the following structure:

CLIPART_LIBRARY - contains free clipart PSD files - all elements are arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM) or both. This folder may contain subfolders. All fonts should be installed.

HTML - contains HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

PSD - contains Adobe Photoshop PSD files.

If 3 Color Template is Flash animated, it has the following structure.

WITH_FL - contains Flash animated version and all source files.

CLIPART_LIBRARY - contains free clipart PSD files - all elements are arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders. All fonts should be installed.

FLASH - contains FLA source files.

HTML - contains HTML files.

FLASH - contains SWF Flash movies used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

PSD - contains Adobe Photoshop PSD files.

WITHOUT_FL - contains a non-animated version.

HTML - contains HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

Fireworks template example

Fireworks Template Structure

If Fireworks Template is not Flash animated, it has the following structure:

CLIPART_LIBRARY - contains free clipart PSD files - all elements arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders, all fonts should be installed.

HTML - contains HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

PSD - contains Adobe Photoshop PSD files.

PNG - contains Macromedia Fireworks PNG source files.

If Fireworks Template is not Flash animated, it has the following structure:

WITH_FL - contains Flash animated version and all source files.

CLIPART_LIBRARY - contains free clipart PSD files. All elements are arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders. All fonts should be installed.

FLASH - contains FLA source files.

HTML - contains HTML files.

FLASH - contains SWF Flash movies used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

PNG - contains Macromedia Fireworks PNG source files.

WITHOUT_FL - contains a non animated version.

HTML - contains HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

Flash animated template example

Flash Animated Template Structure

WITH_FL - contains Flash animated version and all source files.

CLIPART_LIBRARY - contains free clipart PSD files. All elements are arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders, all fonts should be installed.

FLASH - contains FLA source files.

HTML - contains HTML files.

FLASH - contains SWF Flash movies used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

PSD - contains Adobe Photoshop PSD files.

WITHOUT_FL - contains non animated version.

HTML - contains HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

Flash site template example

Flash Site Template Structure

WITH_FL - contains Flash animated version and all source files.

CLIPART_LIBRARY - contains free clipart PSD files. All elements are arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders. All fonts should be installed.

FLASH - contains FLA source files.

HTML - contains HTML files.

FLASH - contains SWF Flash movies used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

PSD - contains Adobe Photoshop PSD files.

WITHOUT_FL - contains a non-animated version.

HTML - contains HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

Full package template example

Full Package Template Structure

If Full Package is not Flash animated, it has the following structure

CLIPART_LIBRARY - contains free clipart PSD files. All elements are arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders. All fonts should be installed.

HTML - contains HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

PSD - contains Adobe Photoshop PSD files.

If Full Package is Flash animated it have following structure.

WITH_FL - contains Flash animated version and all source files.

CLIPART_LIBRARY - contains free clipart PSD files. All elements are arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders. All fonts should be installed.

FLASH - contains FLA source files.

HTML - contains HTML files.

FLASH - contains SWF Flash movies used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

PSD - contains Adobe Photoshop PSD files.

WITHOUT_FL - contains non animated version.

HTML - contains HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

Full site template example

Full Site Template Structure

If Full Site is not Flash animated, it has the following structure:

CLIPART_LIBRARY - contains free clipart PSD files. All elements arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders. All fonts should be installed.

HTML - contains HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

PSD - contains Adobe Photoshop PSD files.

If Full Site is Flash animated it have following structure

WITH_FL - contains Flash animated version and all source files

CLIPART_LIBRARY - contains free clipart PSD files. All elements arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders, all fonts should be installed.

FLASH - contains FLA source files.

HTML - contains HTML files.

FLASH - contains SWF Flash movies used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

PSD - contains Adobe Photoshop PSD files.

WITHOUT_FL - contains non animated version.

HTML - contains HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

Logo template example

Logo Template Structure

CLIPART_LIBRARY - contains free clipart PSD files. All elements arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

Root folder contains a PSD file with your Logo Template.

Regular template example

Regular Template Structure

CLIPART_LIBRARY - contains free clipart PSD files. All elements arranged in several files.

BUTTONS - contains various buttons in PSD format

LOGOS - contains various buttons in PSD format

WINDOWS - contains various buttons in PSD format

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders. All fonts should be installed.

HTML - contains HTML files.

IMAGES - contains all images used in HTML files. This folder must be uploaded to site and situated in the same folder with HTML files.

PSD - contains Adobe Photoshop PSD files.

PHP-Nuke template example

PHP-Nuke Theme Template Structure

If PHP-Nuke Theme Template is not Flash animated, it has the following structure

XXXX (a four digit number) - PHP-Nuke Theme folder - this folder should be uploaded to the Themes folder of your PHP-Nuke website.

CLIPART_LIBRARY - contains free clipart PSD files. All elements arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD formatl

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders. All fonts should be installed.

PSD - contains Adobe Photoshop PSD files.

If If PHP-Nuke Theme Template is Flash animated, it has the following structure.

XXXX (a four digit number) - PHP-Nuke Theme folder - this folder should be uploaded to the Themes folder of your PHP-Nuke website.

CLIPART_LIBRARY - contains free clipart PSD files. All elements arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders. All fonts should be installed.

FLASH - contains Macromedia Flash FLA files.

PSD - contains Adobe Photoshop PSD files.

Flash intro template example

Flash Intro Template Structure

CLIPART_LIBRARY - contains free clipart PSD files - all elements arranged in several files.

BUTTONS - contains various buttons in PSD format.

LOGOS - contains various buttons in PSD format.

WINDOWS - contains various buttons in PSD format.

FONTS - contains all fonts used in PSD files - True Type (TTF), Adobe fonts (PFBPFM), or both. This folder may contain subfolders. All fonts should be installed.

PSD - contains Adobe Photoshop PSD files.

FLASH - contains Macromedia Flash FLA source files.

Root folder contains a published SWF Flash intro movie.

About the Author:

Click to Visit Author's Website

Igor Lognikov is an editor at Web Design Library, the author of many pamphlets related to the web design industry and a fully accredited card-carrying journalist since 1999.

Author's URL: Igor Lognikov, Editor

More Web Design Basics: Most Popular Materials | Fresh Materials

10 Random Template Tips Articles:

Add comments to "Preparing to Work With Templates"

Only registered users can write comment

Reader's comments

perkiekat October 07, 2008 says:

Preparing to Work With Templates
All of this is good, however, I want to know how to "unslice" the websites that are available. I've purchased templates before and can't alter them correctly due to the website being "sliced up" in between text and almost impossble to atler although they say you can alter them anyway you want.
Any advice?
Thanks