Sviluppo servizi su rete, banche datiCorso di formazione2002 1 Strumenti via WEB per la gestione dinamica dei siti.

Presentazione sul tema: "Sviluppo servizi su rete, banche datiCorso di formazione2002 1 Strumenti via WEB per la gestione dinamica dei siti."— Transcript della presentazione:

1 Sviluppo servizi su rete, banche datiCorso di formazione2002 1 Strumenti via WEB per la gestione dinamica dei siti

2 Sviluppo servizi su rete, banche datiCorso di formazione2002 2 Martedì mattina: HTML, teoria ed esercitazioni pratiche AGENDA Ripasso della parte sull’HTML di Lunedì ed eventuale parte finale Cosa bisogna saper fare Esercizi  Formattazione  Liste  Link  Link interni  Immagini e link a file  Tabelle (1-2) Studio di una pagina HTML del sito della Provincia di Torino  Codice relativo a template e al content  Tabelle  Link  Immagini

3 Sviluppo servizi su rete, banche datiCorso di formazione2002 3 Cosa bisogna saper fare Dovrete saper costruire piccole porzioni di codice HTML, quelle che conterranno le informazioni essenziali della pagina Non vi è richiesto di costruire il codice HTML di una pagina statica molto complicata Richiesta conoscenza di base dell’HTML Tale codice HTML verrà integrato dagli strumenti di gestione dinamica con il contorno della pagina (template)

4 Sviluppo servizi su rete, banche datiCorso di formazione2002 4 E tutto il resto? Il contorno della pagina (cioè tutta la parte grafica e i menù esterni) predefinito e associato tramite CMS Parte grafica: immagini, banner,... Informazioni essenziali (contenuto) della pagina. Semplice codice HTML da scrivere Menu Cornici predefinite Contenuto (HTML) inserito in apposita finestra del CMS

5 Sviluppo servizi su rete, banche datiCorso di formazione2002 5 E tutto il resto? ATTENZIONE!!!! Il codice HTML da scrivere non dovrà contenere i seguenti tag:, poiché vengono introdotti in automatico dal CMS Semplice codice HTML relativo ai contenuti

6 Sviluppo servizi su rete, banche datiCorso di formazione2002 6 E tutto il resto? ATTENZIONE!!!! La formattazione della pagina, cioè font, colori, dimensioni, bold, ecc.. Verranno gestiti in automatico da foglio di stile esterno Semplice codice HTML relativo ai contenuti

7 Sviluppo servizi su rete, banche datiCorso di formazione2002 7 Primo esercizio: formattazione Prima prova in HTML Primo paragrafo Secondo paragrafo ___________________ Vado a capo ora Aprire il blocco-note (o wordpad), scrivere il codice HTML e salvare il file col nome: prova1.htm Il codice da scrivere nel file dovrà riprodurre il seguente testo: RICORDA: Tag del paragrafo: Tag per centrare Tag per creare linea Tag per andare a capo

8 Sviluppo servizi su rete, banche datiCorso di formazione2002 8 Primo esercizio: formattazione Prima prova in HTML Primo paragrafo Secondo paragrafo Vado a capo ora Soluzione:

9 Sviluppo servizi su rete, banche datiCorso di formazione2002 9 Secondo esercizio: liste ordinate/non ordinate Menù della casa: Oggi prevede: Antipasti assortiti Primo Secondo Dolce e caffè I primi a disposizione sono: 1. Agnolotti 2. Panzerotti perchè Aprire il blocco-note (o wordpad), scrivere il codice HTMl e salvare il file col nome: prova2.htm RICORDA: lista non ordinata tipo di punto primo elemento secondo elemento il tipo di lista numerata o letterale primo elemento secondo elemento N.B. Non è necessario chiudere Il codice da scrivere nel file dovrà riprodurre il seguente testo:

10 Sviluppo servizi su rete, banche datiCorso di formazione2002 10 Secondo esercizio: liste ordinate/non ordinate Menù della casa: Oggi prevede: Antipasti assortiti Primo Secondo Dolce e caff&egrave I primi a disposizione sono: Agnolotti Panzerotti perché Soluzione:

11 Sviluppo servizi su rete, banche datiCorso di formazione2002 11 Terzo esercizio: link Pagina di accesso ai siti degli enti pubblici 1. Link al sito della Provincia di Torino 2. Link al sito della Regione Piemonte Aprire il blocco-note (o wordpad), scrivere il codice HTMl e salvare il file col nome: prova3.htm Il codice da scrivere nel file dovrà riprodurre il seguente testo: RICORDA: link a un certo indirizzo: nome link Indirizzi della provincia e regione: http://www.provincia.torino.it http://www.regione.piemonte.it

12 Sviluppo servizi su rete, banche datiCorso di formazione2002 12 Terzo esercizio: link Pagina di accesso ai siti degli enti pubblici Link al sito della Provincia di Torino Link al sito della Regione Piemonte Soluzione:

13 Sviluppo servizi su rete, banche datiCorso di formazione2002 13 Quarto esercizio: link interni Pagina di accesso ai siti degli enti pubblici 1. Link al sito della Provincia di Torino 2. Link al sito della Regione Piemonte Sottosezione università  Link al sito del Politecnico di Torino Link al sito dell'Università di Torino Torna su RICORDA: COLLEGAMENTI INTERNI se fai click qui arrivi qui Indirizzi del Politecnico e Università: http://www.polito.it http://www.unito.it Il codice da scrivere nel file dovrà riprodurre il seguente testo: “Torna su” deve essere un link interno che punta a “Pagina di accesso ai siti...”

14 Sviluppo servizi su rete, banche datiCorso di formazione2002 14 Quarto esercizio: link interni Pagina di accesso ai siti degli enti pubblici Link al sito della Provincia di Torino Link al sito della Regione Piemonte Sottosezione università Link al sito del Politecnico di Torino Link al sito dell'Università di Torino Torna su Soluzione:

15 Sviluppo servizi su rete, banche datiCorso di formazione2002 15 Quinto esercizio: immagini e link a file Pagina multimediale Un simpatico cane Apri un file molto curioso, se hai tempo Scarica il file zippato RICORDA: COLLEGAMENTI A FILE se fai click qui <IMG SRC= “nome del file dell’immagine” ALT= “testo” ALIGN= “top/middle/bottom” BORDER= “valore in pixel” HSPACE= “valore in pixel” VSPACE= “valore in pixel” > Il codice da scrivere nel file dovrà riprodurre il seguente testo: Immagine: cartella prove, file dog.jpg Apri file: cartella prove, file.ppt File zippato: cartella prove, file.zip

16 Sviluppo servizi su rete, banche datiCorso di formazione2002 16 Quinto esercizio: immagini e link a file Pagina multimediale <IMG SRC="prove/dog.jpg" ALT="Un vero cane" BORDER="2" ALIGN="middle">Un simpatico cane Apri un file molto curioso, se hai tempo Scarica il file zippato Soluzione:

17 Sviluppo servizi su rete, banche datiCorso di formazione2002 17 Sesto esercizio: tabelle RICORDA: inizio tabella inizio nuova riga Intestazione colonna fine intestaz. Colonna fine riga inizio nuova riga inizio nuova cella fine cella fine riga fine tabella Il codice da scrivere nel file dovrà riprodurre il seguente testo:

18 Sviluppo servizi su rete, banche datiCorso di formazione2002 18 Sesto esercizio: tabelle Programma del corso Giorno Programma Lunedì Introduzione Internet Martedì HTML, teoria ed esercizi Soluzione

19 Sviluppo servizi su rete, banche datiCorso di formazione2002 19 Settimo esercizio: tabelle 2 RICORDA: Dentro una tabella, ogni riga deve avere lo stesso numero di colonne, a meno che non si usi il seguente accorgimento: Il tag significa che la colonna individuata dal TD è l’unione di due colonne Si possono così costruire righe con numero di colonne minore!!! Il codice da scrivere nel file dovrà riprodurre il seguente testo:

20 Sviluppo servizi su rete, banche datiCorso di formazione2002 20 Settimo esercizio: tabelle (2) Programma del corso e valutazioni Giorno Programma Voto Lunedì Introduzione Internet 6.5 Martedì HTML, teoria ed esercizi 6/7 Esito finale: superato con merito prima fase Soluzione