Guida html e css base
|
|
|
- Modesto Novelli
- 8 anni fa
- Visualizzazioni
Transcript
1 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 Creare tabelle...13
2 Guida html e css base Introduzione L'html è un linguaggio a marcatori di caratteri. In pratica attraverso dei tags è possibile rappresentare sullo schermo del testo anche formattato. Il primo tag importante è <html> che alla fine della pagina deve essere necessariamente chiuso in questo modo </html>. Dopo aver aperto una pagina web con il tag <html> segue il tag <head> che viene chiuso così </head>. Ecco quindi una struttura iniziale <html> <head>... </head> </html> Per intitolare una pagina e quindi mostrare un titolo in alto sulla finestra del browser inseriamo i due tags <title>titolo della pagina</title>. I due tags devono essere inseriti fra <head>..</head> quindi avremo <html> <head> <title>titolo della pagina</title>...</head> </html> Seguono poi dei metatags usati per fornire delle informazioni ai motori di ricerca. Ad esempio <meta name="author" content="nome autore" />. In pratica il tag inizia con la parola meta poi segue name="author" per indicare al browser l'autore della pagina e poi lo dichiariamo con content="nome autore". Ecco un esempio: <meta name="author" content="tony mercurio" /> Se vogliamo invece indicare al browser chi detiene il copyright delle pagine usiamo il tag seguente: <meta name="copyright" content="@ 2013 Tony Mercurio" />
3 Mentre per fornire una sintesi del contenuto del sito usiamo il seguente tag: <meta name="description" content=" descrizione del sito" /> Mentre se vogliamo indicare ai motori di ricerca le parole chiavi del sito usiamo il seguente tag: <meta name="keywords" content="parole chiavi separate da virgole"/> ecco un esempio: <meta name="keywords" content="joomla, html, css"/> Per indicare la codifica dei caratteri utilizzata nel sito usiamo il seguente tag: <meta http-equiv="content-type" type="text/html" charset="utf-8"/>. Ricordarsi che i tags si chiudono sempre con />. I tags meta si inseriscono fra <head>..</head> Ecco per esempio la struttura tipica: <html> <head> <title>il titolo della pagina</title> <meta name="author" content="tony mercurio"/> <meta name="copyright" content="@ 2014 tony mercurio"/> <meta name="description" content="il sito con le guide su html"/> <meta name="keywords" content="joomla, css, html"/> <meta http-equiv="content-type" type="text/html" charsert="utf-8"/> </head>
4 Dopo aver chiuso il tag </head> si inizia ogni documento con <body> che deve essere chiuso in fondo alla pagina con </body>. Tutto quello che viene scritto fra i tags <body>...</body> viene interpretato e mostrato dal browser. Quindi avremo una struttura simile: <html> <head> <meta name.../> <title>titolo pagina</tilte> </head> <body>...resto del contenuto </body> </html>
5 Formattare il testo Se vogliamo il testo in grassetto scriviamo il testo fra i tags <b></b> <b>testo in grassetto</b> Quindi usiamo il tag <b> che sta per bold (grassetto). Se vogliamo invece il testo in corsivo scriviamo così: <i>testo desiderato</i>. La <i> sta per italic. Mentre se vogliamo il testo sottolineato: <u>testo desiderato</u>. La u sta per underline (sottolineato). Se desideriamo il testo sbarrato: <strike>testo desiderato</strike>
6 Organizzare il testo in paragrafi Se vogliamo separare delle sezioni di testo come paragrafi dobbiamo usare i tags <p> </p> come segue: <p>testo del paragrafo che vogliamo</p>. Se adesso tornate ad usare <p> iniziate un nuovo paragrafo: <p>testo del primo paragrafo</p> <p>testo del nuovo paragrafo</p> Il testo di un paragrafo può essere allineato in questo modo: <p align= center, right, left, justify >. Dove right sta per destra, left per sinistra, justify giustificato e center centrato. Quindi immaginiamo di voler centrare il testo di un paragrafo: <p align= center >Testo del paragrafo</p> Quando vogliamo creare un ritorno a capo usiamo il tag </br> in questo modo: <p>ciao mamma come stai? </br> Io sto bene</p> Se provate l'esempio noterete che dopo il punto interrogativo il browser va a capo. Immaginiamo di voler scrivere in prosa come nella divina commedia, saremmo costretti ad usare troppi </br>, ma possiamo ovviare usando il tag <pre>. Ecco come fare <p><pre>nel mezzo di cammin di nostra vita, mi ritrovai in una selva oscura, che a un tratto la retta via era smarrita. Ahi lasso qual era cosa dura, esta selva selvaggia, che al pensier rinnova la paura. </pre></p> Il browser scriverà il testo come voi l'avete scritto.
7 Creare le sezioni come in un libro Possiamo suddividere il testo in sezioni oltre che in paragrafi usando i tags <h1>,<h2>...<hn> in questo modo: <h1>capitolo1</h1> <h2>paragrafo 1</h2> <h3>sottoparagrafo</h3> In pratica in una scala gerarchica partendo dall'alto con <h1> e a scendere creiamo una struttura a forma di libro. Possiamo separare il testo anche con una linea orizzontale usando il seguente tag: <hr>. Per esempio <h1>capitolo 1</h1> <hr> <h2>paragrafo 1</h2> <hr> <h3>sottoparagrafo</>
8 Potete fare in modo che la riga non occupi tutto il video in questo modo: <hr width= 50% > dove la percentuale indica la percentuale della larghezza della pagina attuale e width sta per larghezza. Potete usare anche la misura in pixel in questo modo: <hr width= 200 > dove 200 sono i pixel.
9 Creare gli elenchi Possiamo creare un elenco numerato di elementi i questo modo: <ol> <li>elemento 1</li> <li>elemento 2</li> <li>elemento 3</li> </ol> In pratica l'elenco inizia con <ol> e ogni elemento della lista si racchiude fra <li>...</li> <ol> sta per ordered list (lista ordinata) e <li> sta per list item. Per creare invece un elenco non ordinato: <ul> <li>elemento 1</li> <li>elemento 2</li> <li>elemento3</li> </ul>
10 In questo modo l'elenco sarà del tipo: (a) elemento1 (b) elemento2 (c) elemento3 Se vogliamo invece usare dei cerchietti possiamo in questo modo: <ul type= circle > <li>elemento1</li> <li>elemento2</li> <li>elemento3</li> </ul> Avremo: elemento1 elemento2 elemento3 Possiamo infine creare un elenco di definizioni: <dl> <dd>cms</dd> <dt>content management system</dt> <dd>url</dd> <dt>uniform resource location</dt> <dd>www</dd> <dt>world wide web</dt> </dl>
11 In pratica l'elenco di definizioni inizia con <dl> e si chiude con </dl>. Dl sta per declaration list. L'acronimo che vogliamo definire lo inseriamo fra i tags <dd> </dd> Mentre la spiegazione dell'acronimo la inseriamo fra i tags <dt> </dt>. Quando abbiamo finito chiudiamo con </dl>
12 Inserire immagini e collegamenti Per inserire un collegamento ad un sito usiamo la seguente sintassi: <a href= /> In pratica il tag <a deve essere seguito da href=. Tra virgolette abbiamo il percorso completo al sito. Se ad esempio vogliamo puntare al sito di google scriviamo: <a href= />. Se vogliamo che il collegamento si apra in una nuova pagina aggiungiamo target= _new mentre se si deve aprire nella stessa pagina scriviamo target= _self in questo modo: <a href= target= _new /> Dobbiamo chiudere il tag in questo modo </a> Quindi scriviamo <a href= target= _new />Vai al sito</a> L'utente del sito noterà la scritta vai al sito come collegamento su cui cliccare. Possiamo puntare oltre che ad un sito esterno anche ad una pagina all'interno del nostro spazio web. Immaginiamo di voler puntare ad una pagina che si trova nella stessa posizione in cui ci troviamo noi adesso e che questa pagina si chiami pagina2.html allora scriviamo così: <a href= pagina2.html />vai alla pagina</a> Mentre se la pagina si trova in una cartella denominata cartella dobbiamo indicare il percorso così: <a href= cartella/pagina2.html />vai alla pagina2</a> In pratica quando puntiamo al sito google si definisce percorso assoluto, mentre in questi ultimi due casi parliamo di percorso relativo. Possiamo inserire un collegamento ad un punto specifico della pagina. Immaginiamo di essere in un punto ben preciso della nostra pagina ed usiamo questa sintassi: <a name= ancora />Sono qui Ora siamo ad esempio in fondo alla nostra pagina e vogliamo consentire all'utente di arrivare direttamente al punto di cui sopra. Scriviamo <a href= #ancora >Vai su</a>
13 In pratica l'utente quando clicca sulla scritta vai su andrà nel punto in cui abbiamo scritto sono qui. Quella che abbiamo appena creato si chiama ancora. Ovviamente all'ancora diamo un nome tra virgolette. Immaginiamo di aver creato un'ancora come sopra ma in una pagina denominata pagina2.html. Possiamo fare in modo che l'utente clicchi su un punto preciso della nostra pagina attuale e venga indirizzato all'ancora nella pagina2.html. Scriviamo così: <a href= pagina2.html#ancora />vai all'ancora</a> Per inserire un'immagine usiamo la seguente sintassi: <img src= percorso immagine alt= testo alternativo /> In pratica il percorso immagine dovete completarlo con il percorso in cui si trova l'immagine mentre alt sta per testo alternativo che viene mostrato se per caso l'immagine non viene visualizzata. Ad esempio immaginiamo che l'immagine si trovi nella stessa cartella principale del sito e si chiami globe.jpg. Scriviamo la seguente sintassi: <img src= globe.jpg alt= il globo terrestre width= 300 height= 200 /> L'utente visualizzerà un'immagine larga 300 pixel e alta 200 pixel. La larghezza è espressa da width mentre height esprime l'altezza. Possiamo anche creare un'immagine che punti ad un sito in questo modo: <a href= /><img src= globe.jpg/></a> In pratica l'utente potrà cliccare sull'immagine ed andrà sul sito google.
14 Creare tabelle Per creare una tabella si inizia con il tag <table> e si chiude con </table>. Per creare una riga della tabella si usa il tag <tr> che significa table row (riga tabella) e si chiude in </tr>. Per creare una cella della tabella usiamo il tag <td> e si chiude in </td>. Per esempio per creare una tabella con due righe e due colonne usiamo la seguente sintassi: <table> <tr> <td>prima cella</td> <td>seconda cella</td> </tr> <tr> <td>terza cella</td> <td>quarta cella</td> </tr> Prima cella Terza cella Seconda cella Quarta cella Se vogliamo che la tabella sia di 300 pixel larga e alta 300 usiamo la seguente sintassi: <table width= 300 height= 300 > <tr> <td>prima cella</td> <td>seconda cella</td> </tr> <tr> <td>terza cella</td> <td>quarta cella</td>
15 </tr> </table> Se vogliamo aggiungere un bordo alla tabella di spessore 1 usiamo la seguente sintassi: <table border= 1 > Mentre se vogliamo che le celle abbiano uno sfondo colorato per esempio di rosso usiamo la seguente sintassi: <table bgcolor= red > bgcolor sta per colore di background mentre red è il colore. Possiamo centrare il testo nelle celle in questo modo: <table border= 1 > <tr> <td align= center >cella1</td> </tr></table> Vedrete che il testo nella cella 1 sarà centrato. Possiamo fare in modo che il testo nelle celle sia allineato verticalmente in questo modo: <table> <tr><td valign= borderline >Cella 1</td> <td valign= baseline >Cella 2</td> </tr> </table> In pratica se provate vedrete che il testo sarà allineato verticalmente in cima o in basso alla cella. Possiamo aumentare lo spazio fra le celle, cioè fare in modo che le celle siano distanziate di un certo numero di pixel. <table cellspacing= 5 > <tr> <td>cella1</td> <td>cella2</td> <tr><td>cella3</td>
16 <td>cella4</td></tr> </table> Provate e vedrete aumentare lo spazio fra le celle. Mentre se vogliamo aumentare lo spazio fra le parole nelle celle scriviamo: <table cellpadding= 5 > <tr><td>cella1,cella2,cella3</td> <td>cella2</td> </tr> </table> Questa breve guida all'html di base finisce qui, per ogni dubbio potete scrivermi al seguente indirizzo: tonymercurio75@gmail.com
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 , ,...,
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
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
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
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:
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.
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
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
HTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla!
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
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
[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
I PRINCIPALI TAG DEL LINGUAGGIO HTML
Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo
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
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
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
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
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
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
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
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à
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
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
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
LEZIONE 1 HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONE 1 HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... La struttura di una pagina web intestazione Qui si dichiara il titolo del documento
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
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
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
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,
HTML. http://www.w3schools.com/html/default.asp
HTML http://www.w3schools.com/html/default.asp HTML Cosa è l'html? HTML è un linguaggio per descrivere le pagine web. HTML è l'acronimo di H yper T ext M arkup L anguage HTML è un markup language Un linguaggio
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
Esercitazioni di HTML
Esercitazioni di HTML a cura di Maria Finazzi (23 novembre-1 dicembre 2006) e-mail: maria.finazzi@unipv.it pagine web: Dietro una pagina web Alcuni esempi:
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
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
CMS MUSEO&WEB. Mappe grafiche. Andrea Tempera (OTEBAC) 12 aprile 2010
CMS MUSEO&WEB Mappe grafiche Andrea Tempera (OTEBAC) 12 aprile 2010 Introduzione Grazie ad appositi tag HTML possiamo associare molteplici collegamenti a differenti zone di un'unica immagine; un'immagine
Introduzione al Linguaggio HTML
Introduzione al Linguaggio HTML 2 Cosa e l HTML HTML = Hyper Text Markup Language Serve per produrre documenti nel WWW (World Wide Web) Utilizza un insieme predefinito di marcatori (TAG) per definire la
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
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,
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
Spazio WEB: spazio fisico dove vengono memorizzate le pagine (15, 50, 100 Mb che si acquistano)
1 Concetti di base Pagina WEB: è un documento scritto in linguaggio html che contiene testo, immagini, link. L estensione di questi file è.html o.htm (pagine statiche, pagine dinamiche). Un sito WEB è
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
caratteristiche del documento </head>
HTML: sintassi caratteristiche del documento documento 21 HTML: titolo del documento
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
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
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:
I link e l'ipertestualità
I link e l'ipertestualità I link sono "il ponte" che consente di passare da un documento all altro. In quanto tali, i link sono formati da due componenti: il contenuto che "nasconde" il collegamento (può
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
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
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
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
IMPOSTARE UNA MASCHERA CHE SI APRE AUTOMATICAMENTE
IMPOSTARE UNA MASCHERA CHE SI APRE AUTOMATICAMENTE Access permette di specificare una maschera che deve essere visualizzata automaticamente all'apertura di un file. Vediamo come creare una maschera di
IL MIO PRIMO SITO: NEWS
Pagina 1 IL MIO PRIMO SITO: NEWS Sommario IL MIO PRIMO SITO: NEWS...1 Introduzione...2 I Contenitori...2 Creo un Contenitore...3 I Tracciati...4 Creo le Notizie...6 Inserisco il Testo...6 Inserisco un
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
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
Università degli Studi di Milano
Università degli Studi di Milano Corso di Laurea in Sicurezza dei Sistemi e delle Reti Informatiche Lezioni 17 e 18 Creazione di File HTML FABIO SCOTTI Laboratorio di programmazione per la sicurezza Indice
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
Hyper Text Markup Language HTML
Operatore informatico giuridico A.A 2003/2004 I Semestre Hyper Text Markup Language HTML Dr. Raffaella Brighi HTML HTML è un linguaggio di marcatura (markup) per la creazione di ipertesti Le sezioni di
HTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte I: elementi di base World Wide Web Si basa sul protocollo HTTP ed è la vera novità degli anni 90 Sviluppato presso il CERN di Ginevra è il più potente
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
PORTALE www.xxx.it ISTRUZIONI per la gestione del portale
PORTALE www.xxx.it ISTRUZIONI per la gestione del portale Con il portale sono messi a disposizione dell'amministratore del sito i seguenti moduli: Account login Announcements Banners Blog Contacts Discussions
paragrafo. Testo Incorniciato Con bordo completo Testo Incorniciato Con bordo incompleto
Applicare bordi e sfondi ai paragrafi Word permette di creare un bordo attorno ad un intera pagina o solo attorno a paragrafi selezionati. Il testo risulta incorniciato in un rettangolo completo dei quattro
- 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
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
I M P O S T A R E U N A C C O U N T D I P O S T A C O N M O Z I L L A T H U N D E R B I R D
I M P O S T A R E U N A C C O U N T D I P O S T A C O N M O Z I L L A T H U N D E R B I R D C O N F I G U R A R E L A M A I L 1) Aperto il programma, cliccare su strumenti > impostazioni account. 2) Si
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à
[Tutoriale] Realizzare un cruciverba con Excel
![[Tutoriale] Realizzare un cruciverba con Excel](/thumbs/30/14141462.jpg "[Tutoriale] Realizzare un cruciverba con Excel")
[Tutoriale] Realizzare un cruciverba con Excel Aperta in Excel una nuova cartella (un nuovo file), salviamo con nome in una precisa nostra cartella. Cominciamo con la Formattazione del foglio di lavoro.
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
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
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,
Laboratorio di Alfabetizzazione Informatica - Esame 20 settembre 2013.
Laboratorio di Alfabetizzazione Informatica - Esame 20 settembre 2013. Questo documento contiene le istruzioni per lo svolgimento dell esame. La durata della prova è 60 minuti e richiede lo svolgimento
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
ISTRUZIONI XCODE. Autore: Luca Florio (luca.florio<at>polimi.it)
ISTRUZIONI XCODE Autore: Luca Florio (luca.floriopolimi.it) XCode è l ambiente di sviluppo fornito da Apple che permette la creazione di applicazioni OSX e iphone. In questa guida vedremo come installarlo
LABORATORIO DI INFORMATICA 1 2014-2015. - parte 6 -
LABORATORIO DI INFORMATICA 1 2014-2015 - parte 6 - Lettura da File Obiettivo: leggere un file Per prima cosa dobbiamo creare un oggetto che rappresenti il file che vogliamo utilizzare (inserendo anche
Workshop NOS Piacenza: progettare ed implementare ipermedia in classe. pag. 1
1. Come iscriversi a Google Sites: a. collegarsi al sito www.google.it b. clic su altro Sites Registrati a Google Sites e. inserire il proprio indirizzo e-mail f. inserire una password g. re-inserire la
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
GHPPEditor è un software realizzato per produrre in modo rapido e guidato un part program per controlli numerici Heidenhain.
*+33(GLWRU GHPPEditor è un software realizzato per produrre in modo rapido e guidato un part program per controlli numerici Heidenhain. Il programma si basa su un architettura di tasti funzionali presenti
pag. 1 Centri tecnologici di supporto alla didattica 2009-2010: progettare ed implementare ipermedia in classe
1. Come iscriversi a Google Sites: a. collegarsi al sito www.google.it b. clic su altro Sites Registrati a Google Sites e. inserire il proprio indirizzo e-mail f. inserire una password g. re-inserire la
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
Excel. A cura di Luigi Labonia. e-mail: luigi.lab@libero.it
Excel A cura di Luigi Labonia e-mail: luigi.lab@libero.it Introduzione Un foglio elettronico è un applicazione comunemente usata per bilanci, previsioni ed altri compiti tipici del campo amministrativo
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
Capitolo 4 Pianificazione e Sviluppo di Web Part
Capitolo 4 Pianificazione e Sviluppo di Web Part Questo capitolo mostra come usare Microsoft Office XP Developer per personalizzare Microsoft SharePoint Portal Server 2001. Spiega come creare, aggiungere,
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
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
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
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
LEZIONE NO. 1: INTRODUZIONE, ELEMENTI BASE, <HEAD> DI ATTILIO ABBIEZZI
HTML BASE LEZIONE NO. 1: INTRODUZIONE, ELEMENTI BASE, DI ATTILIO ABBIEZZI FONTI: HTML.IT 1 Breve Introduzione Che cosa significa linguaggio HTML? HTML = HyperText Markup Language Il primo concetto
(A) CONOSCENZA TERMINOLOGICA (B) CONOSCENZA E COMPETENZA (C) ESERCIZI DI COMPRENSIONE
Dare una breve descrizione dei termini introdotti: (A) CONOSCENZA TERMINOLOGICA Foglio di stile interno Foglio di stile esterno Fogli di stile incorporati Fogli di stile inline (B) CONOSCENZA E COMPETENZA
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
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
Capitolo 6. 6.1 TOTALI PARZIALI E COMPLESSIVI Aprire la cartella di lavoro Lezione2 e inserire la tabella n 2 nel Foglio1 che chiameremo Totali.
Capitolo 6 GESTIONE DEI DATI 6.1 TOTALI PARZIALI E COMPLESSIVI Aprire la cartella di lavoro Lezione2 e inserire la tabella n 2 nel Foglio1 che chiameremo Totali. Figura 86. Tabella Totali Si vuole sapere
File, Modifica, Visualizza, Strumenti, Messaggio
Guida installare account in Outlook Express Introduzione Questa guida riguarda di sicuro uno dei programmi maggiormente usati oggi: il client di posta elettronica. Tutti, ormai, siamo abituati a ricevere
WEB MARKETING CODE by scamurra.it
WEB MARKETING CODE by scamurra.it www.scamurra.it info@scamurra.it Livello: principiante CAPITOLO 1 INTRODUZIONE CAPITOLO 2 L IMPORTANZA DEI CONTENUTI CAPITOLO 3 UN PO DI CAPITOLO 4 PULIZIA DEL
<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
Introduzione. Installare EMAS Logo Generator
EMAS Logo Generator Indice Introduzione... 3 Installare EMAS Logo Generator... 3 Disinstallare EMAS Logo Generator... 4 Schermata iniziale... 5 Creare il Logo... 7 Impostazioni... 7 Colore...8 Lingua del
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
Guido d uso sito internet Unione Valdera
Guido d uso sito internet Unione Valdera Accesso Area riservata di gestione sito: Inserito nome utente e password vi troverete la schermata di cui sotto con le sezioni del sito in evidenza Cliccando sulla
Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE
Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE Sommario 1) Introduzione... 3 2) Come richiedere l autorizzazione alla creazione di pagine personali... 3 3) Frontend e Backend... 3
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
MANUALE DI GESTIONE - CATALOGO ELETTRONICO SITO WEB
MANUALE DI GESTIONE - CATALOGO ELETTRONICO SITO WEB Collegarsi al proprio sito web ed entrare nella pagina del catalogo elettronico. Cliccare sul pulsante in fondo alla pagina ed inserire in LOGIN NAME
Modulo 13. Concetti avanzati di HTML Liste
Pagina 1 di 8 Concetti avanzati di HTML Liste Il formato HTML mette a disposizione 5 Tag per definire delle liste, supportando liste numerate, non numerate, di descrizione, menu e directory. Liste Numerate
Le immagini digitali. Modulo 2. Rappresentazione analogica. Rappresentazione digitale. Una palette a 16 colori
Foto digitale, invio via mail e inserimento in una pagina web Modulo 2 Cosa si intende con analogico e digitale? Come avviene la rappresentazione digitale delle immagini? Come è possibile trasformare un