(Site Identification)

'Eye' Focus: Web Support Tutorials

Completed Templates

This page presents a sampling of some recently completed web site templates.

A web site template is generally produced from a multi-layered Photoshop (PSD), PNG, or similar design concept file. Most conversions from a 'design concept' file to a completed web site 'template' will take two to three hours. This conversion time can vary depending on the design complexity and extra features that are requested. A time estimate is generally given on all projects before starting any work.

It is preferred that all work be produced from a multi-layered Photoshop (PSD), PNG, or similar file so as to give the best final result for the web images. Producing the site templates from a flattened JPG, GIF, or similar file would result in a loss of graphic quality and may require the images to be reproduced.

My currently preferred programs are Adobe (Macromedia) Freehand for cutting up the images and optimizing them for the web. I also prefer to hand-code my pages and use Adobe (Macromedia) HomeSite+ to accomplish this with the best results. Using these to programs I can usually create a full web site with a couple dozen pages that fit, unzipped, on a floppy disk (1.38 MB).

The templates that are produced contain the following features and considerations:

Template 1: Richard Tino

Richard Tino Home Page
Original Home Page Design
Complete, Richard Tino, Templated Site

Richard Tino Sub-Layer Pages
Original Sub-Layer Design
Constructed, Richard Tino, Sub-Layer Template

The Tino project involved four hours and twenty minutes work from design to web site. The design involved a lot of small, dependent elements (multiple color sections with rounded corners) that took time to build. The public site has been released and can be seen at: http://www.richardtino.com/

Template 2: CopperFOX Metals

CoperFox Metals Home Page
Original Home Page Design
Complete, CopperFox Metals, Templated Site

The CopperFOX project was completed in two hours from design to web site with little trouble. This site is presented at: http://www.copperfoxmetals.com/

Template 3: South Granville

South Granville Home Page
Original Home Page Design
Complete, South Granville, Templated Site

South Granville Sub-Layer Pages
Original Sub-Layer Design
Constructed, South Granville, Sub-Layer Template

The web site for South Granville was finished in two hours. If it were not for the very fine detail graphic that needed to float above the design, the work might have been completed in one and a half hours. The public site has been released and can be seen at: http://www.southgranville.com/

For some reason they have rewritten important portions of the coding and have caused some serious problems within the site.

Template 4: Ken Leong

Ken Leong Home Page
Original Home Page Design
Complete, Ken Leong, Templated Site

This site for Ken Leong was finished in two hours. The DTHML menu needed some special customization, the shadow and curved menu added a half hour to the work. The public site is at: http://www.kenleong.com/

Template 4: Sample Company

Example Company
Original Home Page Design
Complete, Example Company, Templated Page

A simple example mock-up of an optimized page incorporating accessibility, CSS design, SSD support, and document printing support.


[Updated: Sunday, November 18, 2007]