Introduzione

1. 1. Introduzione

   Cosa sono i browser e come utilizzarli per visualizzare il codice HTML

2. 2. Come funziona un browser

   Cosa significa HTML e cosa si intende per TAG

3. 3. Prima di cominciare davvero: lo standard HTML

   Gli standard dell'HTML attuale e le sue prossime evoluzione per il W3C

Come è fatta una pagina HTML

1. 4. Le estensioni dei file e le impostazioni del browser

   Mettiamo a punto il nostro sistema utilizzando il primo file .html

2. 5. I TAG dell'HTML: come scriverli

   Cosa sono i TAG HTML e la scrittura ad indentazione

3. 6. I commenti

   Inserire commenti nel codice HTML per aiutare l'orientamento nel codice

4. 7. Maiuscolo o minuscolo?

   I Tag HTML possono essere scritti sia in maiuscolo sia in minuscolo

5. 8. Struttura della pagina

   L'intera struttura della nostra prima pagina HTML

L'HTML e i fogli di stile (CSS)

1. 9. Separare il layout dal contenuto

   Le nuove esigenze della progettazione di pagine HTML con i CSS

2. 10. Gli elementi HTML e i fogli di stile

   La classificazione dei TAG HTML in rapporto ai CSS

Lo sfondo di un documento HTML

1. 11. Impostare il colore di sfondo

   Come scegliere e come impostare il colore di sfondo di una pagina Web

2. 12. Inserire un'immagine di sfondo

   Come inserire un'immagine sullo sfondo della propria pagina Web

3. 13. Eliminare i margini delle pagine

   Come eliminare i margini per visualizzare una pagina Web in tutta la superficie del browser

4. 14. Impostare la lingua del documento

   Come impostare la lingua di un documento HTML

5. 15. Approfondimenti: lo sfondo con i CSS

   Lo sfondo di un documento HTML può essere impostato anche per mezzo dei fogli di stile

Il testo di un documento HTML

1. 16. Impostare il colore del testo e dei link per tutta la pagina

   Come scegliere il colore del testo e come cambiare i colori dei link nella pagina HTML

2. 17. Titoli, paragrafi, blocchi di testo e contenitori

   Formattare il testo in una pagina web secondo le sue funzioni

3. 18. Scegliere lo stile (grassetto, corsivo & C.)

   Come modificare lo stile del carattere di una pagina Web

4. 19. Scegliere il font del testo

   Uno sguardo al passato: come definire il carattere con il tag FONT

5. 20. Scegliere il colore del testo

   Definire il colore del testo della pagina Web

6. 21. Gli elenchi nell'HTML

   Elenchi ordinati, non ordinati e liste di definizione

Il cuore del WWW: i Link

1. 22. I link e l'ipertestualità

   Introduzione all'ipertestualità e alla funzione dei link in una pagina Web

2. 23. I percorsi assoluti e relativi

   Le differenze di funzione fra link assoluti e link relativi

3. 24. I link interni o ancore

   I link che puntano all'interno dello stesso documento

4. 25. Gli attributi dei link

   Target, Title, hreflang, accesskey, base tag e il colore dei link

Le immagini e le mappe di immagine

1. 26. Inserire le immagini

   Quali tipi di immagini e come inserirle in una pagina HTML

2. 27. Disporre le immagini in un contesto

   Decidere dove posizionare le immagini rispetto al testo

3. 28. Le mappe di immagine

   Come definire le diverse zone cliccabili di un'immagine

4. 29. Le mappe di immagine lato server

   Utilizzare tecnologie di tipo server per definire le zone cliccabili di un'immagine

Le tabelle

1. 30. Tabella: struttura di base

   Celle, colonne, righe: come scrivere la prima tabella in HTML

2. 31. Creare gruppi di righe: <caption>, <thead>, <tfoot>, <tbody>

   I tag supplementari che permettono di mettere ordine nelle zone della tabella

3. 32. Raggruppare gli stili delle colonne

   I tag per ordinare le colonne: <colgroup> e <col>

4. 33. Raggruppare celle con rowspan e colspan

   Come dare alle tabelle una struttura più elastica raggruppandone gli elementi

5. 34. Annidare tabelle

   Come annidare una tabella dentro l'altra

6. 35. Attributi del tag table

   Perfezioniamo la visualizzazione di una tabella: border, cellspacing e cellpadding

7. 36. Attributi di <table>, <tr>, <td>

   Gli attributi per le dimensioni, lo sfondo l'allineamento, i bordi, l'a capo

8. 37. Impaginare un layout con le tabelle

   Usare le tabelle per disegnare il layout del sito: fisso o fluido

I Frame

1. 38. Comporre una pagina in frame

   Cosa sono i frame; la struttura di un frameset; i frameset annidati

2. 39. Attributi dei frames per la visualizzazione

   Gli attributi: scrolling, noresize, frameborder, marginheight e marginwidth

3. 40. I link in un frameset e il tag noframes

   ICome gestire i collegamenti all'interno di un frameset; il tag NOFRAME

4. 41. L'iframe

   Un particolare tipo di frame: gli iframe o inline frame

5. 42. Vantaggi e svantaggi dei frames

   Quali motivi per usare o non usare una struttura a Frame

6. 43. Impaginare a livelli con i CSS

   Un altro metodo di impaginazione: i livelli e i CSS

I Moduli (forms)

1. 44. Struttura del tag form

   La struttura del tag Form e i suoi principali utilizzi

2. 45. Un po' d'ordine: raggruppare i moduli

   Come rendere più eleganti e razionali i nostri moduli con il tag fieldset

3. 46. Il tag Input

   I campi dei form: come utilizzare il tag input

4. 47. I bottoni (sumbit, reset, button, image)

   Inserire i bottoni o bottoni di immagine per inviare i moduli

5. 48. Inserire testo (campo testo, textarea, password)

   Inserire nella pagina i campi testuali per l'inserimento del testo

6. 49. Consentire delle scelte (checkbox, radio, select)

   Permettere all'utente di effettuare delle scelte singole o multiple

7. 50. Altri campi (file e hidden)

   Come inviare un file o delle variabili nascoste ad un server

8. 51. Approfondimenti sui form

   Controllare il passaggio da un campo all'altro e gestire il layout dei form

Includere elementi multimediali e script

1. 52. Premessa: il tag object

   Suggerimenti per l'inclusione di file esterni. La sintassi del tag Object

2. 53. Includere un file Audio

   Inserire un file audio di sottofondo o un elemento del lettore RealOne

3. 54. Includere un file Video

   Inserire un fimato video e accenni allo streaming sul Web

4. 55. Includere un file Flash

   Come includere nelle vostre pagine un filmato Flash

5. 56. Includere un file Java

   Come includere un file Java definendo un testo alternativo

6. 57. Includere file di scripting o CSS

   Inclusione di file JavaScript, VBScript e CSS

Linguaggi e strumenti

1. 58. I meta tag

   Come migliorare il posizionamento sui motori. Titolatura, Meta Tag

2. 59. Il DocType (DTD)| Guida HTML | HTML.it

   Dichiarare la tipologia del documento con il DocType

3. 60. Configurare un programma FTP

   Come pubblicare i file sul proprio sito con un programma FTP

4. 61. Gli editor visuali

   Come scrivere una pagina Web. I principali editor WYSIWYG

5. 62. Una precisazione sul WWW e sui linguaggi

   L'invenzione del WWW e le specifiche dei nuovi linguaggi

6. 63. Conclusioni

   Validare i propri documenti e continuare ad imparare a costruire siti Web