Lesson 6 - Lecture - how to create a template and the template explanation. Lab - designers meet with instructor to review template.
designers attend 9/23
content coming soon
Designers are asked to bring questions
about CSS and their role in creating
the template. Since this may be new to
you, I wanted to ffer an opportunity
for designers to ask questoins.
Here are the steps I follow when
I decide to use a template, and need
understand how the site is constructed.
Guidelines for creating a template
Explanation - created
by Linda Hemenway as a sample
examples of former student's template explanations
Joy Olsons Template - HTML, CSS and images
Sally Archambault - Template
- HTML, CSS, images, videos
Template Explanation (Word file)
Vickie Garwachki - Betty BioDiesel HTML. CSS, images
Template Explanation (PDF)
Designers often create a mock up which need to
be modified to slice correctly.
- Try and make up a design which uses as few images as possible
and reuses images whenever you can.
- Nudge elements if needed so the slicing is efficient and
- name all slices so images can be located easily
- use alt tags on all images
- refer to the storyboard for the link locations
- optimize images as gifs or jpegs as needed.
Review this web page which lists the step
by step process for moving from a mock up to a template
You may also want to review these nested table links
nested table overview
creating nested tables in Dreamweaver
example of a website that will crack without nested tables
file for the site
Creating a stretchy table
Content for these teaching materials were developed by Linda Hemenway.
If you have questions or comments on the material I can be contacted through
Web site design by Jessica Hirsch - firstname.lastname@example.org
Funding for these notes provided by Project FIVE and Project
PICTS supervised by Doug Garrison - Dean of the Petaluma Center.
This course is a core requirement for several Web Development Certificates.
Learn more at the Web Certification
The CIS Department offers courses in the following areas: computer basics,
applications, graphics, web development, productivity, networking and programming.
Visit the CIS Web site.