La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

COMUNICAZIONE ONLINE, RETI E VIRTUALITA MATTEO CRISTANI.

Presentazioni simili


Presentazione sul tema: "COMUNICAZIONE ONLINE, RETI E VIRTUALITA MATTEO CRISTANI."— Transcript della presentazione:

1 COMUNICAZIONE ONLINE, RETI E VIRTUALITA MATTEO CRISTANI

2 INDICE CICLO DELLE LEZIONI LEZ. 1 INTRODUZIONE AL CORSO LEZ. 2 LA RETE INTERNET LEZ. 3 IL WEB LEZ. 4 LA POSTA ELETTRONICA LEZ. 5 LE RETI P2P LEZ. 6 CLASSI DI APPLICAZIONI WEB LEZ. 7 PORTALI E MOTORI DI RICERCA LEZ. 8 I SOCIAL NETWORKS LEZ. 9 CONCETTO DI IPERTESTO LEZ. 10 PROGETTO DI IPERTESTI LEZ. 11 IL LINGUAGGIO HTML LEZ. 12 ESERCITAZIONE SU HTML LEZ. 13 LABORATORIO DI SVILUPPO DI PAGINE WEB LEZ. 14 LABORATORIO DI SVILUPPO DI PAGINE WEB LEZ. 15 WEB 2.0 LEZ. 16 LABORATORIO DI SVILUPPO WEB 2.0 LEZ. 17 LABORATORIO DI SVILUPPO WEB 2.0 LEZ. 18 SOMMARIO DEL CORSO

3 AGENDA MODULI FRAMES

4 MODULI Il tag si occupa di definire il modulo, tutto ciò che è tra il suo tag d'apertura e quello di chiusura è parte del modulo stesso. Possiamo definire diversi tipi di elementi: campi di testo, checkbox, area di testo e box di selezione. Gli attributi del tag sono action e method.

5 ACTION E METHOD action: serve per specificare a quale file verranno inviati i dati; solitamente si tratta di uno script lato server, come PHP, ASP o CGI, tanto per citarne alcuni method: serve a indicare il metodo attraverso il quale saranno inviati i dati alla pagina che li elaborerà. Può assumere i valori get e post:

6 GET E POST con get le informazioni vengono concatenate all'indirizzo del file specificato da action, in questo modo: action.php?nome_campo1=valore_campo1&nome_campo2=va lore_campo2 con post le informazione vengono inviate solo tramite la richiesta HTTP e non sono visibili in maniera evidente all'utente (con appositi programmi è possibile leggere la richiesta HTTP per scovare questi valori, quindi non considerate questo sistema assolutamente sicuro). La sostanziale differenza tra i due risiede nel fatto che get supporta al massimo 255 caratteri mentre la capacità post è sostanzialmente illimitata.

7 TIPI DEI CAMPI ValoreTipo di campo textCampo di testo radio Voci da selezionare, mutuamente esclusive checkbox Voci per selezione multipla

8 ESEMPIO Inserire un nome: Inserire un cognome: Inserire una password:

9 MENU A DISCESA È possibile creare dei menù a discesa all'interno dei moduli; questo permetterà all'utente di scegliere tra voci predefinite. Per creare un menù a discesa si usa il tag, al cui interno verrà definita ogni voce attraverso il tag,. La sintassi per creare un menù a discesa è la seguente: Testo che si vedrà nel menù

10 ESEMPIO Wikibooks Wikipedia Wikisource

11 AREA DI TESTO Le aree di testo si possono creare utilizzando il tag che, a differenza del tag, deve essere chiuso dal suo tag di chiusura. Gli attributi del tag sono principalmente due: rows: indica il numero di righe che conterrà l'area di testo cols: indica il numero di colonne che conterrà l'area di testo Ovviamente il valore di questi due attributi sarà un numero a nostra discrezione.

12 AREA DI TESTO Altri due attibuti sono name che dà un nome all'area di testo e wrap (un attributo senza valore) che manderà automaticamente a capo il testo che verrà scritto all'interno della textarea.

13 ESEMPIO Commenti su wikibooks?