Presentation on theme: "Unit 20 - Client Side Customisation of Web Pages"— Presentation transcript:
1 Unit 20 - Client Side Customisation of Web Pages Week 5 – Lesson 6aCSS Basic layout
2 Assignment 3Task 1: (P4)Your design must include the following sections:A screen-shot showing the chosen domain name for your site and its current availability atA navigation diagram (site-map)A description of the house-style including how this will be managed through CSSScreen designs (storyboards) for each page detailing how CSS will be implemented (external, in-line, header) and any scripting requiredA table of the design describing each page using the headings: page name, description of page content, required images and web technologies used.Pseudo-code or flow diagrams to show how each interactivity will behave.Ensure that your design will incorporate ‘good practice’.
3 Basic Layout using CSS Start by defining the style for the body. background-color: #999999;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
9 Basic Layout using CSSWe then define : Left column Navigation bar Main content Footer Right column Any other elements Parts of elements: eg lists Heading styles if we don’t like HTML defaults Link styles (link, visited, hover, active)