Guida HTML
Di: Wolfgang Cecchin
Tratta da html.it
__________________________________________________________________________________________________
Introduzione
Come è fatta una pagina HTML
L'HTML e i fogli di stile (CSS)
Lo sfondo di un documento HTML
Il testo di un documento HTML
Il cuore del WWW: i Link
Le immagini e le mappe di immagine
Le tabelle
I Frame
I Moduli (forms)
Includere elementi multimediali e script
Linguaggi e strumenti
58. I meta tag
Come migliorare il posizionamento sui motori. Titolatura, Meta Tag
59. Il DocType (DTD)| Guida HTML | HTML.it
Dichiarare la tipologia del documento con il DocType
60. Configurare un programma FTP
Come pubblicare i file sul proprio sito con un programma FTP
61. Gli editor visuali
Come scrivere una pagina Web. I principali editor WYSIWYG
62. Una precisazione sul WWW e sui linguaggi
L'invenzione del WWW e le specifiche dei nuovi linguaggi
63. Conclusioni
Validare i propri documenti e continuare ad imparare a costruire siti Web
Di: Wolfgang Cecchin
Tratta da html.it
__________________________________________________________________________________________________
Introduzione
1. Introduzione
Cosa sono i browser e come utilizzarli per visualizzare il codice HTML
2. Come funziona un browser
Cosa significa HTML e cosa si intende per TAG
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
4. Le estensioni dei file e le impostazioni del browser
Mettiamo a punto il nostro sistema utilizzando il primo file .html
5. I TAG dell'HTML: come scriverli
Cosa sono i TAG HTML e la scrittura ad indentazione
6. I commenti
Inserire commenti nel codice HTML per aiutare l'orientamento nel codice
7. Maiuscolo o minuscolo?
I Tag HTML possono essere scritti sia in maiuscolo sia in minuscolo
8. Struttura della pagina
L'intera struttura della nostra prima pagina HTML
L'HTML e i fogli di stile (CSS)
9. Separare il layout dal contenuto
Le nuove esigenze della progettazione di pagine HTML con i CSS
10. Gli elementi HTML e i fogli di stile
La classificazione dei TAG HTML in rapporto ai CSS
Lo sfondo di un documento HTML
11. Impostare il colore di sfondo
Come scegliere e come impostare il colore di sfondo di una pagina Web
12. Inserire un’immagine di sfondo
Come inserire un'immagine sullo sfondo della propria pagina Web
13. Eliminare i margini delle pagine
Come eliminare i margini per visualizzare una pagina Web in tutta la superficie del browser
14. Impostare la lingua del documento
Come impostare la lingua di un documento HTML
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
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
17. Titoli, paragrafi, blocchi di testo e contenitori
Formattare il testo in una pagina web secondo le sue funzioni
18. Scegliere lo stile (grassetto, corsivo & C.)
Come modificare lo stile del carattere di una pagina Web
19. Scegliere il font del testo
Uno sguardo al passato: come definire il carattere con il tag FONT
20. Scegliere il colore del testo
Definire il colore del testo della pagina Web
21. Gli elenchi nell'HTML
Elenchi ordinati, non ordinati ed elenchi di definizioni
Il cuore del WWW: i Link
22. I link e l'ipertestualità
Introduzione all'ipertestualità e alla funzione dei link in una pagina Web
23. I percorsi assoluti e relativi
Le differenze di funzione fra link assoluti e link relativi
24. I link interni o ancore
I link che puntano all'interno dello stesso documento
25. Gli attributi dei link
Target, Title, hreflang, accesskey, base tag e il colore dei link
Le immagini e le mappe di immagine
26. Inserire le immagini
Quali tipi di immagini e come inserirle in una pagina HTML
27. Disporre le immagini in un contesto
Decidere dove posizionare le immagini rispetto al testo
28. Le mappe di immagine
Come definire le diverse zone cliccabili di un'immagine
29. Le mappe di immagine lato server
Utilizzare tecnologie di tipo server per definire le zone cliccabili di un'immagine
Le tabelle
30. Tabella: struttura di base
Celle, colonne, righe: come scrivere la prima tabella in HTML
31. Creare gruppi di righe: <caption>, <thead>, <tfoot>, <tbody>
I tag supplementari che permettono di mettere ordine nelle zone della tabella
32. Raggruppare gli stili delle colonne
I tag per ordinare le colonne: <colgroup> e <col>
33. Raggruppare celle con rowspan e colspan
Come dare alle tabelle una struttura più elastica raggruppandone gli elementi
34. Annidare tabelle
Come annidare una tabella dentro l'altra
35. Attributi del tag table
Perfezioniamo la visualizzazione di una tabella: border, cellspacing e cellpadding
36. Attributi di <table>, <tr>, <td>
Gli attributi per le dimensioni, lo sfondo l'allineamento, i bordi, l'a capo
37. Impaginare un layout con le tabelle
Usare le tabelle per disegnare il layout del sito: fisso o fluido
I Frame
38. Comporre una pagina in frame
Cosa sono i frame; la struttura di un frameset; i frameset annidati
39. Attributi dei frames per la visualizzazione
Gli attributi: scrolling, noresize, frameborder, marginheight e marginwidth
40. I link in un frameset e il tag noframes
ICome gestire i collegamenti all'interno di un frameset; il tag NOFRAME
41. L'iframe
Un particolare tipo di frame: gli iframe o inline frame
42. Vantaggi e svantaggi dei frames
Quali motivi per usare o non usare una struttura a Frame
43. Impaginare a livelli con i CSS
Un altro metodo di impaginazione: i livelli e i CSS
I Moduli (forms)
44. Struttura del tag form
La struttura del tag Form e i suoi principali utilizzi
45. Un po' d'ordine: raggruppare i moduli
Come rendere più eleganti e razionali i nostri moduli con il tag fieldset
46. Il tag Input
I campi dei form: come utilizzare il tag input
47. I bottoni (sumbit, reset, button, image)
Inserire i bottoni o bottoni di immagine per inviare i moduli
48. Inserire testo (campo testo, textarea, password)
Inserire nella pagina i campi testuali per l'inserimento del testo
49. Consentire delle scelte (checkbox, radio, select)
Permettere all'utente di effettuare delle scelte singole o multiple
50. Altri campi (file e hidden)
Come inviare un file o delle variabili nascoste ad un server
51. Approfondimenti sui form
Controllare il passaggio da un campo all'altro e gestire il layout dei form
Includere elementi multimediali e script
52. Premessa: il tag object
Suggerimenti per l'inclusione di file esterni. La sintassi del tag Object
53. Includere un file Audio
Inserire un file audio di sottofondo o un elemento del lettore RealOne
54. Includere un file Video
Inserire un fimato video e accenni allo streaming sul Web
55. Includere un file Flash
Come includere nelle vostre pagine un filmato Flash
56. Includere un file Java
Come includere un file Java definendo un testo alternativo
57. Includere file di scripting o CSS
Inclusione di file JavaScript, VBScript e CSS
Linguaggi e strumenti
58. I meta tag
Come migliorare il posizionamento sui motori. Titolatura, Meta Tag
59. Il DocType (DTD)| Guida HTML | HTML.it
Dichiarare la tipologia del documento con il DocType
60. Configurare un programma FTP
Come pubblicare i file sul proprio sito con un programma FTP
61. Gli editor visuali
Come scrivere una pagina Web. I principali editor WYSIWYG
62. Una precisazione sul WWW e sui linguaggi
L'invenzione del WWW e le specifiche dei nuovi linguaggi
63. Conclusioni
Validare i propri documenti e continuare ad imparare a costruire siti Web