FRONT PAGE E HTML Breve manuale d uso
|
|
- Giulia Grilli
- 8 anni fa
- Visualizzazioni
Transcript
1 FRONT PAGE E HTML Breve manuale d uso
2 Come si crea nella pratica un sito Internet? Qual è lo strumento più semplice? Come funziona il linguaggio Html? Queste sono le domande cui questo manuale intende dare una risposta INDICE MICROSOFT FRONT PAGE...3 FRONT PAGE EXPLORER...3 ELENCO VOCI DI MENU PIU SIGNIFICATIVE...4 FRONT PAGE EDITOR...5 ICONE PARTICOLARI PRESENTI NELLA BARRA DEGLI STRUMENTI...6 LA BARRA DEI MENU...7 SEMPLICI PASSI PER CREARE UN SITO WEB...8 HTML BREVE GUIDA INTRODUTTIVA COS'E' UN FILE HTML COSA SONO LE ISTRUZIONI HTML LA STRUTTURA DI UN FILE HTML E LE ISTRUZIONI STRUTTURALI ISTRUZIONI CHE OPERANO SUI CARATTERI ISTRUZIONI CHE OPERANO SUL LAYOUT DI PAGINA (IMPAGINAZIONE) OPERAZIONI PIU' AVANZATE SUL LAYOUT DI PAGINA (CREAZIONE DI LISTE) LE "ANCORE" O LINKS IPERTESTUALI LE IMMAGINI ON LINE LE TABELLE CARATTERI SPECIALI CONCLUSIONI
3 MICROSOFT FRONT PAGE Microsoft Front Page è stato a lungo lo strumento più diffuso (grazie soprattutto al fatto che la versione light era gratuita e diffusa sia via internet sia tramite le riviste specializzate unitamente a Internet Explorer) per la creazione e la manutenzione di siti Web. La creazione di siti Web e quella delle pagine HTML che lo compongono, venivano realizzate tramite due tools distinti: Front Page Explorer Front Page Editor Chiaramente ora ci sono tanti strumenti, ma da qualche parte front page è ancora utilizzato FRONT PAGE EXPLORER Visualizzazione delle directory che compongono il sito Elenco dei file che compongono il sito Visualizzazione grafica dei collegamenti tra le varie pagine HTML Visualizzazione Link attivi Visualizzazione collegamenti attivi Consente di: 1. Creare un nuovo sito Web 2. Modificare la struttura di un sito Web preesistente 3. Pubblicare il sito sul Server Internet in modo da consentirne l accesso a chiunque lo desideri (o ne abbia l accesso) 3
4 ELENCO VOCI DI MENU PIU SIGNIFICATIVE FILE: Creazione di un nuovo Web Apertura di un Web già esistente Creazione di una nuova pagina HTML (standard o costruita mediante uno dei template preesistenti) Creazione di una nuova directory all interno della struttura MODIFICA: Copia dell elemento selezionato Eliminazione dell elemento selezionato Annulla l ultima operazione eseguita Rinomina un elemento VISUALIZZA: Temi: consente di visualizzare degli stili predefiniti di siti Web (Bottoni con una determinata grafica, intestazioni particolari, background delle pagine HTML etc ) STRUMENTI: Microsoft Gif Animator (consente di creare delle bitmap animate da inserire all interno delle pagine Web) Impostazioni delle proprietà di un elemento (Colori dei link, diritti d accesso etc ) PUBBLICA: Consente di trasferire il Sito o la singola pagina creata localmente sulla macchina che ospita il proprio sito WEB. 4
5 FRONT PAGE EDITOR Come accennato precedentemente, mentre con Front Page Explorer viene gestita la struttura del sito Web, con Front Page Editor è possibile creare/modificare le proprie pagine HTML. La creazione delle pagine, può avvenire sia mediante tools grafici sia (per i più esperti) mediante la digitazione del codice HTML. Il risultato delle nostre operazioni potrà essere visualizzato immediatamente mediante la selezione della voce ANTEPRIMA situata nella parte bassa della finestra dell editor. Qualora fossero necessarie delle piccole modifiche, sarà possibile intervenire direttamente sul codice HTML selezionando la voce HTML (situata sempre nella parte bassa della finestra). Il codice che apparirà sarà la traduzione in codice HTML di tutte le operazioni svolte tramite tools grafici nella modalità NORMALE. Modalità di sviluppo per esperti, visualizza il codice HTML della pagina e ne consente la modifica. Anteprima della pagina HTML Modalità di creazione pagine in modalità standard, vale a dire mediante l utilizzo di oggetti grafici predefiniti (nelle Toolbars visibili) 5
6 ICONE PARTICOLARI PRESENTI NELLA BARRA DEGLI STRUMENTI Richiamo di Front Page Express Inserimento/modifica di un collegamento ipertestuale (locale o remoto) Inserimento di un elemento di Front Page Inserimento di una tabella (operazione analoga all inserimento di una tabella in Excel o Word) Inserimento di un immagine (clipart o personale) Gli elementi di Front Page (quelli già esistenti) che è possibile inserire in una pagina, sono mostrati nella figura seguente: 6
7 LA BARRA DEI MENU Le voci presenti nella barra dei menu di Front Page è analoga, sia come aspetto sia come funzionalità a quella di un qualsiasi word processor (basti pensare che dalla versione 8.0 di Microsoft Word è possibile salvare un documento redatto in formato HTML, ottenendo così una pagina inseribile in un sito Web). La modalità di creazione di una pagina mediante gli oggetti grafici infatti si svolge esattamente così come per un documento Word. Si inserisce il testo, eventuali tabelle, clipart etc l unica differenza sta nel fatto che tutte queste operazioni vengono tradotte in codice HTML (possiamo vederlo premendo il tasto HTML a fondo pagina dopo aver creato la nostra pagina web). Le voci che ora verranno elencate, essendo mirate alla gestione di oggetti riservati esclusivamente al mondo Web, sono presenti esclusivamente in Front Page (ed in tutti i pacchetti di Web Editing). 7
8 SEMPLICI PASSI PER CREARE UN SITO WEB Per creare un nuovo sito Web, dovete selezionare la voce NUOVO\WEB dal menu FILE. Appare una finestra in cui potete scegliere se farvi guidare nella creazione del sito attraverso formati suggeriti da FrontPage (modalità che vi consigliamo per cominciare a familiarizzare con l ambiente), oppure potete scegliere di creare un sito web vuoto (questo significa che creerete il sito da soli). Nel caso in cui abbiate scelto una delle strutture suggerite da FrontPage, verrete guidati nello scegliere stile, sfondi, informazioni da mettere sulle pagine, immagini, ecc. e successivamente potrete personalizzare le pagine web create. Se invece scegliete di creare un sito Web vuoto (l ultima icona nella figura), potete poi utilizzare la voce NUOVO\PAGINA sempre nel menu FILE (in questo caso scegliete la prima icona Pagina vuota ). Anche in questo caso potete scegliere se farvi aiutare da FrontPage nella creazione di ciascuna pagina del sito web (scegliendo uno dei modelli), oppure se proseguire da soli nella composizione del sito. Potete scegliere (guardate le linguette riportate nella finestra) se creare una pagina senza o con frame (cioè senza o con aree della pagina che scorrono indipendentemente dalle altre), oppure potete scegliere di creare un foglio di stile. Il foglio di stile (con estensione CSS) sarà la pagina contenente stili, impaginazione, tipi di carattere, ecc,, di riferimento per tutto il sito. 8
9 Una volta creata una pagina del vostro nuovo sito, potrete utilizzare tutti i comandi di menu (elencati nei paragrafi successivi) e tutti i bottoni che avete a disposizione nell area di lavoro per inserire immagini, testo e links (collegamenti) nelle pagine. MENU STRUMENTI (del tutto simili a quelli che, per esempio, utilizzate in Word) Modalità di lavoro. In quella NORMALE potete utilizzare gli strumenti della barra, in HTML potete agire direttamente sulle istruzioni, con ANTEPRIMA potete avere un preview della pagina appena composta. Se in modalità normale vogliamo inserire un immagine, scegliamo il comando corrispondente dal menu INSERISCI, oppure selezioniamo l icona corrispondente sulla barra degli strumenti ( ). In tal modo, seguendo le richieste delle dialog box che appaiono, inseriremo un immagine nella posizione desiderata. 9
10 Allo stesso modo, agendo attraverso i comandi di menu oppure utilizzando i pulsanti presenti nella barra, potremo inserire testi, personalizzarne i caratteri, inserire tabelle, link, ecc. Basta provare ad utilizzare i vari comandi per rendersi conto che non è difficile creare una pagina web simpatica e funzionale. Di seguito riportiamo lo schema dei pulsanti presenti nella barra, descrivendone i principali. Nuova pagina o web Salva pagina o web Stampa Mostra anteprima nel browser Annulla ripristina Impaginazione Elenchi puntati Inserisci Componente Tabella Immagine da file Collegamento Ipertestuale Grassetto Corsivo Sottolineato Apri pagina o web Mostra elenco cartelle Taglia Copia Incolla Inc. Formato Controllo ortografia Evidenziatore Colore del testo Tipo testo Tipo carattere Dimensione carattere Il tasto Collegamento Ipertestuale (così come la voce corrispondente nel menu INSERISCI), permette di collegare tra loro le pagine web create, collegarle a pagine di altri siti, immettere il collegamento a documenti da scaricare (in formato.zip), collegare una parola alla possibilità di inviare una mail per chiedere, per esempio, informazioni. Innanzitutto selezionate la parola che deve diventare un LINK e poi, facendo un click sul bottone o scegliendo l opzione di menu, ci apparirà la finestra mostrata in figura: 10
11 Ora potete introdurre il tipo di LINK desiderato: ad un altra pagina (scegliendo tra quelle proposte o sfogliando le cartelle alla ricerca di quella desiderata) ad un indirizzo URL differente (ad esempio per riportare i link ai vostri siti preferiti), indicando l indirizzo nell apposita casella oppure selezionando ( sfogliando l hard disk alla ricerca di quello desiderato) un documento (.zip) che l utente potrà scaricare con un click sul link. Se fate un click con il tasto destro sulla pagina corrente, potete anche scegliere se mettere un immagine di sfondo alla pagina stessa. Basta dunque fare click con il tasto destro sulla pagina e scegliere la voce PROPRITA : Attraverso la stessa finestra, nella sezione GENERALE, si può mettere un suono di sottofondo alla pagina. Potete personalizzare ulteriormente le pagine web, inserendo componenti e moduli che FrontPage mette a disposizione, come Pulsanti, Testo scorrevole, Contatori, ecc. Troverete l elenco dei moduli 11
12 a disposizione nel menu INSERISCI, sotto la voce MODULI e i componenti nello stesso menu, ovviamente sotto la voce COMPONENTI. Provate ad inserirne qualcuno per vederne l effetto! E buona norma utilizzare una tabella per rendere più ordinati gli spazi nella pagina. Potete scegliere se le tabelle devono avere sfondo o bordi, semplicemente personalizzandone le proprietà cui accedete selezionando la tabella con il pulsante destro del mouse o selezionando la voce di menu Proprietà\Tabella dal menu Tabella. A questo punto potete vedere l anteprima della pagina che avete creato nel browser, tramite l apposito bottone della barra, oppure nella sezione Anteprima di FrontPage. Se invece volete rimaneggiare il codice HTML, provate a fare un click sulla linguetta in baso e accederete alla traduzione in linguaggio HTML della pagina che avete creato in modalità normale: 12
13 HTML BREVE GUIDA INTRODUTTIVA 1 - COS'E' UN FILE HTML. Il file "html" (semplicemente "htm" per quelli che operano su un PC MS-DOS, nel quale non sono ammesse estensioni di file di quattro lettere), sono dei semplici FILE DI TESTO (cioè contenenti solo caratteri ASCII) che, per questo motivo sono facili da gestire, nel senso della trasmissione telematica. Essi però differiscono da testi destinati ad essere semplicemente letti, perché contengono delle ISTRUZIONI PROGRAMMATICHE, inframezzate al testo che dovrà essere realmente letto, scritte secondo un linguaggio che è, appunto, l'html (=HyperText Markup Language). Il browser con cui il cybersurfista esplora il WWW (Mosaic, Netscape, I.Explorer...) è fatto apposta per interpretare le istruzioni presenti nel file html e per trasformarle nelle caratteristiche grafiche (caratteri, colori, impaginazioni, immagini, links...) di ciò che appare sullo schermo. Pertanto redigere un file html è un piccolo lavoro di programmazione. Facciamo subito un esempio per non abusare troppo della pazienza di coloro che non sono dei guru informatici. La seguente frase: <B>cipolle rosse</b> verrà rappresentata sullo schermo da una scritta in grassetto (= cipolle rosse), perché il browser realizza in grassetto tutto ciò che sta fra <B> e </B>. 2 - COSA SONO LE ISTRUZIONI HTML. Con questo abbiamo già capito alcune cose: le istruzioni (tags) sono sempre contenute fra < e >, e possono essere accoppiate, ovverosia sono costituite da un'istruzione iniziale (<B> = da qui in poi grassetto!) e da un'istruzione finale (</B> = da qui in poi basta grassetto!). In realtà non tutte le istruzioni sono accoppiate, ce ne sono una minoranza che non necessitano di una fine; per esempio l'"a capo" che si indica così: <BR>. Le istruzioni possono contenere NOMI o ELEMENTI, ATTRIBUTI, VALORI. Che significa? Per quanto riguarda il nome o elemento l'abbiamo già visto: BR è il nome o elemento dell'istruzione di "a capo". Gli attributi e i valori li vedremo meglio in seguito, per ora ci limitiamo ad un esempio: <IMG SRC="image.gif"> significa che, a quel punto, deve comparire un'immagine che è il file image.gif. IMG (che significa immagine) è il nome o elemento, SRC (che significa sorgente) è l'attributo, "image.gif" è il valore dell'attributo. 3 - LA STRUTTURA DI UN FILE HTML E LE ISTRUZIONI STRUTTURALI. Al browser bisogna sempre dire dove comincia e dove finisce il file html, e questo si ottiene con le semplici istruzioni: <HTML> e </HTML>. Inoltre il file html contiene due parti. la testa (head) e il corpo (body) e, naturalmente, bisogna dire al browser dove iniziano e dove finiscono queste parti. Si fa così: <HEAD> </HEAD> e <BODY> </BODY>. Pertanto un file html contiene sempre, obbligatoriamente queste istruzioni: <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> Cosa c'è nella testa del file? Normalmente ci si mette il titolo della pagina, che comparirà in quella striscia in alto nello schermo, al di sopra dei vari menù e tasti cliccabili. Come si fa? Semplice, si usano i seguenti tags: <TITLE> </TITLE>. Esempio: <HTML> <HEAD> <TITLE>IL MANUALE ITALIANO PER IL PRINCIPIANTE HTML</TITLE> </HEAD> <BODY> </BODY> </HTML> Che altro ci può essere nella testa? Beh, a dire la verità ci sarebbero altre funzioni come ISINDEX, BASE, LINK, META... che ora non considereremo. Non sono necessarie per il livello medio che ci basta raggiungere. E nel body? Nel body c'è tutto il resto... Ora lo vedremo. 13
14 4 - ISTRUZIONI CHE OPERANO SUI CARATTERI. Se vogliamo aggiungere nel file html un commento che ci serve da promemoria, ma che non vogliamo che sia visualizzato sullo schermo, dobbiamo sostituirlo ai puntini in questa istruzione <!...>. Esempio: <!le prossime tre righe sono state aggiunte da mio cugino> è una frase che non sarà visualizzata a schermo dal browser. Pertanto le istruzioni che operano sui caratteri sono sostanzialmente queste: <STRONG> </STRONG> oppure <B> </B> che generano il grassetto, <EM> </EM> oppure <i> </i> che generano il corsivo inclinato (italic), <TT> </TT> che generano un carattere monospazio tipo "macchina da scrivere". <BLINK> </BLINK> che rendono lampeggiante la scritta compresa. <FONT COLOR="999900"> </FONT> che determinano la particolare colorazione dei caratteri compresi nell'istruzione (il colore è stabilito dalla sigla numerica o letterale fra virgolette). Esempi di colori: 1. 00FFFF, 2. FF0000, 3. 00FF00, 4. FFF000, FF, 6. FFFFFF, 7. FF00FF, 8. FFFF00, 9. ABCDEF, , , , , , , ISTRUZIONI CHE OPERANO SUL LAYOUT DI PAGINA (IMPAGINAZIONE). <BR> istruzione non accoppiata che manda a capo (altrimenti il browser riproduce il testo scritto tutto di fila, senza mai andare a capo). <P> ( </P> ) istruzione che, se non accoppiata, manda a capo lasciando lo spazio di una riga vuota (come a voler separare un paragrafo), invece, se accoppiata, delimita un paragrafo a sé stante, <HR> istruzione non accoppiata che crea una barra orizzontale di separazione fra un paragrafo e l'altro, <CENTER> </CENTER> istruzione che centra la scritta nella pagina: come un titolo, <Hn> </Hn> dove n può assumere i valori 1, 2, 3, 4, 5, 6 (es.: <H3> </H3>), istruzione che crea dei caratteri da intestazione (generalmente adatti ai titoli), in neretto, e variabili da una dimensione molto grande (n=1) a una dimensione piccola (n=6). Esempio: Questo è H1 Questo è H2 Questo è H3 Questo è H4 Questo è H5 Questo è H6 <BLOCKQUOTE> </BLOCKQUOTE> che genera un paragrafo rientrato verso destra (rientro a sinistra), <PRE> </PRE> (preformatted) che riproduce il testo esattamente con la stessa formattazione che ha nel file html (cioè con le stesse andate a capo, gli stessi spazi, gli stessi rientri, ecc...); serve per semplici tabelle, effetti grafici particolari, disegnini in caratteri ASCII... 14
15 6 - OPERAZIONI PIU' AVANZATE SUL LAYOUT DI PAGINA (CREAZIONE DI LISTE). Volendo creare delle liste con rientri, asterischi, numeri, definizioni, ecc... si possono usare le seguenti istruzioni: <UL> </UL> (unordered list) che racchiude le voci della lista facendole rientrare a sinistra, <LI> che fa precedere ogni voce della "unordered list" da un pallino o quadratino nero, Inoltre manda automaticamente a capo, Esempio, con una lista nidificata dentro un'altra lista: Lista di Scuole: <UL> <LI> Scuole Medie inferiori, <LI> Scuole Medie Superiori: <UL> - Licei Classici - Licei Scientifici, - - Istituti Tecnici, - - Istituti Professionali, - - Istituti Magistrali. </UL> <LI> Facoltà Universitarie. </UL> Che è visualizzato, in realtà, nel seguente modo: Lista di Scuole: Scuole Medie inferiori, Scuole Medie Superiori: - Licei Classici - - Licei Scientifici, - - Istituti Tecnici, - - Istituti Professionali, - - Istituti Magistrali. Facoltà Universitarie. Attenzione! Volendo, in tutte le liste il pallino nero può essere sostituito con un disegnino a piacere, basta prima prepararlo e salvarlo in formato GIF o JPG, e poi aggiungere un attributo all'istruzione <LI>, e cioè: <LI SRC=image.gif> in cui image.gif è l'immagine da visualizzare, sistemata nella stessa directory in cui si trova il file html. <OL> <LI>... <LI>... <LI> </OL> (ordered list) che genera la lista con gli opportuni rientri a sinistra (come la unordered list), con la differenza che <LI> non crea un pallino nero ma un numero progressivo (tanti quanti sono gli elementi della lista). <DL> </DL> (definition list) che genera una lista particolare in cui ogni elemento della lista compare come titoletto, seguito da una definizione (un discorsetto più lungo ulteriormente rientrato a sinistra), <DT> </DT> racchiude gli elementi della definition list, <DD> indica l'inizio della definizione, cioè del piccolo paragrafo che spiega nei dettagli in cosa consiste l'elemento principale della lista. Esempio: <DL> <DT>Primo termine</dt> <DD>Qui si spiega cos'è il primo termine, che consiste in bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla... <DT>Secondo termine</dt> <DD>Qui si spiega cos'è il secondo termine, che consiste in bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla... <DT>Terzo termine</dt> <DD>Qui si spiega cos'è il terzo termine, che consiste in bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla </DL> Che è visualizzato nel seguente modo: Primo termine Qui si spiega cos'è il primo termine, che consiste in bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla... 15
16 Secondo termine Qui si spiega cos'è il secondo termine, che consiste in bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla... Terzo termine Qui si spiega cos'è il terzo termine, che consiste in bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla LE "ANCORE" O LINKS IPERTESTUALI. Eccoci al dunque: i links! Come tutti sanno i links sono lo strumento che fa del Web una potentissima biblioteca mondiale in cui tutti i lettori possono saltare, al semplice suono di un "click", dall'america, all'europa, all'australia, ecc... I links sono dovuti ad una istruzione html che si chiama "anchor" ed è rappresentata da questi simboli: <A>> </A>. Per la verità questa istruzione, scritta così come l'abbiamo presentata, non produce nessun effetto, infatti ha obbligatoriamente bisogno di un attributo e di un valore per l'attributo. L'attributo comunemente può essere HREF o NAME. Vediamone il significato: <A HREF=" origini storiche del Cristianesimo</A> E' l'istruzione completa in grado di funzionare. La frase Le origini storiche del Cristianesimo è quella che comparirà sul browser, generalmente in colore blu e sottolineata, su di essa la freccia del mouse si trasforma in una manina e, cliccando, viene chiamata la pagina ' ' che, compatibilmente con le velocità di trasmissione dei dati in rete in quel preciso momento, arriverà subito e comparirà visualizzata sullo schermo. Questo è un link, non è difficile. Il link che abbiamo visto conduce ad una pagina diversa da quella di partenza, magari terribilmente lontana nel mondo, però, volendo, si possono costruire dei link interni, ovverosia dei link che portano ad un punto voluto nella stessa pagina in cui ci troviamo. Occorrono ben quattro istruzioni: due accoppiate (con l'attributo HREF), in cui compare il simbolo #, per poter creare il link di partenza, e due accoppiate (con l'attributo NAME), in cui non compare il simbolo #, per definire il punto di destinazione. Vediamo come sono fatte: <A HREF="#punto1">Capitolo I</A> E' l'istruzione accoppiata che fa comparire sullo schermo un link con scritto ' Capitolo I ', cliccando sul quale si può raggiungere il vero e proprio capitolo 1. Ma come fa il browser a trovarlo? Lo trova perché all'inizio del capitolo 1 c'è l'istruzione così composta: <A NAME="punto1">CAPITOLO I</A> Che fa comparire sullo schermo la scritta CAPITOLO I, la quale, se è un titolo in evidenza al centro della pagina, potrebbe essere combinata con altre istruzioni come: <center><h2><a NAME="punto1">CAPITOLO I</A></H2></center>. In questa pagina, sono links di questo tipo quelli in cui c'è scritto : "Torna all'indice". Adesso, addentrandoci nelle virtù dell'html, possiamo dire che si può anche creare un link esterno (cioè verso un'altra pagina), nel quale però non si vuole arrivare alla semplice intestazione, ma si vuole subito raggiungere un punto particolare della pagina in questione, in cui c'è scritto qualcosa che interessa. Il link, contenente il simbolo #, sarà fatto così: <A HREF="nome.del.server/percorso/nomefile.html#puntox>Bla, bla, bla...</a> In cui ' nome.del.server/percorso/nomefile.html ' sono tutte le specificazioni per ottenere la pagina desiderata e ' puntox ' è il punto da raggiungere. Ma, naturalmente, in quella pagina, da qualche parte, ci dovrà essere per forza l'istruzione di destinazione <A NAME="puntox">Bla, bla, bla...</a> altrimenti, come farà il programma ad individuare il punto? Un particolare tipo di link è quello che apre una finestra di posta: <A HREF="mailto:dqrm@dataquest.it">Esperto</A> che serve, appunto, per spedire eventuali messaggi alla persona indicata nell'argomento dell'istruzione (Esperto). 8 - LE IMMAGINI ON LINE. Finora abbiamo parlato di solo testo. Ora, finalmente, ecco arrivare le immagini. Chiariamo subito un concetto importante: le immagini non si trovano nel file html, si trovano a parte e sono dei file indipendenti di tipo GIF o JPG. Il file html contiene solo una istruzione che indica al browser di visualizzare la figura sullo schermo. Ora tutti capiscono subito che, per potere trovare questa figurina, il browser deve sapere dove si trova. <IMG SRC="image.jpg"> E' l'istruzione (singola) necessaria per far comparire la figurina image.jpg. IMG significa immagine e SRC significa sorgente (source). Attenzione! L'immagine deve trovarsi nella stessa directory in cui si trova il file html, altrimenti come la può trovare il browser? Se l'immagine si trova in un'altra directory l'istruzione deve contenere l'informazione su tutto il percorso necessario: <IMG SRC="/percorso/image.jpg">. 16
17 Se vogliamo l'immagine al centro della pagina scriveremo: <center><img SRC="/percorso/image.jpg"></center>. Se vogliamo una scritta (per esempio: "Fotografia di...") a fianco dell'immagine, dobbiamo aggiungere un altro attributo: ALIGN con, rispettivamente, i seguenti valori: bottom, middle, top. <IMG SRC="image.jpg" ALIGN=bottom> Fotografia di... immagine con scritta a fianco in basso <IMG SRC="image.jpg" ALIGN=middle> Fotografia di... immagine con scritta a fianco a metà altezza <IMG SRC="image.jpg" ALIGN=top> Fotografia di... immagine con scritta a fianco in alto Le immagini possono essere links ipertestuali? Certamente. Si osservi questa istruzione accoppiata: <A HREF="nome.del.server/percorso/file.html"><IMG SRC="image.gif"></A> Si tratta, appunto, di un link effettuato non con una stringa di testo, ma con una figurina. E le immagini che costituiscono uno sfondo per la intera pagina web? A proposito di questo bisogna dire che lo sfondo, generalmente, è costituito da un disegnino piccolo piccolo che viene automaticamente ripetuto molte volte, a tutto schermo, dal browser. L'istruzione deve essere messa al posto della scritta <BODY>, all'inizio del corpo dell file html, ed è fatta così: <BODY background=backgr.gif> che prende il file backgr.gif e lo moltiplica a tutto schermo, creando lo sfondo desiderato. 9 - LE TABELLE. Si osservi la seguente tabella: PRIMA CASELLA SECONDA CASELLA TERZA CASELLA QUARTA CASELLA essa è stata realizzata scrivendo queste istruzioni: Istruzioni Significato <CENTER> <table border> inizio della tabella, con bordo visibile <tr> inizio di una riga <td>prima CASELLA</td> inizio e fine di una casella <td>seconda CASELLA</td> inizio e fine di una casella </tr> fine di una riga <tr> inizio di una riga <td>terza CASELLA</td> inizio e fine di una casella <td>quarta CASELLA</td> inizio e fine di una casella </tr> fine di una riga </table> fine della tabella </CENTER> all'interno della tabella si può disporre nel modo preferito e più fantasioso qualsiasi elemento della pagina: testo, disegni, links, altre tabelle. Naturalmente si possono mettere tutte le righe che si vuole, basta semplicemente aggiungere, ogni volta, l'istruzione <tr>. Si può anche creare una tabella che genera delle colonne di larghezza diversa, stabilendo fin da principio quale sarà la percentuale di ciascuna colonna rispetto alla larghezza della pagina: più stretta più larga più stretta più larga che è stata realizzata con le seguenti istruzioni: <table border width=100%> <tr> <td width=20%> più stretta </td> <td width=80%> più larga </td> </tr> <tr> <td width=20%> più stretta </td> <td width=80%> più larga </td> </tr> </table> 17
18 10 - CARATTERI SPECIALI. Alcuni caratteri devono essere scritti, nel file html, mediante simboli particolari. Per esempio, com'è facile intuire, il segno < viene normalmente interpretato dal browser come inizio di una istruzione e, pertanto, non visualizzato a schermo. Come si fa se si vuole visualizzare proprio questo simbolo? Occorre scriverlo in questo modo: & # 60; (lettere attaccate), oppure & l t; (lettere attaccate). Ci sono poi altri caratteri che devono essere scritti in un modo particolare, affinché tutti i browser siano in grado di visualizzarli, per esempio le lettere accentate, come la voce del verbo essere " è " che si scrive così: & e grave; (lettere attaccate) con tanto di punto e virgola in fondo. Vediamo una lista di caratteri particolari: < si rende con: & # 60 (scritto tutto attaccato e seguito da un punto e virgola) oppure & l t (scritto tutto attaccato e seguito da un punto e virgola) > si rende con: & # 62 (scritto tutto attaccato e seguito da un punto e virgola) oppure & g t (scritto tutto attaccato e seguito da un punto e virgola) & si rende con: & # 38 (scritto tutto attaccato e seguito da un punto e virgola) ß si rende con: & # 223 (scritto tutto attaccato e seguito da un punto e virgola) oppure & s z lig (scritto tutto attaccato e seguito da un punto e virgola) à si rende con: & # 224 (scritto tutto attaccato e seguito da un punto e virgola) oppure & a grave (scritto tutto attaccato e seguito da un punto e virgola) è si rende con: & # 232 (scritto tutto attaccato e seguito da un punto e virgola) oppure & e grave (scritto tutto attaccato e seguito da un punto e virgola) é si rende con: & # 233 (scritto tutto attaccato e seguito da un punto e virgola) oppure & e acute ; (scritto tutto attaccato e seguito da un punto e virgola) ì si rende con: & # 236 (scritto tutto attaccato e seguito da un punto e virgola) oppure & i grave ; (scritto tutto attaccato e seguito da un punto e virgola) ò si rende con: & # 242 (scritto tutto attaccato e seguito da un punto e virgola) oppure & o grave ; (scritto tutto attaccato e seguito da un punto e virgola) ù si rende con: & # 249 (scritto tutto attaccato e seguito da un punto e virgola) oppure & u grave (scritto tutto attaccato e seguito da un punto e virgola) 11 - CONCLUSIONI. Questo breve manualetto finisce qui. Ci sono innumerevoli altre questioni che rimangono da spiegare, come i moduli, le cornici (frames), le animazioni, le mappe cliccabili... Ma noi crediamo che, in alcuni casi, voler fare troppo significa non combinare niente e, poiché questo manualetto è destinato a chi comincia, ci è sembrato opportuno limitarci a queste nozioni base della programmazione html. Una cosa è certa: una persona di buon gusto e con grande fantasia, anche con queste semplici nozioni, può costruire delle pagine a dir poco meravigliose. Buon lavoro, dunque! 18
HTML. Breve manuale d uso
HTML Breve manuale d uso Come funziona il linguaggio Html? Queste sono le domande cui le lezioni e questo manuale intendono dare una risposta INDICE HTML BREVE GUIDA INTRODUTTIVA...3 1 - COS'E' UN FILE
Dettaglilo 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,
DettagliMS 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
DettagliGuida 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
Dettagli4. Fondamenti per la produttività informatica
Pagina 36 di 47 4. Fondamenti per la produttività informatica In questo modulo saranno compiuti i primi passi con i software applicativi più diffusi (elaboratore testi, elaboratore presentazioni ed elaboratore
DettagliA destra è delimitata dalla barra di scorrimento verticale, mentre in basso troviamo una riga complessa.
La finestra di Excel è molto complessa e al primo posto avvio potrebbe disorientare l utente. Analizziamone i componenti dall alto verso il basso. La prima barra è la barra del titolo, dove troviamo indicato
Dettagliwww.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
Dettagli2.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
DettagliSistema 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
DettagliEsame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie
Facoltà di Scienze Motorie CHE COS È UN FOGLIO ELETTRONICO Una tabella che contiene parole e numeri che possono essere elaborati applicando formule matematiche e funzioni statistiche. Esame di Informatica
DettagliIl 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
Dettagli4.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
DettagliOn-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
DettagliManuale 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
DettagliCome costruire una presentazione. PowerPoint 1. ! PowerPoint permette la realizzazione di presentazioni video ipertestuali, animate e multimediali
PowerPoint Come costruire una presentazione PowerPoint 1 Introduzione! PowerPoint è uno degli strumenti presenti nella suite Office di Microsoft! PowerPoint permette la realizzazione di presentazioni video
DettagliINSERIRE RISORSE. Un etichetta è un semplice testo che descrive una particolare risorsa o attività all interno di un Argomento.
INSERIRE RISORSE Facendo click sulla freccina in basso a destra del menu a tendina Aggiungi una risorsa si può selezionare una delle seguenti risorse: etichetta, pagina di testo, pagina web, link a file
DettagliWORD per WINDOWS95. Un word processor e` come una macchina da scrivere ma. con molte più funzioni. Il testo viene battuto sulla tastiera
WORD per WINDOWS95 1.Introduzione Un word processor e` come una macchina da scrivere ma con molte più funzioni. Il testo viene battuto sulla tastiera ed appare sullo schermo. Per scrivere delle maiuscole
Dettagli[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.
DettagliFONDAMENTI DI INFORMATICA. 3 Elaborazione testi
FONDAMENTI DI INFORMATICA 3 Elaborazione testi Microsoft office word Concetti generali Operazioni principali Formattazione Oggetti Stampa unione Preparazione della stampa Schermata iniziale di Word Come
DettagliCapitolo 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
DettagliDipartimento 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
DettagliLogin. 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
DettagliNUOVA 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
DettagliGestire 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
DettagliMANUALE D USO DELLA PIATTAFORMA ITCMS
MANUALE D USO DELLA PIATTAFORMA ITCMS MANULE D USO INDICE 1. INTRODUZIONE... 2 2. ACCEDERE ALLA GESTIONE DEI CONTENUTI... 3 3. GESTIONE DEI CONTENUTI DI TIPO TESTUALE... 4 3.1 Editor... 4 3.2 Import di
DettagliFile, 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
DettagliCominciamo dalla barra multifunzione, ossia la struttura a schede che ha sostituito la barra dei menu e la barra delle icone (Figura 1).
La barra multifunzione La barra multifunzione e il pulsante Microsoft Office Se avete lavorato per tanti anni con la suite da ufficio Office, questa nuova versione 2007 può disorientarvi davvero molto.
DettagliCos è un word processor
Cos è un word processor è un programma di videoscrittura che consente anche di applicare formati diversi al testo e di eseguire operazioni di impaginazione: font diversi per il testo impaginazione dei
Dettagli5-1 FILE: CREAZIONE NUOVO DOCUMENTO
Capittol lo 5 File 5-1 FILE: CREAZIONE NUOVO DOCUMENTO In Word è possibile creare documenti completamente nuovi oppure risparmiare tempo utilizzando autocomposizioni o modelli, che consentono di creare
Dettagli[FINANZAECOMUNICAZIONE / VADEMECUM]
2011 Finanza e Comunicazione [FINANZAECOMUNICAZIONE / VADEMECUM] [PANNELLO DI CONTROLLO SCRIVERE UN ARTICOLO PUBBLICARE MEDIA CREARE UNA GALLERIA FOTOGRAFICA MODIFICHE SUCCESSIVE CAMBIARE PASSWORD SALVARE,
Dettagli3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione.
Elaborazione testi 133 3.5 Stampa unione 3.5.1 Preparazione 3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione. Abbiamo visto, parlando della gestione
DettagliEsercitazione 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
DettagliCreare 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
DettagliSettaggio 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
DettagliChe cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo
Creazione di moduli Creazione di moduli Che cos'è un modulo? Un elenco di domande accompagnato da aree in cui è possibile scrivere le risposte, selezionare opzioni. Il modulo di un sito Web viene utilizzato
Dettagli[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
DettagliCONTROLLO ORTOGRAFICO E GRAMMATICALE
CONTROLLO ORTOGRAFICO E GRAMMATICALE Quando una parola non è presente nel dizionario di Word, oppure nello scrivere una frase si commettono errori grammaticali, allora si può eseguire una delle seguenti
DettagliMicrosoft PowerPoint
Microsoft introduzione a E' un programma che si utilizza per creare presentazioni grafiche con estrema semplicità e rapidità. Si possono realizzare presentazioni aziendali diapositive per riunioni di marketing
DettagliUniversità di L Aquila Facoltà di Biotecnologie Agro-alimentari
RIFERIMENTI Università di L Aquila Facoltà di Biotecnologie Agro-alimentari Esame di Laboratorio di informatica e statistica Parte 3 (versione 1.0) Il riferimento permette di identificare univocamente
DettagliSTRUMENTI. Impostare una presentazione I programmi di presentazione
STRUMENTI Impostare una presentazione I programmi di presentazione I programmi per la creazione di documenti multimediali basati su diapositive (o lucidi) consentono di presentare, a un pubblico più o
DettagliPowerPoint 2007 Le funzioni
PowerPoint 2007 Le funzioni Introduzione Cos è un ipertesto L' ipertesto è un testo organizzato in link, o collegamenti ad altre parti del testo e/o altri testi, in modo da consentire all utente di scegliere
DettagliCOSTRUIRE UN CRUCIVERBA CON EXCEL
COSTRUIRE UN CRUCIVERBA CON EXCEL In questo laboratorio imparerai a costruire un simpatico cruciverba. Sfruttando le potenzialità di Excel non ti limiterai a creare lo schema di caselle bianche e nere,
Dettaglitommaso.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
DettagliOn-line Corsi d Informatica sul Web
On-line Corsi d Informatica sul Web Corso base di Excel Università degli Studi della Repubblica di San Marino Capitolo 1 ELEMENTI DELLO SCHERMO DI LAVORO Aprire Microsoft Excel facendo clic su Start/Avvio
DettagliWWW.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
DettagliDISPENSA PER MICROSOFT WORD 2010
DISPENSA PER MICROSOFT WORD 2010 Esistono molte versioni di Microsoft Word, dalle più vecchie ( Word 97, Word 2000, Word 2003 e infine Word 2010 ). Creazione di documenti Avvio di Word 1. Fare clic sul
DettagliModulo 3 - Elaborazione Testi 3.6 Preparazione stampa
Università degli Studi dell Aquila Corso ECDL programma START Modulo 3 - Elaborazione Testi 3.6 Preparazione stampa Maria Maddalena Fornari Impostazioni di pagina: orientamento È possibile modificare le
DettagliGuido 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
DettagliNAVIGAORA HOTSPOT. Manuale utente per la configurazione
NAVIGAORA HOTSPOT Manuale utente per la configurazione NAVIGAORA Hotspot è l innovativo servizio che offre ai suoi clienti accesso ad Internet gratuito, in modo semplice e veloce, grazie al collegamento
DettagliComandi 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
Dettaglifederica.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
DettagliIntroduzione. Strumenti di Presentazione Power Point. Risultato finale. Slide. Power Point. Primi Passi 1
Introduzione Strumenti di Presentazione Power Point Prof. Francesco Procida procida.francesco@virgilio.it Con il termine STRUMENTI DI PRESENTAZIONE, si indicano programmi in grado di preparare presentazioni
DettagliMANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB
MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB o RICERCA p3 Ricerca rapida Ricerca avanzata o ARTICOLI p5 Visualizza Modifica Elimina/Recupera Ordina o RUBRICHE p11 Visualizzazione Gestione rubriche
DettagliEMISSIONE FATTURE: LA STAMPA AVANZATA
EMISSIONE FATTURE: LA STAMPA AVANZATA PREMESSA Con la release 09/07/14, è stata introdotta la procedura STAMPA AVANZATA. In estrema sintesi, consiste nell esportazione delle fatture emesse in un modello
DettagliOffice 2007 Lezione 07. Gestione delle immagini
Le immagini Gestione delle immagini Office 2007 presenta molte interessanti novità anche nella gestione delle immagini. Le immagini si gestiscono in modo identico in Word, Excel e PowerPoint. Naturalmente
DettagliEasyPrint v4.15. Gadget e calendari. Manuale Utente
EasyPrint v4.15 Gadget e calendari Manuale Utente Lo strumento di impaginazione gadget e calendari consiste in una nuova funzione del software da banco EasyPrint 4 che permette di ordinare in maniera semplice
DettagliIl sofware è inoltre completato da una funzione di calendario che consente di impostare in modo semplice ed intuitivo i vari appuntamenti.
SH.MedicalStudio Presentazione SH.MedicalStudio è un software per la gestione degli studi medici. Consente di gestire un archivio Pazienti, con tutti i documenti necessari ad avere un quadro clinico completo
DettagliCOME 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
DettagliGuida 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
DettagliWord. 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
DettagliPULSANTI 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
DettagliFigura 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
DettagliCREAZIONE E MODIFICA DELLA PAGINA WEB DELLA BIBLIOTECA Andare nel modulo Biblioteche in alto a sinistra. Digitare nel campo Nome Biblioteca la
CREAZIONE E MODIFICA DELLA PAGINA WEB DELLA BIBLIOTECA Andare nel modulo Biblioteche in alto a sinistra. Digitare nel campo Nome Biblioteca la denominazione del Comune della Biblioteca (basta anche solo
DettagliGuida 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
DettagliGuida all uso della piattaforma. E-did@blog. portale Weblog & Podcast del MIUR COME UTILIZZARE AL MEGLIO L AMMINISTRAZIONE DEL BLOG
Guida all uso della piattaforma E-did@blog portale Weblog & Podcast del MIUR COME UTILIZZARE AL MEGLIO L AMMINISTRAZIONE DEL BLOG L area amministrativa si suddivide in due aree: la gestione del blog e
DettagliMANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB ( ULTIMO AGGIORNAMENTO 26MARZO 2009)
MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB ( ULTIMO AGGIORNAMENTO 26MARZO 2009) I N D I C E VISUALIZZAZIONE PDF COLORE E RIDUZIONE.4 INVIO MAIL MULTIPLA IN PDF O SOMMARIO.5 GESTIONE 9 GESTIONE TESTATE..9
DettagliINDICE. 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,
DettagliCREARE MAPPE CONCETTUALI CON POWER POINT PowerPoint della versione 2003 di Office
CREARE MAPPE CONCETTUALI CON POWER POINT PowerPoint della versione 2003 di Office INTRODUZIONE Le mappe concettuali sono strumenti utili per lo studio e la comunicazione. Sono disponibili vari software
DettagliINIZIAMO A IMPARARE WORD
Associazione Nazionale Seniores Enel Associazione di solidarietà tra dipendenti e pensionati delle Aziende del Gruppo Enel Sezione Territoriale Lombardia - Nucleo di Milano E-Mail del Nucleo di Milano:
DettagliWORD (livello avanzato): Struttura di un Documento Complesso. Struttura di un Documento Complesso
Parte 5 Adv WORD (livello avanzato): Struttura di un Documento Complesso 1 di 30 Struttura di un Documento Complesso La realizzazione di un libro, di un documento tecnico o scientifico complesso, presenta
DettagliManuale Utente Albo Pretorio GA
Manuale Utente Albo Pretorio GA IDENTIFICATIVO DOCUMENTO MU_ALBOPRETORIO-GA_1.4 Versione 1.4 Data edizione 04.04.2013 1 TABELLA DELLE VERSIONI Versione Data Paragrafo Descrizione delle modifiche apportate
DettagliMAUALE PIATTAFORMA MOODLE
MAUALE PIATTAFORMA MOODLE La piattaforma moodle ci permette di salvare e creare contenuti didattici. Dal menù principale è possibile: inviare dei messaggi agli altri docenti che utilizzano la piattaforma:
DettagliGuida alla configurazione della posta elettronica dell Ateneo di Ferrara sui più comuni programmi di posta
Guida alla configurazione della posta elettronica dell Ateneo di Ferrara sui più comuni programmi di posta. Configurazione Account di posta dell Università di Ferrara con il Eudora email Eudora email può
DettagliManuale Utente Amministrazione Trasparente GA
Manuale Utente GA IDENTIFICATIVO DOCUMENTO MU_AMMINISTRAZIONETRASPARENTE-GA_1.0 Versione 1.0 Data edizione 03.05.2013 1 Albo Pretorio On Line TABELLA DELLE VERSIONI Versione Data Paragrafo Descrizione
DettagliCreare 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
DettagliStampa Unione per lettere tipo
per lettere tipo Con Stampa Unione è possibile creare lettere tipo, etichette per indirizzi, buste, elenchi indirizzi e liste per la distribuzione via posta elettronica e fax in grandi quantitativi. Lo
DettagliDOCUMENTO 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
DettagliLinguaggio 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:
DettagliOffice 2007 Lezione 08
Word: gli stili veloci e i temi Da questa lezione, iniziamo ad occuparci delle innovazioni che riguardano specificamente Word. Cominceremo parlando di stili e temi. Nella filosofia di questo nuovo Word,
Dettagli1.0 GUIDA PER L UTENTE
1.0 GUIDA PER L UTENTE COMINCIA FACILE Una volta effettuato il login vi troverete nella pagina Amministrazione in cui potrete creare e modificare le vostre liste. Una lista è semplicemnte un contenitore
DettagliPROGETTO PER LA TRASMISSIONE DOCUMENTI RELATIVI ALL APPROVAZIONE DELLE MANIFESTAZIONI IN FORMA DIGITALE
PROGETTO PER LA TRASMISSIONE DOCUMENTI RELATIVI ALL APPROVAZIONE DELLE MANIFESTAZIONI IN FORMA DIGITALE L approvazione di una manifestazione nazionale od internazionale comporta spesso la trasmissione
DettagliCorso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013
Corso di HTML Modulo L3 1-Concetti generali 1 Prerequisiti Browser Rete Internet Client e server 2 1 Introduzione In questa Unità introduciamo alcuni semplici elementi del linguaggio HTML, con il quale
DettagliNAVIGARE IN INTERNET (Dal latino inter e dall inglese net = tra la rete )
NAVIGARE IN INTERNET (Dal latino inter e dall inglese net = tra la rete ) 1.1 SE CONOSCIAMO L'INDIRIZZO - 1. ACCEDERE ALLE PAGINE WEB (Web = rete) APRIRE L' URL (Uniform Resource Locator), cioè l'indirizzo
DettagliPersonalizza. Page 1 of 33
Personalizza Aprendo la scheda Personalizza, puoi aggiungere, riposizionare e regolare la grandezza del testo, inserire immagini e forme, creare una stampa unione e molto altro. Page 1 of 33 Clicca su
DettagliConcetti Fondamentali
EXCEL Modulo 1 Concetti Fondamentali Excel è un applicazione che si può utilizzare per: Creare un foglio elettronico; costruire database; Disegnare grafici; Cos è un Foglio Elettronico? Un enorme foglio
DettagliUSARE 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à
DettagliAlla 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
DettagliIniziativa Comunitaria Equal II Fase IT G2 CAM - 017 Futuro Remoto. Esercitazione. Creazione di Diagrammi di Gantt con Win Project
ESERCITAZIONE Iniziativa Comunitaria Equal II Fase IT G2 CAM - 017 Futuro Remoto Esercitazione Creazione di Diagrammi di Gantt con Win Project ORGANISMO BILATERALE PER LA FORMAZIONE IN CAMPANIA CREAZIONE
DettagliAccess. Microsoft Access. Aprire Access. Aprire Access. Aprire un database. Creare un nuovo database
Microsoft Access Introduzione alle basi di dati Access E un programma di gestione di database (DBMS) Access offre: un supporto transazionale limitato Meccanismi di sicurezza, protezione di dati e gestione
DettagliCREARE PRESENTAZIONI CON POWERPOINT
CREARE PRESENTAZIONI CON POWERPOINT Creare presentazioni per proiettare album fotografici su PC, presentare tesi di laurea, o esporre prodotti e servizi. Tutto questo lo puoi fare usando un programma di
DettagliModulo. Programmiamo in Pascal. Unità didattiche COSA IMPAREREMO...
Modulo A Programmiamo in Pascal Unità didattiche 1. Installiamo il Dev-Pascal 2. Il programma e le variabili 3. Input dei dati 4. Utilizziamo gli operatori matematici e commentiamo il codice COSA IMPAREREMO...
DettagliPer 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,
DettagliCREAZIONE DI UN DATABASE E DI TABELLE IN ACCESS
CONTENUTI: CREAZIONE DI UN DATABASE E DI TABELLE IN ACCESS Creazione database vuoto Creazione tabella Inserimento dati A) Creazione di un database vuoto Avviamo il programma Microsoft Access. Dal menu
DettagliLezione Power Point. Eleonora Di Maria. Corso di Marketing
Lezione Power Point Eleonora Di Maria 1 Lezione Power Point 1. Caratteristiche del programma 2. Apertura di un nuovo documento 3. Cambiamento modello da Schema diapositiva - sfondo - titoli - carattere
DettagliIntroduzione 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
DettagliTutorial 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
Dettagli3.6 Preparazione stampa
Università degli Studi dell Aquila Corso ECDL programma START Modulo 3 - Elaborazione Testi 3.6 Preparazione stampa Maria Maddalena Fornari Impostazioni di pagina Le impostazioni del documento utili ai
Dettagliintranet.ruparpiemonte.it
ruparpiemonte Infopoint Manuale d'uso intranet.ruparpiemonte.it Indice 1. Accesso...3 2. Gestione categorie...3 3. Gestione argomenti...6 4. Gestione schede...7 5. Editor di testo...11 2 1. Accesso Si
DettagliUsare la webmail Microsoft Hotmail
Usare la webmail Microsoft Hotmail Iscriversi ad Hotmail ed ottenere una casella di posta Innanzitutto è necessario procurarsi una casella di posta elettronica (detta anche account di posta elettronica)
DettagliL interfaccia utente di Office 2010
L interfaccia utente di Office 2010 Personalizza la barra multifunzione Pagine: 3 di 4 Autore: Alessandra Salvaggio - Tratto da: Office 2010 la tua prima guida - Edizioni FAG Milano Ridurre la barra multifunzione
Dettagli