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
Template Explanation - created by Linda Hemenway as a sample

examples of former student's template explanations


Joy Olsons Template - HTML, CSS and images
Template Explanation

Sally Archambault - Template - HTML, CSS, images, videos
Template Explanation (Word file)

Vickie Garwachki - Betty BioDiesel HTML. CSS, images
Template Explanation (PDF)


Designer Tips

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 simple
  • 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
CSS 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
lhemenway@santarosa.edu
(707) 527-4855

Web site design by Jessica Hirsch - jessicahirsch@email.msn.com

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 site.

The CIS Department offers courses in the following areas: computer basics, applications, graphics, web development, productivity, networking and programming. Visit the CIS Web site.
 
lessons | homework | syllabus | grades | links | examples | home

    1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17 - 18