Web topic 10 2 web design basics


Published on

Published in: Business, Technology
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Web topic 10 2 web design basics

  1. 1. Web Authoring Topic 10 –Web Design Basics (Part 2)
  2. 2. ObjectivesStudents should able to:1. Explain the use of colour schemes in web pages - Colour wheel2. Apply web design basics for web sites
  3. 3. Web Design BasicsHere’s the list: 1. Elements of Good Design 2. Fonts and Typography 3. How to Use Colour 4. Graphics and Images 5. Web Layout Basics 6. Tackling Web Navigation 7. Accessibility and Usability 8. Web Design Software http://webdesign.about.com/od/webdesignbasics/u/webdesignbasics.htm
  4. 4. Web Design BasicsElements of Good Design:Good Web design is the same as good design.If you understand the elements that make upgood design, you will have a Web page thatworks well.
  5. 5. Web Design BasicsFonts and Typography: Fonts are the way your text looks on a Web page. Most Web pages have large amounts of text. You need to think about how the text looks on a micro-level (the font types, what font family, etc.) as well as the macro-level (positioning blocks of text and adjusting the size and shape of the text).
  6. 6. Web Design BasicsHow to Use Colour:Colour is everywhere. It is how we see things.Colour has meaning beyond just "red" or "blue"and colour is an important design element.
  7. 7. Web Design BasicsGraphics and Images:Graphics are the fun part of most Web pages.As the saying goes "a picture is worth 1,000words" and thats also true in Web design.Learn how to get the most out of your Webimages.
  8. 8. Web Design BasicsWeb Layout Basics: Layout is the organization of elements on a Web page. First you need to start with basic design principles. Then, you can move through how to place elements on your Web page.
  9. 9. Web Design BasicsTackling Web Navigation: Navigation is how your customers get around from one page to another on a Web site. Navigation provides movement and gives your customers the chance to find other elements of your site. You need to make sure that the structure of your Web site makes sense.
  10. 10. Web Design BasicsAccessibility and Usability:Accessibility and usability are often seen as adetriment to Web design, but a good designerfocuses on making their site useful to as manypeople as possible.
  11. 11. Web Design BasicsWeb Design Software: Most Web designers prefer to work in WYSIWYG or "What You See Is What You Get" editors because they provide a visual interface to the design. There are other tools you will need to build Web pages beyond just the Web editor. http://webdesign.about.com/od/webdesignbasics/u/webdesignbasics.htm