<html> <head> <title> Il nome della pagina </title> </head> <body> </body> </html>
|
|
|
- Eleonora Pavone
- 8 anni fa
- Visualizzazioni
Transcript
1 Per creare una pagina html bisogna innanzitutto decidere quale programma utilizzare per la sua realizzazione, il blocco note di windows 95 è perfetto per il nostro scopo ma non sono esclusi altri programmi di videoscrittura, ciò che conta, infatti, è che abbiano la possibilità di salvare il file con l'estensione TXT, meglio ancora, se supportano anche l'estensione HTML o HTM. Con un pò di fantasia un pagina html potrebbe essere paragonata alla prima pagina di un quotidiano infatti la prima informazione o meglio il primo comando che inseriremo nella nostra pagina sarà <html> che potremmo paragonare al foglio di carta del giornale, successivamente inseriremo il comando <head> che corrisponde alla testata, seguita dai comandi <title> e </title> che rispettivamente aprono lo spazio dedicato al titolo della pagina html (o del giornale secondo esempio) e lo chiudono. A questo punto possiamo definire finita la testata della nostra pagina e quindi dobbiamo inserire il comando </head>. Mancano alla pagina soltanto altri 3 comandi fondamentali: <body> che apre lo spazio dedicato alle notizie,</body> che lo chiude, e infine il comando </html> che mette fine al foglio di carta. Riepilogando, gli elementi fondamentali di una pagina html sono: <html> <head> <title> Il nome della pagina </title> </head> <body> </body> </html> A questo punto bisogna fornire al browser i dati riguardanti la nostra pagina e cioè: il colore dello sfondo, il colore dei testi, i margini ecc., ma andiamo per ordine. Innanzitutto bisogna sapere dove vanno inseriti questi comandi, ebbene, ricordate il comando <body>, i comandi che vi descriverò andranno inseriti tra i due simboli (<>), subito dopo la parola body e distanziati fra loro da uno spazio. Eccovi l'elenco con relativa spiegazione, dei parametri del comando body:
2 Parametri background= bgproperties= fixed bgcolor= link= alink= vlink= topmargin= bottommargin = leftmargin= rightmargin= indica l'immagine da caricare come sfondo della pagina (es. background=grafica/logo.gif). blocca l'immagine di sfondo che non verrà scrollata con il resto della pagina. indica il colore di sfondo della pagina che può essere indicato da un numero esadecimale oppure dal nome inglese del colore desiderato (es. bgcolor=#ffgg10 o bgcolor=red). indica il colore dei link ovvero i collegamenti ad altre pagine (es. link=ffgg10 o link=red). indica il colore dei link quando vengono cliccati. (es. alink=ffgg10 o alink=red). indica il colore dei link già cliccati. (es. bgcolor=ffgg10 o bgcolor=red). indica la distanza degli oggetti presenti nella pagina dal bordo superiore della stessa. indica la distanza degli oggetti presenti nella pagina dal bordo inferiore della stessa. indica la distanza degli oggetti presenti nella pagina dal bordo sinistro della stessa. indica la distanza degli oggetti presenti nella pagina dal bordo destro della stessa. Quindi volendo creare la nostra prima pagina dovremo scrivere questo codice: <html> <head> <title> Il nome della pagina </title> </head> <body background=fondo.jpg bgcolor=e5e5e5 link=ffff60 alink=ffffff vlink=ffcccc topmargin=10 bottommargin=10 leftmargin=10 rightmargin=10> </body> </html> Nel caso abbiate difficoltà nel trovare un colore che vi interessa ho incluso una pagina html, provvista di un particolare Script che vi permetterà di scegliere il colore che vi interessa, indicandovi il suo valore esadecimale. Clicca qui per la Tavola dei Colori
3 Una volta realizzata la struttura della nostra pagina possiamo cominciare a creare gli oggetti che dovranno essere visualizzati nella stessa. Cominceremo con i testi che sono allo stesso tempo, gli oggetti più semplici da gestire ma anche i più diffusi nelle pagine html. Da premettere, però che trattandosi di oggetti che dovranno essere visualizzati nella pagina, come detto precedentemente, andranno posizionati tra i due comandi <body> e </body>. Innanzittutto prima di scrivere un qualsiasi testo dovremo inserire il seguente comando: <font> che indica al browser non solo la presenza di un testo ma anche le sue caratteristiche. Come nel caso del comando <body>, infatti, anche il comando <font> possiede numerosi parametri che permettono l'utente di decidere come deve essere visualizzato il propio testo. Ecco quindi la lista dei parametri del comando font: Parametri face= size= color= indica il carattere che deve essere utilizzato (es. face=arial). indica la grandezza dei caratteri (es. size=3) indica il colore dei caratteri (es. color=ffff60 o color=yellow) Fatto ciò non resta altro da fare che inserire il testo e una volta conclusa la battitura, chiudere lo spazio dedicato ai testi, con il comando </font>. Ma non finisce qui perchè esistono ancora altri comandi relativi ai testi, eccoli: Comandi <b> </b> <i> </i> <u> </u> <div align=center> </div> <div align=right> </div> visualizza il testo in stile grassetto (es. <b>testo</b>). visualizza il testo in stile corsivo (es. <i> Testo </i>). visualizza il testo sottolineato (es. <u> Testo </u>). indica di scrivere al centro indica di scrivere a destra indica di scrivere nel rigo successivo. Riepilogando, per visualizzare un testo dobbiamo inserire il codice:
4 <font face=arial size=3 color=ffgg10> Questa è la mia Home Page <b> Questa è la mia Home Page </b> <i> Questa è la mia Home Page </i> <u> Questa è la mia Home Page </u> <div align=center> Questa è la mia Home Page </div> <div align=right> Questa è la mia Home Page </div> </font> Va ricordato, però che nello scrivere un testo non è possibile lasciare più di uno spazio tra le parole o pur facendolo non verrà visualizzato, l'unico sistema per farlo è inserire subito dopo il primo spazio, il seguente codice tante volte quanti sono gli spazi che si desiderano. Un comando un po particolare riguardante il testo è il comando <marquee> che fa muovere il testo da un parte all'altra dello schermo. Ecco i parametri e subito di seguito un esempio: Parametri bgcolor= direction= behavior= width= height= loop= scrollamount= indica il colore di fondo (es. bgcolor=grey). indica il verso in cui si muove il testo (es. direction=left) indica quale deve essere il movimento del testo. (es. behavior=scroll)(variabili: scroll; slide; alternate) indica la lunghezza dello spazio utile al movimento del testo. (es. width=450) indica l'altezza dello spazio utile al movimento del testo. (es. height=20) indica il numero di giri che deve compiere il testo. (es. loop=15)(in assenza di questo parametro il movimento si svolgerà all'infinito) indica la distanza tra il testo che passa prima e quello successivo. (es. height=20) <marquee bgcolor=lightgreen direction=left width=450 height=20> Guida HTML </marquee> <marquee bgcolor=cyan direction=right width=450 height=20> Guida HTML </marquee>
5 <marquee bgcolor=red loop=1 width=450 height=20> Guida HTML </marquee> <marquee bgcolor=yellow scrollamount=20 width=450 height=20> Guida HTML </marquee> <marquee bgcolor=white behavior=slide width=450 height=20> Guida HTML </marquee> <marquee bgcolor=orange behavior=alternate width=450 height=20> Guida HTML </marquee>
6 Continuando a lavorare con i testi possiamo usufruire di altri comandi indispensabili per creare semplici listati. Vi ricordo sempre che questi comandi vanno inseriti tra i comandi <body> e </body>. Innanzitutto esistono due tipi di comandi per visualizzare liste: il comando <ol> e il comando <ul>. Il primo permette di creare liste che hanno come indicatori di quantità dei semplici numeri, delle lettere (maiuscole o minuscole) o i numeri romani (piccoli o grandi), mentre il secondo usa dei simboli: una pallina, un quadratino oppure un cerchietto. Il sistema di utilizzo di questi comandi risulta alquanto facile quindi vi presenterò direttamente il codice per realizzarli e i relativi esempi: Numeri <ol type=1> <li>pane <li>pasta <li>frutta </ol> Lettere Minuscole <ol type=a> <li>pane <li>pasta <li>frutta </ol> Numeri Romani Piccoli <ol type=i> <li>pane <li>pasta <li>frutta </ol> Quadratini <ul type=square> <li> pane <li>pasta <li>frutta </ul> Lettere Maiuscole <ol type=a> <li>pane <li>pasta <li>frutta </ol> Numeri Romani Grandi <ol type=i> <li>pane <li>pasta <li>frutta </ol> Palline <ul type=disc> <li> pane <li>pasta <li>frutta </ul> Cerchietti <ul type=circle> <li> pane <li>pasta <li>frutta </ul>
7 Ogni volta che volete aggiungere un elemento alle liste non dovrete fare altro che aggiungere un comando <li> e scrivercelo accanto. Se però volete modificare i colori delle liste o degli elementi delle liste, bisogna applicargli il comando <font> e i relativi parametri come se si trattasse di semplici testi. Applicando questa linea <font color=green> prima del comando <li> potrete modificare il colore degli indicatori di quantità (badate, però d'inserire sempre il comando </font> dopo il testo), mentre inserendo lo stesso comando <font> con relativi parametri (vedi 2ª Lezione) prima del testo e il comando </font> dopo il testo potrete modificare il testo della lista. Ecco come modificare una lista e il suo contenuto: <ol type=i> <font color=green><li><font face=arial color=ffff60>pane</font></font> <font color=purple><li><font face=arial color=ffffff>pasta</font></font> <font color=cyan><li><font face=arial color=00000>frutta</font></font> </ol>
8 Probabilmente uno degli oggetti più utilizzati nelle pagine html è la tabella. Questa infatti oltre ad essere utilizzata semplicemente come una tabella dati, viene sfruttata per dare un certo ordine alla pagina, dato che può contenere qualsiasi cosa al suo interno, dal testo alle immagini, dagli script alle applet e così via. Il comando principale delle tabelle è <table> seguito naturalmente da </table>. Illustrare il funzionamento delle tabelle è alquanto complesso, non per la difficoltà in se del codice ma per la grande versatilità di questo oggetto che possiede numerose e infinite variabili. Per cominciare vi riporterò i vari parametri che caratterizzano una tabella: Parametri cellspacing= cellpadding= border= bordercolor= bgcolor= background= width= height= indica la distanza tra il bordo della tabella il bordo delle celle. (es. <table cellspacing=2>) indica la distanza tra gli elementi presenti nelle celle e il bordo di queste ultime. (es. <table cellpadding=2>) indica lo spessore del bordo. (es. <table border=1>) indica il colore del bordo. (es. <table bordercolor=000099>) indica il colore di fondo della tabella. (es. <table bgcolor=ffff60> o <table bgcolor=yellow>) indica l'immagine di fondo della tabella. (es. <table background=grafica/fondo.jpg>) indica la lunghezza della tabella. (es. <table width=250> o <table width=40%>) indica l'altezza della tabella. (es. <table height=300> o <table height=70%>) A questo punto vanno introdotti alcuni elementi fondamentali della tabella: <tr> <td> </td> </tr> indica al browser di creare una riga indica al browser di creare una colonna indica al browser di chiudere la colonna indica al browser di chiudere la riga Ecco quindi un primo semplice esempio di tabella con 2 righe e 2 colonne:
9 <table cellspacing=2 cellpadding=2 border=1 bordercolor=ffgg10 bgcolor=ffff60 width=400 height=200> <tr> <td>1 riga - 1 colonna</td> <td>1 riga - 2 colonna</td></tr> <tr> <td>2 riga - 1 colonna</td> <td>2 riga - 2 colonna</td></tr> </table> Ma non finisce qui infatti, lo stesso parametro <td> ha di per se altri parametri che permettono di personalizzare ogni spazio (cella) in cui è suddivisa la tabella: Parametri colspan= rowspan= align= valign= bordercolor= bgcolor= background= width= height= indica al browser quante colonne deve occupare la cella. (es. <td colspan=2>) indica al browser quante righe deve occupare la cella. (es. <td rowspan=2>) indica la disposizione orrizzontale degli elementi all'interno della cella. (variabili <td align=left ; center ; right>) indica la disposizione verticale degli elementi all'interno della cella. (variabili <td valign=top ; middle ; bottom>) indica il colore del bordo della cella. (Solo Internet Explorer) (es. <td bordercolor=000099>) indica il colore di fondo della cella. (es. <td bgcolor=ffff60> o <td bgcolor=yellow>) indica l'immagine di fondo della cella. (es. <td background=grafica/fondo.jpg>) indica la lunghezza della cella. (es. <td width=250> o <td width=40%>) indica l'altezza della cella. (es. <td height=300> o <td height=70%>) A questo punto conosciamo tutti i parametri per poter creare una tabella completamente personalizzata. Ecco un esempio di tabella a cui vi sono applicati tutti i parametri appena descritti: <table cellspacing=2 cellpadding=2 border=1 bordercolor=ffgg10 bgcolor=ffff60 width=550 height=250> <tr> <td colspan=2> cella che occupa 2 colonne </td>
10 <td align=center> testo al centro </td></tr> <tr> <td rowspan=2> cella che occupa 2 righe </td> <td valign=top> testo in alto </td> <td bordercolor=green> cella con bordo verde </td></tr> <tr> <td bgcolor=cyan> cella con fondo azzurro </td> <td background=logo.jpg> cella con immagine di fondo </td></tr> <tr> <td width=200> cella con larghezza stabilita </td> <td height=100> cella con altezza stabilita </td> <td> cella semplice </td></tr> </table> Va ricordato che può essere inserito più di un parametro contemporaneamente all'intero del comando <td> ma non bisogna dimenticare che se si applicano i parametri di larghezza e di altezza (width e height) pur se riferiti ad una sola cella, influenzeranno anche le altre celle della tabella, rispettivamente: il comando di larghezza influenzerà tutte le celle della stessa colonna mentre il comando altezza tutte le celle della stessa riga.
11 Il tocco di grafica in una pagina html non manca mai quindi ora vi descriverò come inserire delle immagini nella vostra pagina. Ecco il codice base da inserire per visualizzare un'immagine all'interno della pagina: <img src=logo.jpg> Come avrete certamente notato tutti i comandi html principali hanno dei parametri e il comando <img> è uno di quelli, eccovi quindi la lista: Parametri align= alt= border= width= height= vspace= hspace= indica al browser dove posizionare l'immagine. (es. <img src=url align=middle>) (variabili: left ; middle ; right ; top ; bottom) indica al browser il testo da visualizzare in mancanza dell'immagine o nel caso in cui si porta il mouse su di essa. (es. <img src=url alt=inserisci qui il testo>) indica lo spessore del bordo che si crea attorno all'immagine se questa è collegata tramite link ad un file. (es. <img src=url border=2>) indica la larghezza d'apertura (non reale) dell'immagine. (es. <img src=url width=250>) indica l'altezza d'apertura (non reale) dell'immagine. (es. <img src=url height=100>) indica la distanza verticale tra l'immagine e gli altri oggetti. (es. <img src=url vspace=5>) indica la distanza orizzontale tra l'immagine e gli altri oggetti. (es. <img src=url hspace=7>) Ecco qui di seguito il codice da inserire per visualizzare un'immagine con i vari parametri: <img src=logo.jpg hspace=5> <img src=url mancante alt=immagine 1> <a href=1.html><img src=logo.jpg border=3></a> <img src=logo.jpg width=200> <img src=logo.jpg height=55> <img src=logo.jpg vspace=25>
12 Ciò che caratterizza realmente una pagina html sono i Link o anche collegamenti: dei testi o delle immagini, che permettono all'utente di spostarsi da una pagina all'altra, semplicemente cliccando su di essi. Nonostante la loro grande importanza, i link sono molto facili da gestire, se ci limitiamo ad usare semplici link senza introdurre particolari script o applet java, infatti, l'unica cosa da fare è applicare il seguente comando con relativo Url (ubicazione del file da aprire) prima del testo o dell'immagine che dovrà servirci da tasto di rimando e come di consueto il comando di chiusura. <a href=url> Clicca qui </a> <a href=url><img src=logo.jpg></a> Esistono comunque anche alcuni parametri per questo comando che in generale, indicano dove vanno caricati la nuova pagina o l'immagine: Parametri target=_parent target=_blank target=_self target= indica che la pagina va caricata nello stesso browser. (es. <a href=url target=_parent>) indica che la pagina va caricata in un'altro browser. (es. <a href=url target=_blank>) indica al browser che la pagina va caricata nello stesso frame. (es. <a href=url target=_self>) indica al browser che la pagina va caricata nel frame indicato. (es. <a href=url target=barra>) Premettendo che l'url è il percorso che il browser deve compiere per trovare un determinato file, voglio ricordarvi che oltre alle directories e al nome del file va inserita anche l'estensione di quest'ultimo che può esser.html.htm o altro. Alcune note riguardo l'url di pagine html o immagini: 1) l'url va riportato, prendendo in considerazione come punto di partenza la posizione della pagina in cui è contenuto il link. 2) se la directory del file d'aprire è la stessa della pagina in cui è contenuto il link bisogna soltanto inserire il nome del file più l'estensione. 3) se si intende aprire un file che si trova in una sotto directory bisogna inserire il nome della/e directory/ies seguita/e da questo simbolo /. 4) se il file d'aprire si trova in una directory o in più directories prima della directory in cui è contenuta la pagina con il link, bisogna inserire questo parametro../ tante volte quante sono le directories. 5) riportare perfettamente il nome del file da aprire facendo molta attenzione alle maiuscole e alle minuscole. 6) non riportare collegamenti a file con nomi contenenti caratteri particolari (compresi accenti e lettere accentate), meglio rinominare il file.
13 Sempre più spesso diffusi in rete, sono i frames o meglio suddivisioni dello spazio totale della pagina, che permettono la visualizzazzione di più pagine contemporaneamente che a loro volta interagiscono tra di loro permettendo di caricare altre pagine i uno degli altri spazi a disposizione. Creare frames significa, quindi creare una pagina che a sua volta apra altre pagine, volendo fare un esempio, se volessimo aprire contemporaneamente due pagine html nello stesso browser dovremmo creare una terza pagina che grazie alla suddivisione in frames ci permetta di raggiungere il nostro scopo. Innanzitutto, bisogna sapere che trattandosi di una pagina che non dovrà visualizzare nulla di suo cioè non conterrà oggetti, avrà la stessa struttura di base delle altre pagine html (vedi 1ª lezione), con l'eccezione dei comandi <body> e </body> che verrano sostituiti dai comandi <frameset> e </frameset>. Cominceremo, imparando i parametri riguardanti questo comando: Parametri rows= cols= frameborder= framespacing = border= bordercolor= indica in quanti frames va divisa la pagina (in verticale) e quale dovrà essere la loro altezza. Ogni divisione corrisponde ad una cifra o ad una frazione in percentuale, seguita da una virgola. L'asterisco dopo la virgola indica la restante parte della pagina. (es. <frameset rows=20%,*>) indica in quanti frames va divisa la pagina (in orizzontale) e quale dovrà essere la loro larghezza. Ogni divisione corrisponde ad una cifra o ad una frazione in percentuale, seguita da una virgola. L'asterisco dopo la virgola indica la restante parte della pagina. (es. <frameset cols=350,*>) attiva e disattiva il bordo che separa le pagine. (es. <frameset frameborder=1>) (variabili: 1 attiva; 0 disattiva) indica la distanza tra un frame e l'altro. (es. <frameset framespacing=5>) indica la larghezza del bordo che separa le pagine. (solo Netscape) (es. <frameset border=2>) indica il colore del bordo. (solo Netscape) (es. <frameset bordercolor=ffff00>) Ora che siamo a conoscenza di come si suddivide una pagina non ci resta altro da fare che capire come si fa ad indicare al browser di aprire una determinata pagina in uno degli spazi da noi creati. Ebbene il comando in questione è il seguente: <frame>. Ma come tutti gli altri ha la sua bella lista di parametri, vediamoli: Parametri
14 name= src= marginwidth= marginheight= scrolling= noresize indica il nome del frame, utilissimo per i link che dovranno aprire altre pagine nel frame. (es. <frame name=alto>) indica la pagina da aprire in quel frame. (es. <frame src=pagine/guida.html>) indica la distanza degli oggetti dai bordi verticali. (es. <frame marginwidth=7>) indica la distanza degli oggetti dai bordi orizzontali. (es. <frame marginheight=7>) indica se le pagine all'interno dei frame possono essere scrollate. (es. <frame scrolling=yes>)(variabili: yes; no; auto) non ha valori e indica che le dimensioni dei frame non possono essere modificate dall'utente, tramite browser. (es. <frame noresize>) In ogni caso non c'è miglior sistema per imparare ad usare i frames che quello di provare eccovi quindi una serie di esempi che certamente vi aiuteranno a capire come utilizzarli. I primi due esempi dimostrano come suddividere una pagina in due frame Divisione verticale in un frame sinistro(giallo) e frame destro(verde). <frameset cols=20%,* frameborder=1 framespacing=5> <frame name=sinistro src=giallo.html scrolling=yes> <frame name=destro src=verde.html scrolling=no> </frameset> Divisione orizzontale in un frame alto(rosso) e frame basso(azzurro). <frameset rows=40%,* frameborder=0 framespacing=0> <frame name=alto src=rosso.html scrolling=no> <frame name=basso src=azzurro.html scrolling=yes> </frameset> Nel caso si voglia dividere la pagina in più frame orizzontali o verticali, basta aggiungere un'altro valore(seguito da virgola) nel parametro cols=20%,* o rows=40%,* e un'altra riga <frame name=...> per indicare l'altra pagina da aprire. Ora osserveremo come è possibile dividere la pagina, contemporaneamente in orizzontale e in verticale 4 pagine in 4 frame
15 <frameset rows=50%,* cols=50%,* frameborder=0 framespacing=0> <frame name=sinistro src=giallo.html scrolling=no> <frame name=destro src=verde.html scrolling=yes> <frame name=alto src=rosso.html scrolling=yes> <frame name=basso src=azzurro.html scrolling=no> </frameset> 1 riga + 2 colonne <frameset rows=35%,* frameborder=1 framespacing=3> <frame name=alto src=rosso.html scrolling=yes> <frameset cols=25%,* frameborder=1 framespacing=0> <frame name=sinistro src=giallo.html scrolling=no> <frame name=destro src=verde.html scrolling=yes> </frameset></frameset> 1 colonna + 2 righe <frameset cols=25%,* frameborder=1 framespacing=0> <frame name=sinistro src=giallo.html scrolling=no> <frameset rows=35%,* frameborder=0 framespacing=0> <frame name=alto src=rosso.html scrolling=yes> <frame name=basso src=azzurro.html scrolling=no> </frameset></frameset> 1 colonna + 1 righe + 2 colonne <frameset cols=25%,* frameborder=1 framespacing=0> <frame name=sinistro src=giallo.html scrolling=no> <frameset rows=25%,* frameborder=1 framespacing=0> <frame name=alto src=rosso.html scrolling=yes> <frameset cols=35%,* frameborder=0 framespacing=0> <frame name=centrale src=viola.html scrolling=no> <frame name=destro src=verde.html scrolling=no> </frameset></frameset></frameset>
16 Navigando in Internet vi sarà capitato spesso d'imbattervi in pagine con moduli d'iscrizione, questionari, sondaggi, tutti rigorosamente seguiti dal tasto Submit o Send, pagine che permettono l'utente di interagire con esse, creando l'unico sistema di input in linea. Ebbene ora impareremo a creare quelle stesse pagine utilizzando il comando <form>, accompagnato come sempre dai sui parametri: Parametri action=mailto : method=post indica a quale indirizzo di posta elettornica ( ) devono essere spediti i dati. indica al browser che i dati inseriti vanno spediti all'indirizzo contenuto nel parametro precedente. A questo punto vanno introdotti gli elementi che permetteranno di inserire i dati: Tipo di Input <input type=text name=nome: value=inserisci il tuo nome size=20 maxlength=15> Permette l'immissione di testo breve. Tipo di Input <input type=hidden name=titolo value=guida HTML> Il testo contenuto all'interno di value= risulterà presente nella missiva ma non visibile al mittente che compila il modulo. Tipo di Input <textarea name=testo cols=20 rows=3 wrap=physical>testo Vario</textarea> Permette l'immissione di qualsiasi testo. Testo Vario Tipo di Input <input type=radio name=seleziona value=1> Casella di selezione, permette, se insieme ad altre uguali, una singola selezione.
17 Tipo di Input <input type=checkbox name=1 value=1> Simile all'input precedente, permette però risposta multipla. Tipo di Input <select name=os title=sistema operativo><option value=w95>windows 95</option><option value=w98>windows 98</option><option value=lin>linux</option></select> Permette selezione da elenco. Windows 95Windows 98Linux Ed infine i due famosi tasti che permettono di spedire il questionario appena compilato o di cancellarlo: Tipo di Input <input type=submit name=spedisci value=spedisci> Permette di spedire il questionario Tipo di Input <input type=reset name=cancella value=cancella> Permette di cancellare il questionario. Ecco finalmente il codice e l'esempio di un questionario completo:
18 <form method=post <input name=messaggio type=hidden value=guida HTML> Come ti chiami: <input maxlength=35 name=nome size=40> <input maxlength=35 name= size=40> Home Page: <input maxlength=100 name=homepage size=55> Eta' e professione: <input maxlength=2 name=eta size=2> <input maxlength=20 name=prof> Voto: <input type=radio name=voto value=1>1 <input type=radio name=voto value=2>2 <input type=radio name=voto value=3>3 <input type=radio name=voto value=4>4 <input type=radio name=voto value=5>5 <input type=radio name=voto value=6>6 <input type=radio name=voto value=7>7 <input type=radio name=voto value=8>8 <input type=radio name=voto value=9>9 <input type=radio name=voto value=10>10 <select name=os title=sistema operativo> <option value=w95>windows 95</option> <option value=w98>windows 98</option> <option value=lin>linux</option></select> Giochi preferiti: <input type=checkbox name=nfs3 value=nfs III>NFS III <input type=checkbox name=f98 value=fifa 98>Fifa 98 <input type=checkbox name=mh value=motorhead>motorhead Un giudizio su questo sito: <textarea cols=50 name=commenti rows=4 wrap=physical></textarea> <input type=submit value=spedisci> <input type=reset value=cancella> </form>
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
LEZIONI DI HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONI DI HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... FORMATTARE IL CARATTERE Per formattare titoli interni del documento web possiamo utilizzare i tag , ,...,
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:
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,
Tutorial di HTML basato su HTML 4.0 e CSS 2
Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi 4 Tabelle 4.1 La struttura di una tabella Elementi principali
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
[Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina
[Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina Creare cartelle per salvare il lavoro] Per iniziare dobbiamo imparare a gestire quello spazio bianco che diverrà la
Login. Gestione contenuto. www.sitofaidate.it
www.sitofaidate.it Questa guida è stata scritta per utenti di basso/medio livello, guida pratica per chi vede per la prima volta l editor di testo jce i cui riferimenti delle icone sono visibili cliccando
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
Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1
Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1 Chi può riuscire a creare pagine HTML? La realizzazione di pagine web non eccessivamente sofisticate è alla portata di tutti, basta
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,
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
Cimini Simonelli - Testa
WWW.ICTIME.ORG HTML Manuale introduttivo al linguaggio HTML Cimini Simonelli - Testa v.2-11/01/2008 Sommario Introduzione... 3 Formattazione della pagina... 4 Inserire un colore di sfondo... 4 Inserire
Esercizi. Introduzione all HTML. Il WWW
Politecnico di Milano Esercizi Introduzione all HTML Il WWW Il World Wide Web: una rete di pagine connesse tra loro e distribuite su diverse macchine Il server Web contiene le pagine Web da visualizzare
Settaggio impostazioni tema. Cliccando nuovamente su aspetto e poi su personalizza si avrà modo di configurare la struttura dinamica della template.
I TEMI PREDEFINITI (TEMPLATE) Scelta del tema I temi predefiniti di wordpress sono la base di un sito che usa un utente che per ragioni pratiche o per incapacità non può creare un sito usando solo codice
Il linguaggio HTML - Parte 2
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 2 Dott. Chiara Braghin braghin@dti.unimi.it Elenchi all interno di Un elenco è una sequenza
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
Per accedere clicca su START o AVVIO (in basso a sinistra sul tuo schermo), poi su PROGRAMMI, ACCESSORI e infine su BLOCCO NOTE.
Cos'è l'html HTML è una sigla che viene da una frase inglese che vuol dire: " Linguaggio di contrassegno di ipertesti" (Hyper Text Markup Language) L'Html non è un vero e proprio linguaggio di programmazione,
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
LA CORRISPONDENZA COMMERCIALE
LA CORRISPONDENZA COMMERCIALE GLI ELEMENTI ESSENZIALI DELLA LETTERA COMMERCIALE Intestazione Individua il nome e il cognome o la ragione sociale di chi scrive; contiene inoltre l indirizzo e i recapiti
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
Creare un nuovo articolo sul sito Poliste.com
Creare un nuovo articolo sul sito Poliste.com Questa breve guida ti permetterà di creare dei nuovi articoli per la sezione news di Poliste.com. Il sito Poliste.com si basa sulla piattaforma open-souce
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
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
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
COSTRUIRE UN MODULO CON WORD
COSTRUIRE UN MODULO CON WORD I moduli sono utili perché guidano le persone a fornire risposte standard e semplici da capire. Nella vita quotidiana compiliamo abitualmente moduli di ogni tipo: per il medico,
Cominciamo dalla barra multifunzione, ossia la struttura a schede che ha sostituito la barra dei menu e la barra delle icone (Figura 1).
La barra multifunzione La barra multifunzione e il pulsante Microsoft Office Se avete lavorato per tanti anni con la suite da ufficio Office, questa nuova versione 2007 può disorientarvi davvero molto.
Primi passi con HTML. Il documento HTML
Primi passi con HTML. Il documento HTML La mia prima pagina in HTML Questo è il corpo del documento che stiamo realizzando. Questa non è una nuova riga.
MS Word per la TESI. Barra degli strumenti. Rientri. Formattare un paragrafo. Cos è? Barra degli strumenti
MS Word per la TESI Barra degli strumenti Cos è? Barra degli strumenti Formattazione di un paragrafo Formattazione dei caratteri Gli stili Tabelle, figure, formule Intestazione e piè di pagina Indice e
Compito di laboratorio di informatica HTML
Compito di laboratorio di informatica HTML Creare un sito che tratti un argomento a vostra scelta, cercando i testi e le immagini su Internet. Il sito deve prevedere una organizzazione a cartelle che separi
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
SICURF@D: istruzioni per l uso
: istruzioni per l uso : istruzioni per l uso Indice 1. Premessa 2 2. La registrazione 2 3. L accesso all area per utenti registrati 2 4. La consultazione dei manuali 3 5. L utilizzo degli strumenti di
4.1.1.1 APRIRE UN PROGRAMMA DI FOGLIO ELETTRONICO
4.1 PER INIZIARE 4.1.1 PRIMI PASSI COL FOGLIO ELETTRONICO 4.1.1.1 APRIRE UN PROGRAMMA DI FOGLIO ELETTRONICO L icona del vostro programma Excel può trovarsi sul desktop come in figura. In questo caso basta
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
I link o collegamenti ipertestuali
I link o collegamenti ipertestuali Lo sviluppo mondiale di Internet è cominciato all inizio degli anni 90 quando un ricercatore del CERN ha inventato un sistema di mostrare le pagine basato su due semplici
Come creare un modulo
Come creare un modulo Aggiungi moduli al tuo sito per registrare le informazioni dei tuoi clienti su un database, o per riceverle via e- mail. Trascina un widget Modulo sulla tua pagina Nel pannello Widget
Sistema operativo. Sommario. Sistema operativo...1 Browser...1. Convenzioni adottate
MODULO BASE Quanto segue deve essere rispettato se si vuole che le immagini presentate nei vari moduli corrispondano, con buona probabilità, a quanto apparirà nello schermo del proprio computer nel momento
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
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
FtpZone Guida all uso Versione 2.1
FtpZone Guida all uso Versione 2.1 La presente guida ha l obiettivo di spiegare le modalità di utilizzo del servizio FtpZone fornito da E-Mind Srl. All attivazione del servizio E-Mind fornirà solamente
WORD per WINDOWS95. Un word processor e` come una macchina da scrivere ma. con molte più funzioni. Il testo viene battuto sulla tastiera
WORD per WINDOWS95 1.Introduzione Un word processor e` come una macchina da scrivere ma con molte più funzioni. Il testo viene battuto sulla tastiera ed appare sullo schermo. Per scrivere delle maiuscole
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
NUOVA PROCEDURA COPIA ED INCOLLA PER L INSERIMENTO DELLE CLASSIFICHE NEL SISTEMA INFORMATICO KSPORT.
NUOVA PROCEDURA COPIA ED INCOLLA PER L INSERIMENTO DELLE CLASSIFICHE NEL SISTEMA INFORMATICO KSPORT. Con l utilizzo delle procedure di iscrizione on line la società organizzatrice ha a disposizione tutti
Questa guida vi illustrerà i principali passaggi da eseguire per l'inserimento dei Bandi di gara.
Piccolo Manuale Manuale Pt 1ª Registrazione (Login) Questa guida vi illustrerà i principali passaggi da eseguire per l'inserimento dei Bandi di gara. Riceverete una email contenente: Link della vostra
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
1. Creare la photogallery
MODULO AGGIUNTIVO DRUPAL: FOTOGALLERY Questo nuovo modulo permette di creare con semplicità una fotogallery, con testo libero e brevi didascalie per ogni immagine. Per inserire nel Vostro sito Drupal una
Guida per la registrazione alla piattaforma di Gestione dei Corsi per il Consulente Tecnico Telematico
Guida per la registrazione alla piattaforma di Gestione dei Corsi per il Consulente Tecnico Telematico Maribel Maini Indi ndice ce: Procedura di registrazione alla piattaforma e di creazione del proprio
Entrare nel sistema. Clicca su Entra per entrare nel sistema. PAGINA 1
Entrare nel sistema Clicca su Entra per entrare nel sistema. PAGINA 1 Entrare nel sistema Compare il box di login in cui inserire il nome utente e la password fornite tramite posta elettronica. PAGINA
NAVIGAORA HOTSPOT. Manuale utente per la configurazione
NAVIGAORA HOTSPOT Manuale utente per la configurazione NAVIGAORA Hotspot è l innovativo servizio che offre ai suoi clienti accesso ad Internet gratuito, in modo semplice e veloce, grazie al collegamento
Lezione nr. 8. Allora ecco come fare per recuperare le ultime tre tipologie di campo che ci sono rimaste da vedere.
Lezione nr. 8 Ciao e benvenuto all ultima lezione del corso base. Innanzitutto voglio complimentarti con te per essere arrivato fino a qui. E stato un percorso un po duro e sei stato bravo nel superare
ISTRUZIONI REGISTRO ELETTRONICO SCUOLANEXT
ISTRUZIONI REGISTRO ELETTRONICO SCUOLANEXT Per l utilizzo di ScuolaNEXT è obbligatorio impiegare il browser Mozilla Firefox, possibilmente aggiornato all ultima versione disponibile dal relativo sito:
L amministratore di dominio
L amministratore di dominio Netbuilder consente ai suoi clienti di gestire autonomamente le caselle del proprio dominio nel rispetto dei vincoli contrattuali. Ciò è reso possibile dall esistenza di un
www.filoweb.it STAMPA UNIONE DI WORD
STAMPA UNIONE DI WORD Molte volte abbiamo bisogno di stampare più volte lo stesso documento cambiando solo alcuni dati. Potremmo farlo manualmente e perdere un sacco di tempo, oppure possiamo ricorrere
GUIDA ALL HTML. Creato da SUPREMO KING
GUIDA ALL HTML Creato da SUPREMO_KING 1 PREMESSE L html è il linguaggio fondamentale attraverso il quale è possibile creare delle semplici pagine web. L html non è un linguaggio di programmazione ma un
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
FORMMAIL.pl. E'presentata una lista dei campi che possono essere utilizzati all'interno della form: CAMPO NECESSARIO DA INSERIRE NELLA FORM
FORMMAIL.pl L utilizzo di questo script è già previsto in tutti i nostri piani hosting. Inanzitutto la prima cosa da fare è creare un area di form: il "method" deve
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
On-line Corsi d Informatica sul Web
On-line Corsi d Informatica sul Web Corso base di Excel Università degli Studi della Repubblica di San Marino Capitolo 1 ELEMENTI DELLO SCHERMO DI LAVORO Aprire Microsoft Excel facendo clic su Start/Avvio
Raggruppamenti Conti Movimenti
ESERCITAZIONE PIANO DEI CONTI Vogliamo creare un programma che ci permetta di gestire, in un DB, il Piano dei conti di un azienda. Nel corso della gestione d esercizio, si potranno registrare gli articoli
Il calendario di Windows Vista
Il calendario di Windows Vista Una delle novità introdotte in Windows Vista è il Calendario di Windows, un programma utilissimo per la gestione degli appuntamenti, delle ricorrenze e delle attività lavorative
MANUALE PARCELLA FACILE PLUS INDICE
MANUALE PARCELLA FACILE PLUS INDICE Gestione Archivi 2 Configurazioni iniziali 3 Anagrafiche 4 Creazione prestazioni e distinta base 7 Documenti 9 Agenda lavori 12 Statistiche 13 GESTIONE ARCHIVI Nella
HTML HyperText Markup Language:
HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web 421 Introduzione HTML è l'acronimo di HyperText Markup Language HTML e il linguaggio standard per descrivere e definire il contenuto
Integrare Flash In Joomla
Integrare Flash In Joomla Guida realizzata e rilasciata dallo staff di Joomlaservice.org L'integrazione di flash con Joomla è un argomento molto richiesto e per il quale non sempre si trovano informazioni
EXCEL PER WINDOWS95. sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area di lavoro, detta foglio di lavoro,
EXCEL PER WINDOWS95 1.Introduzione ai fogli elettronici I fogli elettronici sono delle applicazioni che permettono di sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area
Istruzioni per la configurazione di IziOzi
Istruzioni per la configurazione di IziOzi Installazione L'applicazione si può installare da qualunque dispositivo Android a partire dalla versione 4.1 con la procedura standard tramite Google Play Store.
FONDAMENTI DI INFORMATICA. 3 Elaborazione testi
FONDAMENTI DI INFORMATICA 3 Elaborazione testi Microsoft office word Concetti generali Operazioni principali Formattazione Oggetti Stampa unione Preparazione della stampa Schermata iniziale di Word Come
Personalizza. Page 1 of 33
Personalizza Aprendo la scheda Personalizza, puoi aggiungere, riposizionare e regolare la grandezza del testo, inserire immagini e forme, creare una stampa unione e molto altro. Page 1 of 33 Clicca su
Programma Gestione Presenze Manuale autorizzatore. Versione 1.0 25/08/2010. Area Sistemi Informatici - Università di Pisa
- Università di Pisa Programma Gestione Presenze Manuale autorizzatore Versione 1.0 25/08/2010 Email: service@adm.unipi.it 1 1 Sommario - Università di Pisa 1 SOMMARIO... 2 2 ACCESSO AL PROGRAMMA... 3
GUIDA PER IL DOCENTE ALL UTILIZZO DELL APPLICATIVO ONLINE E PORTFOLIO
GUIDA PER IL DOCENTE ALL UTILIZZO DELL APPLICATIVO ONLINE E PORTFOLIO http://eportfolio.tqmproject.eu Progetto "TQM Agreement n 2011 1 IT1 LEO05 01873; CUP G72F11000050006 1 SOMMARIO PREMESSA... 3 PAGINA
INDICE. Accesso al Portale Pag. 2. Nuovo preventivo - Ricerca articoli. Pag. 4. Nuovo preventivo Ordine. Pag. 6. Modificare il preventivo. Pag.
Gentile Cliente, benvenuto nel Portale on-line dell Elettrica. Attraverso il nostro Portale potrà: consultare la disponibilità dei prodotti nei nostri magazzini, fare ordini, consultare i suoi prezzi personalizzati,
2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento.
Uso del computer e gestione dei file 57 2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento. All interno
GUIDA RAPIDA PER LA COMPILAZIONE DELLA SCHEDA CCNL GUIDA RAPIDA PER LA COMPILAZIONE DELLA SCHEDA CCNL
GUIDA RAPIDA BOZZA 23/07/2008 INDICE 1. PERCHÉ UNA NUOVA VERSIONE DEI MODULI DI RACCOLTA DATI... 3 2. INDICAZIONI GENERALI... 4 2.1. Non modificare la struttura dei fogli di lavoro... 4 2.2. Cosa significano
InSpirion InSite V. 1.1.11 07 04.12:13. Inspirion InSite. Brevi istruzioni per l`attivazione
1 Inspirion InSite Brevi istruzioni per l`attivazione 2 1. Registrarsi 2. L accesso al InSite Control Center si ha andando sul seguente URL: http://insite.inspirion.eu Se non possiede i Suoi dati Account
Guida al CRM INGENIA Group
Guida al CRM INGENIA Group Come usare uno strumento indispensabile per riuscire ad avere in tempo reale informazioni sui Clienti. Aggiornato a Maggio/2014 Per informazioni: coordinamento@ingeniagroup.it
NAVIGARE IN INTERNET (Dal latino inter e dall inglese net = tra la rete )
NAVIGARE IN INTERNET (Dal latino inter e dall inglese net = tra la rete ) 1.1 SE CONOSCIAMO L'INDIRIZZO - 1. ACCEDERE ALLE PAGINE WEB (Web = rete) APRIRE L' URL (Uniform Resource Locator), cioè l'indirizzo
1.0 GUIDA PER L UTENTE
1.0 GUIDA PER L UTENTE COMINCIA FACILE Una volta effettuato il login vi troverete nella pagina Amministrazione in cui potrete creare e modificare le vostre liste. Una lista è semplicemnte un contenitore
IST ISTRUZIONI REGISTRO ELETTRONICO SCUOLANEXT
IST ISTRUZIONI REGISTRO ELETTRONICO SCUOLANEXT Collegarsi al sito www.portaleargo.it cliccare sul link Argo ScuolaNext inserire nome utente e password oppure entrare nel sito www.itcsavi.it cliccare sul
ENTRARE NEL SISTEMA. Clicca su Entra per entrare nel sistema. PAGINA 1
ENTRARE NEL SISTEMA Clicca su Entra per entrare nel sistema. PAGINA 1 ENTRARE NEL SISTEMA Compare il box di LOGIN in cui inserire il nome utente e la password fornite tramite posta elettronica dall indirizzo
Primi passi in Moodle
Primi passi in Moodle Impostare il proprio profilo personale È fondamentale impostare correttamente in Moodle il proprio profilo personale. Per questo motivo ti chiediamo di farlo subito in quanto ti consente
GESGOLF SMS ONLINE. Manuale per l utente
GESGOLF SMS ONLINE Manuale per l utente Procedura di registrazione 1 Accesso al servizio 3 Personalizzazione della propria base dati 4 Gestione dei contatti 6 Ricerca dei contatti 6 Modifica di un nominativo
NOTA TECNICA UTILIZZO REGISTRO ONLINE
NOTA TECNICA UTILIZZO REGISTRO ONLINE Informazioni generali Il questionario cartaceo relativo alla rilevazione dati delle associazioni e dei relativi progetti è stato informatizzato ed è stata realizzata
Questa guida è realizzata per spiegarvi e semplificarvi l utilizzo del nostro nuovo sito E Commerce dedicato ad Alternatori e Motorini di avviamento.
Guida all uso del sito E Commerce Axial Questa guida è realizzata per spiegarvi e semplificarvi l utilizzo del nostro nuovo sito E Commerce dedicato ad Alternatori e Motorini di avviamento. Innanzitutto,
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)
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
INTRODUZIONE AD HTML
INTRODUZIONE AD HTML I Frames ovvero Le cornici. Nelle lezioni precedenti abbiamo imparato a creare il nostro sito facendo uso di testo, immagini, links e meta comandi. Pochi e semplici ingredienti per
Pratica guidata 2 Tablet
Pratica guidata 2 Tablet Creare e salvare un documento di testo Creare e salvare un file di testo Centro Servizi Regionale Pane e Internet Redazione a cura di Roger Ottani, Grazia Guermandi Ottobre 2015
INTRODUZIONE ALL HTML
INTRODUZIONE ALL HTML LE REGOLE GENERALI Di seguito, sono raccolti i tag html (comandi) di uso più frequente per la formattazione dei testi e la gestione di una pagina web all interno del nostro sistema
Alla scoperta della nuova interfaccia di Office 2010
Alla scoperta della nuova interfaccia di Office 2010 Una delle novità più eclatanti della versione 2007 era la nuova interfaccia con la barra multifunzione. Office 2010 mantiene questa filosofia di interfaccia
PROCEDURA INVENTARIO DI MAGAZZINO di FINE ESERCIZIO (dalla versione 3.2.0)
PROCEDURA INVENTARIO DI MAGAZZINO di FINE ESERCIZIO (dalla versione 3.2.0) (Da effettuare non prima del 01/01/2011) Le istruzioni si basano su un azienda che ha circa 1000 articoli, che utilizza l ultimo
MANUALE IMMEDIATO DI HTML
MANUALE IMMEDIATO DI HTML Realizzato da NiktorTheNat Iniziato il giorno 9 aprile 2010 - terminato il giorno 22 aprile 2010 email autore: niktorthenat@tiscali.it canale youtube: http://www.youtube.com/user/niktorthenat
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
LE CARATTERISTICHE DEI PRODOTTI MULTIVARIANTE
LE CARATTERISTICHE DEI PRODOTTI MULTIVARIANTE Che cosa sono e a cosa servono le caratteristiche? Oltre a descrivere le qualità di un prodotto con un testo generico (descrizione) è possibile dettagliare
Guida all utilizzo del CRM
Guida all utilizzo del CRM Indice: Creare un Lead Aggiungere una Nota o Allegato Aggiungere un promemoria di Chiamata Aggiungere un promemoria (compito) Aggiungere un promemoria di un Appuntamento on energy
On-line Corsi d Informatica sul web
On-line Corsi d Informatica sul web Corso base di FrontPage Università degli Studi della Repubblica di San Marino Capitolo1 CREARE UN NUOVO SITO INTERNET Aprire Microsoft FrontPage facendo clic su Start/Avvio
L interfaccia utente di Office 2010
L interfaccia utente di Office 2010 Personalizza la barra multifunzione Pagine: 3 di 4 Autore: Alessandra Salvaggio - Tratto da: Office 2010 la tua prima guida - Edizioni FAG Milano Ridurre la barra multifunzione
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/)
Capitolo 3. L applicazione Java Diagrammi ER. 3.1 La finestra iniziale, il menu e la barra pulsanti
Capitolo 3 L applicazione Java Diagrammi ER Dopo le fasi di analisi, progettazione ed implementazione il software è stato compilato ed ora è pronto all uso; in questo capitolo mostreremo passo passo tutta
Nell esempio verrà mostrato come creare un semplice documento in Excel per calcolare in modo automatico la rata di un mutuo a tasso fisso conoscendo
Nell esempio verrà mostrato come creare un semplice documento in Excel per calcolare in modo automatico la rata di un mutuo a tasso fisso conoscendo - la durata del mutuo in anni - l importo del mutuo
Amministrazione classi
Amministrazione classi Guida breve per il docente che amministra la classe Premessa Le classi vengono creata solo dall amministratore della Scuola. Il docente che è stato inserito nella classe come moderatore
ISTRUZIONI D USO AREA RISERVATA UTENTE
Il Portale degli Agenti e dei Mediatori d Affari ISTRUZIONI D USO AREA RISERVATA UTENTE Esserciconta è una iniziativa di: 4 TO BE s.r.l. Viale Risorgimento n. 2, 42121 Reggio Emilia (RE) tel. +39.0522.1606435