# Cascading Style Sheets
## Obiettivi di apprendimento

* be able to name at least 2 important point why to use style sheets
* know how the cascading process works
* know the basic syntax of cascading stylesheets

## Quiz

These challenges are here to help you flex your CSS skills, and see where you need to practise more!
If you're new to CSS, have a read through the first page of Wise Women's Getting Started with Cascading Style Sheets, which introduces CSS along with some everyday examples.

## CSS Challenge 1 – Fonts and Colours

Hints:
* You'll need to link your HTML to a new stylesheet.
* You can use the following fonts list for help: http://www.w3.org/Style/Examples/007/fonts
* Don't worry if your text doesn't wrap at the same word -- it will depend on the size of your browser window.

## CSS Challenge 2 – Shakespeare's Sonnet

If you can improve on the design (shouldn't be too hard!) without increasing the difficulty of this challenge, great! I'll happily replace the image!
Hints:
* The thumbnails are not very representative, but this challenge requires you to create a fixed-width layout that is centred in the browser window. Click on an image for a closer view.
* Hint 2: to get the wrap division to stay centred, you'll need to set the left and right margins to a_t_ (you've got to fill in the blanks).

## CSS Challenge 3 – 2-column layout

Hints:
* You'll need to set a fixed width for your wrap, and then float the navigation div.
* You may also want to fiddle with widths/margins of the navigation and content divisions!
* For this and the next few challenges, you may want to first look through MaxDesign's Two columns with colour tutorial.

## CSS Challenge 4 – 2 Columns with a header and footer

Hints:
* For some ideas for styling the horizontal nav bar, see listamatic.
* You'll need to fiddle with paddings/margins to get the divs bumped up against each other.
* If you get stuck, try following 456BereaStreet's 2-column layout tutorial

## Ulteriori letture

CSS Tutorial http://www.w3schools.com/css/default.asp Also, it is interesting to use -> "Try it yourself" in the above mentioned page.

## Discussioni

* Ethernet
** Communication over a shared Medium
** Ethernet header
** Minimum package length vs maximum cable length
** Collision detection
** Summary, further reading, homework
* Internet Protocol
** Motivation for IP
** Classful IPv4 networks
** IP forwarding algorithm
** IP header
** Summary, further reading, homework
* Transmission Control Protocol
** End to end principle and connection oriented communication
** Three way handshake
** Port numbers
** Sliding window and flow control
** Summary, further reading, homework
* Domain Name System
** Tree structure
** Terminology
** Zones
** Review some facts about DNS
** Delegating DNS queries
** DNS address resolution
** Summary, further reading, homework
* Internet vs World Wide Web
** Summary of the internet architecture
** Motivation and requirements for the World Wide Web
** Design principles of the web
** Uniform Resource Identifier
** Summary, further reading, homework
* Hypertext Transfer Protocol
** Making HTTP requests
** A simple web client
** A simple web server
** HTTP header
** Content negotiation
** Summary, further reading, homework
* Web content
** Problem setting for web content formats
** Working with XML
** HTML for web document structures
** Layout elements in HTML
** Motivating separation of content and layout
** Cascading Style Sheets
** Media content
** Metadata
** Summary, further reading, homework
* Dynamic Web Content
** Basics of server side web programming
** Forms and HTTP post request
** Handling a post request in a Java Servlet
** Client side JavaScript
** Ajax and the XMLHttpRequest class
** Summary, further reading, homework