caratteri speciali + form, tabelle e testi
|
|
|
- Ferdinando Rossi
- 5 anni fa
- Visualizzazioni
Transcript
1 caratteri speciali + form, tabelle e testi
2 Caratteri Speciali I caratteri di un testo che necessitano, per essere rappresentati in HTML, di un sistema di rappresentazione che sia indipendente dal set di caratteri disponibile su un dato computer. Si tratta di simboli e lettere da noi prodotti, per esempio il simbolo Copyright.
3 Per comporre un carattere speciale in HTML bisogna seguire una semplice procedura. Si inseriscono una serie di numeri tra la & ( e commerciale ) che segna l inizio di un carattere speciale e il ; ( punto e virgola) che ne contrassegnano la fine. Quindi per riprodurre il simbolo del Copyright utilizzando questa tecnica: Apertura con & (e commerciale) + # (cancelletto) + il numero di riferimento + chiusura con ; (punto e virgola) oppure in esadecimale �A9;
4 Questo procedimento può sembrare non molto rapido, infatti ne esiste un altro che sostituisce i numeri con il riferimento all entità del carattere: per esempio sempre con il simbolo copyright; Con questo semplice comando avremo lo stesso risultato, oltre ad essere un procedimento più veloce è anche più facile da ricordare. Ora di seguito altri esempi...
5
6
7
8 FORM
9 In informatica un form, letteralmente formulario o moduli, è un termine utilizzato per riferirsi all'interfaccia di un'applicazione che consente all'utente client di inserire e inviare al web server uno o più dati liberamente digitati dallo stesso, ricorda la "scheda da compilare" per l'inserimento di dati.
10 Il Tag del form è semplicemente <FORM></FORM> Vediamo un esempio; <body> Indica la pagina da aprire <form action="/index.html"> <select name="cars"> <option value="volvo">volvo</option> <option value="saab">saab</option> <option value="fiat">fiat</option> <option value="audi">audi</option> </select> <br><br> <input type="submit"> </form> Il risultato è un form a tendina. </body>
11 MODULO CONTATTI - FORM MAIL I Form contatti sono i più comuni sui siti web, facili ed intuitivi. Per utilizzarli però è necessario aver comprato un dominio e creare un proprio indirizzo web sotto quel dominio. Esempio: dominio: compro un dominio su aruba es: mionome.com all interno di esso ho a disposizione una casella che aruba mi offre assieme al dominio, creo un indirizzo personalizzato come; mionome@cognome.com. Questo è l indirizzo che ti permette di ricevere una tramite il form costruito sul tuo sito web in html.
12 <form action="/cgi-bin/formmail.pl" method="post"> <input type=hidden name="recipient" value="xxx"> <input type=hidden name="subject" value="xxx"> <table border="0" cellspacing="0" cellpadding="5" align="center"> <tr> <td><b> Nome e Cognome:</b></td> <td align="right"><input type=text name="realname"></td> </tr> <tr> <td><b> </b></td> <td align="right"><input type=text name=" "></td> </tr> <tr> <td colspan="2"><b>messaggio:</b></td> </tr> <tr> <td colspan="2"><textarea name="messaggio" cols="40" rows="5"></textarea></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" value="invia"></td> </tr> </table> <input type=hidden name="required" value=" ,realname,messaggio"> </form> Impostazioni di base del proprio indirizzo mail al posto di XXX ci sarà mionome@cognome.com al posto di XXX in subject invece ci sarà l oggetto delle vostre mai predefinito! Da Nome\Cognome a Invia è una Tabella Tutti i campi sono a compilazione obbligatoria, questo è il comando che ne impone la compilazione prima della spedizione.
13 Tabelle
14 Una tabella HTML è definita con il tag <table>. Ogni riga della tabella è definita con il tag <tr>. L intestazione della tabella è definita con il tag <th>. Per impostazione predefinita, le intestazioni nelle tabelle sono in grassetto e centrate. Una tabella dati/cella è definita con il tag <td>.
15 Una classica rappresentazione tabellare è quella che vede i dati disposti su una o più righe/colonne con relative intestazioni; le tabelle sono un ottimo strumento per mostrare informazioni in modo ordinato e accessibile. L importanza della tabelle sul Web è legata al loro impiego nella creazione di una STRUTTURA, una INTELAIATURA del sito, un LAYOUT. Non è semplice riuscire a disporre un elemento - Immagini - Animazioni - Testo - esattamente dove vorremmo nel foglio html. Anche quando riusciamo a sistemare gli elementi non possiamo mai essere certi che tutti gli altri utenti li visualizzeranno come noi. l HTML è nato dunque per impostare in uno spazio infinito bianco, file multimediali da noi appositamente creati in una sorta di LAYOUT.
16 I confini di una Tabella sono contrassegnati dalla coppia di TAG: <TABLE>...</TABLE> Si sta dicendo al browser dove comincia e dove finisce la tabella, ovviamente il tutto all interno del <BODY> Dopo aver classificato il nostro elemento con <TABLE>, si apre la prima riga della tabella, con il TAG; <TR> acronimo do Table Row - ovvero Riga di Tabella. il suo TAG di chiusura è ovviamente </TR> Tra questi due TAG si inseriscono quelli che specificano la creazione delle CELLE, è ovvio che tutte le celle si trovano tra <TABLE> e >TR>
17 Tutte le celle che si trovano tra <TABLE> e >TR> saranno visualizzate nella medesima riga, una a fianco all altra. Per creare una CELLA quindi il TAG è: <TD> </TD> che si intende come TABLE DATA. Vediamo un esempio.
18 <TABLE BORDER= 1 > <! INIZIO DELLA TABELLA; CON SPECIFICATO IL BORDO> <TR> <! TAG DI APERTURA DELLA RIGA > <TD> 1.1 ALTO A SINISTRA </TD> <! CELLA DELLA PRIMA RIGA E COLONNA A SX > <TD> 1.2 ALTO A DESTRA </TD> <! CELLA PRIMA RIGA E SECONDA COLONNA A DX> </TR> <! FINE PRIMA RIGA > <TR> <! INIZIO SECONDA RIGA > <TD> 2.1 BASSO A SINISTRA </TD> <! CELLA SECONDA RIGA PRIMA COLONNA > <TD> 2.2 BASSO A DESTRA </TD> <! CELLA SECONDA RIGA SECONDA COLONNA > </TR> <! FINE SECONDA RIGA > </TABLE> <! FINE TABELLA >
19 IL Tag <TABLE> accetta 6 attributi: align="..." definisce l' allineamento della tabella; - verso sinistra align="left" ; - verso destra align="right" ; - al centro align="center" ; width="..." definisce la larghezza della tabella; definito in pixel o in percentuale, per esempio width="100%", oppure widht="10px". border="..." valore che definisce il bordo della tabella, valore che parte da 0 a 100. Se si scrive <table border> otterremo di default un bordo da 1 pixel.
20 cellspacing="..." distanza tra le celle, è espressa in pixel. cellpadding="..." distanza del contenuto della cella e i suoi bordi; è espresso in pixel. bgcolor="..." colore della tabella; si possono usare i colori in inglese oppure come visto nelle scorse lezioni in tripletta esadecimale. IL tag <TR> supporta i seguenti attributi; align="..." l'allinemento orizzontale delle righe; cella; valign="..." valore che definice l'allinemento verticale delle righe; controlla l'allinemento verticale di tutte le celle appartenenti alla riga in questione, accetta i seguenti valori: align="top" pone il contenuto di tutte le celle della riga nella parte ALTA della algn="middle" tutto il contenuto nel centro; align="bottom" tutto il contenuto nella parte bassa dalle cella; bgcolor="..." è possibile assegnare un colore per ogni cella.
21 IL tag >TD> supporta tre attributi, ovvero gli stessi visti in <TR> con la differenza che il tag è limitato alla singola cella. Esistono altri attributi del tag <TD> che rendono la tabella uno strumento più flessibile, ovvero COLSPAN e ROWSPAN, servono a ottenere celle che si espandono su più righe tramite ROWSPAN o su più colonne utilizzando COLSPAN. esempio con COLSPAN: <table border="3" cellpadding="3" cellspacing="3" > <tr> <td COLSPAN="2"> IL MIO PORTFOLIO</td> </tr> <tr><td>categoria</<td><td>numero foto</td> </tr> <tr><td>ritratti</td><td>13</td> </tr> <tr><td>paesaggi</td><td>32</td> </tr> <tr><td>fauna</td><td>66</td> </tr> </table>
22 Sostituendo l'attributo COLSPAN al tag <TD> con ROWSPAN, otterremo qualcosa di simile ma con una cella di apertura sistemata lateralmente. <td ROWSPAN="5">... </td> vediamo un esempio: <table border="3"> <tr> <td ROWSPAN="5"> QUEEN</td> </tr> <tr> <td>freddie Mercury</<td> <td>voce e piano</td> </tr> <tr> <td>brian May</td> <td>chitarra e voce</td> </tr> <tr> <td>john Deacon</td> <td>basso e voce</td> </tr> <td>roger Taylor</td> <td>batteria e voce</td> </tr> </table>
23 TESTI
24 Perchè impaginare il testo. Online si trovano milioni di esempi di come impaginare un testo all'interno del Layout di un sito web, molti corretti, alcuni un pò meno, altri per niente. Come prima fase il così detto "Articolo" che sia una pagina di presentazione, Home Page, oppure una Biografia, o una semplice pagina bisogna sempre strutturare un testo di senso compiuto, grammaticalmente corretto e scorrevole. In pochissimi ormai si soffermano a leggere pagine e pagine di testo su un sito web, spessissimo se non troviamo quello che ci interessa dopo aver letto le prime tre righe, abbandoniamo il sito web. L'utente di oggi cerca "purtroppo" informazioni immediate di qualunque genere, anche di genere biografico - lavorativo.
25 Esempio di testo ben impaginato e strutturato in un sito web.
26 Esempio di testo impaginato male, poco scorrevole in uno sfondo da funerale. Questo testo oltretutto utilizza anche un linguaggio antiquato poco consono per i tempi moderni e anche per niente accattivante! A cosa serve costruire un sito web se poi lo si lascia in balia del tempo?
27 Costruire una Home Page standard. "La Home Page, letteralmente pagina iniziale, anche chiamata inizio, pagina d'inizio o pagina principale è solitamente la prima pagina di un sito web o un'applicazione web o la prima pagina quando si apre un browser che si può anche richiamare con apposita opzione o tasto home del browser." Alcuni Web Designer sostengono addirittura che: Se sbagli la tua Home Page butti via tutto il lavoro che hai fatto!
28 I requisiti fondamentali: 1. Titolo del Sito Web chiaro in primo piano o giustificato, per titolo si intende anche il nome/cognome nel caso di un Portfolio. 2. Scelta accurata dei font 3. Breve presentazione, non è obbligatorio inserire un testo di presentazione nella propria Home Page in alcuni casi si dice che "rompe il ghiaccio" tra chi visita il vostro sito, l'utente, ed il portale stesso. 5. Immagini o video di presentazione che vedremo nella prossima lezione. Quando si scrive un testo di qualsiasi genere di solito si tiene con sé un caro vecchio foglio di carta e una penna, tramite questi due preistorici oggetti si può scarabocchiare sul foglio i propri pensieri vaganti che ci aiuteranno più avanti a comporre il testo. Esiste poi anche un'altro oggetto antico chiamato "vocabolario" che ci permette di trovare: Tutte le Parole della nostra lingua; I sinonimi di queste; I verbi; e in alcuni vocabolari moderni persino le frasi fatte e l'analisi logica!
29 Come impostare il testo Qui di seguito un semplice esempio su come impostare una Home Page statica con una breve presentazione del sito e di seguito il contenuto stesso del sito. In questo caso la pagina web è volutamente statica. Lo scopo di tale esempio è quello di sistemare del testo all interno di uno spazio infinito bianco e vuoto. L idea è quella di uno pseudo blog sulle citazioni letterarie e cinematografiche. Nella home è stata sistemata una breve presentazione e di seguito le citazioni, nelle prossime lezioni vedremo come sistemare anche i file multimediali.
30 Intestazione con menu di navigazione orizzontale classico. Testata con il titolo del sito.nel caso ci fossero altre pagine in genere andrebbe ripetuto in tutte le altre pagine con alcune eccezioni. Testo principale Font uguale per tutti. Titoli degli Articoli con font uguale ma più grande.
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
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
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
Centro Ausili Tecnologici TUTORIAL CREAZIONE TABELLE DI COMUNICAZIONE CON PROGRAMMI NON SPECIFICI
Centro Ausili Tecnologici Viale Cittadini 33, 52100 Arezzo - Tel 0575/254357 Email: cat@usl8.toscana.it Sito web: www.cat-arezzo.org TUTORIAL CREAZIONE TABELLE DI COMUNICAZIONE CON PROGRAMMI NON SPECIFICI
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 , ,...,
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
NOZIONI BASE DI HTML
NOZIONI BASE DI HTML Aggiornato al 06 marzo 2006 Ermes ZANNONI (ermes@zannoni.to.it) (http://www.zannoni.to.it) Indice : 1. Introduzione 2. Tag di default 3. Formattazione del testo 3.1 Dimensione del
La disposizione estetica della lettera commerciale
La disposizione estetica della lettera commerciale Gli elementi costitutivi della lettera commerciale vengono disposti sul foglio secondo stili diversi: ogni a- zienda, infatti, caratterizza la sua immagine
Grafici e Pagina web
Grafici e Pagina web Grafici Un grafico utilizza i valori contenuti in un foglio di lavoro per creare una rappresentazione grafica delle relazioni esistenti tra loro. Quando si crea un grafico ogni riga
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
l'editing delle pagine web non è nella forma ma nella metodologia di costruzione e di pubblicazione.
CHE COS'È UNA WEB-UNIT? Web-unit è uno strumento per la costruzione di pagine web: la differenza con altri strumenti per l'editing delle pagine web non è nella forma ma nella metodologia di costruzione
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.
HTML Tutorial HTML By A.C. Neve 1
HTML Tutorial HTML By A.C. Neve 1 Il linguaggio HTML (Hyper Text Markup Language) è il più diffuso linguaggio per la creazione di pagine WEB. La creazione di un documento HTML si effettua con un qualsiasi
Prof. Pagani Corrado HTML
Prof. Pagani Corrado HTML IPERTESTI E MULTIMEDIALITÀ Un ipertesto è un insieme di documenti messi in relazione tra loro per mezzo di parole chiave sensibili (link). Può essere visto come una rete; i documenti
Modulo 1 Information Communication Technology. ICT e computer... Pag. 6 Classificazione dei computer...» 8
I Indice generale 1 Introduzione all ICT Modulo 1 Information Communication Technology ICT e computer... Pag. 6 Classificazione dei computer...» 8 2 Come è fatto un computer I componenti di un personal
3.5.1 PREPARAZ1ONE I documenti che si possono creare con la stampa unione sono: lettere, messaggi di posta elettronica, o etichette.
3.5 STAMPA UNIONE Le funzioni della stampa unione (o stampa in serie) permettono di collegare un documento principale con un elenco di nominativi e indirizzi, creando così tanti esemplari uguali nel contenuto,
Guida rapida di installazione e configurazione
RelayFax Guida rapida di installazione e configurazione Questo documento è stato scritto per RelayFax v6.51 Abstract... 2 RelayFax... 2 Dove scaricare RelayFax... 2 Installazione di RelayFax Server...
<html> <head> <title> Il nome della pagina </title> </head> <body> </body> </html>
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
Come creare un modulo con Google Drive
Come creare un modulo con Google Drive How to create a module with Google Drive Sommario 1. 1 Come creare un modulo con Google Drive 2. 2 Come creare il modulo: 3. 3 Come aggiungere l'accettazione delle
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,
HTML e XML. Politecnico di Milano Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori
HTML e XML Politecnico di Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori Ing. Claudio Menghi Dipartimento di Elettronica e Informazione menghi@elet.polimi.it http://home.dei.polimi.it/menghi
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
Costruzione di un sito web - HTML
Costruzione di un sito web - HTML Obiettivi. Presentare le caratteristiche di un sito Web ed i concetti base per la sua costruzione: fasi di realizzazione e linguaggio HTML. Illustrare gli elementi fondamentali
Pensi che per realizzare la tua home page personale la
78 Sogni di avere un tuo sito su Internet, ma non sai da che parte cominciare? Potresti affidarti ad uno dei tanti programmi per la progettazione Web, ma c è una soluzione più semplice, ed è proprio sul
PG5 Starter Training Applicazione Email Daniel Ernst EN02 2013-02-26 Stefano Peracchi IT01 2013-05-20
PG5 Starter Training Applicazione Email Daniel Ernst EN02 2013-02-26 Stefano Peracchi IT01 2013-05-20 Introduzione Materiale richiesto Notebook o computer Controllore PCD1 E Cavo USB Scheda «Training»
PROGRAMMAZIONE DIDATTICA INDIVIDUALE (Parte 2 a )
Istituto di Istruzione Secondaria Superiore PEANO Via Andrea del Sarto, 6/A 50135 FIRENZE 055/66.16.28 055/67.80.41 www.peano.gov.it FITD06000T@PEC.ISTRUZIONE.IT posta@peano.gov.it Codice fiscale: 80032310486
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:
Marziana Monfardini 2004-2005 lezioni di word
1 2 3 4 5 TABUlAZIONI, RIENTRI, ELENCHI...IN BREVE PER IMPOSTARE UNA TABULAZIONE... Posizionarsi nella riga in cui si vuole inserire una tabulazione. Selezionare il tipo di tabulazione desiderato sul pulsante
Partiamo con un primo esempio www.media.inaf.it. Analizziamo la homepage. L Header. Livia Giacomini (livia.giacomini@iaps.inaf.
Partiamo con un primo esempio www.media.inaf.it i it Lezione : realizzare un sito web con Wordpress Livia Giacomini (livia.giacomini@iaps.inaf.it) Analizziamo la homepage L Header Header Posts o News Social
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:
HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web. R. C. Esposito 1
HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web R. C. Esposito 1 Introduzione HTML è l'acronimo di HyperText Markup Language HTML e il linguaggio standard per descrivere e definire
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
Istruzioni utilizzo Sitemanager area Amministrazione Trasparente per il personale comunale
Istruzioni utilizzo Sitemanager area Amministrazione Trasparente per il personale comunale Sommario Modalità di accesso... 4 Struttura del Sitemanager... 5 Cosa sono le cartelle e le sottocartelle... 6
PSICOMETRIA. Esercitazione n.1. C.d.L. Comunicazione e Psicologia a.a. 2012/13
PSICOMETRIA Esercitazione n.1 C.d.L. Comunicazione e Psicologia a.a. 2012/13 ESERCITAZIONE 1: INDICE 1. Informazioni di carattere generale sulle esercitazioni 2. Il foglio di calcolo (Excel) 3. Avviare
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
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
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Seconda lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Seconda lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 In informatica l'hypertext Markup Language (HTML)
testo Saveris Web Access Software Istruzioni per l'uso
testo Saveris Web Access Software Istruzioni per l'uso 2 1 Indice 1 Indice 1 Indice... 3 2 Descrizione delle prestazioni... 4 2.1. Utilizzo... 4 2.2. Requisiti di sistema... 4 3 Installazione... 5 3.1.
Guida Rapida per i Docenti dell ITIS Galilei
Guida Rapida per i Docenti dell ITIS Galilei Il nuovo server Internet learning dell Istituto Galileo Galilei di Roma è raggiungibile digitando http://lnx.itisgalileiroma.it/moodle nella barra degli indirizzi
Sommario. HTML e CSS I fogli di stile. cosa sono principali proprietà
HTML e CSS Sommario HTML e CSS I fogli di stile cosa sono principali proprietà CSS CSS La specifica HTML elenca le linee guida su come i browser dovrebbero visualizzare i diversi elementi del documento
Sistemi di Content Managment. http://www.besmart.it
Sistemi di Content Managment http://www.besmart.it Cos è un CMS? 1. CMS sta per Content Managment System 2. E un applicazione in grado di gestire tutti i contenuti (testi, banche dati, profili utente ecc.)
Gli appunti di scuola24ore
Gli appunti di scuola24ore Usare la Casella combinata in un foglio EXCEL Il modello che ci si propone di creare, è finalizzato all'approfondimento della comprensione degli effetti di alcuni particolari
www.campusnet.unito.it
Sistema Portale di Ateneo 1 di 5 www.campusnet.unito.it COME ACCEDERE? Per entrare in CampusNet occorre effettuare il login con il tasto in alto a destra nella home page. Inserire Username (ad esempio
CREAZIONE PAGINE STATICHE
CREAZIONE PAGINE STATICHE Schema fondamentale da capire: gli attori Un file di testo (mappa.htm) Manda la pagina richiesta Browser Formatta le pagine secondo i tag html che riceve url/mappa.htm Fabio Scotti
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
Introduzione al linguaggio HTML. A. Lorenzi - Università di Bergamo - Facoltà di Economia 1
Introduzione al linguaggio HTML A. Lorenzi - Università di Bergamo - Facoltà di Economia 1 Richiami introduttivi (1) sito Internet o sito Web o sito WWW: insieme delle pagine che si riferiscono ad uno
GUIDA ALLA CONFIGURAZIONE DI RETE DELLE TELECAMERE IP EUKLIS E ALLA CONFIGURAZIONE VIDEO CON GENETEC OMNICAST.
GUIDA ALLA CONFIGURAZIONE DI RETE DELLE TELECAMERE IP EUKLIS E ALLA CONFIGURAZIONE VIDEO CON GENETEC OMNICAST. NOTA: la presente guida non è da intendersi come sostitutiva del manuale dell unità fornitavi
I comandi HTML. FORMATTAZIONE DI STRUTTURA Intestazioni (Headings) <H?></H?> (sono definiti 6
I comandi HTML La guida elenca tutti i comandi che le versioni attuali della maggioranza dei browser probabilmente supportano. Sono stati inclusi tutti i comandi presenti nelle specifiche di HTML 3.2,
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
SPT Web: Modelli. Guida Rapida all utilizzo del servizio Modelli
SPT Web: Modelli Guida Rapida all utilizzo del servizio Modelli 1 Indice 1 SERVIZIO MODELLI... 3 2 REQUISITI TECNICI... 3 3 MENÙ DI NAVIGAZIONE... 5 4 FUNZIONALITÀ BASE... 6 4.1 Visualizzazione di un elemento...7
MANUALE UTENTE PROCEDURA PLANET WEB INTERPRISE (II edizione)
UNIVERSITA DEGLI STUDI DI MACERATA AREA PERSONALE SETTORE P.T.A. Ufficio presenze e affari generali P.T.A. MANUALE UTENTE PROCEDURA PLANET WEB INTERPRISE (II edizione) Ufficio presenze affari generali
HTML. Hyper Text Markup Language
HTML Hyper Text Markup Language IL WEB Le componenti principali del web sono: HTML: definizione del contenuto delle pagine CSS: definizione dell aspetto delle pagine Javascript: definizione del comportamento
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
e-shop Ordina online i tuoi prodotti con pochi e semplici clic!
Ordina online i tuoi prodotti con pochi e semplici clic! ACQUISTI IMPERO ONLINE GUIDA UTENTE Introduzione e-shop, il sito web per gli acquisti Impero online e-shop garantisce l accesso a 10 000 articoli
caratteristiche del documento </head>
HTML: sintassi caratteristiche del documento documento 21 HTML: titolo del documento
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
& & &&' ' &'* +, /0012/00/
!"# #!"#$# %#$# & & &&' (&&') ' &'* +,!"#%- "#. #. &+ &#$, /0012/00/ !""#!$ #""#!$ %%&"!'"(!' &"(( ) *""++,-.$!!' /0& 1.2 "%( %!'.3 43 5 &" ( 3 &#$! "/(' /!""!!'*! /1!' " % /%%!! % "& / 1 *1 6%/ % "" %!
Esercizio Excel Avanzato
Esercizio Excel Avanzato Bilancio familiare Richianare Excel e predisporre il foglio 1 come in figura: Step operativi Scrittura dei codici delle tipologie di spesa. 1. Posizionarsi sulla cella B3 e scrivere:
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
Scegliere il font del testo
Scegliere il font del testo Vediamo ora come formattare il testo mediante la scelta del colore, delle dimensioni e del tipo di carattere del testo attraverso l utilizzo del tag . Il tipo di carattere
Guida pratica alla creazione di pagine web
Guida pratica alla creazione di pagine web Dopo aver creato una pagina html, muoviamo i primi passi nell'uso del codice. Naturalmente non è necessario conoscere il codice a memoria per creare pagine internet,
MBD-R100 Guida rapida alla configurazione del Modem Router/Wireless gatway Huawei B660/B683 (VERSIONE CON E SENZA USCITA RJ11 PER TEL.
MBD-R100 Guida rapida alla configurazione del Modem Router/Wireless gatway Huawei B660/B683 (VERSIONE CON E SENZA USCITA RJ11 PER TEL. ANALOGICO) 1) Inserire la (U)SIM card nel router (utilizzare lo slot
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
Guida per l utente agli organigrammi cross-browser di OrgPublisher
Guida per l utente agli organigrammi cross-browser di OrgPublisher Sommario Sommario... 3 Visualizzazione di tutorial sugli organigrammi cross-browser pubblicati... 3 Esecuzione di una ricerca in un organigramma
OpenDataLazio Formia 9 aprile 2015 Laboratorio. Roberto Angeletti
OpenDataLazio Formia 9 aprile 2015 Laboratorio Roberto Angeletti OpenDataLazio dati.lazio.it Quali dati aperti del Lazio sono subito visualizzabili su una mappa? Troviamo i dati vettoriali catalogati
Guida rapida. Versione 9.0. Moving expertise - not people
Guida rapida Versione 9.0 Moving expertise - not people Copyright 2006 Danware Data A/S. Parti utilizzate da terzi con licenza. Tutti i diritti riservati Revisione documento: 2006080 Inviare commenti a:
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
ETICHETTE. Gestione Etichette e Sovrappacchi. Release 5.20 Manuale Operativo
Release 5.20 Manuale Operativo ETICHETTE Gestione Etichette e Sovrappacchi Le Etichette possono essere personalizzate dall utente con la funzione Definizione Disegno etichette. Inoltre, nella stampa dei
SAP Manuale del firmatario DocuSign
SAP Manuale del firmatario DocuSign Sommario 1. SAP Manuale del firmatario DocuSign... 2 2. Ricezione di una notifica e-mail... 2 3. Apposizione della firma sul documento... 3 4. Altre opzioni... 4 4.1
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
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
Utilizzo collegamento remoto
Utilizzo collegamento remoto Introduzione Il collegamento VPN (virtual private network) consente a PC collegati ad internet ma fisicamente fuori dalla rete interna regionale, di accedere, con le credenziali
ACCESSO ALLA POSTA ELETTRONICA TRAMITE OUTLOOK WEB ACCESS
ACCESSO ALLA POSTA ELETTRONICA TRAMITE OUTLOOK WEB ACCESS Versione 1.2 9 Luglio 2007 Pagina 1 di 16 SOMMARIO 1. Cos è Outlook Web Access... 3 2. Quando si usa... 3 3. Prerequisiti per l uso di Outlook
INTRODUZIONE HTML. L HTML è un linguaggio (non di programmazione) che consente di realizzare ipertesti.
INTRODUZIONE HTML L HTML è un linguaggio (non di programmazione) che consente di realizzare ipertesti. Un ipertesto è un documento che può essere consultato anche in modo non sequenziale, ma con collegamenti
Appunti di HTML. Luca Di Cocco. 19, 26 Aprile e 3 Maggio 2004
Appunti di HTML Luca Di Cocco 19, 26 Aprile e 3 Maggio 2004 1 Questa breve guida all'html è largamente ispirata, o praticamente copiata da quanto disponibile agli indirizzi http://www.w3.org/markup/guide/overview.html
Manuale di configurazione e utilizzo Barcode card
Manuale di configurazione e utilizzo Barcode card Premessa... 3 Impostazioni Monetica... 3 Impostazioni... 3 Menu Barcode card... 5 Impostazioni... 6 Registrazione... 6 Elenco barcode card... 7 Configurazione
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
Sistema Gestionale Avviso Maplab
Sistema Gestionale Avviso Maplab Guida al sistema Servizi Informatici Versione 23 Sommario della guida Il sistema informatico per la gestione delle domande L utente presentatore: diritti e responsabilità
PG5 Starter Training Applicazione File System Daniel Ernst EN02 2012-02-26 Stefano Peracchi IT01 2013-05-20
PG5 Starter Training Applicazione File System Daniel Ernst EN02 2012-02-26 Stefano Peracchi IT01 2013-05-20 Introduzione Materiale richiesto Notebook o computer Controllore PCD1 E Cavo USB Scheda «Training»
Comunicazione Digitale
Comunicazione Digitale Schema didattico di riferimento 1 1. Internet e le reti locali 1. Qual è la storia della rete Internet dagli albori ai giorni nostri 2. I tipi di rete, come si organizzano e agglomerano
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,
6.1 UTILIZZO DELL APPLICAZIONE
6.1 UTILIZZO DELL APPLICAZIONE Ciò che un tempo poteva soltanto essere letto e immaginato, oggi viene molte volte espresso attraverso filmati, voci e testi e il tutto viene trasmesso mediante il computer.
Informatica di Base. Programma Lezioni
Informatica di Base Lezione III Il linguaggio HTML Hyper Text Markup Language 1 Informatica di Base Programma Lezioni 1 26 ottobre Introduzione Sistema binario e formato dei dati 2 2 novembre Numeri negativi
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Quinta lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Quinta lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 Adobe Dreamweaver http://www.adobe.com/it/products/dreamweaver/features/?view=topnew
Disegnare il Layout. www.vincenzocalabro.it 1
Disegnare il Layout www.vincenzocalabro.it 1 Il problema dell interfaccia Una buona interfaccia deve assolvere a diverse funzioni: far percepire i contenuti permettere di individuare le principali aree
Parte II.4 World Wide Web
Parte II.4 World Wide Web Elisabetta Ronchieri Università di Ferrara Dipartimento di Economia e Management Insegnamento di Informatica Dicembre 1, 2015 Argomenti World Wide Web URL Pagine Web World Wide
Un CMS per la scuola
Un CMS per la scuola Joomla!FAP a cura di Lavia Di Sabatino (Istituto Comprensivo di Montecchio Emilia - RE) Nuovi modelli di siti scolastici per comunicare nel web di tutti Milano, 17 dicembre 2009 1/22
EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0
EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0 Copyright 2010 The European Computer Driving Licence Foundation Ltd. Tutti I diritti riservati. Questa pubblicazione non può essere riprodotta
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
Guida all utilizzo del CMS Drupal e alla gestione dei contenuti
Guida all utilizzo del CMS Drupal e alla gestione dei contenuti 1. Come accedere al CMS di Drupal Per accedere al sistema di gestione dei contenuti, occorre digitare l indirizzo del sito da aggiornare
Prof. Rocco Ciurleo 1
Istituto Tecnico Industriale Statale Conte Michele Maria Milano Polistena Classi: 2 E 2 G - a. s. 2012/2013 H T M L Guida base al linguaggio Prof. Rocco Ciurleo 1 Cos è l HTML HTML è l'acronimo di Hypertext
Le Aree di lavoro e guida
Le Aree di lavoro e guida 02 Sull interfaccia di AutoCAD, la discussione non è ancora conclusa, ma per dare leggerezza alla trattazione e respiro a te lettrice/lettore, ho preferito suddividere l argomento
Indice PARTE PRIMA L INIZIO 1
Indice Introduzione XIII PARTE PRIMA L INIZIO 1 Capitolo 1 Esplorare il World Wide Web 3 1.1 Come funziona il World Wide Web 3 1.2 Browser Web 10 1.3 Server Web 14 1.4 Uniform Resource Locators 15 1.5
Manuale LiveBox APPLICAZIONE ANDROID (V. 3.02.019) http://www.liveboxcloud.com
2015 Manuale LiveBox APPLICAZIONE ANDROID (V. 3.02.019) http://www.liveboxcloud.com LiveBox Srl non rilascia dichiarazioni o garanzie in merito al contenuto o uso di questa documentazione e declina qualsiasi
APPENDICE - Pratiche di radiazione Polo ACI
APPENDICE - Pratiche di radiazione Polo ACI Lo scopo del documento è quello di descrivere le modalità ed i requisiti di utilizzo, da parte degli operatori ACI, Agenzie e PRA, dell interfaccia al dominio
Istruzioni per candidarsi on-line Pagina 1
Istruzioni per candidarsi on-line Pagina 1 FASI DA ESEGUIRE ON-LINE a) registrazione del candidato mediante apposito link presente sul portale della Regione Basilicata e rilascio delle credenziali di accesso
Timer/Smart - Pagina 1. Timer / Smart. Presentazioni automatiche su Web Presentazioni su CD/DVD e chiavette USB Siti per Smartphone
Timer/Smart - Pagina 1 Timer / Smart Presentazioni automatiche su Web Presentazioni su CD/DVD e chiavette USB Siti per Smartphone Timer/Smart Pagina 2 Timer / Temporizzatore Questa sezione permette di
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
PROGETTO MULTIMEDIALE
PROGETTO MULTIMEDIALE Coordinatore :FRANCI ANITA Premessa : La riforma introduce l informatica sin nelle prime classi elementari, pertanto nel presente anno scolastico si intende sia consolidare le esperienze
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