Sviluppo servizi su rete, banche datiCorso di formazione Strumenti via WEB per la gestione dinamica dei siti
Sviluppo servizi su rete, banche datiCorso di formazione 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
Sviluppo servizi su rete, banche datiCorso di formazione 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)
Sviluppo servizi su rete, banche datiCorso di formazione 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
Sviluppo servizi su rete, banche datiCorso di formazione 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
Sviluppo servizi su rete, banche datiCorso di formazione 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
Sviluppo servizi su rete, banche datiCorso di formazione 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
Sviluppo servizi su rete, banche datiCorso di formazione Primo esercizio: formattazione Prima prova in HTML Primo paragrafo Secondo paragrafo Vado a capo ora Soluzione:
Sviluppo servizi su rete, banche datiCorso di formazione 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:
Sviluppo servizi su rete, banche datiCorso di formazione Secondo esercizio: liste ordinate/non ordinate Menù della casa: Oggi prevede: Antipasti assortiti Primo Secondo Dolce e caffè I primi a disposizione sono: Agnolotti Panzerotti perché Soluzione:
Sviluppo servizi su rete, banche datiCorso di formazione 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:
Sviluppo servizi su rete, banche datiCorso di formazione 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:
Sviluppo servizi su rete, banche datiCorso di formazione 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à: 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...”
Sviluppo servizi su rete, banche datiCorso di formazione 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:
Sviluppo servizi su rete, banche datiCorso di formazione 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
Sviluppo servizi su rete, banche datiCorso di formazione 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:
Sviluppo servizi su rete, banche datiCorso di formazione 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:
Sviluppo servizi su rete, banche datiCorso di formazione Sesto esercizio: tabelle Programma del corso Giorno Programma Lunedì Introduzione Internet Martedì HTML, teoria ed esercizi Soluzione
Sviluppo servizi su rete, banche datiCorso di formazione 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:
Sviluppo servizi su rete, banche datiCorso di formazione 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