Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1
|
|
|
- Letizia Lamberti
- 8 anni fa
- Visualizzazioni
Transcript
1 Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1
2 Chi può riuscire a creare pagine HTML? La realizzazione di pagine web non eccessivamente sofisticate è alla portata di tutti, basta affrontare con un pò di impegno e buona volontà lo studio dei fondamenti del linguaggio HTML.
3 Cos'è HTML? HTML non si tratta di un linguaggio di programmazione, ma piuttosto di un linguaggio di formazione della pagina. HTML è detto linguaggio di "marcatura": un linguaggio costruito da un insieme di ISTRUZIONI(che definiamo tag o marcatori)che vanno inseriti all'interno del documento che si intende comporre. Tali istruzioni informeranno il browser, ad esempio, su quale parte del testo sia un titolo, quale parte vada interpretata con un link ipertestuale, in che punto della pagina vadano visualizzate le immagini e quali immagini occorre caricare e visualizzare, e cosi via.. In termini tecnici i marcatori descrivono gli elementi di cui un documento è composto.
4 Come deve essere salvato il documento Html? Se ad esempio stiamo utilizzando un qualsiasi word processor(programma utilizzata per scrivere) per creare la pagina HTML, arriviamo ad un punto che dobbiamo salvare il nostro file.. dobbiamo ricordarci di salvare i file in suffisso.htm e non.html perché il sistema DOS non permette ai suffissi dei nomi del file di superare i 3 caratteri ; e non nel formato proprietario del word processor utilizzato. Il documento HTML è dunque un unico file codificato in ASCII che include sia il contenuto che vogliamo far visualizzare al browser, sia le istruzioni usate per spiegare al programma come elaborare quel contenuto.
5 Concetto di base per iniziare a scrivere in HTML Per distinguere i marcatori Html dal contenuto testuale vero e proprio si usa un particolare artificio sintattico: ogni istruzione deve essere racchiusa fra parentesi acute < (minore) e > (maggiore), in questo modo.. esempio: <marcatore> Questa marcatura sopra elencata assegna ad una data stringa o blocco di testo una particolare funzione, ma per chiudere e terminare questo lasso si blocco di testo ci vuole un altro marcatore uguale a quello iniziale, solo è preceduto dal carattere / (slash).. esempio: <marcatore> testo in cui si riferisce il marcatore </marcatore>
6 Iniziamo a scrivere in HTML!!! Ogni documento HTML, a un suo vincolo sintattico. Questi tag o marcatori devono essere racchiusi tra una coppia di marcatori (iniziale nel documento) e (nel finale del documento) perché alcuni browser devono essere informati su quale porzione di testo è necessario applicare l interpretazione del linguaggio. Non e il solo vincolo sintattico ma dentro questo marcatore a bisogno dell intestazione di altri marcatori cioè una sezione intestazione contenente informazioni sul titolo e sulle altre caratteristiche della finestra nella quale il documento viene visualizzato, e <body> cioè una selezione corpo che contiene il documento vero e proprio. In conseguenza ogni documento HTML avrà la seguente forma:... intestazione del documento cioè l intestazione della pagina... <body>... contenuto del documento (sfondo, immagini, testo ecc.. )
7 Inserimento di una intestazione A ogni pagina HTML può essere associato un titolo che ne descrive il contenuto e che viene riportato nella barra del titolo della finestra del browser di internet. Il titolo e usato per identificare il documento e per ricordare il contenuto. Questa intestazione di un documento deve essere inserita tra i marcatori e può essere inserita con l'elemento <title>.. esempio: <body> Ecco come viene visualizzato:
8 Inserimento di documenti Per inserimento di un documento deve essere inserita tra i marcatori <body>... Esempio in questa nuova pagina html iniziamo inserendo un titolo con il marcatore <h1>, i titoli possono essere anche più di uno e si possono inserire con altri marcatori basta cambiare il numero di h esempio il secondo titolo si mette il marcatore <h2> il terzo <h3> e cosi via.. Questi titoli e commenti si possono anche centrare o spostarli a destra e sinistra con l aggiunta di l attributo align= e l aggiunta di center (centro) left (sinistra) right (destra) nel marcatore.. esempio: <h1> Primo Titolo</h1> <h1 align= center > Primo Titolo </h1> E inseriamo anche dei commenti che si inseriscono con dei marcatori <p>. Ecco un esempio di pagina html: <body> <h1> Primo Titolo </h1> <h2 > Secondo Titolo </h2> <h3> Terzo Titolo </h3> <p> commenti e inserimento di testo nella pag HTML </p>
9 Inserire una lista in HTML Per inserire una lista html bisogna inserire il marcatore tra i marcatori <body> Le liste possono essere numerate (ad ogni voce della lista e assegnato automaticamente un numero progressivo): 1)prima voce 2)seconda voce 3)ecc.. <ul> </ul> Queste liste si possono creare con il marcatore <ul> e con i sottomarcatori <li> per evidenziare le voci delle liste Esempio: <li> prima voce </li> <li> seconda voce </li> <li> ecc </li>
10 O non numerate (ogni voce della lista viene preceduta da un pallino) Voce Voce Ecc.. <ol> </ol> Con il marcatore <ol> e sottomarcatore sempre <li> esempio: <li> prima voce </li> <li> seconda voce </li> <li> ecc </li>
11 Un esempio di pag html: <body> <h1> LISTE </h1> <p> liste : </p> <ol> <li> prima voce </li> <li> seconda voce </li> <li> ecc </li> </ol> <p> liste : </p> <ul> <li> prima voce </li> <li> seconda voce </li> <li> ecc </li> </ul>
12 Inserimento di caratteri speciali Una limitazione di HTML e la scrittura e la trasmissione di caratteri speciali e lettere accentate. Per questo sono stati creati dei comandi Esempio: Publicità CARATTERE COMANDO CARATTERE COMANDO CARATTERE COMANDO à à ò ò È É è è ù ù Ì Í é é À À Ò Ó ì ì È È Ù Ú > > & & < < "
13 Stili di scrittura Molto spesso abbiamo bisogno di stili per l attenzione del lettore.. Dei stili come Grassetto, Corsivo, Sottolineato. Questi stili in Html si divide in 2 stili: stile logico, stile fisico. Lo stile logico è un marcatore formato da più caratteri e specificano una funzione logica.. Lo stile fisico e piuttosto per indicare come tale sequenza e resa tipograficamente Ma questi comandi hanno delle funzioni analoghe. I principi marcatori sono i seguenti: Marcatori <strong> <strong> <em> </em> <cite> </cite> <anddress> </anddress> Marcatori <b> </b> <u> </u> <i> </i> <big> </big>, <small> </small> Stile logico Testo rilevato (Grassetto) Testo enfatizzato (Corsivo) Testo citato(corsivo) Indirizzo (Corsivo o Grassetto piccolo) Stile logico Grassetto Sottolineato Corsivo Grande, Piccolo
14 Righe L elemento <hr> ha lo scopo di inserire una linea orizzontale fra blocchi di testo o immagini all interno di una pagina web. Si tratta di un marcatore che non richiede tag di chiusura. <hr> (linea orizzontale) <hr size= numero > (linea orizzontale marcata) <hr width= numero > (linea con numero di lunghezza di pixel) <body> <h1>titolo</h1> <p>testo</p> <hr> <hr size="10"> <hr width="250"> <p>testo</p>
15 L elemento <div> Questo elemento <div> usato così serve primariamente come contenitore per riunire una serie di elementi senza nessun risultato. Ma questo elemento affiancato con alcuni attributi come align= center ecc fa si che il contenitore sposti tutti elementi centrati <body> <div align="center"> <h1>titolo</h1> <p>testo</p> <p>testo</p> </div> <p>testo</p> <p>testo</p>
16 Cos e un link? Il link e un collegamento ad altri oggetti, immagini, pagine, documenti e siti. Con i link si effettuano riferimenti a file oppure altre parti del documento stesso. Il link appare sulla pagina come un immagine, un animazione o semplicemente con una parola o frase. Di norma sottolineata e di colore blu: passando su di esso il puntatore del mouse si trasforma in manina; questo simbolo indica che si può attivare il collegamento premendo il tasto del mouse. Invece quando il link e stato già, di solito assume il colore rosso porpora. Esempio di Link: <a href= indirizzo del file esempio( C:\Users\Windows\Desktop ) > frase, parola o immagine </a> <a href= indirizzo del sito esempio( ) > frase, parola o immagine </a> E molto importante mettere il prefisso al sito per il funzionamento. Esempio : <body> <h1>titolo</h1> <a href="c:\users\windows\desktop\immagine.jpg"> clicca qui </a> <br> <a href=" sito google </a>
17 Immettere un immagine I browser per internet sono in grado di visualizzare immagini che sono state memorizzate in uno dei diversi formati grafici. In particolare i formati grafici più usati sono.jpeg.gif. Le immagini possono essere inserite all interno di un documento HTML tramite: <img src= indirizzo immagine > L immagine si puo anche spostare cn il comando <img src= indirizzo immagine align= left (sinista), right(destra) > Esempio : <body> <h1>titolo</h1> <img src= immagine.jpg >
18 Sfondi in HTML In HTML si possono avere due tipi di sfondi : A tinta unita : per assegnare un colore di fondo a una pagina si usa il tag bgcolor all interno della selezione <body>. Per esempio il tag: <body bgcolor= yellow > o <body bgcolor= FFFFE0 > consente di visualizzare una pagina con lo sfondo giallo. Esempio : <body bgcolor= FFFFE0 > <h1>titolo</h1>
19 Con immagine di fondo : per assegnare un immagine di fondo a una pagina si usa il tag background all interno della selezione <body>. Se l immagine è più piccola rispetto alla pagina, essa viene automaticamente duplicata e affiancata alle sue coppie come mattonelle su una parete. Per esempio il tag : <body background = destinazione > Esempio : <body background = immagine.jpg > <h1>titolo</h1>
20 Colore e dimensione del testo Per la colorazione di tutto il testo avviene proprio come quella dello sfondo ma cambiando il tag e usando text all interno della selezione <body>. Per esempio il tag: <body text= blue > consente di visualizzare una pagina con il testo blu. Esempio : <body text= blue > <h1>titolo</h1> <p>testo</p>
21 Ma il testo può essere anche colorato e dimensionato individualmente frase per frase, Questo avviene cn il tag <font>. Per colorare il testo si usa: <font color= colore > Mentre per il dimensionamento si usa: <font size= numero dimensione > Questi due tag si possono anche dichiarare insieme nel seguente modo : <font size= numero dimensione color= colore > Esempio : <body> <h1>titolo</h1> <p><font color="red">testo</font></p> <p><font size="7">testo</font></p> <p><font color="pink" size="5"> testo</font></p>
22 Creare una tabella Le tabelle in HTML sono usate per la composizione di gabbie grafiche all interno delle quali disporre testo e grafica di una pagina web. Infatti grazie alle tabelle, il testo si può organizzare in più colonne, si possono colorare di colore diverso. Una tabella viene codificata con la mediante il tag <table> ed e composta mediante delle righe, segnalate con il tag <tr>, a loro volta articolate con più colonne mediante il tag <td>. Attenzione per visualizzare il bordo si usa l attributo border= numero di grandezza del bordo. Per esempio il tag: <table> oppure <table border= 1 > <tr><td>contenuto cella</td><td>contenuto cella</td></tr> </table> <body> <h1>titolo</h1> <table> Esempio : <tr><td>contenuto cella</td><td>contenuto cella</td></tr> </table> <table border="1"> <tr><td>contenuto cella</td><td>contenuto cella</td></tr> <tr><td>contenuto cella</td><td>contenuto cella</td></tr> </table>
Comandi principali del linguaggio HTML (Hyper Text Markup Language)
Comandi principali del linguaggio HTML (Hyper Text Markup Language) Caratteristiche di HTML HTML è un linguaggio di formattazione (markup) di documenti ed è il linguaggio base per produrre documenti per
Linguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:
Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: SIZE= numero per modificare le dimensioni Es:
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 , ,...,
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
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,
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
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
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.
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
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 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
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,
- La formattazione con foglio di stile esterno: Come realizzare e collegare un file con codice di stile ad una pagina web.
I fogli di stile. Argomenti trattati: - La formattazione con foglio di stile interno: Come dichiarare lo stile di una pagina web all'interno del suo codice. - Ereditarietà e selettori contestuali: Come
Richiami sugli elementi del linguaggio HTML
Richiami sugli elementi del linguaggio HTML Un documento in formato Web può essere aperto con un browser, attraverso un collegamento a Internet oppure caricandolo dal disco del proprio computer senza connettersi
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
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
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
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
UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.
UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come o . Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui
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
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
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:
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
TEST: Word & Excel. 2014 Tutti i diritti riservati. Computer Facile - www.computerfacile.webnode.it
TEST: Word & Excel 1. Come viene detta la barra contenente il nome del documento? A. barra del titolo B. barra di stato C. barra del nome D. barra dei menu 2. A cosa serve la barra degli strumenti? A.
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
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
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
WORD (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
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
Esercizi di JavaScript
Esercizi di JavaScript JavaScript JavaScript é un linguaggio di programmazione interpretato e leggero, creato dalla Netscape. E' presente a patire da Netscape 2 in tutti i browser ed é dunque il linguaggio
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
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
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
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
Capitolo 4 Pianificazione e Sviluppo di Web Part
Capitolo 4 Pianificazione e Sviluppo di Web Part Questo capitolo mostra come usare Microsoft Office XP Developer per personalizzare Microsoft SharePoint Portal Server 2001. Spiega come creare, aggiungere,
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
Form di gestione del contenuto
Form di gestione del contenuto Inserimento delle informazioni strutturate che compongono il nodo 40 Form di gestione del contenuto Selezionando il comando Modifica accanto al contenuto desiderato oppure
HTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi>
FRAME HTML 6 I frame Danno la possibilità di creare finestre multiple all'interno della finestra del browser Si riesce a suddividere la pagina in più sezioni indipendenti, ma che si possono influenzare
Il foglio elettronico 5/06/2013
Il foglio elettronico 5/06/2013 Che cos'è un foglio elettronico Quando dobbiamo eseguire dei calcoli, rappresentare tabelle, fare disegni, siamo portati naturalmente a servirci di fogli a quadretti perché
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
APPUNTI DI HTML (SECONDA LEZIONE)
APPUNTI DI HTML (SECONDA LEZIONE) 1. TITOLI, PARAGRAFI, BLOCCHI DI TESTO E CONTENITORI. E utile scrivere il testo che vogliamo inserire nella nostra pagina html all interno di appositi tag. La pagina sarà
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
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
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
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
Introduzione allo sviluppo Web. Studium Generale, a.a. 2013-2014, II semestre
Introduzione allo sviluppo Web Studium Generale, a.a. 2013-2014, II semestre 1 Contatto Daniel Graziotin graziotin@inf.unibz.it http://task3.cc/teaching/introduzion e-allo-sviluppo-web 2 Ciao mondo File
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
Appunti sugli Elaboratori di Testo. Introduzione. D. Gubiani. 19 Luglio 2005
Appunti sugli Elaboratori di Testo D. Gubiani Università degli Studi G.D Annunzio di Chieti-Pescara 19 Luglio 2005 1 Cos è un elaboratore di testo? 2 3 Cos è un elaboratore di testo? Cos è un elaboratore
per scrivere un articolo da prima pagina! per inviare una newsletter Come si crea Comunicazione Anfaa Edizione 4a.2013
per scrivere un articolo da prima pagina! Quando si vuole inserire un articolo che compaia nel riquadro Ultime notizie della home page, si deve impostare la categoria Ultime notizie, in aggiunta a quella
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
Cos è Excel. Uno spreadsheet : un foglio elettronico. è una lavagna di lavoro, suddivisa in celle, cosciente del contenuto delle celle stesse
Cos è Excel Uno spreadsheet : un foglio elettronico è una lavagna di lavoro, suddivisa in celle, cosciente del contenuto delle celle stesse I dati contenuti nelle celle possono essere elaborati ponendo
[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
MODULO DOMANDE INDICE
INDICE INDICE... 2 IL PROGRAMMA... 3 LA VIDEATA PRINCIPALE... 4 IL MENU FILE... 7 Esportare i file... 9 LA FINESTRA DELLA RISPOSTA... 11 TUTTI I MODI PER INSERIRE IL TESTO... 11 I Collegamenti... 12 MODELLI
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
XSL: extensible Stylesheet Language
XSL: extensible Stylesheet Language XSL è un insieme di tre linguaggi che forniscono gli strumenti per l elaborazione e la presentazione di documenti XML in maniera molto flessibile. I tre linguaggi devono
Entrare nel sistema. Clicca su Entra per entrare nel sistema. PAGINA 1
Entrare nel sistema Clicca su Entra per entrare nel sistema. PAGINA 1 Entrare nel sistema Compare il box di login in cui inserire il nome utente e la password fornite tramite posta elettronica. PAGINA
LA CORRISPONDENZA COMMERCIALE
LA CORRISPONDENZA COMMERCIALE GLI ELEMENTI ESSENZIALI DELLA LETTERA COMMERCIALE Intestazione Individua il nome e il cognome o la ragione sociale di chi scrive; contiene inoltre l indirizzo e i recapiti
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
caratteristiche del documento </head>
HTML: sintassi caratteristiche del documento documento 21 HTML: titolo del documento
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Terza lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Terza lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 La struttura del testo in html L'HTML fornisce una serie
Word. Cos è Le funzioni base Gli strumenti. www.vincenzocalabro.it 1
Word Cos è Le funzioni base Gli strumenti www.vincenzocalabro.it 1 Cos è e come si avvia Word è un programma per scrivere documenti semplici e multimediali Non è presente automaticamente in Windows, occorre
Database. Si ringrazia Marco Bertini per le slides
Database Si ringrazia Marco Bertini per le slides Obiettivo Concetti base dati e informazioni cos è un database terminologia Modelli organizzativi flat file database relazionali Principi e linee guida
FUNZIONI DI IMPAGINAZIONE DI WORD
FUNZIONI DI IMPAGINAZIONE DI WORD IMPOSTARE LA PAGINA Impostare la pagina significa definire il formato del foglio e vari altri parametri. Per impostare la pagina occorre fare clic sul menu File e scegliere
Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE
Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE Sommario 1) Introduzione... 3 2) Come richiedere l autorizzazione alla creazione di pagine personali... 3 3) Frontend e Backend... 3
COME ELIMINARE PARTI DEL TEMPLATE IN PAGINE SINGOLE
COME ELIMINARE PARTI DEL TEMPLATE IN PAGINE SINGOLE Con questa guida impareremo come eliminare delle singole zone del template che utilizziamo all'interno di una pagina specifica. Questo metodo torna utile
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
Tutorial di HTML basato su HTML 4.0 e CSS 2
Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi 3 Immagini in documenti HTML 3.1 Rappresentazione delle
Modulo 8. Sviluppo di pagine e siti Creare pagine Web
Pagina 1 di 6 Sviluppo di pagine e siti Creare pagine Web HTML è l'acronimo di HyperText Markup Language; si tratta di un linguaggio utilizzato per la marcatura ipertestuale. A differenza dei comuni linguaggi
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
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
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
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
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
IL MIO PRIMO SITO: NEWS
Pagina 1 IL MIO PRIMO SITO: NEWS Sommario IL MIO PRIMO SITO: NEWS...1 Introduzione...2 I Contenitori...2 Creo un Contenitore...3 I Tracciati...4 Creo le Notizie...6 Inserisco il Testo...6 Inserisco un
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
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
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
Laboratorio Informatico di base A.A. 2013/2014 Dipartimento di Scienze Aziendali e Giuridiche Università della Calabria Dott.
Strumenti di presentazione (Microsoft PowerPoint) Laboratorio Informatico di base A.A. 2013/2014 Dipartimento di Scienze Aziendali e Giuridiche Università della Calabria Dott. Pierluigi Muoio (pierluigi.muoio@unical.it)
Olga Scotti. Basi di Informatica. Il sistema operativo Windows
Basi di Informatica Il sistema operativo Windows Perchè Windows? MS-DOS: Interfaccia di solo testo Indispensabile conoscere i comandi Linux & Co. : Meno diffuso soprattutto nelle aziende Bella interfaccia
Laboratorio di Alfabetizzazione Informatica - Esame 20 settembre 2013.
Laboratorio di Alfabetizzazione Informatica - Esame 20 settembre 2013. Questo documento contiene le istruzioni per lo svolgimento dell esame. La durata della prova è 60 minuti e richiede lo svolgimento
MANUALE 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
Modulo 3 - Elaborazione Testi 3.5 Stampa unione
Università degli Studi dell Aquila Corso ECDL programma START Modulo 3 - Elaborazione Testi 3.5 Stampa unione Maria Maddalena Fornari Stampa Unione Processo che permette di unire dati provenienti da tipi
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
[Tutoriale] Realizzare un cruciverba con Excel
![[Tutoriale] Realizzare un cruciverba con Excel](/thumbs/30/14141462.jpg "[Tutoriale] Realizzare un cruciverba con Excel")
[Tutoriale] Realizzare un cruciverba con Excel Aperta in Excel una nuova cartella (un nuovo file), salviamo con nome in una precisa nostra cartella. Cominciamo con la Formattazione del foglio di lavoro.
3.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
ENTRARE NEL SISTEMA. Clicca su Entra per entrare nel sistema. PAGINA 1
ENTRARE NEL SISTEMA Clicca su Entra per entrare nel sistema. PAGINA 1 ENTRARE NEL SISTEMA Compare il box di LOGIN in cui inserire il nome utente e la password fornite tramite posta elettronica dall indirizzo
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
Compito di laboratorio di informatica HTML
Compito di laboratorio di informatica HTML Creare un sito che tratti un argomento a vostra scelta, cercando i testi e le immagini su Internet. Il sito deve prevedere una organizzazione a cartelle che separi
Il calcolatore - Applicazioni
Alfonso Miola Il calcolatore - Applicazioni Esercitazione Dispensa B-01-E Settembre 2005 1 Contenuti Applicazioni Applicazioni e Interfacce Il pacchetto Office Word Excel Power Point Il CD per ECDL 2 Applicazioni
MANUALE 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
Altro esempio di HTML
HTML (Hyper Text Markup Language) Linguaggio per descrivere una pagina di ipertesto Specifica come dovra apparire quando sara visualizzata, quali collegamenti contiene e dove portano Comando in HTML: riguarda
Creare un Ipertesto. www.vincenzocalabro.it 1
Creare un Ipertesto www.vincenzocalabro.it 1 Obiettivi Il corso si prefigge di fornire: Le nozioni tecniche di base per creare un Ipertesto I consigli utili per predisporre il layout dei documenti L illustrazione
INDICE. Accesso al Portale Pag. 2. Nuovo preventivo - Ricerca articoli. Pag. 4. Nuovo preventivo Ordine. Pag. 6. Modificare il preventivo. Pag.
Gentile Cliente, benvenuto nel Portale on-line dell Elettrica. Attraverso il nostro Portale potrà: consultare la disponibilità dei prodotti nei nostri magazzini, fare ordini, consultare i suoi prezzi personalizzati,
MANUALE PARCELLA FACILE PLUS INDICE
MANUALE PARCELLA FACILE PLUS INDICE Gestione Archivi 2 Configurazioni iniziali 3 Anagrafiche 4 Creazione prestazioni e distinta base 7 Documenti 9 Agenda lavori 12 Statistiche 13 GESTIONE ARCHIVI Nella
Per effettuare la stampa di una cartella di lavoro si accede al comando. Stampa dal menu File o si utilizza il pulsante omonimo sulla barra
4.5 Stampa 4.5.1 Stampare semplici fogli elettronici 4.5.1.1 Usare le opzioni di base della stampa Per effettuare la stampa di una cartella di lavoro si accede al comando Stampa dal menu File o si utilizza
Olga Scotti. Basi di Informatica. File e cartelle
Basi di Informatica File e cartelle I file Tutte le informazioni contenute nel disco fisso (memoria permanente del computer che non si perde neanche quando togliamo la corrente) del computer sono raccolte
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