Building a website from templates Working Smart Template
Building a website from templates Working Smart
Template: definition A document or file with a preset format used to recreate the same model page ¡ A model of the page. ¡ “This is what I want each page to look like. ” ¡
Working from templates Determine how many different page designs are needed ¡ Create a template for each unique design ¡ May be able to use the same external style sheet for entire site ¡ May need more than one external style sheet ¡
Working from templates ¡ Determine the general look and feel of the website l l l l Background Font-family Font-size Line-spacing Line-height Text-align Margins Padding
General look and feel of the site Where will the headings be? ¡ What will be<p> text? ¡
Create the template Spend time creating and styling the template using CSS ¡ Create the navigation for the site as part of the template ¡ l ¡ Set up and style all links Should have complete site navigation on every page
Creating the site pages Once template is set, go into production mode ¡ File=> Save As… ¡ BE SURE TEMPLATE IS SET BEFORE CREATING ALL SITE PAGES! ¡
Big Ideas About Templates Spend time planning and experimenting with page/site design ¡ Create design in one template ¡ Tweak template design ¡ Include all links in template ¡ Once template is set, go into production mode ¡
- Slides: 8