presentazione corso - parte 2

16
Mattoncini per il web Parte 2 Giorgio Carpoca

Upload: giorgio-carpoca

Post on 13-Jun-2015

373 views

Category:

Documents


2 download

DESCRIPTION

Corso Web Design, Facoltà di Architettura

TRANSCRIPT

Page 1: Presentazione Corso - Parte 2

Mattoncini per il webParte 2

Giorgio Carpoca

Page 2: Presentazione Corso - Parte 2

Riepilogo HTML + XML = XHTML XHTML serve a descrivere la struttura della pagina I CSS forniscono le regole per la presentazione del contenuto Le istruzioni XHTML sono composte da:

<tag [attributo="valore"]>elemento</tag>apertura del tag, eventuali attributi, elemento, chiusura del tag

Le istruzioni CSS sono composte da:tag, .classe o #elemento { attributo: valore ; }

Ereditarietà dei CSS: gli stili applicati ad un elemento padre vengono ereditati dai figli

Cascade: uno stile applicato al figlio prevale su eventuali regole ereditate dai genitori

Page 3: Presentazione Corso - Parte 2

Argomenti Internet un ambiente distribuito Dal lato del server PHP / ASP.NET Oltre il testo Audio e formati audio Video e formati video Flash / Silverlight HTML 5

Page 4: Presentazione Corso - Parte 2

Client - Server

Il server controlla l’esistenza della pagina richiesta, quindi si occupa di inviare la pagina al richiedente.

E’ possibile aggiungere intelligenza al server?

E’ possibile inviare dei dati al server perché possa elaborarli e fornire una pagina che ne dipende?

Page 5: Presentazione Corso - Parte 2

Il tag Form <form action=‘risultato.php’ method=‘ POST‘

name=‘nome_del_form’ id=‘identificativo_unico’></form>

Il form è un’area che contiene elementi che permettono all’utente di inserire informazioni, queste informazioni vengono inviate alla pagina identificata nell’attributo action e il metodo con cui vengono inviate è definito dall’attributo method

Gli elementi possibili sono: campi di testo, aree di testo, menu di selezione, gruppi di selezione multipla o singola e infine campi per l’upload di file.

Page 6: Presentazione Corso - Parte 2

Elementi di input <input type="text" name="firstname" /> campo di

testo

Page 7: Presentazione Corso - Parte 2

Dare gli steroidi alle pagine web

Page 8: Presentazione Corso - Parte 2

PHP

Page 9: Presentazione Corso - Parte 2

ASP.Net

Page 10: Presentazione Corso - Parte 2

Oltre il testo

Page 11: Presentazione Corso - Parte 2

Animazioni

Page 12: Presentazione Corso - Parte 2

Video

Page 13: Presentazione Corso - Parte 2

Audio

Page 14: Presentazione Corso - Parte 2

Flash

Page 15: Presentazione Corso - Parte 2

Silverlight

Page 16: Presentazione Corso - Parte 2

HTML 5