Presentation on theme: "Unit 20 - Client Side Customisation of Web Pages"— Presentation transcript:
1Unit 20 - Client Side Customisation of Web Pages Week 5 – Lesson 6aCSS Basic layout
2Assignment 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’.
3Basic Layout using CSS Start by defining the style for the body. background-color: #999999;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
9Basic 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)