Dear User,

This Photoshop Template allows you update the Links and other heading images very easily in the source file (.PSD).  You also get the HTML version of this template for viewing on the web.  

Modifying the contents in HTML is very simple and for modifying the navigation links and content, you don't require Photoshop Software Knowledge.  Just follow these instructions.

--------------------------------------------------------------------
1) NOTES ON HANDLING THE TEMPLATE
--------------------------------------------------------------------
Firstly,
	- Make sure you have Photoshop 7.0 or later version software (free trial available from Adobe)
	- It is recommended to open the PSD source file in version 7.0 and above.
	- Install the attached fonts on your system.
	- Open the "source.psd" source file in Photoshop

Secondly, in Photoshop:
	- For viewing the layers, press 'F7' function key OR Select to 'WINDOW > Layers'
	- For viewing slices, press 'k' on keyboard.
	- For hiding slices, press 'Ctrl+H'
	- All the slices are assigned with their own names, for easy identification.
	- Double click on the slice (by selecting the slice select tool) to view the name of slice.
	- Do not change the slice name.


--------------------------------------------------------------------
2) EDITING THE COMPANY NAME
--------------------------------------------------------------------
- Choose the 'Text Tool' from the Tools panel OR press 'T' on keyboard
- Select the text "YOUR COMPANY NAME HERE" in the PSD file
- Write your own COMPANY NAME
- Press 'Ctrl+Enter' to come out of the edit mode of text tool.

--------------------------------------------------------------------
3) EDITING THE TOP BUTTON LINKS (Home, About Us, etc,...)
--------------------------------------------------------------------
- Choose the 'Text Tool' from the Tools panel OR press 'T' on keyboard
- Select the text "ABOUT US........." in the PSD file
- Write your own link names
- Press 'Ctrl+Enter' to come out of the edit mode of text tool.
- Adjust the slices to the length of the link names (if required)

--------------------------------------------------------------------
4) EXPORTING THE IMAGES/SLICES
--------------------------------------------------------------------
After completion of Editing with your own content,

- Make sure you switch on the Slices by pressing 'k' on keyboard.  If you have already switched on the slices and they are hidden, just press Ctrl+H to 'unhide' slices.

- Make the final adjustments for the slices to align the edited contents.

- Select 'File > Save for Web' and a window pops up with options to save etc,.

- Make sure on the right-side panel, 'Settings: JPEG High' for good quality images.

- Choose "Slice Select Tool" from the Tools Panel (left side of the window)

- Select the edited slices holding the 'Shift key' for multiple selection.

- Click on 'SAVE' (on the right-side panel), a window (Save Optimized As) pops up asking to save the slices/images

- Choose the correct folder path for images

- Make sure you are out of the images folder (not in the images folder), because it will create another images folder.

- Save Optimized As settings :

	File Name	: No need to edit
	Save as type	: Images Only
	Settings	: Default Settings
	Slices		: Selected Slices

- Click on 'save'

- It will prompt you to replace/overwrite the old images.  Just replace them.


--------------------------------------------------------------------
5) MOUSEOVER BUTTONS
--------------------------------------------------------------------
After the above editing & cropping is completed,

- In the Layers Panel, go to all "Mouseover" layer and switch it on (means...click on the eye symbol on the left-side of that layer).

- Select 'File > Save for Web' and a window pops up with options to save etc,.

- Make sure on the right side panel, 'Settings: JPEG High' for good quality images.

- Choose "Slice Select Tool" from the Tools Panel (left side of the window)

- Select the menu links slices holding the 'Shift key' for multiple selection.

- Click on 'SAVE' (on the rightside panel), a window (Save Optimized As) pops up asking to save the slices/images

- Save the images in a different folder on the Desktop or some other location.  And 

- Save Optimized As settings :

	File Name	: No need to edit
	Save as type	: Images Only
	Settings	: Default Settings
	Slices		: Selected Slices

- Click on 'save'

- The images will be saved with the same slice names as earlier.
- Rename the images with the names given for mouseover images, 

	for ex: For button 1, there are two images,
		1. slice_button1 (normal image)
		2. slice_button1_m (mouseover image)

- Replace these renamed images in the original "images" folder.


--------------------------------------------------------------------
6) REPLACING THE PAGE TITLES TO CORRESPOND WITH BUTTONS
--------------------------------------------------------------------
Create 8 seperate folders and name them respectively, page-title 1, page-title 2, etc...

Open the PSD source file and select the text editor tool and click on the 'Home' page title.  

Replace the title with your own.  When you export this slice make sure you have it selected (choose the 'select slice tool' from the tools panel and then right-click on it.) Save optimzed settings as above.  Save the selected slice inside the location of the first page-title folder.  The actual slice will be in an 'images' folder created inside the first page-title folder.  Repeat this set of instructions for the rest of the page-titles, to be placed in their respective folders.

Next, open each page-title folder in 'My Computer' on your Desktop.  Rename each slice from 'slice_pagehead' to 'page-title-2.jpg, page-title-3.jpg etc... Place them in the main 'images' directory of your site.

Finally, manually insert the page titles for your htm pages, by first deleting the default one and inserting from the 'images' folder.


--------------------------------------------------------------------
7) EDITING HTML FILES
--------------------------------------------------------------------
- Make sure you have Microsoft Frontpage or Macromedia Dreamweaver installed on your system.
- Open the html file and edit the contents and SAVE.
- To create additional pages use the same index.htm page, replace with relevant content and the save it as another page such as 'about-us.htm.