Front-end Web Development/Notes

Notes from previous Frontend Web Development classes.

Class for 2011-12-19

We modified this document to become an interactive web application: download the full web application here.

Class for 2011-12-12

Consider downloading FileZilla for a head start.

Here's a simpler mockup we used for the 7:30 recap:

Class for 2011-12-05

We turned a mockup into HTML and CSS. This is the mockup we used:

Please consider downloading the GNU Image Manipulation Tool (GIMP), as we might be opening it up to work with this mockup. Photoshop or Fireworks will work swimmingly if you have them, though.

Here is the "answer sheet" for the above mockup.

Class for 2011-11-22

Two articles worth reading for a thorough understanding of CSS positioning:

• http://www.alistapart.com/articles/css-positioning-101/
• http://www.alistapart.com/articles/css-floats-101/