HTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla!
|
|
|
- Baldo Evangelista Piccolo
- 8 anni fa
- Visualizzazioni
Transcript
1 HTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla!) CENNI SULL'HTML L'html è il linguaggio di base per lo sviluppo di pagine web da pubblicare sulla rete. Non è un vero e proprio linguaggio di programmazione ma soltanto di distribuzione di informazioni statiche e non permette quindi all'utente di interagire con la pagina. Nelle pagine html si possono trovare dei dati grafici, testi, audio, video, pittorici, risorse di tipo multimediale. In passato i siti web infatti erano statici, con pagine poco interattive, quasi come un libro che rimane sempre uguale nel tempo. Nelle pagine web attuali si utilizzano oltre all'html anche altri linguaggi come il Css (che definisce la formattazione delle pagine web) e il Php (che permette all'utente di interagire con la pagina). CREIAMO LA NOSTRA PRIMA PAGINA WEB! Per cominciare cerchiamo di capire cosa vuol dire la sigla Html. Significa HyperText Markup Language, linguaggio di descrizione per ipertesti. Un ipertesto è un documento html che contiene dei link, quelli che vi permettono cliccandoci sopra con il mouse di andare a un'altra pagina del sito o a un'altro sito web. Una pagina html si costruisce con marcatori (tag) che hanno un'apertura <nome_marcatore> e una chiusura </nome_marcatore>. I tag hanno un nome che identifica l'oggetto che si vuole inserire all'interno della pagina. Per creare una pagina web abbiamo bisogno del semplice blocco note. Andiamo su start/esegui, scriviamo notepad e si aprirà il blocco note di Windows bianco e pulito pronto per cominciare ad essere riempito. Il primo tag che impariamo è quello che identifica un documento html, che si chiama stranamente :) <HTML>.
2 Questo marcatore <HTML> va inserito all'inizio del documento e alla fine del documento </HTML> Quindi dentro questi due marcatori andremo a mettere tutti gli oggetti della nostra pagina che vogliamo creare. Dopo il marcatore <html> troviamo il tag <HEAD>, che contiene a sua volta all'interno un sottotag <TITLE>. Tutti questi marcatori devono essere poi chiusi alla fine. Vediamo un esempio di pagina creata con questi marcatori. Esempio <HTML> <HEAD> <TITLE>Qui inserisci il titolo che verrà visualizzato nella scheda in alto del browser</title> </HEAD> </HTML> Fino ad adesso non abbiamo ancora creato nulla di speciale. Per inserire oggetti, come testi e immagini all'interno di una pagina web dobbiamo usare un'altro marcatore <BODY> </BODY>. La parola <BODY> in inglese significa Corpo, infatti all'interno di <BODY></BODY> metteremo tutti gli oggetti della nostra pagina web. Un primo oggetto da inserire in una pagina web è per esempio un titolo grande al centro. Si utilizza il tag <H1>, che andrà chiuso con </H1>. Vediamo allora come risulta la pagina web. <HTML> <HEAD> <TITLE>Mia pagina web</title> </HEAD> <BODY> <H1 ALIGN= center >Qui scrivi il testo del titolo</h1> </BODY> </HTML> Vedete che si usa l'attributo ALIGN per allineare al centro un testo.
3 Adesso che abbiamo creato questo codice, per poterlo visualizzare e vedere se abbiamo scritto correttamente, dobbiamo salvarlo con estensione.html. Vedete che il file verrà riconosciuto come file html e se farete doppio click su di esso si aprirà non il blocco note ma il vostro browser predefinito sul vostro computer. Credo che ora possiate essere soddisfatti e quindi continuare ancora con l'apprendimento di nuovi tag. CAMBIARE LO SFONDO DI UNA PAGINA WEB Una cosa simpatica è cambiare lo sfondo della pagina per esempio in un bel colore. Come si farà? Si andrà sul tag <body> e prima di chiuderlo con questo segno > si mettere l'attributo bgcolor, che definire lo sfondo della pagina web. <HTML> <HEAD> <TITLE>Mia pagina web</title> </HEAD> <BODY bgcolor= blue > <H1>TESTO DEL TITOLO</H1> </BODY> </HTML> Bgcolor vuol dire background-color, in inglese colore di sfondo. FARCI TROVARE SUL WEB Perché il nostro sito possa essere trovato sul web con una ricerca dobbiamo mettere le parole chiave che noi immaginiamo utili per trovare il nostro sito web. Si usano due tag che vanno posizionati all'interno dell'<head>, dopo il sottotag <TITLE>. Sono i tag <meta name= keyword content= qui scriviamo tutte le parole chiave che gli utenti possono usare nella loro ricerca su internet /> e <meta name= description content= descrizione del nostro sito web > <HTML> <HEAD> <TITLE>Mia pagina web</title> <meta name= keywords content= php,software,corsi,lezioni,trucchi,informatica,programmaz
4 ione/> <meta name= description content= il sito si occupa di divulgare le tecniche di programmazione/> GIOCHIAMO CON LA FORMATTAZIONE DEI TESTI Abbiamo già visto l'uso del marcatore <H1> per scrivere un testo grande. Possiamo usare anche i marcatori <H2>,<H3>,<H4>,<H5>,<H6> per scrivere dei titoli sempre più piccoli. Per scrivere un paragrafo, quindi un testo abbastanza lungo si usa il tag <P> ES. <P align= center >anche tutta la divina commedia tutta al centro</p> <P align= left >paragrafo allineato a sinistra</p> <P align= right >paragrafo allineastro a destra</p> Per andare a capo in un certo punto del nostro paragrafo si usa il tag <BR>. Vediamo un esempio. <HTML> <HEAD>... </HEAD> <BODY> <P ALIGN= left >Questo è un bellissimo testo, anche se non ha molto senso <BR> Siamo su un altro rigo e parliamo di un'altro argomento</p> </BODY> </HTML> Il risultato sullo schermo sarà il seguente: Questo è un bellissimo testo, anche se non ha molto senso. Siamo su un altro rigo e parliamo di un altro argomento. Per tracciare una linea orizzontale utilizziamo il tag <HR> Per formattare un testo vediamo degli esempi. <B>Testo da formattare in grassetto</b> RISULTATO:Testo da formattare in grasssetto <I>Testo da mettere in corsivo</i> RISULTATO:Testo da mettere
5 in corsivo. <U>Testo sottolineato</u> RISULTATO:Testo sottolineato Per fare queste stesse cose si possono usare anche gli stili css, che possiamo richiamare con l'attributo style. Vediamo alcuni esempi per capirci. <P style= font-weight:bold;font-family:arial;font-size:12px; >Ciao a tutti ragazzi</p> RISULTATO:Ciao a tutti ragazzi <P style= font-style:italic;font-family:times New Roman;color:red; >Ciao a tutti ragazzi</p> RISULTATO:Ciao a tutti ragazzi. <p style= text-decoration:underline >Ciao a tutti ragazzi</p> Ciao a tutti ragazzi Vediamo quindi per cambiare il font dei caratteri si usa font-family, per cambiare la dimensione font-size. Vedremo meglio nei tutorial sui css queste cose. I CARATTERI APICE E PEDICE Il tag sub si usa per creare dei caratteri di tipo pedice spostati nella parte passa del rigo di testo. Vediamo per esempio come scrivere il simbolo dell'anidride carbonica CO<SUB>2</SUB><BR> RISULTATO:CO 2 Il tag sub serve per creare un carattere apice. Vediamo come scrivere la potenza 2^2 in html. 2<SUP>2 RISULTATO: 2 2 CREARE DEI LINK I link sono quei collegamenti utili per passare da una pagina all'altra semplicemente cliccandoci sopra. Avrete mai visto che a volte il mouse si trasforma in una manina. Avete mai visto dei tasti con Vai a questa parte del sito. Bene, adesso vedremo come si fanno. Oggetto che crei marcatore diverso che usi. In questo caso dobbiamo utilizzare il marcatore <A>, che prende il nome da ancoraggio.
6 Nell'esempio seguente vedremo come creare un link alla pagina iniziale di Google Italia. <A HREF= >Vai al sito di google</a> RISULTATO Vai al sito di google Con l'attributo href indichiamo dove ci deve portare il link, mentre <a> e </a> scriviamo il testo che mostra all'utente che quello è un link. Si può fare anche il link a un indirizzo di posta elettronica in questo modo <A HREF= mailto:pippo@mail.it >Scrivi a pippo</a> Cliccando su questo link si aprirà il vostro client predefinito con il destinatario del messaggio impostato già su pippo@mail.it. Ipotizziamo ora di avere un documento html, per esempio un libro con tanti paragrafi. Possiamo divide la pagina in sezioni mettendo nel punto da raggiungere dopo aver cliccato sul collegamento questo marcatore <A NAME= nome_etichetta >Il nome può essere personalizzato. Nel documento si possono inserire molti di questi marcatori a sezioni diverse dello stesso documento. Alla fine della pagina si possono mettere i link alle varie parti del documento. Per esempio così: <BODY> <A NAME= par1 > <p>qui scrivi tutto il paragrafo</p> <A NAME= par2 > <P> qui scrivi tutto il secondo paragrafo</p> <A HREF= #par1 >Vai al primo paragrafo</a><br> <A HREF= #par2 >Vai al secondo paragrafo</a><br> Ricordatevi sempre di mettere il simbolo cancelletto davanti per indentificare che è un link a una sezione del vostro documento html. GLI ELENCHI PUNTATI E NUMERATI Gli elenchi sono validi per rappresentati delle liste di elementi. Si possono usare anche delle immagini gif per identificare il punto elenco.
7 Per creare un elenco puntato si procede con questo marcatore <UL> e si utilizza poi il sottotag di <UL>, <LI> per indicare i vari elementi dell'elenco puntato. Vediamo un esempio pratico. <UL> <LI>primo elemento</li> <LI>secondo elemento</li> <LI>terzo elemento</li> </UL> RISULTATO: primo elemento secondo elemento terzo elemento Si può poi cambiare il simbolo dell'elenco puntato con l'attributo type. Vediamo degli esempi. per avere dei pallini pieni <UL type= disc > <LI>elemento 1</LI>... </UL> per avere dei pallini vuoti <UL type= circle > <LI>elemento 1</LI>... </UL> Per avere dei quadratini pieni <UL type= square > <LI>elemento 1</LI>.. </UL> <UL style= list-style-image:url dell'immagine >Si utilizza per sostituire il simbolo del punto elenco con un immagine.
8 Per creare un elenco numerato si procede con questo marcatore <OL> e si utilizza il sottotag <LI>per indicare ogni elemento della lista Vediamo degli esempi <OL> <LI>Primo elemento</li> <LI>Secondo elemento</li> <LI>Terzo elemento</li> </OL> Si può cambiare poi il simbolo dell'elenco numerato con type. Per avere le lettere maiuscole <OL type=a> <LI>Primo elemento</li>... </OL> Per avere le lettere minuscole <OL type=a> <LI>Primo elemento</li>... </OL> Per avere i numeri romani minuscoli <OL type=i> <LI>Primo elemento</li>... </OL> Per avere i numeri romani maiuscoli <OL type=i> <LI>Primo elemento</li>... </OL>
9 INSERIRE UNA TABELLA Si utilizza il marcatore <TABLE> per identificare che stiamo per creare una tabella. All'interno di questo marcatore si inserisce <TR>ogni volta che si inizia una nuova riga e <TD>per inserire una nuova cella</td>. Si utilizza il tag BORDER per esprimere il bordo in pixel della table, ALIGN, per indicare l'allineamento della tabella (left, right,center), width, per esprimere la larghezza della tabella, height, per esprimere l'altezza della tabella. Per inserire delle celle di intestazione si usa il sottotag <TH>. Vediamo degli esempi. <TABLE BORDER= 2 WIDTH= 100 HEIGHT= 150 > <TR> <TH>Le stagioni</th> <TD>Primavera</TD> <TD>ESTATE</TD> <TD>AUTUNNO</TD> <TD>INVERNO</TD> </TR> </TABLE> INSERIAMO DELLE IMMMAGINI Per inserire delle immagini si usa il tag <IMG>. Si usa poi il tag src per indicare dove si trova la nostra immagini. Ecco un'esempio. <IMG SRC= Immagini/immagine.jpg > Apre l'immagine contenuta nella cartella Immagini e con nome immagine.jpg. Può succedere che l'immagine non venga trovato oppure che sia stata spostata in un'altra posizione. E' utile quindi mettere sempre i l testo alternativo che verrà visualizzato se l'immagine non viene caricata. <IMG SRC= Immagini/immagine.jpg ALT= computer > Se l'immagine non viene trovato verrà scritto computer dal browser. Come abbiamo visto per le tabelle si possono modificare le dimensioni dell'immagine originale in questo modo. <IMG SRC= map.jpeg WIDTH= 100 height= 100 > L'altezza sarà cento pixel e così anche la larghezza dell'immagine.
10 <IMG SRC= prato.gif WIDTH= 50% HEIGHT= 50% > L'immagine verrà ridimensionato al 50% delle sue dimensioni originali <IMG SRC= PRATO.gif border= 2 > viene costruito un bordo intorno all'immagini di spessore 2pixel. L'immagine può servire da link in questo modo: <A HREF= ><img src= prato.jpg ></a> per inserire un video con il suo player <EMBED src= percorso file audio/video autostart=true loop=true volume= 80 widht= 500px height= 300px > In questo caso viene inserito un video che si avvia da sola, senza il consenso dell'utente, ricomincia automaticamente senza fermarsi mai, il volume predefinito è impostato su 80, la larghezza del player è di 500 pixel, mentre l'altezza del player è di 300 pixel.
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:
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,
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
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
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
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 , ,...,
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
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
Guida html e css base
Sommario Guida html e css base...1 Introduzione...1 Formattare il testo...4 Organizzare il testo in paragrafi...5 Creare le sezioni come in un libro...6 Creare gli elenchi...8 Inserire immagini e collegamenti...11
[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
Language. info@settingweb.it. www.settingweb.it
HTML HyperText Markup Language Documenti ipertestuali Sono formati da documenti multimediali: testo, immagini, suoni, video, ecc Comprendono le seguenti parti: contenuto struttura presentazione Che cos
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,
COME ELIMINARE PARTI DEL TEMPLATE IN PAGINE SINGOLE
COME ELIMINARE PARTI DEL TEMPLATE IN PAGINE SINGOLE Con questa guida impareremo come eliminare delle singole zone del template che utilizziamo all'interno di una pagina specifica. Questo metodo torna utile
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
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
Introduzione allo sviluppo Web. Studium Generale, a.a. 2013-2014, II semestre
Introduzione allo sviluppo Web Studium Generale, a.a. 2013-2014, II semestre 1 Contatto Daniel Graziotin graziotin@inf.unibz.it http://task3.cc/teaching/introduzion e-allo-sviluppo-web 2 Ciao mondo File
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
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
Costruisci il tuo sito web da solo! Un pratico tutorial per imparare velocemente a scrivere pagine HTML e pubblicarle online.
www.icoarena.com Costruisci il tuo sito web da solo! Un pratico tutorial per imparare velocemente a scrivere pagine HTML e pubblicarle online. Ico Arena 01. PREMESSA Sviluppare un sito web è costoso Per
Modulo 1: Fondamenti per scrivere una pagina web
Modulo 1: Fondamenti per scrivere una pagina web Indice del modulo Introduzione al linguaggio di marcatura Contenuto, struttura, presentazione Elementi e attributi Proviamo a scrivere una pagina HTML Aggiungere
file:///c:/formazione/photoshop-webmaster-uffici/doc/guida-winzip.htm Guida a Winzip
Guida a Winzip Winzip è uno dei programmi più famosi per comprimere file rendendoli meno pesanti (in termini di Byte) e quindi proprio per questa sua caratteristica è uno dei programmi più usati su internet
INTRODUZIONE AL LINGUAGGIO HTML. Internet + HTML + HTTP = WWW
1 INTRODUZIONE AL LINGUAGGIO HTML Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML 3 Architettura
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
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.
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
DOCUMENTO ESPLICATIVO
DOCUMENTO ESPLICATIVO Modificare il proprio sito con Web designer Digitate il vostro username e password e compariranno tre tasti: AREA RISERVATA, WEB DESIGNER e LOGOUT Cliccate sul tasto WEB DESIGNER
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
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
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
APPUNTI DI HTML (SECONDA LEZIONE)
APPUNTI DI HTML (SECONDA LEZIONE) 1. TITOLI, PARAGRAFI, BLOCCHI DI TESTO E CONTENITORI. E utile scrivere il testo che vogliamo inserire nella nostra pagina html all interno di appositi tag. La pagina sarà
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
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
Word. Cos è Le funzioni base Gli strumenti. www.vincenzocalabro.it 1
Word Cos è Le funzioni base Gli strumenti www.vincenzocalabro.it 1 Cos è e come si avvia Word è un programma per scrivere documenti semplici e multimediali Non è presente automaticamente in Windows, occorre
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
federica.mazzocchi@gmail.com - 3292365399
SELEZIONARE PIU COSE INSIEME - Se sono tutte una dopo all altra: - clic sul primo oggetto - tenere premuto - clic sull ultimo - Se sono sparse: - tenere premuto ctrl - premere sui vari oggetti - lasciare
Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML
Reti Linguaggio HTML 1 HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup:
Creare un Ipertesto. www.vincenzocalabro.it 1
Creare un Ipertesto www.vincenzocalabro.it 1 Obiettivi Il corso si prefigge di fornire: Le nozioni tecniche di base per creare un Ipertesto I consigli utili per predisporre il layout dei documenti L illustrazione
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 allo sviluppo Web. Studium Generale, a.a. 2013-2014, II semestre
Introduzione allo sviluppo Web Studium Generale, a.a. 2013-2014, II semestre 1 Contatto Daniel Graziotin graziotin@inf.unibz.it http://task3.cc/teaching/introduzion e-allo-sviluppo-web 2 Progettare un
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
CATALOGO E-COMMERCE E NEGOZIO A GRIGLIA
CATALOGO E-COMMERCE E NEGOZIO A GRIGLIA In questo tutorial verrà illustrato come sfruttare la flessibilità del componente "Catalogo E-commerce" per realizzare un classico negozio a griglia, del tipo di
Guida all'uso del CMS (Content Management System, Sistema di Gestione dei Contenuti)
GUIDE Sa.Sol. Desk: Rete Telematica tra le Associazioni di Volontariato della Sardegna Guida all'uso del CMS (Content Management System, Sistema di Gestione dei Contenuti) Argomento Descrizione Gestione
TRUCCHI PER GIMP - Elemento a colori in foto bianco e nero
TRUCCHI PER GIMP - Elemento a colori in foto bianco e nero Salve Prof. Cantaro come promesso le mando un altro articolo da poter inserire nelle sue guide. Questa volta però a differenza dell'ultima,ho
Olga Scotti. Esercizi. Create nella vostra directory HTML un albero di directory come quello della prossima slide (arancio = directory verde = file)
Esercizi Create nella vostra directory HTML un albero di directory come quello della prossima slide (arancio = directory verde = file) Esercizi 12biz htdocs img Index.html Canzoni.html Galleria.htm guestbook
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
<a href= page2.html > Questo é il link all altra pagina </a> <a href= page2.html > <img src= "lamiaimmagine.jpg"/> </a>
Tutorial 4 Links, Span e Div È ora di fare sul serio! Che ci crediate o no, se sei arrivato fino a questo punto, ora hai solo bisogno di una cosa in più per fare un sito reale! Al momento hai una pagina
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
USARE JOOMLA 1.7/2.5 per gestire il vostro sito.
1 USARE JOOMLA 1.7/2.5 per gestire il vostro sito. 1. Per accedere al pannello di controllo: www.vostrosito.it/administrator 2. Inserire utente e password 3. Il vostro pannello di controllo si presenterà
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
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
LEZIONE 6. Sommario LEZIONE 6 CORSO DI COMPUTER PER SOCI CURIOSI
1 LEZIONE 6 Sommario SESTA LEZIONE... 2 FACCIAMO IL PUNTO DELLA SITUAZIONE... 2 POSTA IN ARRIVO... 3 LEGGERE UN MESSAGGIO... 4 SCRIVERE UN MESSAGGIO... 4 SCRIVIAMO!... 5 RISPONDIAMO!... 5 SESTA LEZIONE
Olga Scotti. Basi di Informatica. File e cartelle
Basi di Informatica File e cartelle I file Tutte le informazioni contenute nel disco fisso (memoria permanente del computer che non si perde neanche quando togliamo la corrente) del computer sono raccolte
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,
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
Gestire immagini e grafica con Word 2010
Gestire immagini e grafica con Word 2010 Con Word 2010 è possibile impaginare documenti in modo semi-professionale ottenendo risultati graficamente gradevoli. Inserire un immagine e gestire il testo Prima
Registrazione. Scelta del nome
Introduzione Altervista (www.altervista.org) mette a disposizione le più moderne tecnologie web 2.0 per creare un proprio sito web. In questo tutorial vogliamo guidarvi nella registrazione al sito e nella
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
- 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
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
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,
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
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
I PRINCIPALI TAG DEL LINGUAGGIO HTML
Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo
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
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
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
GRUPPO CAMBIELLI. Posta elettronica (Webmail) Consigli di utilizzo
GRUPPO CAMBIELLI Posta elettronica (Webmail) Consigli di utilizzo Questo sintetico manuale ha lo scopo di chiarire alcuni aspetti basilari per l uso della posta elettronica del gruppo Cambielli. Introduzione
HTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO
HTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO Introduzione 2 HTML è l'acronimo di Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti") e non è un linguaggio
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
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
Introduzione HTML. Maurizio Palesi. Multimedialità - Maurizio Palesi 1
Introduzione HTML Maurizio Palesi Multimedialità - Maurizio Palesi 1 Generalità sull HTML HTML: HyperText Markup Language (linguaggio di marcatura ipertestuale) E il linguaggio che permette di descrivere
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
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
Corso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. **********
Corso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. ********** Prime nozioni: Tag e prima pagina, continuazione. Nota bene, al fine di avere anche
Università degli studi di Verona. Corso di Informatica di Base. Lezione 5 - Parte 2. Disegni e Immagini
Università degli studi di Verona Corso di Informatica di Base Lezione 5 - Parte 2 Disegni e Immagini In questa seconda parte ci occuperemo della gestione di disegni e immagini. In particolare vedremo come:
creare la tua vetrina MMSHOPS
Impara in 60 minuti a creare la tua vetrina MMSHOPS Corso di apprendimento rapido EUROTEAM 2014 (www.euroteam.it) 1 I componenti della vetrina MMSHOPS si basa su concetto molto semplice: il nome del file
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Terza lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Terza lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 La struttura del testo in html L'HTML fornisce una serie
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
Per prima cosa, digitare Symbaloo su google e aprire la pagina corrispondente; vi comparirà questa immagine.
COME USARE IL VOSTRO SYMBALOO Benvenuti in questo breve tutorial, che vi consentirà di aprire un account sul servizio gratuito Symbaloo e creare un database delle vostre risorse Internet personali o delle
TUTORIAL PER UTILIZZO CATALOGO RICAMBI WEB
TUTORIAL PER UTILIZZO CATALOGO RICAMBI WEB 1. COME ACCEDERE AL CATALOGO... 2 2. DESCRIZIONE BARRA DEL MENU... 3 2.1 LINGUE... 3 2.2 ACCEDI/RESET... 4 2.3 RICERCA RICAMBI... 4 2.3.1 RICERCA PER DESCRIZIONE...
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
Creare tabelle con Word
Creare tabelle con Word Premessa In questa breve guida userò spesso il termine "selezionare". "Selezionare", riferito ad un documento informatico, vuol dire evidenziare con il mouse, o con altre combinazioni
UN TOPO SFUGGENTE. CoderDOJO su Javascript - Trento. Augusto Ciuffoletti. 26 maggio 2015
UN TOPO SFUGGENTE CoderDOJO su Javascript - Trento Augusto Ciuffoletti 26 maggio 2015 Un topo nella pagina Il tuo browser (quello che usi per navigare) può leggere un file del tuo computer, e mostrarti
Collegamenti ipertestuali.
Collegamenti ipertestuali. Argomenti trattati: - Premessa: Cosa sono e perchè sono l'essenza del Web. - : Come realizzare e personalizzare i vari tipi di link a pagine o risorse. - Il collegamento ipertestuale
RISOLUTORE AUTOMATICO PER SUDOKU
RISOLUTORE AUTOMATICO PER SUDOKU Progetto Prolog - Pierluigi Tresoldi 609618 INDICE 1.STORIA DEL SUDOKU 2.REGOLE DEL GIOCO 3.PROGRAMMAZIONE CON VINCOLI 4.COMANDI DEL PROGRAMMA 5.ESEMPI 1. STORIA DEL SUDOKU
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
Olga Scotti. Basi di Informatica. Il sistema operativo Windows
Basi di Informatica Il sistema operativo Windows Perchè Windows? MS-DOS: Interfaccia di solo testo Indispensabile conoscere i comandi Linux & Co. : Meno diffuso soprattutto nelle aziende Bella interfaccia
Appunti sugli Elaboratori di Testo. Introduzione. D. Gubiani. 19 Luglio 2005
Appunti sugli Elaboratori di Testo D. Gubiani Università degli Studi G.D Annunzio di Chieti-Pescara 19 Luglio 2005 1 Cos è un elaboratore di testo? 2 3 Cos è un elaboratore di testo? Cos è un elaboratore
9 tecniche di selezione testi formattazione, copiare e incollare testi
9 tecniche di selezione testi formattazione, copiare e incollare testi Creare un file (OpenOffice.org Writer) dentro ad una cartella e digitare un breve testo Per prima cosa occorre creare un file di testo
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
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
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
Joomla: Come installarlo e come usarlo. A cura di
Joomla: Come installarlo e come usarlo. A cura di In questa dispensa andremo a vedere come si installa joomla sul noto software xampp e come viene usato per creare siti web dinamici. Tecnol earn Firmato
Biblioteca di Cervia NOZIONI BASE DI INFORMATICA
Biblioteca di Cervia NOZIONI BASE DI INFORMATICA NOZIONI DI INFORMATICA Il PC è composto solitamente di tre parti principali: - Il Case, ovvero il contenitore del cuore del computer, da qui si accende
HTML SITI WEB. FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU. infolab@uniroma3.it host.uniroma3.it/laboratori/infolab
HTML SITI WEB FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU infolab@uniroma3.it host.uniroma3.it/laboratori/infolab INTERNET Generalmente Internet è definita la rete delle
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
Realizzare un film con Windows Movie Maker
Realizzare un film con Windows Movie Maker La Teca Didattica Movie Maker è un applicazione di Windows poco sfruttata a scuola, ma molto carina e facile da usare per realizzare piccoli film con i compagni
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 3 Immagini in documenti HTML 3.1 Rappresentazione delle
Moduli (schede compilabili) in Word Esempio: scheda di alimentazione per un degente
Moduli (schede compilabili) in Word Esempio: scheda di alimentazione per un degente Vediamo come utilizzare Word per costruire un modulo compilabile, ovvero una scheda che contenga delle parti fisse di