introduction to handcoding

For your first lesson we will look at why you should be learning handcoding as you are – and what the advantages of XHTML and CSS websites are.

lesson content

  • handcoding vs WYSIWYG
  • HTML and XHTML – differences and implementation
  • the thing with tables…. advantages of working with CSS
  • why webstandards are important

lesson notes

  • handcoding will produce ‘clean’ code without cluttering up the page with unnecessary code
  • ALWAYS type everything by hand – AVOID temptation to copy & paste
  • every XHTML document requires a valid DOCTYPE
  • all tags and properties to written in lowercase (font names and colour values can be an exeption)
  • all tags must be closed, single tags to contain space and forward slash before closing bracket
  • by being in complete in control you will be able to create more stable layouts
  • tables should only be used for tabular data, not layout (major drawback of tables: loading time, placeholder graphics and maintenance)
  • possible use of multiple style sheet for different purposes, ie browser compatilibilty and printing
  • webstandards encourage following guidelines to achieve user-friendly and accessible websites

1 Comment »

  1. Constanza,

    I hope you had fun tonight ;)

    To make sure you understand all the basics – I’d like you to work through the PDFs and read the information on what we discussed.

    The PDF called “introduction to XHTML” contains the main examples of HTML tags – your homework is to create a page which contains all mentioned HTML elements.

    Also – to get ready for proper coding now make sure to install our HTML editor. For more information please read my blog post: http://www.graphiceyedea.info/wordpress/?p=77

    Please use the comments here if you have any questions :)

    Comment by prisca — 01/05/2008

Leave a comment