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 La direzione scelta Esigenze espresse dalla Provincia di Torino: 1) Utilizzare Internet come canale strategico di comunicazione e di interazione con il cittadino - utente 2) Gestire in modo diretto i contenuti del sito, delegando ad altri la gestione del supporto informatico (compresa la formazione tecnica delle redazioni)

3 Sviluppo servizi su rete, banche datiCorso di formazione2002 3 Contenuti: informazioni relative alla materia specifica Redazione: gruppo di esperti di dominio che si occupano della gestione del sito, attraverso un meccanismo di flusso di pubblicazione delle pagine Sito gestibile autonomamente: possibilità di pubblicare direttamente contenuti sul sito della Provincia, nelle sezioni di propria competenza Strumento di gestione dinamica di un sito: ArsDigita Community System di ArsDigita Strumenti di collaborazione: strumenti che assicurano un contatto immediato tra PA e cittadino (Forum, NewsLetter, News, ecc.) Dinamicizzazione: realizzazione del sito con uno strumento che consente la gestione dinamica dei contenuti da parte di una redazione esperta di dominio Glossario

4 Sviluppo servizi su rete, banche datiCorso di formazione2002 4 Scopi del corso Formazione per luso di: strumenti via WEB per la gestione dinamica dei siti Conoscenze base del linguaggio HTML: autonomia nella redazione di contenuti Nozioni elementari di Internet: funzionamento siti Internet utilizzo strumenti via WEB Fornire gli strumenti per rendere le redazioni del sito indipendenti nella gestione dei contenuti Conoscere e imparare a usare: il CMS (Content Management System) gli altri strumenti di collaborazione Cosè ACS

5 Sviluppo servizi su rete, banche datiCorso di formazione2002 5 Organizzazione del corso èLunedì mattina: progettazione e gestione siti Internet èLunedì pomeriggio: HTML, teoria èMartedì: HTML, teoria ed esercitazioni pratiche èGiovedì mattina: ACS, CMS e gli strumenti di collaborazione èGiovedì pomeriggio: presentazione manuali èVenerdì: Ulterioni esercitazioni con il CMS

6 Sviluppo servizi su rete, banche datiCorso di formazione2002 6 Lunedì mattina: AGENDA Cosa vuol dire essere in rete Struttura generale di una rete Browser, HTML, URL ….. Chi sono costoro? I siti: pagine statiche e dinamiche Accessibilità e usabilità

7 Sviluppo servizi su rete, banche datiCorso di formazione2002 7 Cosa vuol dire essere in rete Sistema che permette la comunicazione fra diverse componenti. Fra tali componenti ci sono: Client Server Data base Definizione semplice di rete Il collegamento fra le diverse componenti può avvenire via: Modem Linea ISDN (collegamento digitale, migliori prestazioni) Linea ADSL (collegamento a fibre ottiche)

8 Sviluppo servizi su rete, banche datiCorso di formazione2002 8 Cosa vuol dire essere in rete Client Il client Componente di una rete che usufruisce dei servizi messi a disposizione dagli altri componenti della rete

9 Sviluppo servizi su rete, banche datiCorso di formazione2002 9 Cosa vuol dire essere in rete Possono esserci: > file server > data server -> Server che ospita i Data Base > application server -> Server che ospita le applicazioni > printer server Il server Componente di una rete che mette a disposizione dati, servizi, applicazioni...

10 Sviluppo servizi su rete, banche datiCorso di formazione2002 10 Cosa vuol dire essere in rete Nuovi strumenti Compatibilità con ORACLE Il Data Base (o DB) Sistema per immagazzinare dati: > Dati semplici (numeri, parole..) > File interi DB utilizzato nel sistema informativo della Provincia di Torino: ORACLE

11 Sviluppo servizi su rete, banche datiCorso di formazione2002 11 Struttura generale di una rete: Internet - LAN e WWW Internet e' il nome con cui si designa un grande insieme di reti di calcolatori collegate fra loro. Cellula fondamentale e' la LAN (Local Area Network) che ha le dimensioni di un edificio o poco di piu' L'insieme di pagine HTML, immagini, suoni, filmati (iperoggetti) collegati fra di loro costituisce il World Wide Web (WWW). Un iperoggetto e' un documento che al suo interno contiene i rimandi verso altri iperoggetti (link).

12 Sviluppo servizi su rete, banche datiCorso di formazione2002 12 Struttura generale di una rete: Reti locali (LAN) WAN Client Server Printer Server Printer Router

13 Sviluppo servizi su rete, banche datiCorso di formazione2002 13 Struttura generale di una rete Rete esterna/Rete aziendale Firewall: protezione della rete locale dal resto del mondo In generale i client interni alla rete locale possono accedere ad un numero di servizi maggiore rispetto ai client sulla rete esterna Es: Internet/Intranet

14 Sviluppo servizi su rete, banche datiCorso di formazione2002 14 Protocollo = Insieme di regole per comunicare Struttura generale di una rete Come si comunica? I protocolli Protocollo HTTP E il protocollo di comunicazione utilizzato per trasferire sulla rete gli ipertesti. http://www.provincia.torino.it FTP (File Transfer Process) E il protocollo di comunicazione studiato per il trasferimento di file fra due computer collegati alla rete.

15 Sviluppo servizi su rete, banche datiCorso di formazione2002 15 Il Browser Puntare ad oggetti Internet: E in grado di accedere ad un indirizzo internet Puntare ad oggetti Internet: E in grado di accedere ad un indirizzo internet Formattare e visualizzare i dati: Interpreta i documenti Web redatti in HTML Unisce eventuali file separati (immagini, alcuni Javascript, applet Java…) Formattare e visualizzare i dati: Interpreta i documenti Web redatti in HTML Unisce eventuali file separati (immagini, alcuni Javascript, applet Java…) Browser, HTML, URL ….. Chi sono costoro? Il browser è il software che permette la navigazione in Internet. Svolge due funzioni principali:

16 Sviluppo servizi su rete, banche datiCorso di formazione2002 16 Il browser può permettere: la navigazione linvio e la ricezione della posta elettronica lo scaricamento (download) di file e programmi le teleconferenze lintegrazione con software esterni il supporto di plug-in leditor visuale codice HTML I Browser I browser più diffusi sono: Internet Explorer Netscape I browser più diffusi sono: Internet Explorer Netscape Applicazione che amplia le funzionalità del browser stesso Browser, HTML, URL ….. Chi sono costoro?

17 Sviluppo servizi su rete, banche datiCorso di formazione2002 17 I Browser Explorer Attualmente il più diffuso al mondo Netscape Browser, HTML, URL ….. Chi sono costoro?

18 Sviluppo servizi su rete, banche datiCorso di formazione2002 18 I Browser ATTENZIONE !!!!! Ci possono essere piccole differenze nellinterpretazione dellHTML da parte di diversi browser E quindi opportuno verificare la corretta visualizzazione delle pagine WEB create da parte dei browser più diffusi Browser, HTML, URL ….. Chi sono costoro?

19 Sviluppo servizi su rete, banche datiCorso di formazione2002 19 E costituito da che delimitano il tipo di informazione HTML HTML - HyperText Markup Language - è un linguaggio per creare documenti per il Web HTML non è un linguaggio di programmazione HTML descrive tutti gli elementi presenti in un ipertesto Browser, HTML, URL ….. Chi sono costoro?

20 Sviluppo servizi su rete, banche datiCorso di formazione2002 20 Alcuni esempi di TAG : In generale: Informazioni HTML Formattazione: paragrafi, tabelle, colori, font Inserimento di: link, immagini (caratteristiche del documento) Titolo della pagina Contenuto del file html Browser, HTML, URL ….. Chi sono costoro?

21 Sviluppo servizi su rete, banche datiCorso di formazione2002 21 Esempio di pagina HTML: Link Tabella Colonna 2 Riga 2 Riga 2 Colonna 2 Browser, HTML, URL ….. Chi sono costoro?

22 Sviluppo servizi su rete, banche datiCorso di formazione2002 22 URL Uniform Resurce Locator E lindirizzo di una specifica pagina Web Esempio: http://www.provincia.torino.it Browser, HTML, URL ….. Chi sono costoro? Il prefisso http: indica il tipo di protocollo // Indirizzo Internet

23 Sviluppo servizi su rete, banche datiCorso di formazione2002 23 I siti: pagine statiche e dinamiche Cosa vuol dire pagina statica ? Collegandosi ad una certa URL, viene restituito sempre lo stesso file HTML Linformazione HTML è fissa Client Server URL del Server: richiesta di un file Viene trovato il file HTML richiesto

24 Sviluppo servizi su rete, banche datiCorso di formazione2002 24 I siti: pagine statiche e dinamiche Come viene generata una pagina dinamica ? Nel server viene attivato un programma che elabora i dati e crea la pagina HTML Client Server Attivazione programma URL del Server: richiamato file di programma Creazione dinamica della pagina HTML Restituzione pagina Web dinamica

25 Sviluppo servizi su rete, banche datiCorso di formazione2002 25 I siti: pagine statiche e dinamiche CGI (Common Gateway Interface) programmi per generare la pagina HTML dinamica, componendo le informazioni elaborate Compatibilità con sistemi UNIX o LINUX (scelti dalla Provincia di Torino) ASP (Active Server Pages) PHP (Php Hypertext Preprocessor) Soluzioni tecniche per generare pagine dinamiche:

26 Sviluppo servizi su rete, banche datiCorso di formazione2002 26 I siti: pagine statiche e dinamiche Non confondere le pagine dinamiche con gli strumenti dinamici per la gestione del sito!! Redazione della pagina HTML semplificata: Template predefiniti da associare, Contenuto da scrivere (in HTML) Versioning Publishing Creazione istantanea e automatica della pagina HTML tramite apposito programma Richiesta della pagina

27 Sviluppo servizi su rete, banche datiCorso di formazione2002 27 I siti: pagine statiche e dinamiche Non confondere le pagine dinamiche con gli strumenti dinamici per la gestione del sito!! Gli strumenti dinamici per la gestione di siti utilizzano pagine dinamiche Non è vero il contrario: ci sono pagine dinamiche non costruite con strumenti dinamici per la gestione dei siti

28 Sviluppo servizi su rete, banche datiCorso di formazione2002 28 Accessibilità e usabilità Un qualunque sito Web deve essere facilmente accessibile: Tempi di attesa ridotti Compatibilità con diverse versioni di browser Non richiedere continui aggiornamenti software per il corretto funzionamento Nellambito della Pubblica Amministrazione: Il sito Web deve essere accessibile a tutti (anche con problemi fisici o cognitivi): Effetti grafici semplici Facile navigabilità

29 Sviluppo servizi su rete, banche datiCorso di formazione2002 29 Accessibilità e usabilità Un qualunque sito Web deve essere facilmente usabile: Facile da navigare: Menu semplici Interfacce chiare No pop-up inopportune (pubblicità,...) No bottoni strani, immagini animate, musichette,... Nellambito della Pubblica Amministrazione: Regole imposte dallAIPA sullusabilità dei siti La distribuzione dellinformazione devessere rivolta a tutti

30 Sviluppo servizi su rete, banche datiCorso di formazione2002 30 Lunedì pomeriggio: HTML, TEORIA Le regole doro per pubblicare su internet Le basi dellHTML; i tag fondamentali I font I paragrafi Le liste I link Le immagini Le tabelle I form I fogli di stile Agenda

31 Sviluppo servizi su rete, banche datiCorso di formazione2002 31 1 pianificare il messaggio 2 preferire la semplicità e la chiarezza 3 scegliere la brevità 4 incuriosire la visita 5 agevolare la navigazione 6 riportare le informazioni indispensabili 7 utilizzare materiali esistenti 8 aggiornare continuamente le pagine 9 mantenere le promesse 10 promuovere il proprio sito web Pubblicare su Internet 10 Regole doro

32 Sviluppo servizi su rete, banche datiCorso di formazione2002 32 HTML HTML - Hypertext Markup Language - è un linguaggio per creare documenti per il Web HTML non è un linguaggio di programmazione HTML descrive la posizione di tutti gli elementi presenti in un documento

33 Sviluppo servizi su rete, banche datiCorso di formazione2002 33 Il server contiene le pagine web (file scritti in html) e le immagini CSI Piemonte <BODY BGCOLOR=#FFFFFF BACKGROUND=images/image1.gif> Il browser interpreta le istruzioni html e visualizza la pagina Pagine statiche

34 Sviluppo servizi su rete, banche datiCorso di formazione2002 34 informazioni Un documento HTML inizia sempre con il tag e termina sempre con il Tag TAG = istruzioni che identificano la posizione e la funzione degli elementi Sintassi del linguaggio HTML Tag Fondamentali

35 Sviluppo servizi su rete, banche datiCorso di formazione2002 35 Sintassi del linguaggio HTML Tag Fondamentali caratteristiche del documento titolo della pagina contenuto del file HTML

36 Sviluppo servizi su rete, banche datiCorso di formazione2002 36 Sintassi del linguaggio HTML Dimensioni dei caratteri Il documento inserito nel Body viene visualizzato secondo le direttive di formattazione Il più grande headers Il più piccolo N.B. Non usare gli elementi per ottenere effetti sul testo. segnalano la presenza di titoli.

37 Sviluppo servizi su rete, banche datiCorso di formazione2002 37 Sintassi del linguaggio HTML Istruzione Font <FONT specifica alcuni attributi delle font (colore, tipo...) SIZE= dimensione dei caratteri (da 1 a 7); + o - determinano un aumento o una diminuzione dei caratteri COLOR= colore #codifica esadecimale FACE= tipo di carattere (Arial, Verdana,...) > Esempio: testo tipo N.B. E buona norma prevedere almeno due font alternative (una simile per stile, una di default visibile su tutti i sistemi)

38 Sviluppo servizi su rete, banche datiCorso di formazione2002 38 Sintassi del linguaggio HTML La codifica RGB Ogni colore può essere codificato mediante tre numeri compresi tra 0 e 255 che rappresentano la quantità di ROSSO, VERDE e BLU presenti nel colore stesso Ogni numero compreso tra 0 e 255 deve essere trasformato nella rappresentazione esadecimale (base 16) corrispondente Con questa codifica si possono rappresentare più di 16mila colori diversi

39 Sviluppo servizi su rete, banche datiCorso di formazione2002 39 Sintassi del linguaggio HTML Paragrafi <P apre il paragrafo; gestisce le proprietà di allineamento ALIGN=center/right/left > si può omettere mette a capo il testo centra il testo inserisce una linea di separazione nel testo indica la presenza di citazioni N.B. Non usare BLOCKQUOTE per delimitare il rientro del testo

40 Sviluppo servizi su rete, banche datiCorso di formazione2002 40 Sintassi del linguaggio HTML Liste di elementi inizio di una lista non ordinata determina il tipo di punto primo elemento secondo elemento inizio di una lista ordinata determina il tipo di lista numerata o letterale primo elemento secondo elemento N.B. Non è necessario chiudere

41 Sviluppo servizi su rete, banche datiCorso di formazione2002 41 Sintassi del linguaggio HTML Link serve per ancorare il collegamento alla pagina COLLEGAMENTI ESTERNI La pagina del Csi ALTRI COLLEGAMENTI ESTERNI (altri protocolli) ftp del Progetto Gutenberg area news del Politecnico

42 Sviluppo servizi su rete, banche datiCorso di formazione2002 42 Sintassi del linguaggio HTML Link COLLEGAMENTI INTERNI se fai click qui arrivi qui COLLEGAMENTI DI POSTA ELETTRONICA Gruppo Comunicazione URL indirizzi ASSOLUTI: /prova/index.htm indirizzi RELATIVI:.. /.. / index.htm

43 Sviluppo servizi su rete, banche datiCorso di formazione2002 43 Sintassi del linguaggio HTML Immagini/GIF FORMATO GIF (Grafics Interchange Format) supporta al massimo 256 colori (8bit) prevede linterlacciamento, cioè le immagini vengono visualizzate con successive schermate di definizione è utile per la grafica semplice, con grandi superficie di colore uniforme non è adatto con particolari tipi di compressione grafica

44 Sviluppo servizi su rete, banche datiCorso di formazione2002 44 Sintassi del linguaggio HTML Immagini/JPEG FORMATO JPEG (Joint Photografic Experts Format) lestensione dei file è JPG supporta 16 milioni di colori (24bit) prevede una forte compressione, con perdita di qualità, quindi le dimensioni dei file sono molto piccole è ideale per le immagini fotografiche con sfumature non è adatto per immagini con aree di colore omogeneo

45 Sviluppo servizi su rete, banche datiCorso di formazione2002 45 Sintassi del linguaggio HTML Immagini/Attributi <IMG SRC= nome del file dellimmagine ALT= testo testo descrittivo nel caso in cui unimmagine non possa essere visualizzata ALIGN= top/middle/bottom allineamento del testo con la figura BORDER= valore in pixel HSPACE= valore in pixel spazio orizzontale tra testo e oggetti intorno ad unimmagine VSPACE= valore in pixel spazio verticale tra testo e oggetti intorno allimmagine >

46 Sviluppo servizi su rete, banche datiCorso di formazione2002 46 Sintassi del linguaggio HTML Immagini/Mappa consente di costruire immagini sensibili è necessario avere il file dellimmagine e una specifica della mappatura, cioè lindicazione di quali parti sono attive e quali no per preparare limmagine adatta a questo scopo, è necessario usare particolari programmi, come Mapedit oppure programmi WYSIWYG preparata limmagine, con Mapedit è possibile definire aree rettangolari, poligonali e circolari alle quali associare distinti URL

47 Sviluppo servizi su rete, banche datiCorso di formazione2002 47 Sintassi del linguaggio HTML Immagini/Mappa

48 Sviluppo servizi su rete, banche datiCorso di formazione2002 48 Sintassi del linguaggio HTML Tabella/Struttura inizio tabella inizio nuova riga inizio nuova cella Contenuto della cella fine cella fine riga fine tabella

49 Sviluppo servizi su rete, banche datiCorso di formazione2002 49 Sintassi del linguaggio HTML Tabella/Attributi <TABLE BORDER=4 bordo tabella WIDTH=50% larghezza tabella in pixel o percentuale HEIGHT= altezza della tabella in pixel BGCOLOR colore di sfondo della tabella CELLSPACING spaziatura interna tra le celle CELLPADDING spaziatura tra il testo e il bordo delle celle >...

50 Sviluppo servizi su rete, banche datiCorso di formazione2002 50 Sintassi del linguaggio HTML Tabella/Attributi TD <TD WIDTH larghezza cella HEIGHT altezza cella COLSPAN estensione in larghezza delle singole colonne ROWSPAN altezza delle singole celle ALIGN allineamento testo (left, center, right) VALIGN allineamento testo (top, middle, bottom) >

51 Sviluppo servizi su rete, banche datiCorso di formazione2002 51 Sintassi del linguaggio HTML Tabella/Esempio Uno Due aaaaaaaa bbbbbbbb cccccccc ddddddd

52 Sviluppo servizi su rete, banche datiCorso di formazione2002 52 Sintassi del linguaggio HTML Form Pressione del tasto SUBMIT sul form il Server elabora il contenuto del form il SERVER restituisce loutput allutente

53 Sviluppo servizi su rete, banche datiCorso di formazione2002 53 Sintassi del linguaggio HTML Form/Struttura descrizione <FORM action=url a cui il modulo invia le informazioni dopo aver premuto il tasto di submit method=metodo di trasmissione dati; si usa GET o POST >...

54 Sviluppo servizi su rete, banche datiCorso di formazione2002 54 Sintassi del linguaggio HTML Form/Campi TextField TextArea ScrollList DropDownList CheckBox RadioButton Bottone I vari campi di un modulo sono sempre dichiarati allinterno del form come

55 Sviluppo servizi su rete, banche datiCorso di formazione2002 55 Sintassi del linguaggio HTML Form/Comandi definisce un campo di input. Ha un attributo obbligatorio TYPE (indica il tipo di elemento da inserire nel form) TYPE = text TYPE = radio TYPE = checkbox definisce inizio e fine di una serie di opzioni definisce una scelta allinterno di definisce un campo di input con più linee

56 Sviluppo servizi su rete, banche datiCorso di formazione2002 56 Sintassi del linguaggio HTML Form/Tipi di INPUT <INPUT TYPE=TEXT (textfield) NAME=nome del campo SIZE=lunghezza massima del campo MAX-LENGTH=lunghezza max del valore inserito nel campo> <INPUT TYPE=RADIO (Radiobutton) NAME=nome del campo VALUE=valore inviato al server, quando il radiobutton è selezionato> <INPUT TYPE=CHECKBOX (CheckBox) NAME=nome del campo VALUE...> <INPUT TYPE=SUBMIT (Bottone) NAME=nome del campo VALUE=nome che appare sul bottone>

57 Sviluppo servizi su rete, banche datiCorso di formazione2002 57 Sintassi del linguaggio HTML Form/TextArea N.B.: Il Radiobutton, usando lattributo VALUE, permette di escludere le altre opzioni, il Checkbox no. <TEXTAREA NAME=nome assegnato a textarea ROWS=numero righe visibili COLS=numero colonne visibili WRAP=attributo che fa scorrere automaticamente il testo (HARD per forzare a capo, SOFT per procedere sulla stessa riga>

58 Sviluppo servizi su rete, banche datiCorso di formazione2002 58 Sintassi del linguaggio HTML Form/TextArea testo che viene visualizzato TESTO CHE VIENE VISUALIZZATO INVIACANCELLA

59 Sviluppo servizi su rete, banche datiCorso di formazione2002 59 Sintassi del linguaggio HTML Form/Drop Down List <OPTION VALUE=valore del campo quando viene sottomesso al server> voce di scelta 1 voce di scelta 2 voce di scelta n

60 Sviluppo servizi su rete, banche datiCorso di formazione2002 60 Sintassi del linguaggio HTML Form/Scroll List <SELECT NAME=nome del campo SIZE=numero delle voci visibili nel campo> voce di scelta 1 voce di scelta 2 voce di scelta n

61 Sviluppo servizi su rete, banche datiCorso di formazione2002 61 Sintassi del linguaggio HTML Form/Esempio Compila il seguente questionario: Il tuo nome: Maschio Femmina Quante persone in famiglia: Città di residenza: Ivrea Pescara Grazie per aver compilato il questionario

62 Sviluppo servizi su rete, banche datiCorso di formazione2002 62 Sintassi del linguaggio HTML Form/Esempio Compila il seguente questionario: Il tuo nome: Maschio Femmina Quante persone in famiglia: Città: Ivrea Pescara Grazie per aver compilato il questionario Submit Query Reset

63 Sviluppo servizi su rete, banche datiCorso di formazione2002 63 Sintassi del linguaggio HTML Fogli di stile Permettono di determinare la formattazione delle pagine (impaginazione del testo, spaziature, rientri...), la dimensione, il colore e il font. I fogli di stile possono essere applicati a: una porzione del documento; al documento intero. Codice per definire il foglio di stile (regola): selettore {dichiarazione proprietà: valore} es. H2 {font-size: 16pt; color: FF0000}

64 Sviluppo servizi su rete, banche datiCorso di formazione2002 64 Sintassi del linguaggio HTML Fogli di stile Tipi di fogli di stile: interni al documento (in linea); incorporati; esterni. Fogli di stile: INTERNI Per formattare una sola parte del testo di un documento si usano o per assegnare lo stile. Questo testo ha colore rosso DIV si usa per porzioni di testo più grandi, SPAN per una riga soltanto.

65 Sviluppo servizi su rete, banche datiCorso di formazione2002 65 Sintassi del linguaggio HTML Fogli di stile Fogli di stile: INCORPORATI Vanno dichiarati nella HEAD del documento H1 { font-size:17px; font-family:verdana; color:green } H2 { font-size:14px; font-family:arial; color:red } Titolo del documento Sottotitolo del documento

66 Sviluppo servizi su rete, banche datiCorso di formazione2002 66 Sintassi del linguaggio HTML; Fogli di stile Fogli di stile: ESTERNI Vanno dichiarati in un file separato con estensione.css (es. stile.css) e richiamati allinterno del documento HTML nella HEAD Nel file stile.css si avrà: P {font-family:Arial, Helvetica, "Times New Roman"; color:rgb(0,0,102); text-indent:10px; text- align: justify; margin-left:20px; margin-right:10px; font-size: 9pt;} A:LINK {text-decoration:none; color:rgb(153,0,0);} A:VISITED {text-decoration:none; color:rgb(153,0,0);} UL {font-family:Arial, Helvetica, "Times New Roman"; color:rgb(0,0,102); text-align: justify; margin-left:20px; margin-right:10px; font-size: 9pt;}

67 Sviluppo servizi su rete, banche datiCorso di formazione2002 67 Sintassi del linguaggio HTML; Fogli di stile Si possono specificare anche dei fogli di stile personalizzati senza intervenire sulle TAG predefinite dallHTML..testobianco { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; color: #FFFFFF }.testonero { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; color: #000000}.linknero { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; font-weight: bold; color: #000000}.titolo { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #FFFFFF} E poi richiamarli nelle pagine attraverso il CLASS: … il contenuto della cella sarà scritto in Arial, con colore nero e sarà grande 10pt

68 Sviluppo servizi su rete, banche datiCorso di formazione2002 68 Bibliografia OnLine/1 BUILDER.COM http://www.builder.com/Authoring/Html/ Il sito degli sviluppatori web, vi troviamo informazioni su: trucchi HTML, i segreti Java e Javascript, come aumentare il proprio traffico, come guadagnare qualcosa grazie al proprio sito, oltre ad un completo manuale HTML per principianti. Lingua inglese. CORSO HTML http://www.geocities.com/SiliconValley/5912/corso.htm Questo utile corso è interamente contenuto in un'unica pagina senza alcuna immagine è facilmente stampabile, e rappresenta un'ottima soluzione per iniziare a conoscere il linguaggio HTML. DEVELOPER.COM www.developer.com Vero e proprio deposito di informazioni tecniche, questo sito offre guide e forum di grande aiuto per gli sviluppatori Web.

69 Sviluppo servizi su rete, banche datiCorso di formazione2002 69 Bibliografia OnLine/2 DYNAMIC HTML LAB webreference.com/dhtml Raccolta di news e di approfondimenti sul Dynamic Html aggiornata con regolarità. Lingua inglese GUIDA COMPLETA HTML www.html.it Nuova guida all'HTML con piu' di 50 lezioni e tre livelli di approfondimento. Principianti - se ti stai avvicinando per la prima volta all'HTML e non hai altre esperienze di realizzazione siti; avanzata - se già realizzi siti e vuoi migliorare la tua conoscenza degli strumenti di sviluppo; professionale - se le tue esigenze sono di tipo professionale e lavorativo.

70 Sviluppo servizi su rete, banche datiCorso di formazione2002 70 Bibliografia OnLine/3 GUIDE ALLHTML http://www.unive.it/!wda/rete/html/guide Un insieme di guide e di manuali sia in italiano sia in inglese. Il materiale in inglese è più completo e aggiornato. HTML 4 http://www.stars.com/Authoring/HTML/4/ L'evoluzione della versione 3.2 del linguaggio HTML: l'innovazione più importante nella versione 4 è rappresentata dai fogli di stile, di cui si trovano tutte le informazioni su questo sito. Lingua Inglese. HTML DEVELOPERS PAGE http://why.dada.it/html.html La base per costruire le proprie pagine web utilizzando hml 3.2.