Spazio WEB: spazio fisico dove vengono memorizzate le pagine (15, 50, 100 Mb che si acquistano)
|
|
|
- Leona Morelli
- 8 anni fa
- Visualizzazioni
Transcript
1 1
2 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 è formato da tante pagine sottoforma di ipertesto. Spazio WEB: spazio fisico dove vengono memorizzate le pagine (15, 50, 100 Mb che si acquistano) Provider: società che gestisce il tuo spazio su un computer fornito di un software detto Server Web (IIS, Apache ecc..) dove ci sono anche altri siti. Con un particolare software si può risalire al luogo in cui si trova questo computer. Dominio: nome associato al tuo sito Web per distinguerlo da altri siti, quindi associato al tuo dominio ci sarà uno spazio web (es. Browser: software per vedere i siti e navigare al loro interno (Explorer, Netscape ecc..). Home page: è la pagina iniziale che il navigatore vede quando si collega al tuo sito che ha, in genere il nome index.html. SOFTWARE Editor di pagine WEB: ti consentono di creare pagine Web senza conoscere il linguaggio html con la tecnica del WYSIWYG (what you see is what you get) e possono essere gratuiti o a pagamento (front page). FTP: è un software che ti permette di trasferire il sito da te creato dal tuo computer al tuo dominio per la pubblicazione.. Anche questi si possono scaricare o vengono forniti con l acquisto del dominio. 2
3 Software di grafica: per inserire loghi, banner nel tuo sito o modificare foto (Photoshop) Come strutturare un sito Definire cosa mostrare e perché Es.: Affittare una casa - Descrizione - Posizione - Foto - Contatti Possiamo decidere che ogni voce dell elenco diventerà una pagina. Per creare il nostro sito andremo quindi a costruire ogni singola pagina. Queste avranno estensione.html e la Home page si chiamenrà index.html. Per scrivere il codice html utilizzeremo un editor di testo (es.: Blocco note). HTML Elementi fondamentali di una pagina scritta in html sono i tag che vengono interpretati per dare origine alla pagina visualizzata. I vari tag ci dicono, in codice html, quali sono i contenuti della pagina ed in che modo visualizzarli. Il Browser è in grado di tradurre questi segni mostrandoci l effetto grafico. I tag: sono di diverso tipo e sempre racchiusi tra <>, lavorano a coppia (apertura e chiusura) 3
4 Struttura di una pagina: <html> <head><title>titolo della pagina</title></head> <body>corpo della pagina</body> </html> I tag <head> e <title> danno il titolo al sito e sono molto importanti quando questo verrà cercato nei motori di ricerca (registrazione ed ottimizzazione dei siti web) All interno del tag <body> c è il corpo della pagina e quindi il suo contenuto I tag devono essere scritti preferibilmente in minuscolo e salvati con l estensione.html o.htm La mia prima pagina Aprire il Blocco note e scrivere il seguente codice. <html> <head><title>casa in affitto</title></head> <body>ciao a tutti</body> </html> Salvare il file con estensione.html. Per visualizzare il contenuto, cercare il file, che avrà l icona di Internet Explorer, ed eseguirlo. Principali tag Grassetto: <b> </b> Corsivo: <i> </i> Sottolineato: <u> </u> A capo: <br> 4
5 Per quanto riguarda il tag <br> non necessita di un tag di chiusura e, posto alla fine di un testo, ha l effetto di mandare a capo il testo successivo. Esercizio n.1 Creare una pagina in cui la scritta ciao a tutti risulti scritta 3 volte su 3 righe diverse una in grassetto, una in corsivo, una in sottolineato. <html> <head><title>casa in affitto</title></head> <body><b>ciao a tutti</b><br> <i>ciao a tutti</i><br> <u>ciao a tutti</u></body> </html> Alcuni TAG non hanno la necessità di specificare delle opzioni come ad esempio <b>, <i>, <u>, altri necessitano invece di specificare degli attributi ai quali corrispondono dei valori come <font> o <p>. In alcuni tag si possono inserire più attributi. Tipologia dei caratteri: <font face= Arial > </font> Dimensione: <font size= 3 > </font> Colore: <font color= # > </font> Il tag <font> utilizza gli attributi: face = imposta il tipo di carattere size = imposta la dimensione del carattere color = imposta il colore del carattere Nuovo paragrafo: <p> </p> Nuovo paragrafo: <div> </div> Allineamento: <p align= left,center,right > </p> 5
6 Il tag <p> serve per iniziare un nuovo paragrafo e con il suo uso si va a capo lasciando una riga vuota. Il tag <div> serve per iniziare un nuovo paragrafo senza lasciare una riga vuota. Entrambi utilizzano l attributo align per allineare il testo (left, center, right, justify) Esercizio n.2 Modificare l esercizio n. 1 cambiando i font ed inserendo le 3 righe in tre paragrafi. Formattare con il carattere Arial, colore Rosso, dimensione 4. Inserire un paragrafo allineato a sinistra uno al centro uno a destra. <html> <head><title>casa in affitto</title></head> <body><font face="arial" size ="4" color="red"><b>ciao a tutti</b> <p align="center"><i>ciao a tutti</p></i> <p align="right"><u>ciao a tutti</u></font></body> </html> Il tag <body > è utilizzato, anche per impostare vari attributi di visualizzazione per il documento come: Colore di sfondo: < body bgcolor="black > Immagine di sfondo: <body backgound ="sfondo.gif"> Colore del testo: <body backgound ="sfondo.jpg" text="white" > Titoli Un titolo è l elemento di un paragrafo che deve distinguersi dal testo normale in modo da risultare più evidente al lettore. Per i titoli HTML sono previsti sei livelli gerarchici. Il tag per definire un titolo è <hn >... </hn > dove n è un valore 6
7 che va da 1 a 6. Ciò significa che si possono avere sei livelli di titolazione, da <h1 > (livello superiore) a <h6 > (livello inferiore). In visualizzazione i titoli appaiono come paragrafi a sé stanti con caratteristiche di formattazione legate al livello di titolazione. Esercizio n.3 Creare una pagina web così strutturata utilizzando un colore di sfondo a scelta: DIVINA COMMEDIA INFERNO Primo Canto Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinnova la paura! <html> <head><title>divina Commedia</title></head> <body bgcolor="#cccccc"> <font face="arial" size ="4" color="red"> <h1 align="center">la DIVINA COMMEDIA</H1> <H2 align="center">inferno</h2> <h3 align="center">primo Canto</h3> <p align="center">nel mezzo del cammin di nostra vita <br> mi ritrovai per una selva oscura<br> ché la diritta via era smarrita.<br> Ahi quanto a dir qual era è cosa dura<br> esta selva selvaggia e aspra e forte<br> che nel pensier rinnova la paura! </font></body> </html> 7
8 Lampeggiamento <blink >... </blink > Il testo compreso tra questi due tags lampeggia. Riga orizzontale <hr > Istruzione non accoppiata che crea una barra orizzontale di separazione fra un paragrafo e l'altro e prevede i seguenti attributi: size = "numero" (numero in pixel o % p.e. 50%) width = "pixel" align = valore (left, rigth, center) NOSHADE Il valore dell'attributo WIDTH può essere anche espresso in percentuale della client-area del browser. Ad esempio, WIDTH=100% disegna una riga lungo tutta la larghezza dello schermo; WIDTH=50% disegna una riga di lunghezza pari alla metà di quella della finestra. Elenchi puntati Per inserire in una pagina un elenco puntato possiamo scegliere l elenco ordinato o quello disordinato. Elenco disordinato: <ul> <li > voce a <li> vove b <li > voce c </ul > Al tag <ul > si può aggiungere l attributo type= tipo di simbolo che permette di scegliere un simbolo personalizzato. I valori previsti sono: disc: punto pieno circle: punto vuoto square: quadrato nero 8
9 Elenco ordinato: <ol> <li> voce a <li> voce b <li> voce c </ol> Si può aggiungere l attributo type = tipo di numerazione che permette di scegliere numeri o lettere. I valori previsti sono: 1 : numeri arabi I : numeri romani maiuscoli i : numeri romani minuscoli A : lettere maiuscole a : lettere minuscole Si può anche usare l attributo start= numero per far iniziare il conteggio da un qualsiasi valore. Una eventuale intestazione dell elenco viene contenuta tra i tags <lh> </lh>. Esercizio n.4 Creare una pagina che contenga l indice del testo di informatica in cui, dopo ogni capitolo sia inserita una riga orizzontale colorata, a scelta il tipo di elenco, il simbolo utilizzato e la formattazione della pagina. 9
10 <html> <head><title>testo di informatica</title></head> <body bgcolor="#ffcc33"> <font face="arial" size ="4" color="#cc0000"> <h1 align="center">ambienti SOFTWARE PER DATABASE</H1> <UL TYPE="square"> <LH><b>Unità 1</b></LH> <LI> Il programma Access</A> <LI> Tabelle <LI> Query</A> <LI> Maschere <LI> Report </UL> <HR width="50%" align="center" color="#cc0000"> <UL> <LH><b>Unità 2</b></LH> <LI> Il linguaggio SQL <LI> Identificatori e tipi di dati <LI> Definizione delle tabelle <LI> Manipolazione dei dati <LI> Le funzioni di aggregazione <LI> Query di comando </UL> <HR width="50%" align="center" color="#cc0000"> <UL> <LH><b>Unità 3</b></LH> <LI> Programmazione in Access <LI> Le macro <LI> Gli eventi <LI> Le routine evento <LI> I moduli Access <LI> Caratteristiche del linguaggio Visual Basic </UL> </font></body> </html> 10
11 Collegamenti Un sito web viene progettato come un ipertesto così da poter leggere ciò che contiene non solo in modo sequenziale ma passando velocemente alle parti che ci interessano. Il linguaggio HTML permette di creare i seguenti tipi di collegamento: Collegamenti tra parti del medesimo documento Collegamenti tra documenti diversi, ma collocati sullo stesso elaboratore Collegamenti tra documenti dislocati su diversi siti Internet Il tag <a> con il suo tag di chiusura </a> serve a definire il punto di partenza e il punto d arrivo del collegamento. Gli attributi sono: href = collegamento ipertestuale (hypertestreference) name=stringa di caratteri (nome del punto d arrivo) Collegamenti tra parti del medesimo documento Quando una pagina è molto lunga si possono creare dei collegamenti all interno della stessa pagina che permettono al lettore di saltare facilmente da un punto all altro. Si definiscono, per prima cosa, le destinazioni (ancore) nei punti prescelti con il tag <a name = nomelink > </a> che da il nome al punto di destinazione. Si crea poi il collegamento che ci manda alla destinazione: <a href= #nomelink >link</a> Esercizio n.5 Creare un collegamento interno nella pagina dell esercizio n.4 in modo che cliccando sul testo Il programma access si visualizzi il paragrafo ACCESS secondo l esempio che segue. 11
12 <UL TYPE="square"> <LH><b>Unità 1</b></LH> <LI> <A href="#access">il programma Access</A> <LI> Tabelle.. <h2 align="center"> <A name= access">access</a></h2><br> Il programma si presenta con la stessa interfaccia grafica dei prodotti per Windows, con barra<br> del titolo, barra dei menù, icone sulla barra degli strumenti ecc..<br> Collegamenti a documenti diversi collocati sullo stesso computer Si può creare un collegamento ad una file collocato sullo stesso computer per aprire un altra pagina web cliccando sul link. <a href = nomedelfile.html > Apri pagina</a> Si può anche creare un link per scaricare un file: <a href = nomedelfile.zip >Scarica file</a> Se il file è posizionato in una cartella diversa da quella in cui si trova la nostra pagina, si deve indicare, oltre al nome, il percorso del file. Esercizio n.6 Creare una nuova pagina con un paragrafo del nostro testo e poi creare nella pagina es. 4 un link che la richiama. 12
13 Collegamenti a documenti collocati su diversi siti internet Per creare un collegamento ad un altro sito web è sufficiente inserire l indirizzo completo: <a href = http// > Sito della scuola</a> Si può anche inserire un indirizzo cliccabile per ottenere l invio quasi automatico del messaggio: <a href = lttd02000b@istruzione.it >Scrivi per informazioni</a> Collegamenti ad immagini Si può creare un collegamento ad una immagine in modo da visualizzare l immagine cliccando sul link oppure inserire nella nostra pagina una immagine cliccabile in modo che cliccando sull immagine si apra un altra pagina, un altro sito, un altra sezione ecc 1) <a href = foto.jpg > Vai a foto</a> 2) <a href = nomepaginadaprire.html ><img src= nomeimmagine.jpg ></a> I file immagine che utilizziamo devono avere una estensione: jpg, bmp ecc Immagini Possiamo anche semplicemente inserire una immagine nella nostra pagina con il tag : <img src= nomeimmagine.jpg > Questo tag non prevede un tag di chiusura. 13
14 L immagine appare allineata alla riga del testo nelle sue dimensioni originali, con gli attributi di questo tag possiamo però modificarne le dimensioni. Attributi: width e height = Questi attributi servono per definire rispettivamente larghezza e altezza dell'immagine e se vengono omessi il browser penserà lui a cercarle automaticamente. Ecco la sintassi: <img src="immagine.gif" width=150 height =170 > Dove width=150 è la dimensione orizzontale (larghezza) dell'immagine espressa in pixel, e height=180 la dimensione verticale (altezza). border = Con questo attributo è possibile assegnare un bordo all'immagine. Più grande è il numero di pixel che noi indichiamo più grande è il bordo, se diamo il valore 0 non viene visualizzato nessun bordo. Se questo attributo viene omesso il browser non assegna nessun bordo, ma se l'immagine è anche un link viene automaticamente assegnato un border=1. <img src="immagine.gif" width =150 height =170 border =2 > hspace e vspace = Con questi due attributi è possibile stabilire la distanza in pixel dell'immagine dagli oggetti che si trovano ai quattro lati della stessa. hspace definisce la distanza dai lati destro e sinistro dell'immagine degli oggetti più vicini (testo, immagini, applet ecc.). vspace definisce la distanza dai lati superiore e inferiore dell'immagine degli oggetti più vicini (testo, immagini, applet ecc.). <img src ="immagine.gif" width =178 height =180 border =2 vspace=3 hspace=3 > 14
15 align = Questo attributo permette di definire la posizione dell'immagine rispetto al testo cioè prima, dopo. attributi top: allinea la prima riga di testo sulla sinistra al top dell'immagine. middle: allinea la prima riga di testo sulla sinistra al centro dell'immagine. bottom: allinea la prima riga di testo sulla sinistra nella parte più bassa dell'immagine. left: allinea il testo sulla destra dell'immagine partendo dal top. right: allinea il testo sulla sinistra dell'immagine partendo dal top. Inserire una musica di sottofondo Per inserire un suono ad esempio un file MIDI si usa il comando <bgsound > (che però funziona solo con Explorer) e con loop indichiamo il numero delle volte che il midi deve essere ripetuto. <bgsound src ="suono.mid" loop = infinite> Per rendere possibile l'apertura automatica di un files audio sia con MSIE che con Netscape, si deve usare il comando <embed> <embed src ="suono.mid" auto start = true loop =true> In entrambi i casi è possibile inserire oltre ai file MIDI anche files.wav. E' chiaro che se il file musicale si trova al di fuori della directory dove c'è la homepage, bisogna indicare il percorso corretto es. "../musica/suono.mid" 15
16 Tabelle Le tabelle sono molte utilizzate all'interno dei siti web perché permettono di dare una struttura e un ordine al contenuto anche a pagine molto complesse. Per inserire una tabella usiamo i tag <table> </table>. Le dimensioni vengono definite con width (larghezza) e height (altezza) e possono essere espresse in pixel o in percentuale della pagina: <table width =200> </table> In questo caso la larghezza della tabella viene espressa in pixel, quindi se si sceglie questa opzione, a qualsiasi risoluzione venga vista la pagina, la misura della tabella rimarrà invariata, cioè di 200 pixel. Se si sceglie una grandezza in percentuale della pagina la tabella sarà diversa a seconda della risoluzione video utilizzata esempio: <table width =50%> </table> L'attributo <table> genera la tabella mentre con <tr> e <td> si definiscono i campi presenti all'interno di tale tabella. 16
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:
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 , ,...,
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
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
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,
Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML
Reti Linguaggio HTML 1 HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup:
Creare un sito web in html. Creare un sito web in html Prof.ssa Amalia Di Giacomo
Creare un sito web in html Cosa impareremo Cos è una pagina web Come strutturare una pagina web Formattazione del testo Link e menù di navigazione Inserire immagini Motori di ricerca (posizionamento dei
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
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
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
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
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
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
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
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
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
Sistema operativo. Sommario. Sistema operativo...1 Browser...1. Convenzioni adottate
MODULO BASE Quanto segue deve essere rispettato se si vuole che le immagini presentate nei vari moduli corrispondano, con buona probabilità, a quanto apparirà nello schermo del proprio computer nel momento
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
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
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
Figura 54. Visualizza anteprima nel browser
Per vedere come apparirà il nostro lavoro sul browser, è possibile visualizzarne l anteprima facendo clic sulla scheda Anteprima accanto alla scheda HTML, in basso al foglio. Se la scheda Anteprima non
Esame 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
HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language) E un linguaggio di scrittura di pagine per Internet (pagine web) nato nel 1992. E un linguaggio di marcatura ipertestuale Non è un linguaggio di programmazione, in quanto
MAUALE 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:
www.spreamedia.it PICCOLI ANNUNCI
www.spreamedia.it PICCOLI ANNUNCI Abbiamo realizzato un servizio fatto apposta per te. Un sito web semplice e veloce per acquistare e fare da solo la tua pubblicità. Risparmi tempo e denaro. Ecco qui di
I PRINCIPALI TAG DEL LINGUAGGIO HTML
Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo
2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento.
Uso del computer e gestione dei file 57 2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento. All interno
Leggere un messaggio. Copyright 2009 Apogeo
463 Leggere un messaggio SyllabuS 7.6.3.3 Per contrassegnare un messaggio selezionato puoi fare clic anche sulla voce di menu Messaggio > Contrassegna messaggio. Marcare, smarcare un messaggio I messaggi
[FINANZAECOMUNICAZIONE / VADEMECUM]
![[FINANZAECOMUNICAZIONE / VADEMECUM]](/thumbs/24/2375461.jpg "[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,
Cimini Simonelli - Testa
WWW.ICTIME.ORG HTML Manuale introduttivo al linguaggio HTML Cimini Simonelli - Testa v.2-11/01/2008 Sommario Introduzione... 3 Formattazione della pagina... 4 Inserire un colore di sfondo... 4 Inserire
4.1.1.1 APRIRE UN PROGRAMMA DI FOGLIO ELETTRONICO
4.1 PER INIZIARE 4.1.1 PRIMI PASSI COL FOGLIO ELETTRONICO 4.1.1.1 APRIRE UN PROGRAMMA DI FOGLIO ELETTRONICO L icona del vostro programma Excel può trovarsi sul desktop come in figura. In questo caso basta
Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML. Elisa Quintarelli-Laura Mandelli. HyperText Markup Language
Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML Elisa Quintarelli-Laura Mandelli 1 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized
Corso 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
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
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
On-line Corsi d Informatica sul web
On-line Corsi d Informatica sul web Corso base di FrontPage Università degli Studi della Repubblica di San Marino Capitolo1 CREARE UN NUOVO SITO INTERNET Aprire Microsoft FrontPage facendo clic su Start/Avvio
Usare 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)
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.
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
WWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &#"#2
! "#$" %% $"$&&"'& $%%& $'&( ) *+&, ) && *+ ( -./ WWW (World Wide Web)!& ( # (&%#(!(&&( %% (*0 #,% )0#1( &#"#2 Siti Web pagine Web: documenti pronti per essere registrati su un server Internet residenza
FISH Sardegna ONLUS. www.fishsardegna.org. Manuale Utente. www.fishsardegna.org
FISH Sardegna ONLUS Manuale Utente Note generali: Il sito è costruito su CMS Drupal 7. Per avere maggiori informazioni su Drupal si puo consultare online il portale ufficiale http://drupal.org/( in inglese)
Personalizza. Page 1 of 33
Personalizza Aprendo la scheda Personalizza, puoi aggiungere, riposizionare e regolare la grandezza del testo, inserire immagini e forme, creare una stampa unione e molto altro. Page 1 of 33 Clicca su
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,
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
NAVIGAORA HOTSPOT. Manuale utente per la configurazione
NAVIGAORA HOTSPOT Manuale utente per la configurazione NAVIGAORA Hotspot è l innovativo servizio che offre ai suoi clienti accesso ad Internet gratuito, in modo semplice e veloce, grazie al collegamento
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
7.4 Estrazione di materiale dal web
7.4 Estrazione di materiale dal web Salvataggio di file Salvataggio della pagina Una pagina web può essere salvata in locale per poterla consultare anche senza essere collegati alla Rete. Si può scegliere
Istruzioni per l installazione del software per gli esami ICoNExam (Aggiornate al 15/01/2014)
Istruzioni per l installazione del software per gli esami ICoNExam (Aggiornate al 15/01/2014) Il software per gli esami ICON può essere eseguito su qualunque computer dotato di Java Virtual Machine aggiornata.
Word è un elaboratore di testi in grado di combinare il testo con immagini, fogli di lavoro e
Word è un elaboratore di testi in grado di combinare il testo con immagini, fogli di lavoro e grafici, tutto nello stesso file di documento. Durante il lavoro testo e illustrazioni appaiono sullo schermo
lezione 4 I collegamenti
lezione 4 I collegamenti In questa lezione conoscerai gli elementi necessari per arricchire le tue pagine Web di collegamenti ipertestuali. l documenti creati con il linguaggio Html, come spiegato nella
WORD per WINDOWS95. Un word processor e` come una macchina da scrivere ma. con molte più funzioni. Il testo viene battuto sulla tastiera
WORD per WINDOWS95 1.Introduzione Un word processor e` come una macchina da scrivere ma con molte più funzioni. Il testo viene battuto sulla tastiera ed appare sullo schermo. Per scrivere delle maiuscole
La pagina di Explorer
G. Pettarin ECDL Modulo 7: Internet 11 A seconda della configurazione dell accesso alla rete, potrebbe apparire una o più finestre per l autenticazione della connessione remota alla rete. In linea generale
FONDAMENTI DI INFORMATICA. 3 Elaborazione testi
FONDAMENTI DI INFORMATICA 3 Elaborazione testi Microsoft office word Concetti generali Operazioni principali Formattazione Oggetti Stampa unione Preparazione della stampa Schermata iniziale di Word Come
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
CREAZIONE 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
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
Università 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
MS Word per la TESI. Barra degli strumenti. Rientri. Formattare un paragrafo. Cos è? Barra degli strumenti
MS Word per la TESI Barra degli strumenti Cos è? Barra degli strumenti Formattazione di un paragrafo Formattazione dei caratteri Gli stili Tabelle, figure, formule Intestazione e piè di pagina Indice e
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
MICROSOFT WORD Word è un applicazione che permette di scrivere ed elaborare testi.
MICROSOFT WORD Word è un applicazione che permette di scrivere ed elaborare testi. Non è solo un text editor ma è un word processor (permette cioè di modificare l impaginazione, di inserire immagini e
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
Informatica per la comunicazione" - lezione 10 -
Informatica per la comunicazione" - lezione 10 - Evoluzione del Web" Nell evoluzione del Web si distinguono oggi diverse fasi:" Web 1.0: la fase iniziale, dal 1991 ai primi anni del 2000" Web 2.0: dai
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
Guida all utilizzo del CMS Drupal e alla gestione dei contenuti
Guida all utilizzo del CMS Drupal e alla gestione dei contenuti 1. Come accedere al CMS di Drupal Per accedere al sistema di gestione dei contenuti, occorre digitare l indirizzo del sito da aggiornare
Lavorare con le immagini
Lavorare con le immagini Domande più frequenti D: Ho importato alcune immagini PNG molto grandi e adesso il mio sito e molto lento. Come mai? R: Il formato PNG non è il più adatto per immagini di grandi
MANUALE PORTALE UTENTE IMPRENDITORE
MANUALE PORTALE UTENTE IMPRENDITORE Indice 1. REQUISITI MINIMI DI SISTEMA E CONTATTI PROGETTO RIGENER@... 3 2. IL PORTALE RIGENER@... 4 2.1 ACCESSO ALLE AREE PRIVATE... 7 2.1.1 Accesso al sito con Windows
federica.mazzocchi@gmail.com - 3292365399
SELEZIONARE PIU COSE INSIEME - Se sono tutte una dopo all altra: - clic sul primo oggetto - tenere premuto - clic sull ultimo - Se sono sparse: - tenere premuto ctrl - premere sui vari oggetti - lasciare
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
Capitolo 3. L applicazione Java Diagrammi ER. 3.1 La finestra iniziale, il menu e la barra pulsanti
Capitolo 3 L applicazione Java Diagrammi ER Dopo le fasi di analisi, progettazione ed implementazione il software è stato compilato ed ora è pronto all uso; in questo capitolo mostreremo passo passo tutta
Access. 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
Modulo 6 Strumenti di presentazione
Modulo 6 Strumenti di presentazione Gli strumenti di presentazione permettono di realizzare documenti ipertestuali composti da oggetti provenienti da media diversi, quali: testo, immagini, video digitali,
Maria Grazia Ottaviani. informatica, comunicazione e multimedialità
Maria Grazia Ottaviani informatica, comunicazione e multimedialità Unità digitale 1 Ambiente HTML Introduzione Oltre ai linguaggi di programmazione esistono anche linguaggi detti markup. Sono linguaggi
Guida a Theblog.net. cioè il sito è raggiungibile da due indirizzi, ma i contenuti sono gli stessi.
1 PRIMA PARTE 0) inserisci un commento 1) login 2) scrivi un post 3) (nel post) inserisci un immagine Il blog ha l indirizzo http://newblogpadova.theblog.net ma anche l alias http://049peoplesay.theblog.net
HTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO
HTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO Introduzione 2 HTML è l'acronimo di Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti") e non è un linguaggio
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
RILEVA LIGHT Manuale dell Utente
RILEVA LIGHT Manuale dell Utente 1. COME INSTALLARE RILEVA LIGHT (per la prima volta) NUOVO UTENTE Entrare nel sito internet www.centropaghe.it Cliccare per visitare l area riservata alla Rilevazione Presenze.
Database 1 biblioteca universitaria. Testo del quesito
Database 1 biblioteca universitaria Testo del quesito Una biblioteca universitaria acquista testi didattici su indicazione dei professori e cura il prestito dei testi agli studenti. La biblioteca vuole
LEZIONE NO. 4: IMMAGINI E LINK: <IMG> <A HREF> DI ATTILIO ABBIEZZI
HTML BASE LEZIONE NO. 4: IMMAGINI E LINK: DI ATTILIO ABBIEZZI FONTI: HTML.IT 1 inserire immagini Internet, solo negli ultimi 10 anni affermatasi come media di massa, è stato per lunghi
Bookenberg non è un softwere ma una piattaforma online, quindi:
Tutorial le basi Bookenberg non è un softwere ma una piattaforma online, quindi: - non devi installare nulla sul tuo computer - vai sul sito, ti registri e sei operativo Nella sezione LIBRO usa l icona
Laboratorio di Informatica
Laboratorio di Informatica Introduzione a Word Introduzione a Word Software per l'elaborazione di testi della suite MS Office creazione, modifica, formattazione, controllo ortografico, ecc. WYSIWYG: What
Gestire immagini e grafica con Word 2010
Gestire immagini e grafica con Word 2010 Con Word 2010 è possibile impaginare documenti in modo semi-professionale ottenendo risultati graficamente gradevoli. Inserire un immagine e gestire il testo Prima
Corso Creare Siti WEB
Corso Creare Siti WEB INTERNET e IL WEB Funzionamento Servizi di base HTML CMS JOOMLA Installazione Aspetto Grafico Template Contenuto Articoli Immagini Menu Estensioni Sito di esempio: Associazione LaMiassociazione
Scuola Digitale. Manuale utente. Copyright 2014, Axios Italia
Scuola Digitale Manuale utente Copyright 2014, Axios Italia 1 SOMMARIO SOMMARIO... 2 Accesso al pannello di controllo di Scuola Digitale... 3 Amministrazione trasparente... 4 Premessa... 4 Codice HTML
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
INSERIRE 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
CAPITOLO VI. Internet Termini più usati Apparecchiature necessarie Software necessari Avviare Internet explorer Avviare Outlook Express
CAPITOLO VI Internet Termini più usati Apparecchiature necessarie Software necessari Avviare Internet explorer Avviare Outlook Express 45 46 INTERNET INTERNET è un collegamento in tempo reale tra i computer
Cos è 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
CERCARE UN FILE SOLO IN UNA DETERMINATA CARTELLA
LA FUNZIONE CERCA DI WINDOWS Vuoi trovare velocemente un documento, un'immagine, o un generico file che si trova nel tuo PC? In Windows, esiste una utility (il programma CERCA) che svolge questa funzione.
La Stampa Unione. Individuare la lista indirizzi per la Stampa Unione
La Stampa Unione La Stampa unione consente di personalizzare con il nome, il cognome, l'indirizzo e altri dati i documenti e le buste per l'invio a più destinatari. Basterà avere un database con i dati
Guida all uso di Java Diagrammi ER
Guida all uso di Java Diagrammi ER Ver. 1.1 Alessandro Ballini 16/5/2004 Questa guida ha lo scopo di mostrare gli aspetti fondamentali dell utilizzo dell applicazione Java Diagrammi ER. Inizieremo con
Manuali.net. Nevio Martini
Manuali.net Corso base per la gestione di Siti Web Nevio Martini 2009 Il Linguaggio HTML 1 parte Introduzione Internet è un fenomeno in continua espansione e non accenna a rallentare, anzi è in permanente
4. 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
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
[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
Client - Server. Client Web: il BROWSER
Client - Server Client Web: il BROWSER Il client Web è un applicazione software che svolge il ruolo di interfaccia fra l utente ed il WWW, mascherando la complessità di Internet. Funzioni principali Inviare
creare la tua vetrina MMSHOPS
Impara in 60 minuti a creare la tua vetrina MMSHOPS Corso di apprendimento rapido EUROTEAM 2014 (www.euroteam.it) 1 I componenti della vetrina MMSHOPS si basa su concetto molto semplice: il nome del file
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
FtpZone Guida all uso Versione 2.1
FtpZone Guida all uso Versione 2.1 La presente guida ha l obiettivo di spiegare le modalità di utilizzo del servizio FtpZone fornito da E-Mind Srl. All attivazione del servizio E-Mind fornirà solamente
19. LA PROGRAMMAZIONE LATO SERVER
19. LA PROGRAMMAZIONE LATO SERVER Introduciamo uno pseudocodice lato server che chiameremo Pserv che utilizzeremo come al solito per introdurre le problematiche da affrontare, indipendentemente dagli specifici
TUTORIAL PER POWER POINT 2003
TUTORIAL PER POWER POINT 2003 Avvia il programma Power Point dal pulsante Start >Tutti i programmi > Microsoft Office > Power Point 2003 Dopo l apertura della finestra, nella barra dei Menu Formato seleziona