brescianet.com Sito didattico - Prof. Sechi Marco

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "brescianet.com Sito didattico - Prof. Sechi Marco http://lnx.brescianet.com/scuolaforum2009/"

Transcript

1 brescianet.com Sito didattico - Prof. Sechi Marco Classe 3N - Modulo 2 Classe 3N - Modulo 2 Appunti estemporanei illustrati durante le lezioni in laboratorio Pagina 1 di 2 Inviato: lun nov 22, :19 pm 21/12/2010: Classe 3N - Modulo 2 JS => linguaggio di prg che utilizza i tag html per disegnare a video delle pagine - Il linguaggio JS è eseguito dal browser - La pagina contiente un prg in grado di interagire con l'utente Gli editor non sono in grado di manipolare il codice JS per cui sviluppare pagine con JS richiede la conoscenza del linguaggio sia JS che dei TAG HTML MAPPE CLICCABILI: 1) Default non funziona in tutti i browser 2) le coordinate sono relative ai pixel dell'immagine stessa 3) In alternativa a default posso mettere shape=rect coords="0,0,altezza immagine,larghezza immagine" <IMG SRC="P.GIF" USEMAP="#pippo" border=0> Gli elementi che si trovano prima vengono posti in avanti qualora siano sovrapposti <MAP NAME="pippo" > <AREA SHAPE="rect" COORDS="57,73,182,180" HREF="rettangolo.htm"> <AREA SHAPE="circle" COORDS="111,127,86" HREF="cerchio.htm"> <AREA SHAPE="poly" COORDS="6,217,227,217,127,1" HREF="triangolo.htm"> <AREA SHAPE="default" HREF="altro.htm"> </MAP> FRAME Consentono di suddividere la pagina - I motori di ricerca non gradiscono i frame èpoichè quando indicizzano la pagina non riescono a ricostruire la struttura originale dei frames ( fatto vedere esempio del menu) Vantaggi dei frame: - Menu che consentono di raggiungere qualsiasi argomento velocemente - Le parti comuni del sito vengono messe in un frame Svantaggi dei frame - motori di ricerca non adeguati Inviato: mar dic 21, :06 am Alternativa: SSI (server side include) [meccanismo lato server - il server compone i files comuni a tutto il sito (pagina con le pubblicità o con i menu di navigazione) con quelli relativi alla

2 singola pagina con i contenuti principali del documento da consultare ed invia il tutto al browser come se fosse una sola pagina] - Le parti comuni del sito vengono messe in files singoli inclusi nelle pagine che caratterizzano un sito - i motori di ricerca vedendo le pagine ricevute dai browser mantengono la struttura di navigazione immaginata dal webmaster 11/1/2011: Classe 3N - Modulo 2 Inviato: mar gen 11, :58 am NELLE SSI IL SERVER ASSEMBLA LE 3 PAGINE PRODUCENDO UN SOLO FILE CHE MANTIENE LA LOGICA DI NAVIGAZIONE IMMAGINATA DAL WEBMASTER (vedi mitico disegno SSI.BMP sul pc del profe) <FRAMESET ROWS="100,200,*"> <FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> <FRAME SRC="kim.html"> l'* indica in questo esempio la parte restante <FRAMESET ROWS="*,2*,*"> <FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> <FRAME SRC="kim.html"> In questo caso * indica una porzione di video (1/4 esattamente) per cui la riga in mezzo è doppia delle altre due <FRAMESET COLS="*,5*"> <FRAME SRC="a.html"> <FRAMESET ROWS="*,3*"> <FRAME SRC="b.html"> <FRAME SRC="c.html"> BODY non va usato all'interno dei frameset 14/01/2010: Classe 3N - Modulo 2 L'ampiezza in % è sempre relativa alla finestra Inviato: ven gen 14, :04 pm NOFRAMES serve ad indicare la parte da visualizzare nel caso ilà browser non supporti i frames. I nuovi browser escludono la parte racchiusa tra <NOFRAMES> e </NO..>. I vecchi non riconoscono i

3 tag relativi al frame per cui la parte inclusa tra NOFRAMES viene comunque visualizzata. Il tag NOFRAMES serve quindi solo ai nuovi browser (dal 1995 in poi) Direttive FRAME MARGINWIDTH=20 MARGINHEIGHT=20, NORESIZE => visto Direttive FRAMESET border=20 BORDERCOLOR="#FFOOOO" FRAMEBORDER=NO TARGET MAGICI _blank => ad ogni click apre una nuova finestra _top _self ESEMPIO FRAME <FRAMESET COLS="*,5*" > <FRAME SRC="menu.htm" NAME=MENU> <FRAMESET ROWS="*,*" > <FRAME SRC="" NAME=ALTO> <FRAME SRC="" NAME=BASSO> --- XXX.HTM <HTML><BODY> sono xxx </BODY></HTML> --- YYY.HTM <HTML><BODY> sono yyy </BODY></HTML> --- MENU.HTM <HTML><BODY> <A HREF=xxx.htm target=alto>tg ALTO (xxx.htm)</a><br> <A HREF=xxx.htm target=basso>tg BASSO (xxx.htm)</a><br> <A HREF=xxx.htm target=basso>tg BaSsO (xxx.htm)</a><br> <A HREF=yyy.htm target=basso>tg BaSsO (xxx.htm)</a><br> <A HREF=xxx.htm target=_blank>tg _blank (xxx.htm)</a><br> <A HREF=xxx.htm>NO Target (xxx.htm)</a><br> <A HREF=xxx.htm target=_self>_self (xxx.htm)</a><br> <A HREF=xxx.htm target=_top>_top (xxx.htm)</a><br> <A HREF=xxx.htm target=_top>_top (xxx.htm)</a><br> <A HREF=yyy.htm target=_top>_top (yyy.htm)</a><br> </BODY></HTML> 18/01/ Classe 3N - Modulo 2 _parent underscore = _ Inviato: mar gen 18, :05 pm i sottoframe si hanno quando una pagina con frame richiama delle pagine che a loro volta sono suddivise in frame

4 pagina.html <FRAMESET COLS="*,5*" > <FRAME SRC="menu.htm" NAME=MENU> <FRAMESET ROWS="*,*" > <FRAME SRC="" NAME=ALTO> <FRAME SRC="" NAME=BASSO> equivalente a pagina.html <FRAMESET COLS="*,5*" > <FRAME SRC="menu.htm" NAME=MENU> <FRAME SRC="sottoframe.htm" NAME=CONTENUTI> sottoframe.htm <FRAMESET ROWS="*,*" > <FRAME SRC="" NAME=ALTO> <FRAME SRC="" NAME=BASSO> esempio sia xxx.htm <HTML><BODY> sono xxx <A HREF=yyy.htm target=_parent>link a _parent (yyy.htm)</a><br> <A HREF=yyy.htm target=_top>link a _top (yyy.htm)</a><br> </BODY></HTML> Nell'esempio senza sottoframe _parent e _top coincidono _top corrisponde alla finestra del browser _parent nel sottoframe considera come contenitore il frame contenente il sottoframe. Fare eser 4 e 5 per venerdì i forms sono il meccanismo con cui i client inviano i dati ai server http ACTION => direttiva di form che riceve i dati del form /1/2011 3N con in method GET file:///c:/documents%20and%20settings/utente1/desktop/xxx.htm?nominativo=marco+sechi 21/01/ Classe 3N - Modulo 2 Inviato: ven gen 21, :02 pm

5 <INPUT TYPE=TEXT NAME=NOMINATIVO value="marco Sechi" SIZE=40> SIZE=> ampiezza in caratteri MAXLENGTH=>nr char inseribili con in method GET xxx.htm?nominativo=marco+sechi&provincia=bs nome doc indicato in action +? (separatore dei parametri) + Elenco variabili=valore separati da & Le pagine dinamiche possono ricevere dei parametri tramite un form oppure mediante un elenco di parametri con la stessa sintassi vista per il METHOD= GET <INPUT TYPE=RESET value="azzera"> =>bottone che riporta il form ai valori di default M 21/1/2011 Soluzione 4 FRAME.HTM <frameset cols="*,2*"> <frameset rows="*,2*"> <FRAME SRC="Frame1.htm"> FRAME1.HTM <frameset cols="*,2*"> <frameset rows="*,2*"> <FRAME SRC="Frame2.htm"> FRAME2.HTM <frameset cols="*,2*"> <frameset rows="*,2*"> <FRAME SRC="Frame3.htm">... FRMAEN_1.HTM <frameset cols="*,2*">

6 <frameset rows="*,2*"> <FRAME SRC="FrameUltimo.htm"> FRAMEULTIMO.HTM <frameset cols="*,2*"> <frameset rows="*,2*"> ricorsione => metodo con cui definisco un qualcosa partendo da se stesso Esempio somma primi N interi Definizione ricorsiva S(n)=S(n-1)+n => S(n)=S(N-2)+(N-1)+N= S(0)=0 Definizione iterativa S(N)= N FORM/MASCHERA Direttiva NAME=>casesensitive => permette di manipolare i controlli tramite linguaggio di programmazione (JavaScript) HIDDEN => usato per memorizzare volori temporanei che non devono essere visibili esempio fatto: <HTML> <BODY> <FORM NAME=DATI ACTION=xxx.htm METHOD=GET> Nominativo: <INPUT TYPE=TEXT NAME=NOMINATIVO value="marco Sechi" SIZE=40 maxlength=2><br> <INPUT TYPE=HIDDEN value="valore nascosto"> Password d'accesso: <INPUT TYPE=PASSWORD NAME=PASSWD value="" SIZE=10 maxlength=10><br> MATERIE ITA:<INPUT TYPE=RADIO NAME="SUPERATO" VALUE=1> FRA:<INPUT TYPE=RADIO NAME="SUPERATO" VALUE=2> STO: <INPUT TYPE=RADIO NAME="SUPERATO" VALUE=3><BR> PROMOSSO: SI:<INPUT TYPE=RADIO NAME="PROMOSSO" VALUE=B> NO:<INPUT TYPE=RADIO NAME="PROMOSSO" VALUE=A><BR>

7 Provincia: <INPUT TYPE=TEXT NAME=PROVINCIA value="bs" SIZE=2 maxlength=2> <INPUT TYPE=SUBMIT value="cliccheggia qui"> <INPUT TYPE=RESET value="azzera"> <INPUT TYPE=BUTTON value="mostra valore" onclick="javascript:alert(document.dati.nominativo.value)"> </FORM> </BODY> </HTML> /01/ Classe 3N - Modulo 2 Nei checkbox se selezionato il valore che arriva alla pagina indicata in ACTION è quello messo nella direttiva VALUE altrimenti è la stringa vuota Durante le verifiche è rischiesta la costruzione dell'url ottenuto con METODO GET dopo aver sottomesso il form SELECT => restituisce il valore della linea selezionata presente nella direttiva VALUE (se esiste) altrimenti la stringa dopo il tag OPTION CARATTERE a capo => crlf => CARRIAGE RETURN line FEED => CHR(13) + chr(10) type=button => ABBINATO AD UNO SCRIPT CHE CONTROLLA PRIMA DI inviare I DATI ALLA PAGINA INDICATA IN action TYPE=SUBMIT => INVIA I DATI SENZA ALCUN CONTROLLO => CHE L'UTENTE CAPISCE DI AVER DIMENTICATO QUALCHE DATO SOLO DOPO CHE IL SERVER HA INVIATO UN MESSAGGIO DI ERRORE vedi nota grafica js_vs_asp.bmp esempio <SELECT NAME="BEST FRIEND"> <OPTION>Ed <OPTION>Rick <OPTION selected>tom <OPTION>Guido </SELECT><BR> <FoRM ACTION=pioppo.htm METHOD=GET> <SELECT NAME="BEST FRIEND"> <OPTION VALUE="1">Ed <OPTION VALUE="2">Rick <OPTION VALUE="3" selected>tom <OPTION VALUE="4">Guido </SELECT><BR> Scritti svolti: <INPUT TYPE=CHECKBOX NAME=Scritto1 VALUE=OK CHECKED>ITA <INPUT TYPE=CHECKBOX NAME=Scritto2 VALUE=OK>FRA <INPUT TYPE=CHECKBOX NAME=Scritto3 VALUE=OK CHECKED>UK<BR> Inviato: ven gen 28, :20 pm

8 Madre Lingua: <INPUT TYPE=RADIO NAME=Lingua VALUE=ITA>ITA <INPUT TYPE=RADIO NAME=Lingua VALUE=FRA>FRA <INPUT TYPE=RADIO NAME=Lingua VALUE=UK CHECKED>UK<BR> <TEXTAREA NAME="COMMENTS" rows=5 COLS=60> VALORE CHE APPARE NEL TEXTBOX (TESTO DI 300 CHAR) </TEXTAREA> ERRATO <TEXTAREA NAME="COMMENTS" SIZE=300 VALUE"VALORE CHE APPARE NEL TEXTBOX"> </TEXTAREA> <INPUT TYPE=SUBMIT VALUE="Cliccheggia qui"> </FORM> tabella di pixel => 100x100 => a parità di pixel se aumento il nr di colori => aumentano le dimensioni 31/01/2011 Classe 3N - Modulo 2 tabella di pixel => 100x100 => a parità di pixel se aumento il nr di colori => aumentano le dimensioni ASSEGNATO ALLA 3N: PUBBLICARE MEDIANTE IL REGISTRO L'ESERCITAZIONE: esercizi 1,2,3,4,5,6,7 e 9 Entro venerdi 11/2/2011 alle esercizi 1,2,3,4,5,6,8 e 9 Pubblicare mediante upload nel registro del profe 1cm=0,3937in 21x29,7x0,3937x0,3937x300x300 = nr pixel per A4 per diminuire la dimensione dell'immagine posso diminuire il numero di colori di rappresentazione BMP => formato non compresso per registrare le immagini => non usabile in internet per via delle dimensioni che crescono al quadrato. In testa al file BMP abbiamo la registrazione della PALETTE, dimensioni del file, dimensioni orizzontali e verticali, nr di colori etc. modalità di registrazione delle immagini immagini vettoriali => descritte mediante equazioni matematiche vantaggi - la qualità non risente degli ingrandimenti Inviato: lun gen 31, :06 pm

9 - occupano poco spazio svantaggi - non adatta per immagini con forti variazioni di colore immagini bitmap => tabella di bit colorati - adatta per immagini con forti variazioni di colore (va bene per foto o immagini a fumetti - occupazione alta di spazio su disco - risente degli ingrandimenti Anche i fonts sono registrati in modalità vettoriale (true type) o bmp (quelli che hanno una A come icona) => cartella dei fonts c:\windows\fonts dpi => punti per pollice lineare formato=> metodo di registrazione di una informazione => formato autocad => come Acad registra i suoi files. Solo chi conosce il formato autocad è in grado di visualizzare i files di ACAD In internet i formati di registrazione devono essere aperti => leggibili da qualsiasi applicazione e da qualsiasi Sistema operativo Il gif, jpg e png sono formati standard => leggibili da chiunque (prg) GIF - al massimo 256 colori (è adatto per immagini senza sfumature: esempio i fumetti) - compresso (algoritmo LZH: lo stesso di winzip) - non è distruttivo (non perde di qualità rispetto al bmp [non compresso] di partenza) - supporta la trasparenza - è interlacciato - supporta l'animazione (gif animate) solo il bmp a 24 bit non ha la palette nell'intestazione poichè usa quella rgb standard 72dpi => risoluzione monitor 300dpi dpi => stampante /scanner 9600dpi => diapositiva risoluzione interpolata => aumento della risoluzione ottenuta mediante interpolazione => peggior qualità poichè i colori generati sono calcolati Compressione => ad esempio un'immagine 100x100 con un solo pixel nero (i restanti bianchi) => mi basta registrare solo la posizione dell'unico pixel nero - oppure per riduzione della lunghezza di bit usata nella palette => immagine RGB con solo 3 colori => salvo con 2bit per pixel => 1/12 il rapporto di compressione 05/02/2011: Classe 3N - Modulo 2 Inviato: sab feb 05, :00 pm rasterizzazione => processo che da una immagine di tipo bitmap creo una versione vettoriale

10 La palette usa combinazioni binarie associate alle rappresentazioni RGB 00 NERA BIANCA nelle gif con trasparenza un colore viene indicato come colore neutro e non verrà visualizzato lasciando il colore dello sfondo nell'interlacciato la risoluzione dell'immagine parte da una modalità bassa e diventa via via + precisa (in questo modo l'utente si rende conto dei contenuti subito anche in presenza di connessioni lente) bmp => qualità massima (compatibilmente con la sua risoluzione) BIANCA e NERA sono concetti umani che il PC non conosce JPEG - La compressione è di tipo distruttivo - adatto ad immagini di tipo fotografico (variazioni repentine di colore) TIFF formato nato per i fax (nei fax TIFF 200dpi) formato bitmap compresso non distruttivo occupa 100kb in B/N per una pagina A4 a 200dpi => ottima per un normale documento aziendale (lettera) - usato per l'archiviazione dei documenti aziendali - per la stampa di immagini ad alta qualità. - ha un rapporto di compressione inferiore al jpeg ma ha una qualità identica all'originale BMP di partenza (salvate le vs foto importanti in TIFF e non JPG) DTP => sw per gestire impaginati e riviste (esempio ADOBE XPRESS - PUBLISHER) PNG => evoluzione del GIF 7/2/ Classe 3N - Modulo 2 Inviato: lun feb 07, :01 pm METATAG <meta http-equiv="content-language" content="it"> => usato dal motore di ricerca per sapere quale è la lingua usata dal documento <meta name="generator" content="microsoft FrontPage 5.0"> => applicazione che ha disegnato la pagina => usato dal Sistema Operativo per identificare l'applicazione che deve aprire quel file <meta http-equiv="content-type" content="text/html; charset=windows-1252"> =>set di caratteri da caricare per quella pagina <meta name="keywords" content="parola1, parola2, parola3"> => consentono al motore di ricerca di classificare il documento (metto scuola) anche se non esiste nel testo del file questa parola. Gli spider (motori di ricerca) in realtà, a causa di un utilizzo non sempre corretto di questo metatag hanno disabilitato questa classificazione)

11 cosa è intranet? spiegata le pagine + visitate appaiono in pole position in un motore di ricerca - se pago sono in pole index - indicizza la pagina noindex - non indicizza la pagina follow - segue i links della pagina nofollow - non segue i links della pagina all - indicizza la pagina e ne segue i links none - non indicizza la pagina e non segue i links esempio <meta name="robots" content="noindex,follow"> <meta name="revisit-after" content="20 days"> => lo spider reindicizza la pagina dopo 20gg <meta name="copyright" content="copyright Nome Autore 2003"> <meta name="language" content="lingua1,lingua2"> <meta name="author" content="nome autore"> <meta name="rating" content="general"> <meta name="classification" content="argomento trattato"> => usato dagli spider per creare le directory (elenchi di siti per tipologia) <meta http-equiv="imagetoolbar" content="no"> <meta name="expires" content="mon, 27 Dec :00:00 GMT"> <META NAME="Pragma" content="no-cache"> (NetScape) <META HTTP-EQUIV="expires" CONTENT="0"> (Internet Explorer) quando una pagina ha i metatag indicati qua sopra la pagina non verrà salvata nei file temporanei del browser (cache) - spiegato perchè metto la cache a 0? spiegata una situazione. <meta http-equiv="refresh" content="5"> => spiegato esempio di utilizzo <meta http-equiv="refresh" content="5; url=pagina.htm"> dopo 5 secondi mi reindirizza verso un'altra pagina WEB cookies => meccanismo con il quale il server registra l'attività del client. Utile ad esempio per riproporre sul client l'ultima pagina visitata di un determinato sito - Nei casi fraudolenti per creare un profilo degli utenti e dei loro interessi - i cookies sono files sul vs hd <META HTTP-EQUIV="Set-Cookie" Content="cookievalue=xxx;expires="Monday, 10-jul-99 06:00:00 GMT; path=/"> => chiede la registrazione di Cartella dei files temporanei e dei cookies C:\Documents and Settings\Utente1\Impostazioni locali\temporary Internet Files 3M - 4/12/ esercitazione 8 A4 per ogni pixel =>4byte 29,7 x 21 x 0,3937 x 0,3937 x 300 x 300 =nr pixel

12 nrpixel*7/8 <meta name="page-exit" content="revealtrans(duration=x,transition=x)"> <meta name="page-enter" content="revealtrans(duration=x,transition=x)"> revealtrans =>2 argomenti durata effetto e tipo effetto <meta http-equiv="site-enter" content=transitionfilter> <meta http-equiv="site-exit" content=transitionfilter> Sapere le differenze Site-Exit, Site-Enter, Page-Exit, Page-Enter con i CSS gli sviluppatori sono sicuri di quello che vedranno i client. Senza i css la pagina verrà visualizzata in modo differente a secondo delle impostazioni del client METODI DI USO DEI CSS: - css in linea => <FONT STYLE="color:blue;font-size:12pt;font-family: Verdana"> usato quando si tratta di uno stile tipografico localizzato solo per quella particolare porzione di pagina - css Incluso => tra i tag <STYLE> e </STYLE> => usato quando voglio avere caratteristiche tipografiche uniformi all'interno della pagina - css esterno => <LINK REL="stylesheet" TYPE="text/css" HREF="css/menuh.css" /> in un file metto i css e poi nelle pagine del sito metto il richiamo a quel file: il vantaggio è avere una veste grafica uniforme per tutte le pagine del mio sito (cambiando un tag css posso modificare l'aspetto grafico del testo su tutte le pagine del mio sito) ESEMPIO FATTO IN CLASSE: <HTML> <LINK REL="stylesheet" TYPE="text/css" HREF="css/menuh.css" /> <STYLE> H1 { color:green; font-size:32pt; font-style: italic; font-weight: bold } P { color:blue; font-size:18pt; font-family: Arial } BODY { color:black; font-size:10pt; font-family: Arial Narrow } </STYLE> <BODY> <h1>titolardo</h1> dfasdfadf df asd f adf

13 <P>Testo con CSS Incorporato</P> <FONT STYLE="color:blue;font-size:12pt;font-family: Verdana">testo con CSS</FONT><BR> <FONT FACE=VERDANA SIZE=3 COLOR=BLUE>Testo comune</font><p>ciao</p>fcbvs fsfgs dfg </BODY> </HTML> Powered by phpbb 2000, 2002, 2005, 2007 phpbb Group Tutti gli orari sono UTC + 1 ora [ ora legale ] Pagina 1 di 2

14 brescianet.com Sito didattico - Prof. Sechi Marco Classe 3N - Modulo 2 5/2/ Classe 3N - Modulo 2 Pagina 2 di 2 rasterizzazione => processo che da una immagine di tipo bitmap creo una versione vettoriale La palette usa combinazioni binarie associate alle rappresentazioni RGB 00 NERA BIANCA nelle gif con trasparenza un colore viene indicato come colore neutro e non verrà visualizzato lasciando il colore dello sfondo nell'interlacciato la risoluzione dell'immagine parte da una modalità bassa e diventa via via + precisa (in questo modo l'utente si rende conto dei contenuti subito anche in presenza di connessioni lente) bmp => qualità massima (compatibilmente con la sua risoluzione) BIANCA e NERA sono concetti umani che il PC non conosce JPEG - La compressione è di tipo distruttivo - adatto ad immagini di tipo fotografico (variazioni repentine di colore) Inviato: lun feb 07, :02 pm TIFF formato nato per i fax (nei fax TIFF 200dpi) formato bitmap compresso non distruttivo occupa 100kb in B/N per una pagina A4 a 200dpi => ottima per un normale documento aziendale (lettera) - usato per l'archiviazione dei documenti aziendali - per la stampa di immagini ad alta qualità. - ha un rapporto di compressione inferiore al jpeg ma ha una qualità identica all'originale BMP di partenza (salvate le vs foto importanti in TIFF e non JPG) DTP => sw per gestire impaginati e riviste (esempio ADOBE XPRESS - PUBLISHER) PNG => evoluzione del GIF Re: Classe 3N - Modulo 2 Cosa succede a salvare ripetutamente in JPEG? E' utile comprimere una immagine JPG? spiegato Inviato: sab feb 12, :10 pm { =>tengo premuto il tasto ALT e scrivo il numero 123 con il tastierino numerico

15 } =>tengo premuto il tasto ALT e scrivo il numero 125 con il tastierino numerico in generale simbolo => tengo premuto il tasto ALT e scrivo il numero corrispondente al codice ascii con il tastierino numerico esempio alt+65 => lettera A Fornire uno stile di questo tipo font con face=courier colore verde sfondo nero e in grassetto non richiesto List style image, Border width, Border style L'esempio dei link è uno di quelli richiesto A:link { text-decoration: none } A:visited { background-color:yellow } A:hover { text-decoration: overline } linx => browser testuale BODY { color:black; font-size:10pt; font-family: Arial Narrow; background-color:yellow; background-image: url( background-repeat: repeat-y ; } --- 3M 11/2/2011 Con le classi posso usare stile differenti per lo stesso TAG H1.primo { color:red; font-size:32pt; font-style: italic; font-weight: bold; text-decoration:overline; } H1.secondo { color:silver; font-size:48px; font-style: italic; font-weight: bold } <h1 class=primo>titolardo (classe=primo)</h1> <h1 class=secondo>titolardo (classe=secondo)</h1>

16 Sapere Cursor: crosshair Cursor: hand /* */ commento nei css Sapere gestione del salto pagina orale il 21/2/2011 per la fulgida 3N (come da loro richiesta) Powered by phpbb 2000, 2002, 2005, 2007 phpbb Group Tutti gli orari sono UTC + 1 ora [ ora legale ] Pagina 2 di 2

Brescianet.com Sito didattico - Prof. Sechi Marco. II Modulo - Classe 3O. Accoda qui le risposte. differenze per aree sovrapposte.

Brescianet.com Sito didattico - Prof. Sechi Marco. II Modulo - Classe 3O. Accoda qui le risposte. differenze per aree sovrapposte. Brescianet.com Sito didattico - Prof. Sechi Marco FAQ Cerca Lista degli utenti Gruppi utenti Registrati Profilo Entra per controllare i messaggi privati Entra II Modulo - Classe 3O Indice del forum ->

Dettagli

lnx.brescianet.com Sito didattico - Prof. Sechi Marco 2 Modulo - 3N Appunti illlustrati durante le lezioni

lnx.brescianet.com Sito didattico - Prof. Sechi Marco 2 Modulo - 3N Appunti illlustrati durante le lezioni lnx.brescianet.com Sito didattico - Prof. Sechi Marco FAQ Cerca Lista degli utenti Gruppi utenti Profilo Non ci sono nuovi messaggi Logout [ ] 2 Modulo - 3N Indice del forum -> Classe 3N - 2 Modulo Precedente

Dettagli

BRESCIANET.COM Sito didattico - Prof. Sechi Marco Passa al contenuto

BRESCIANET.COM Sito didattico - Prof. Sechi Marco Passa al contenuto BRESCIANET.COM Sito didattico - Prof. Sechi Marco Passa al contenuto Cerca Ricerca avanzata [ Pannello di Controllo Moderatore ] Cerca MODULO 2 - Classe 3N Rispondi al messaggio Cerca qui 15 messaggi Pagina

Dettagli

Laboratorio Progettazione Web PHP e FORMs HTML. Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2013/2014

Laboratorio Progettazione Web PHP e FORMs HTML. Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2013/2014 Laboratorio Progettazione Web PHP e FORMs HTML Andrea Marchetti IIT-CNR andrea.marchetti@iit.cnr.ita 2013/2014 Struttura Applicazioni Web Browser Web HTTP Server Web API Dati Presentation Application Storage

Dettagli

04/05/2011. Lezione 6: Form

04/05/2011. Lezione 6: Form Lezione 6: Form In alcuni documenti HTML può essere utile creare dei moduli (form) che possono essere riempiti da chi consulta le pagine stesse (es. per registrarsi ad un sito). Le informazioni sono poi

Dettagli

ESEMPI DI FORM (da www.html.it)

ESEMPI DI FORM (da www.html.it) ESEMPI DI FORM (da www.html.it) Vediamo, nel particolare, tutti i tag che HTML 4.0 prevede per la creazione di form. Questo tag apre e chiude il modulo e raccoglie il contenuto dello stesso,

Dettagli

Esercizi di JavaScript

Esercizi di JavaScript Esercizi di JavaScript JavaScript JavaScript é un linguaggio di programmazione interpretato e leggero, creato dalla Netscape. E' presente a patire da Netscape 2 in tutti i browser ed é dunque il linguaggio

Dettagli

Lezione 6: Form 27/04/2012

Lezione 6: Form 27/04/2012 Lezione 6: Form In alcuni documenti HTML può essere utile creare dei moduli (form) che possono essere riempiti da chi consulta le pagine stesse (es. per registrarsi ad un sito). Le informazioni sono poi

Dettagli

Esercitazione n. 10: HTML e primo sito web

Esercitazione n. 10: HTML e primo sito web + Strumenti digitali per la comunicazione A.A 0/4 Esercitazione n. 0: HTML e primo sito web Scopo: Creare un semplice sito web con Kompozer. Il sito web è composto da una home page, e da altre due pagine

Dettagli

Strumenti a disposizione

Strumenti a disposizione FORM Strumenti a disposizione L'HTML visto fino ad ora permette di descrivere solo documenti statici e passivi Colori, immagini, testi, etc... L'utente può solo interagire con i link Non sempre questo

Dettagli

La codifica delle immagini

La codifica delle immagini La codifica delle immagini La digitalizzazione La digitalizzazione di oggetti legati a fenomeni di tipo analogico, avviene attraverso due parametri fondamentali: 1. Il numero dei campionamenti o di misurazioni

Dettagli

HTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi>

HTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi> FRAME HTML 6 I frame Danno la possibilità di creare finestre multiple all'interno della finestra del browser Si riesce a suddividere la pagina in più sezioni indipendenti, ma che si possono influenzare

Dettagli

DURANTE LA NAVIGAZIONE NEI SITI WEB I VISITATORI NON SOLO POSSONO CONSULTARE INFORMAZIONI STATICHE

DURANTE LA NAVIGAZIONE NEI SITI WEB I VISITATORI NON SOLO POSSONO CONSULTARE INFORMAZIONI STATICHE MODULI O FORM DURANTE LA NAVIGAZIONE NEI SITI WEB I VISITATORI NON SOLO POSSONO CONSULTARE INFORMAZIONI STATICHE ADATTE ALLA LETTURA MA POSSONO SVOLGERE UN RUOLO ATTIVO NEI CONFRONTI DI UNA PAGINA WEB

Dettagli

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima. UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come o . Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui

Dettagli

I Tag dell html. Parte quarta

I Tag dell html. Parte quarta I Tag dell html Parte quarta Le Form I moduli, o form, rendono interattive le pagine Web. Per creare un elemento modulo si usa il tag:

Dettagli

Comandi principali del linguaggio HTML (Hyper Text Markup Language)

Comandi principali del linguaggio HTML (Hyper Text Markup Language) Comandi principali del linguaggio HTML (Hyper Text Markup Language) Caratteristiche di HTML HTML è un linguaggio di formattazione (markup) di documenti ed è il linguaggio base per produrre documenti per

Dettagli

MANUALE D USO DELLA PIATTAFORMA ITCMS

MANUALE D USO DELLA PIATTAFORMA ITCMS MANUALE D USO DELLA PIATTAFORMA ITCMS MANULE D USO INDICE 1. INTRODUZIONE... 2 2. ACCEDERE ALLA GESTIONE DEI CONTENUTI... 3 3. GESTIONE DEI CONTENUTI DI TIPO TESTUALE... 4 3.1 Editor... 4 3.2 Import di

Dettagli

Indice del forum -> Classe 3M - 2 Modulo. Inviato: 26 Nov :08 am Oggetto: 2 Modulo - classe 3M

Indice del forum -> Classe 3M - 2 Modulo. Inviato: 26 Nov :08 am Oggetto: 2 Modulo - classe 3M lnx.brescianet.com Sito didattico - Prof. Sechi Marco FAQ Cerca Lista degli utenti Gruppi utenti Profilo Non ci sono nuovi messaggi Logout [ ] 2 Modulo - classe Indice del forum -> Classe - 2 Modulo Precedente

Dettagli

PDF created with pdffactory trial version www.pdffactory.com

PDF created with pdffactory trial version www.pdffactory.com Codifica di immagini Codifica di immagini o Un immagine è un insieme continuo di informazioni A differenza delle cifre e dei caratteri alfanumerici, per le immagini non esiste un'unità minima di riferimento

Dettagli

PULSANTI E PAGINE Sommario PULSANTI E PAGINE...1

PULSANTI E PAGINE Sommario PULSANTI E PAGINE...1 Pagina 1 Sommario...1 Apertura...2 Visualizzazioni...2 Elenco...2 Testo sul pulsante e altre informazioni...3 Comandi...3 Informazioni...4 Flow chart...5 Comandi...6 Pulsanti Principali e Pulsanti Dipendenti...6

Dettagli

1) Il client(browser utilizzato) invia al server i dati inseriti dall utente. Server

1) Il client(browser utilizzato) invia al server i dati inseriti dall utente. Server 2) Il Server richiama l'interprete PHP il quale esegue i comandi contenuti nel file.php specificato nell'attributo action del tag form creando un file HTML sulla base dei dati inviati dall utente 1) Il

Dettagli

Dott.ssa Adriana Pietramala

Dott.ssa Adriana Pietramala Corso di Informatica Laurea Triennale - Comunicazione&Dams Dott.ssa Adriana Pietramala a.pietramala@mat.unical.it Riferimenti Sito del corso: Manuale PHP http://www.php.net/download-docs.php Editor di

Dettagli

IMMAGINE BITMAP E VETTORIALI

IMMAGINE BITMAP E VETTORIALI BITMAP VETTORIALE VETTORIALE BITMAP IMMAGINE BITMAP è una immagine costituita da una matrice di Pixel. PIXEL (picture element) indica ciascuno degli elementi puntiformi che compongono la rappresentazione

Dettagli

Metodologie Informatiche Applicate al Turismo

Metodologie Informatiche Applicate al Turismo Metodologie Informatiche Applicate al Turismo 9. HTML Parte II Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Scienze

Dettagli

HTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>...

HTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>... HTML HyperText Markup Language Struttura di un documento HTML Gli elementi essenziali di un documento HTML sono i seguenti TAG: ... ... ... Struttura di un documento

Dettagli

Il linguaggio HTML - Parte 4

Il linguaggio HTML - Parte 4 Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 4 Dott. Chiara Braghin braghin@dti.unimi.it HTML - I Riferimenti Ipertestuali Il piatto forte di tutto

Dettagli

I FORM. L'attributo action contiene l'url del file php a cui devono essere inviati i file per essere elaborati.

I FORM. L'attributo action contiene l'url del file php a cui devono essere inviati i file per essere elaborati. I FORM Che cosa sono e che caratteristiche hanno Un form contiene molti oggetti che permettono di inserire dati usando la tastiera. Tali dati verranno poi inviati alla pagina php che avrà il compito di

Dettagli

Il linguaggio HTML - Parte 3

Il linguaggio HTML - Parte 3 Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 3 Dott. Chiara Braghin braghin@dti.unimi.it Addenda Vedi tabella caratteri speciali Vedi file caratteri_speciali.html

Dettagli

FISH Sardegna ONLUS. www.fishsardegna.org. Manuale Utente. www.fishsardegna.org

FISH Sardegna ONLUS. www.fishsardegna.org. Manuale Utente. www.fishsardegna.org FISH Sardegna ONLUS Manuale Utente Note generali: Il sito è costruito su CMS Drupal 7. Per avere maggiori informazioni su Drupal si puo consultare online il portale ufficiale http://drupal.org/( in inglese)

Dettagli

Guida a Theblog.net. cioè il sito è raggiungibile da due indirizzi, ma i contenuti sono gli stessi.

Guida a Theblog.net. cioè il sito è raggiungibile da due indirizzi, ma i contenuti sono gli stessi. 1 PRIMA PARTE 0) inserisci un commento 1) login 2) scrivi un post 3) (nel post) inserisci un immagine Il blog ha l indirizzo http://newblogpadova.theblog.net ma anche l alias http://049peoplesay.theblog.net

Dettagli

- La formattazione con foglio di stile esterno: Come realizzare e collegare un file con codice di stile ad una pagina web.

- La formattazione con foglio di stile esterno: Come realizzare e collegare un file con codice di stile ad una pagina web. I fogli di stile. Argomenti trattati: - La formattazione con foglio di stile interno: Come dichiarare lo stile di una pagina web all'interno del suo codice. - Ereditarietà e selettori contestuali: Come

Dettagli

LA GESTIONE DELLE VISITE CLIENTI VIA WEB

LA GESTIONE DELLE VISITE CLIENTI VIA WEB LA GESTIONE DELLE VISITE CLIENTI VIA WEB L applicazione realizzata ha lo scopo di consentire agli agenti l inserimento via web dei dati relativi alle visite effettuate alla clientela. I requisiti informatici

Dettagli

Dal foglio di carta alla multimedialità

Dal foglio di carta alla multimedialità Dal foglio di carta alla multimedialità Multimediale Che utilizza più mezzi di comunicazione. Nell'ambito delle tecnologie educative significa utilizzare più mezzi didattici integrati. IPERTESTO E IPERMEDIA

Dettagli

Scuola Digitale. Manuale utente. Copyright 2014, Axios Italia

Scuola Digitale. Manuale utente. Copyright 2014, Axios Italia Scuola Digitale Manuale utente Copyright 2014, Axios Italia 1 SOMMARIO SOMMARIO... 2 Accesso al pannello di controllo di Scuola Digitale... 3 Amministrazione trasparente... 4 Premessa... 4 Codice HTML

Dettagli

CMS MUSEO&WEB. Mappe grafiche. Andrea Tempera (OTEBAC) 12 aprile 2010

CMS MUSEO&WEB. Mappe grafiche. Andrea Tempera (OTEBAC) 12 aprile 2010 CMS MUSEO&WEB Mappe grafiche Andrea Tempera (OTEBAC) 12 aprile 2010 Introduzione Grazie ad appositi tag HTML possiamo associare molteplici collegamenti a differenti zone di un'unica immagine; un'immagine

Dettagli

Esame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie

Esame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie Facoltà di Scienze Motorie CHE COS È UN FOGLIO ELETTRONICO Una tabella che contiene parole e numeri che possono essere elaborati applicando formule matematiche e funzioni statistiche. Esame di Informatica

Dettagli

Immagini vettoriali Immagini bitmap (o raster) Le immagini vettoriali .cdr.swf .svg .ai.dfx .eps.pdf .psd

Immagini vettoriali Immagini bitmap (o raster) Le immagini vettoriali .cdr.swf .svg .ai.dfx .eps.pdf .psd Esistono due tipi di immagini digitali: Immagini vettoriali, rappresentate come funzioni vettoriali che descrivono curve e poligoni Immagini bitmap, (o raster) rappresentate sul supporto digitale come

Dettagli

PowerPoint 2007 Le funzioni

PowerPoint 2007 Le funzioni PowerPoint 2007 Le funzioni Introduzione Cos è un ipertesto L' ipertesto è un testo organizzato in link, o collegamenti ad altre parti del testo e/o altri testi, in modo da consentire all utente di scegliere

Dettagli

Formattazione. ü Introduzione

Formattazione. ü Introduzione Formattazione ü Introduzione Abbiamo fatto un bel po' di lavoro con Mathematica, vero? Abbiamo visto come creare, valutare, semplificare, disegnare, programmare, cucinare, pescare, ed anche come sfilare

Dettagli

STRUMENTI PER L ACCESSIBILITÀ DEL COMPUTER.

STRUMENTI PER L ACCESSIBILITÀ DEL COMPUTER. STRUMENTI PER L ACCESSIBILITÀ DEL COMPUTER. Windows 7 e 8 strumenti per l ipovisione. Windows Seven/8 offrono ottimi strumenti per personalizzare la visualizzazione in caso di ipovisione: - una lente di

Dettagli

Banca dati Professioniste in rete per le P.A. Guida all uso per le Professioniste

Banca dati Professioniste in rete per le P.A. Guida all uso per le Professioniste Banca dati Professioniste in rete per le P.A. Guida all uso per le Professioniste versione 2.1 24/09/2015 aggiornamenti: 23-set-2015; 24-set-2015 Autore: Francesco Brunetta (http://www.francescobrunetta.it/)

Dettagli

Cosa succede quando si naviga

Cosa succede quando si naviga Programma corso Introduzione (spicciola) di architettura del web Creazione del sito e primi passi Sito statico o blog? Inserimento ed aggiornamento contenuti Personalizzazione grafica Iscrizione ai motori

Dettagli

Lavorare con le immagini

Lavorare con le immagini Lavorare con le immagini Domande più frequenti D: Ho importato alcune immagini PNG molto grandi e adesso il mio sito e molto lento. Come mai? R: Il formato PNG non è il più adatto per immagini di grandi

Dettagli

Introduzione. Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language

Introduzione. Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language HTML 05/04/2012 1 Introduzione Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language L'ipertesto è semplicemente un testo che funziona

Dettagli

Che cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo

Che cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo Creazione di moduli Creazione di moduli Che cos'è un modulo? Un elenco di domande accompagnato da aree in cui è possibile scrivere le risposte, selezionare opzioni. Il modulo di un sito Web viene utilizzato

Dettagli

I.N.A.I.L. Certificati Medici via Internet. Manuale utente

I.N.A.I.L. Certificati Medici via Internet. Manuale utente I.N.A.I.L. Certificati Medici via Internet Manuale utente CERTIFICATI MEDICI... 1 VIA INTERNET... 1 MANUALE UTENTE... 1 COME ACCEDERE AI CERTIFICATI MEDICI ON-LINE... 3 SITO INAIL... 3 PUNTO CLIENTE...

Dettagli

FPf per Windows 3.1. Guida all uso

FPf per Windows 3.1. Guida all uso FPf per Windows 3.1 Guida all uso 3 Configurazione di una rete locale Versione 1.0 del 18/05/2004 Guida 03 ver 02.doc Pagina 1 Scenario di riferimento In figura è mostrata una possibile soluzione di rete

Dettagli

GUIDA AL PORTALE PARTE 1

GUIDA AL PORTALE PARTE 1 GUIDA AL PORTALE PARTE 1 1 L HOME PAGE Al primo ingresso nel portale www.farmaciefvg.it è visualizzata l Home page (letteralmente pagina di casa ma meglio conosciuta come pagina iniziale ) la cui parte

Dettagli

WWW.ICTIME.ORG. NVU Manuale d uso. Cimini Simonelli Testa

WWW.ICTIME.ORG. NVU Manuale d uso. Cimini Simonelli Testa WWW.ICTIME.ORG NVU Manuale d uso Cimini Simonelli Testa Cecilia Cimini Angelo Simonelli Francesco Testa NVU Manuale d uso EDIZIONE Gennaio 2008 Questo manuale utilizza la Creative Commons License www.ictime.org

Dettagli

tommaso.iacomino@gmail.com INTERNET EXPLORER Guida introduttiva CAPITOLO 1 Fig. 1

tommaso.iacomino@gmail.com INTERNET EXPLORER Guida introduttiva CAPITOLO 1 Fig. 1 INTERNET EXPLORER Guida introduttiva CAPITOLO 1 Fig. 1 IMPORTANTE: forse non visualizzate questa barra, se così fosse usiamo questa procedura: posizioniamo il cursore sulla parte vuota tasto destro del

Dettagli

CONTENT MANAGEMENT SY STEM

CONTENT MANAGEMENT SY STEM CONTENT MANAGEMENT SY STEM I NDI CE I NTRODUZI ONE Accesso al CMS 1) CONTENUTI 1.1 I nserimento, modifica e cancellazione dei contenuti 1.2 Sezioni, categorie e sottocategorie 2) UTENTI 3) UP LOAD FILES

Dettagli

lo 2 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000

lo 2 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000 Capittol lo 2 Visualizzazione 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000 Nel primo capitolo sono state analizzate le diverse componenti della finestra di Word 2000: barra del titolo, barra dei menu,

Dettagli

19. LA PROGRAMMAZIONE LATO SERVER

19. LA PROGRAMMAZIONE LATO SERVER 19. LA PROGRAMMAZIONE LATO SERVER Introduciamo uno pseudocodice lato server che chiameremo Pserv che utilizzeremo come al solito per introdurre le problematiche da affrontare, indipendentemente dagli specifici

Dettagli

C M A P M IONAM A E M NT N O

C M A P M IONAM A E M NT N O IMMAGINE DIGITALE Nelle immagini digitali, il contenuto fotografico (radiometria) viene registrato sotto forma di numeri. Si giunge a tale rappresentazione (RASTER) suddividendo l immagine fotografica

Dettagli

Demo. La palette allinea. La palette Anteprima conversione trasparenza. Adobe Illustrator CS2

Demo. La palette allinea. La palette Anteprima conversione trasparenza. Adobe Illustrator CS2 Le Palette (parte prima) Come abbiamo accennato le Palette permettono di controllare e modificare il vostro lavoro. Le potete spostare e nascondere come spiegato nella prima lezione. Cominciamo a vedere

Dettagli

MANUALE PER L UTILIZZO DELLA FUNZIONE EVENTI Rel.1.2 del 29 gennaio 2004

MANUALE PER L UTILIZZO DELLA FUNZIONE EVENTI Rel.1.2 del 29 gennaio 2004 MANUALE PER L UTILIZZO DELLA FUNZIONE EVENTI Rel.1.2 del 29 gennaio 2004 PRELIMINARE - Avete digitato la password che Vi è stata attribuita e siete entrati nell area riservata all AMMINISTRAZIONE del Vostro

Dettagli

Lezione nr. 5. Per creare un modulo è necessario avere delle conoscenze di base del linguaggio HTML. Niente di difficile ovviamente!

Lezione nr. 5. Per creare un modulo è necessario avere delle conoscenze di base del linguaggio HTML. Niente di difficile ovviamente! Lezione nr. 5 >> Come creare un modulo Web I moduli web sono delle strutture fondamentali per ogni sito web e la loro conoscenza ti permetterà di risolvere almeno il 60% delle problematiche di gestione

Dettagli

Corso basi di dati Installazione e gestione di PWS

Corso basi di dati Installazione e gestione di PWS Corso basi di dati Installazione e gestione di PWS Gianluca Di Tomassi Email: ditomass@dia.uniroma3.it Università di Roma Tre Cosa è PWS? Il Personal Web Server altro non è che una versione ridotta del

Dettagli

I Preferiti. Elenco dei Preferiti

I Preferiti. Elenco dei Preferiti G. Pettarin ECDL Modulo 7: Internet 38 I siti preferiti Navigando nella rete può capitare di trovare dei siti, di cui vogliamo memorizzare l'indirizzo. Magari si vuole organizzarli in categorie. Tutti

Dettagli

Guida all uso di Java Diagrammi ER

Guida all uso di Java Diagrammi ER Guida all uso di Java Diagrammi ER Ver. 1.1 Alessandro Ballini 16/5/2004 Questa guida ha lo scopo di mostrare gli aspetti fondamentali dell utilizzo dell applicazione Java Diagrammi ER. Inizieremo con

Dettagli

IL MIO PRIMO SITO NEWS USANDO GLI SCHEDARI

IL MIO PRIMO SITO NEWS USANDO GLI SCHEDARI Pagina 1 UN SISTEMA DI NEWS Sommario UN SISTEMA DI NEWS...1 Introduzione...2 Scelgo l'area su cui operare...3 Un minimo di teoria...3 Creo le Pagine...4 Definizione dello Schedario Novità...6 Compilo la

Dettagli

APPUNTI DI HTML (TERZA LEZIONE)

APPUNTI DI HTML (TERZA LEZIONE) Il web è costituito non da testi ma da ipertesti. APPUNTI DI HTML (TERZA LEZIONE) I link ci permettono di passare da un testo all altro. I link sono formati da due componenti: IL CONTENUTO "nasconde" il

Dettagli

connessioni tra i singoli elementi Hanno caratteristiche diverse e sono presentati con modalità diverse Tali relazioni vengono rappresentate QUINDI

connessioni tra i singoli elementi Hanno caratteristiche diverse e sono presentati con modalità diverse Tali relazioni vengono rappresentate QUINDI Documenti su Internet LINGUAGGI DI MARKUP Internet permette (tra l altro) di accedere a documenti remoti In generale, i documenti acceduti via Internet sono multimediali, cioè che possono essere riprodotti

Dettagli

GUIDA UTENTE PRIMA NOTA SEMPLICE

GUIDA UTENTE PRIMA NOTA SEMPLICE GUIDA UTENTE PRIMA NOTA SEMPLICE (Vers. 2.0.0) Installazione... 2 Prima esecuzione... 5 Login... 6 Funzionalità... 7 Prima Nota... 8 Registrazione nuovo movimento... 10 Associazione di file all operazione...

Dettagli

Leggere un messaggio. Copyright 2009 Apogeo

Leggere un messaggio. Copyright 2009 Apogeo 463 Leggere un messaggio SyllabuS 7.6.3.3 Per contrassegnare un messaggio selezionato puoi fare clic anche sulla voce di menu Messaggio > Contrassegna messaggio. Marcare, smarcare un messaggio I messaggi

Dettagli

GNred Ver1.5 Manuale utenti

GNred Ver1.5 Manuale utenti GNred Ver1.5 Manuale utenti [ultima modifica 09.06.06] 1 Introduzione... 2 1.1 Cos è un CMS?... 2 1.2 Il CMS GNred... 2 1.2.1 Concetti di base del CMS GNred... 3 1.2.2 Workflow... 3 1.2.3 Moduli di base...

Dettagli

WWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &#"#2

WWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &##2 ! "#$" %% $"$&&"'& $%%& $'&( ) *+&, ) && *+ ( -./ WWW (World Wide Web)!& ( # (&%#(!(&&( %% (*0 #,% )0#1( &#"#2 Siti Web pagine Web: documenti pronti per essere registrati su un server Internet residenza

Dettagli

Guida Joomla. di: Alessandro Rossi, Flavio Copes

Guida Joomla. di: Alessandro Rossi, Flavio Copes Guida Joomla di: Alessandro Rossi, Flavio Copes Grafica e template 1. 15. La grafica e i template Personalizzare l'aspetto del sito aggiungendo nuovi template e customizzandoli 2. 16. Personalizzare il

Dettagli

Elaborazione testi: immagini

Elaborazione testi: immagini by Studio Elfra sas Gestione Immagini Aggiornato a Aprile 2009 Informatica di base 1 Elaborazione testi: immagini Il testo di un documento di Word può essere integrato con immagini di vario tipo: 2 1 Elaborazione

Dettagli

I Codici Documento consentono di classificare le informazioni e di organizzare in modo logico l archiviazione dei file.

I Codici Documento consentono di classificare le informazioni e di organizzare in modo logico l archiviazione dei file. Archivia Modulo per l acquisizione, l archiviazione e la consultazione di informazioni Il modulo Archivia permette l acquisizione, l archiviazione e la consultazione di informazioni (siano esse un immagine,

Dettagli

Introduzione. Installare EMAS Logo Generator

Introduzione. Installare EMAS Logo Generator EMAS Logo Generator Indice Introduzione... 3 Installare EMAS Logo Generator... 3 Disinstallare EMAS Logo Generator... 4 Schermata iniziale... 5 Creare il Logo... 7 Impostazioni... 7 Colore...8 Lingua del

Dettagli

Le immagini digitali. formati, caratteristiche e uso. Testo e foto di Mario Ceppi

Le immagini digitali. formati, caratteristiche e uso. Testo e foto di Mario Ceppi Le immagini digitali formati, caratteristiche e uso Testo e foto di Mario Ceppi GIF Ideale per la rappresentazione di immagini sul Web come gif animate, pulsanti e intestazioni, non è invece adatto alle

Dettagli

Figura 54. Visualizza anteprima nel browser

Figura 54. Visualizza anteprima nel browser Per vedere come apparirà il nostro lavoro sul browser, è possibile visualizzarne l anteprima facendo clic sulla scheda Anteprima accanto alla scheda HTML, in basso al foglio. Se la scheda Anteprima non

Dettagli

Istruzioni per l installazione del software per gli esami ICoNExam (Aggiornate al 15/01/2014)

Istruzioni per l installazione del software per gli esami ICoNExam (Aggiornate al 15/01/2014) Istruzioni per l installazione del software per gli esami ICoNExam (Aggiornate al 15/01/2014) Il software per gli esami ICON può essere eseguito su qualunque computer dotato di Java Virtual Machine aggiornata.

Dettagli

STAMPA DI UNA PAGINA SEMPLICE

STAMPA DI UNA PAGINA SEMPLICE Pagina 11 copiati nel proprio sistema (disco fisso o floppy). Questa operazione è detta download o scaricamento. Il modo più semplice per effettuare un download di un file (a meno che non sia specificato

Dettagli

Come inserire i dati nella Scheda Attività

Come inserire i dati nella Scheda Attività nikelino.net Strumenti di web marketing Come inserire i dati nella Scheda Attività (Pagina principale) www.nikelino.net Pagina 1 Premessa Cura sempre la qualità delle informazioni che inserisci nelle pagine.

Dettagli

filrbox Guida all uso dell interfaccia WEB Pag. 1 di 44

filrbox Guida all uso dell interfaccia WEB Pag. 1 di 44 filrbox Guida all uso dell interfaccia WEB Pag. 1 di 44 Sommario Introduzione... 4 Caratteristiche del filrbox... 5 La barra principale del filrbox... 7 Elenco degli utenti... 8 Il profilo... 9 Le novità...

Dettagli

Per scrivere una procedura che non deve restituire nessun valore e deve solo contenere le informazioni per le modalità delle porte e controlli

Per scrivere una procedura che non deve restituire nessun valore e deve solo contenere le informazioni per le modalità delle porte e controlli CODICE Le fonti in cui si possono trovare tutorial o esempi di progetti utilizzati con Arduino si trovano nel sito ufficiale di Arduino, oppure nei forum di domotica e robotica. Il codice utilizzato per

Dettagli

Client - Server. Client Web: il BROWSER

Client - Server. Client Web: il BROWSER Client - Server Client Web: il BROWSER Il client Web è un applicazione software che svolge il ruolo di interfaccia fra l utente ed il WWW, mascherando la complessità di Internet. Funzioni principali Inviare

Dettagli

INSERIRE RISORSE. Un etichetta è un semplice testo che descrive una particolare risorsa o attività all interno di un Argomento.

INSERIRE RISORSE. Un etichetta è un semplice testo che descrive una particolare risorsa o attività all interno di un Argomento. INSERIRE RISORSE Facendo click sulla freccina in basso a destra del menu a tendina Aggiungi una risorsa si può selezionare una delle seguenti risorse: etichetta, pagina di testo, pagina web, link a file

Dettagli

Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:

Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: SIZE= numero per modificare le dimensioni Es:

Dettagli

AUTOAGGIORNAMENTO DOCUMENTI ACCESSIBILI e USABILI

AUTOAGGIORNAMENTO DOCUMENTI ACCESSIBILI e USABILI AUTOAGGIORNAMENTO DOCUMENTI ACCESSIBILI e USABILI Cosa è l accessibilità? Legge Stanca del 9 gennaio 2004 che regola la forma e i contenuti dei siti web delle P.A L «accessibilità» è la capacità dei sistemi

Dettagli

Gestione delle Cartelle dei Messaggi di Posta Elettronica

Gestione delle Cartelle dei Messaggi di Posta Elettronica CADMO Infor ultimo aggiornamento: febbraio 2012 Gestione delle Cartelle dei Messaggi di Posta Elettronica Premessa...1 Le Cartelle dei Messaggi di Posta Elettronica utilizzate da Outlook Express...2 Cose

Dettagli

Interazione con l utente : i moduli.

Interazione con l utente : i moduli. Interazione con l utente : i moduli. Nelle lezioni fin qui riportate, non abbiamo mai trattato l input di utente. Nelle applicazioni web, l input dell utente si acquisisce tramite i moduli (o FORM) HTML.

Dettagli

Access. Microsoft Access. Aprire Access. Aprire Access. Aprire un database. Creare un nuovo database

Access. Microsoft Access. Aprire Access. Aprire Access. Aprire un database. Creare un nuovo database Microsoft Access Introduzione alle basi di dati Access E un programma di gestione di database (DBMS) Access offre: un supporto transazionale limitato Meccanismi di sicurezza, protezione di dati e gestione

Dettagli

MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB

MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB o RICERCA p3 Ricerca rapida Ricerca avanzata o ARTICOLI p5 Visualizza Modifica Elimina/Recupera Ordina o RUBRICHE p11 Visualizzazione Gestione rubriche

Dettagli

[FINANZAECOMUNICAZIONE / VADEMECUM]

[FINANZAECOMUNICAZIONE / VADEMECUM] 2011 Finanza e Comunicazione [FINANZAECOMUNICAZIONE / VADEMECUM] [PANNELLO DI CONTROLLO SCRIVERE UN ARTICOLO PUBBLICARE MEDIA CREARE UNA GALLERIA FOTOGRAFICA MODIFICHE SUCCESSIVE CAMBIARE PASSWORD SALVARE,

Dettagli

Come modificare la propria Home Page e gli elementi correlati

Come modificare la propria Home Page e gli elementi correlati Come modificare la propria Home Page e gli elementi correlati Versione del documento: 3.0 Ultimo aggiornamento: 2006-09-15 Riferimento: webmaster (webmaster.economia@unimi.it) La modifica delle informazioni

Dettagli

Immagini digitali Appunti per la classe 3 R a cura del prof. ing. Mario Catalano

Immagini digitali Appunti per la classe 3 R a cura del prof. ing. Mario Catalano Immagini digitali LA CODIFICA DELLE IMMAGINI Anche le immagini possono essere memorizzate in forma numerica (digitale) suddividendole in milioni di punti, per ognuno dei quali si definisce il colore in

Dettagli

A tal fine il presente documento si compone di tre distinte sezioni:

A tal fine il presente documento si compone di tre distinte sezioni: Guida on-line all adempimento Questa guida vuole essere un supporto per le pubbliche amministrazioni, nella compilazione e nella successiva pubblicazione dei dati riguardanti i dirigenti sui siti istituzionali

Dettagli

Direzione Centrale per le Politiche dell Immigrazione e dell Asilo

Direzione Centrale per le Politiche dell Immigrazione e dell Asilo Direzione Centrale per le Politiche dell Immigrazione e dell Asilo Sistema inoltro telematico domande di nulla osta, ricongiungimento e conversioni Manuale utente Versione 2 Data creazione 02/11/2007 12.14.00

Dettagli

Il campionamento. La digitalizzazione. Teoria e pratica. La rappresentazione digitale delle immagini. La rappresentazione digitale delle immagini

Il campionamento. La digitalizzazione. Teoria e pratica. La rappresentazione digitale delle immagini. La rappresentazione digitale delle immagini ACQUISIZIONE ED ELABORAZIONE DELLE IMMAGINI Teoria e pratica La digitalizzazione La digitalizzazione di oggetti legati a fenomeni di tipo analogico, avviene attraverso due parametri fondamentali: Il numero

Dettagli

Creare un sito Multilingua con Joomla 1.6

Creare un sito Multilingua con Joomla 1.6 Creare un sito Multilingua con Joomla 1.6 Istruzioni Vai a: navigazione, ricerca Testo originale: http://docs.joomla.org/language_switcher_tutorial_for_joomla_1.6 Questa guida è valida sia per Joomla 1.6

Dettagli

Capitolo 4 Pianificazione e Sviluppo di Web Part

Capitolo 4 Pianificazione e Sviluppo di Web Part Capitolo 4 Pianificazione e Sviluppo di Web Part Questo capitolo mostra come usare Microsoft Office XP Developer per personalizzare Microsoft SharePoint Portal Server 2001. Spiega come creare, aggiungere,

Dettagli

I link e l'ipertestualità

I link e l'ipertestualità I link e l'ipertestualità I link sono "il ponte" che consente di passare da un documento all altro. In quanto tali, i link sono formati da due componenti: il contenuto che "nasconde" il collegamento (può

Dettagli

www.hummingprint.com HUMMINGPRINT - La stampa digitale online dei tuoi prodotti editoriali! FOGLIO SPECIFICHE PER LA PREPARAZIONE DEL FILE PDF

www.hummingprint.com HUMMINGPRINT - La stampa digitale online dei tuoi prodotti editoriali! FOGLIO SPECIFICHE PER LA PREPARAZIONE DEL FILE PDF HUMMINGPRINT - La stampa digitale online dei tuoi prodotti editoriali! Hummingprint è il nuovo servizio di stampa digitale on line ad alta risoluzione fotografica su HP Indigo 5500 a 7 colori*. Nel presente

Dettagli

REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ

REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ Pag. 1 di 13 REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ PUBBLICA AMMINISTRAZIONE Comune di Pella (NO) http://www.comune.pella.no.it/ DATA DELLA VALUTAZIONE 09/07/2008 AUTORE DELLA VALUTAZIONE Alessio Mantegna

Dettagli

Il sofware è inoltre completato da una funzione di calendario che consente di impostare in modo semplice ed intuitivo i vari appuntamenti.

Il sofware è inoltre completato da una funzione di calendario che consente di impostare in modo semplice ed intuitivo i vari appuntamenti. SH.MedicalStudio Presentazione SH.MedicalStudio è un software per la gestione degli studi medici. Consente di gestire un archivio Pazienti, con tutti i documenti necessari ad avere un quadro clinico completo

Dettagli

Come costruire una presentazione. PowerPoint 1. ! PowerPoint permette la realizzazione di presentazioni video ipertestuali, animate e multimediali

Come costruire una presentazione. PowerPoint 1. ! PowerPoint permette la realizzazione di presentazioni video ipertestuali, animate e multimediali PowerPoint Come costruire una presentazione PowerPoint 1 Introduzione! PowerPoint è uno degli strumenti presenti nella suite Office di Microsoft! PowerPoint permette la realizzazione di presentazioni video

Dettagli