La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

HtML Lezione 1 Primi passi in HtML SCRIVERE TESTI di Sergio Capone.

Presentazioni simili


Presentazione sul tema: "HtML Lezione 1 Primi passi in HtML SCRIVERE TESTI di Sergio Capone."— Transcript della presentazione:

1 HtML Lezione 1 Primi passi in HtML SCRIVERE TESTI di Sergio Capone

2 Come usare Blocco Note ll linguaggio HtML non è altro che semplice testo. Dunque non è necessario usare degli editor o dei compilatori particolari per creare dei file HtML. Si possono creare questi file con gli editor più semplici, specifici o con dei convertitori o ancora con degli impaginatori. PROVIAMO ORA BLOCCO NOTE !!!

3 Come usare i tag L'uso dei tag è ciò che differenzia un file HtML da un normale testo. I tag vengono usati intensivamente e consentono di controllare la formattazione del testo, creare collegamenti (link) ad altri documenti nonché incorporare suoni e immagini. Es. sono istruzioni corrette e funzionanti. Es. è corretto.

4 Come scrivere HtML La struttura indent di base in HtML La mia prima pagina Questo è il mio primo documento HtML

5 Come usare software Convertitori (approccio proprietario) Es.: Microsoft Esterni e gratuiti Interni ai software di produzione Impaginatori (NON proprietario) Tutto e di più, ma attenzione alla guerra degli standard sui linguaggi: Sun Microsoft Liberi di scegliere ciò che vi piace!

6 La sezione HEAD Contiene: … Contiene: Usato analiticamente dai search engine Contiene: applet e script Esempi: … (istruzioni)

7 La sezione BODY Il vero e proprio documento Scrivere su singole righe: descrizione e contenuto del documento E indifferente archiviare con estensione:.htm (in genere Windows/Machintosh).html (in genere workstation UNIX/LINUX…)

8 Le sottosezioni: HEADING Gli heading sono usati nei documenti HtML per indicare le sottosezioni di un documento. Esistono sei differenti heading … Gli heading vanno usati con attenzione e mantenuti brevi e concisi. L'uso più comune di un heading è per la prima riga di un documento. sottotitolo del documento

9 I tag di paragrafo Uno dei tag usati più frequentemente in HtML è il marcatore di paragrafo, che serve a suddividere il testo in vari paragrafi: ad ogni paragrafo Qualsiasi indicazione di formato inserita in Blocco note: ritorno a capo, spazi extra o tabulatori, viene ignorata dai browser di Web. Purtroppo, nonostante la sua semplicità, il marcatore di paragrafo è uno dei tag più equivocati in HtML: non è un ritorno a capo forzato !?!

10 I caratteri speciali Come si nota potrebbe nascere un problema fra tag e carattere di testo lHtML lo risolve con il set di caratteri ISO-Latin-1 (ISO 8859) a 8 bit. Questi caratteri prendono il nome di entità di caratteri e/o entità di caratteri numerata, esempio: " corrisponde a (virgolette) ü corrisponde ü (umlaut) © corrisponde a © (copyright)

11 Tag fisici, per i caratteri Questi tag specificano un cambiamento daspetto del carattere: grassetto italico corsivo carattere monospazio sottolineato e

12 Tag logici, per i caratteri… Questi tag informano il browser sui contenuti del testo più che forzare fisicamente laspetto del testo: enfasi in evidenza codice programma esempio di listato digitato dallutente citazione nel documento

13 e … ancora sui tag logici istanza di definizione ancora la citazione il nome dellautore nomi abbreviazione acronimo testo aggiunto testo cancellato

14 Paragrafo: il formato paragrafo allineato a sinistra allineato a destra allineato al centro marginato disabilita i ritorni a capo, oppure per gestire paragrafi che contengono anche oggetti diversi dal testo: grafici, immagini ecc.

15 Le interruzioni di riga Le poesie, le canzoni possono richiedere particolari impostazioni: Prima per togliere la gestione automatica dei ritorno a capo ritorno a capo forzato filetto orizzontale separa dal resto del documento uno o più paragrafi con un rientro a sinistra e a destra del testo (sezioni di testo).

16 Inserimento di parti di testo Questo testo viene impostato con carattere monospazio a larghezza costante esattamente come è stato scritto (sugg.: largh. max. sui 65 caratteri). Il testo pre formattato Allinterno del testo usare solo tag fisici!

17 Occhei! Cerchiamo di utilizzare quanto abbiamo appreso. ESERCIZIO Creare un documento HtML che contenga tutti gli esempi esplicativi dei tag presentati nella presentazione. Si consegna alla fine della corrente lezione. Okkappakappone ©


Scaricare ppt "HtML Lezione 1 Primi passi in HtML SCRIVERE TESTI di Sergio Capone."

Presentazioni simili


Annunci Google