Premettendo che tutto quello che vedrete potrà essere usato contro di voi allesame ( e statene pur...

Premettendo che tutto quello che vedrete potrà essere usato contro di voi all’esame ( e statene pur certi che lo useranno)…..

…. E che DEBBI ENRICO è un egiziano,…..

La PELO’S production &

L’ A Vòi andèr a lavùrèr ENTERTAINMENT

Vi presentano:

Un film di Carlo Vanzina...

Anzi no…..

Una presentazione de...

IL MAGICO MONDO DEL LINGUAGGIO HTML

Zini Maura &

Anselmo Silvia

Copyrights

Cenni storici:

• Per linguaggio html, si intendono quei linguaggi usati per la realizzazione delle pagine web e per la pubblicazione di queste ultime sulla rete mondiale (World Wide Web).

• Con questi linguaggi, è possibile realizzare degli IPERTESTI ( insieme di documenti che permettono la loro consultazione in modo sequenziale, tramite dei link con il quale basta cliccarci sopra con il mouse.

• I documenti creati con questo linguaggio, oltre che elementi testuali possono contenere immagini, suoni, filmati, ed ogni altro genere di oggetto multimediale.

• Per passare da un documento ad un altro, come abbiamo già detto, si usano i link, che non sono altro che delle parole chiave od oggetti tramite i quali, con un click del mouse è possibile effettuare questo tipo di passaggio, che viene definito NAVIGAZIONE

Il termine HTML sta per HYPER TEXT MARKUP LANGUAGE, e cioè un linguaggio che usa i vantaggi e le prestazioni derivanti dall’organizzazione ipertestuale e dall’uso di oggetti multimediali.

Questo tipo di linguaggio è diventato il linguaggio standard per la creazione dei documenti internet, ed è di semplice modificazione in quanto basta un editor di testi per poter effettuare modifiche. Oggi, tutti le più recenti versioni di programmi per l’ufficio tipo Excel, Word, Access e lo stesso Powerpoint, offrono la possibilità di creare degli ipertesti.

Differenze di estensione dei file

In genere, i file in formato ipertestuale, hanno una estensione .html, ma in qualche caso è possibile trovare anche dei .htm. Quale è la loro differenza? In realtà nessuna, perché quelli con estensione htm, usano delle regole derivanti dal vecchio sistema operativo DOS, che prevedeva l’uso di 3 caratteri per l’identificazione del tipo di file.

Da cosa è formato un documento html?

• caratteri ASCHII

• Tag (caratteri specifici del linguaggio html che permettono la creazione di di elementi caratteristici dell’ipertesto quali i LINK )

Cosa sono i link

• Mezzi di collegamento tra un documento ed un altro, sia in rete locale e non, tramite degli indirizzi chiamati URL (Uniform Resource Locaro), tramite i quali è possibile identificare ogni file ed ogni servizio in internet.

STRUTTURA DEL CODICE

<Html>

<Head>

</Head>

<Body>

</Body>

</Html>

Intestazione

Corpo del documento

Alcuni codici essenziali:•<B>…</B> per avere il testo in neretto

•<Hn>…</Hn> per modificare la dimensione del carattere, dove la lettera “n” sta per il numero (1-6) che indica la grandezza del carattere, andando dal più grande (1) al più piccolo (6)

•<I>…</I> per avere il testo inclinato

•<U>…</U> per avere il testo sottolineato

•<P>…</P> per stabilire i paragrafi

•<BR>…</BR> per mandare il testo a capo anche nella visualizzazione (in quanto nella pagina del codice, il tasto “invio” non influenza la visualizzazione del documento, ma solo quella del codice. In poche parole serve per non dover muovere la barra di scorrimento per poter leggere quello scritto).

•<HR>…</HR> per lasciare una riga tra un paragrafo e l’altro

Altri codici•<title>…</title> per stabilire il titolo da dare alla pagina che verrà visualizzato sulla barra superiore della finestra. Questa funzione permette la ricerca tramite i “motori di ricerca”

I colori nel linguaggio html

L’uso dei colori nel linguaggio html, è molto particolare in quanto vengono usato 3 colori base, il rosso, il verde ed il blu, e vengono indicati con il termine RGB “***,***,***” dove al posto degli asterischi vi sono valori compresi tra 0 - 255, e la modificazione di tali valori, modifica e le tonalità dei 3 colori base, che mischiati tra loro danno origine agli altri colori.

I colori sono applicabili ad oggetti quali:

•sfondo della pagina

•caratteri

Ancora qualche nozione sui colori

I colori vengono letti dal browser (programma per la lettura delle pagine in formato html), tramite il loro nome espresso in codice esadecimale. (es il nero è scritto 00 00 00).Nei moderni programmi per la costruzione di pagine web, è possibile stabilire il colore tramite il Tag BGCOLOR= “Black”, quindi tramite l’uso di nomi simbolici

Struttura dei linkDando per scontato che abbiate capito tutto quello detto fin ora, e ricordando che cosa è un link, passiamo alla sua struttura.

Il tag corretto per la definizione di un link è:

<a href = “ubicazione del file nel nostro disco”>Nome od oggetto da trasformare in link </a> dove la lettera A sta per àncora, cioè aggancia.Si noti che è possibile anche fare un collegamento anche in una stessa pagina, magari portando l’utente alla fine o all’inizio di un testo molto lungo che richiede la barra di scorrimento per la consultazione, tramite dei tasti o delle parole

è possibile effettuare link a caselle di posta elettronica tramite il comando

<a href= “mailto:[email protected]”> scrivete a un figo </a>

Nomi dei file

I nomi dei file sono molto importanti nel linguaggio html, perché basta un piccolo errore di disattenzione per far si che un link non funzioni. I nomi standard per le pagine di html sono:

•Index

Oppure

•Home

Queste sono le pagine che vengono elette in automatico alla digitazione dell’url della pagina desiderata

Nei sistemi operativi di ultima generazione tipo LINUX, c’è il riconoscimento dei caratteri maiuscoli-minuscoli, diventa quindi fondamentale non sbagliare a scrivere il nome del file, perché il documento Prova.html, al sistema, non risulta uguale s prova.html

Inserimento di oggetti multimedialiÈ possibile inserire oggetti multimediali quali immagini, filmati, immagini animate.

Le immagini visualizzabili sono di vario tipo:

•GIF: Rappresentano lo standard di compressione per le immagini. E’ possibile compiere brevi animazioni

•JPEG: Formato che concilia la qualità con la grandezza del file, ha la qualità di un file bmp, ma è 10 volte più piccolo

•BMP: è un immagine ad alta qualità, ma non compressa, inadatta all’ambiente internet, perché è molto pesante da caricare

•WMF: (Windows Meta File) è un file che contiene le informazioni per descrivere un altro file. È un formato di tipo vettoriale in quanto permette la modificazione dell’immagine sullo schermo tramite trascinamento, senza perdita di qualità

•TIFF: è un formato che permette lo scambio di immagini bitmap tramite programmi applicativi diversi quali ad esempio lo scanner

I frameI frame sono una tecnica di costruzione delle pagine internet particolare, in quanto permettono di dividere lo schermo in finestre di diversa grandezza, a piacere dell’utente/programmatore tramite il comando

<table>…</table> per aprire una zona adibita alla costruzione della tabella

<TR>…</TR> per stabilire il numero di righe

<TD>…</TD> per stabilire il numero delle colonne

quindi per visualizzare una tabella a 2 righe e 3 colonne la struttura sarà:

<TABLE border=1>

<TR>

<TD>dato1</TD>

<TD>dato2</TD>

<TD>dato3</TD>

</TR>

<TR>

<TD>dato4</TD>

<TD>dato5</TD>

<TD>dato6</TD>

</TR>

</TABLE>

Dato1 Dato2 Dato3

Dato4 Dato5 Dato6

Grazie per l’attenzione concessami

E ricordate che...

Gp di spagna: dominano i FULMINI ROSSI

Don’t worry McLaren Fans, “Life is a storm, take it in a bum is a flashlight”

-Pelo-

Untitled

Premettendo che tutto quello che vedrete potrà essere usato contro di voi allesame ( e statene pur...

Documents

Transcript of Premettendo che tutto quello che vedrete potrà essere usato contro di voi allesame ( e statene pur...