Esercizio 1

Creare una pagina web per l'acquisto degli mp3 dell'ultimo album dei Black Eyed Peas.

La pagina dovrà contenere:

• Una immagine del gruppo
• il titolo dell'album: Monkey Business
• Una tabella senza bordi(vedi figura sotto) con 14 righe e 2 colonne. Nella prima colonna è inserito il numero della canzone, nella seconda il titolo.
  
• Una form per l'acquisto degli mp3.
  In una prima parte (id="dati") sono richiesti i dati personali dell'acquirente: nome, indirizzo, cap, città, e mail.
  In una seconda parte della form (id="brani") vengono richiesti altre informazioni riguardanti il numero della carta di credito, il circuito della carta, il codice di sicurezza, il brano che si desidera acquistare e il formato.
  

Esercizio 2

Creare un file css in cui inserire le proprità di stile per la pagina web creata nell'esercizio precedente.

• Impostazioni generali:
  1. colore di sfondo: #807863
  2. carattere: sans-serif
  3. dimensione carattere: 10pt
• Impostazioni del div corpo
  1. div centrato nella pagina
  2. larghezza del div 620px
  3. colore di sfondo: bianco
  4. bordo: 5px
  5. colore del bordo: #696353
  6. padding: 10px
  7. immagine di sfondo: gruppo.jpg (in alto a destra)
• Titoli h1 e h2 di colore #696353
• Impostare la tabella in modo che:
  1. le righe pari abbiamo colore di sfondo #C4BDAB
  2. le righe dispari abbiamo colore di sfondo #807863
• Impostare la form nel seguente modo:
  1. Le due parti della form, #dati e #brani, devono essere affiancate, e larghe 293px
  2. il bordo di ogni fieldset deve essere di 1px, colore #807863
  3. ogni fieldset ha un padding di 15px
  4. la legenda deve essere in grassetto, il carattere 12pt
  5. Ogni campo di input deve avere
     1. larghezza: 253px
     2. colore: nero
     3. sfondo: bianco
     4. bordo: 1px solid di colore #807863
     5. margine dal basso: 5px
  6. Ogni campo select deve avere
     1. larghezza: 253px
     2. colore: nero
     3. sfondo: bianco
     4. bordo: 1px solid di colore #807863
     5. margine dal basso: 5px
  7. i bottoni devono avere:
     1. colore di sfondo: #807863
     2. larghezza: 293px
     3. padding superiore: 1px
     4. padding inferiore: 1px
     5. margine dal top: 10px