I Frames (le cornici)

Abbiamo visto nella lezione precedente come poter interagire con i visitatori del sito tramite un modulo per la spedizione dei dati. Vediamo adesso di trattare un argomento piuttosto discusso e contrastato dalle varie filosofie del fare web, si tratta dei frames: croce e delizia di molti. I frames permettono di suddividere la stessa pagina web in più pagine indipendenti fra di loro,...

I Moduli o Forms

Abbiamo visto nella lezione precedente come impaginare i dati facendo uso delle tabelle. Vediamo ora come poter interagire con i visitatori ricevendo dati ed informazione tramite un modulo che è possibile compilare e spedire direttamente al nostro indirizzo e-mail dalla pagina web. Un modulo (form) può essere costituito da diversi elementi quali: caselle per l'introduzione dei dati, menù a tendina per effettuare...

Le Tabelle: i vari attributi

Abbiamo visto nella lezione precedente come creare una tabella e come sia possibile modificare la sua struttura, vediamo adesso alcuni degli attributi più interessanti:. Oltre al già citato border, una tabella ha molti altri attributi, per esempio per regolare lo spazio fra una cella e l'altra o lo spazio fra il bordo ed il contenuto della cella si adopera border-spacing (non supportato dai browser...

Le Tabelle: la loro struttura

Abbiamo visto nella lezione precedente come creare un layout usando dei box posizionati nella pagina. Prima di questa possibilità erano le tabelle il solo strumento usato in html per impaginare gli oggetti, praticamente venivano private del loro bordo e sfruttando la sola struttura venivano adoperate per impaginare. Così facendo si era quasi perduto lo scopo originale per il quale sono state...

I Layout fissi e liquidi

Abbiamo visto nelle lezioni precedenti come creare dei box e come posizionarli nello schermo, adesso facendo uso di queste tecniche possiamo assemblarli creando di fatto un layout, cioè una struttura per disporre i nostri dati. Si tratta in pratica di usare box fissi e/o box flottanti per impaginare il tutto, dai testi alle immagini dai moduli alle liste o qualsiasi altro oggetto...

Il Box Liquido

Abbiamo visto nelle lezioni precedenti come creare dei box e come posizionarli correttamente, esiste però una tecnica che prende il nome di box liquido che consentirà al box di adattarsi alla pagina ridimensionandosi automaticamente, proprio come fosse un liquido versato in un recipiente del quale ne prende la forma, da qui il nome di box liquido. Dovendo centrare un box abbiamo visto che è...

Posizionare il Box Model

Abbiamo visto nella lezione precedente che un box è praticamente un contenitore di codice html che inserito in un punto qualsiasi della pagina ne segue il suo flusso naturale generando un ritorno a capo come tutti gli elementi di blocco, ne consegue che più box sarebbero disposti sempre e solo verticalmente, uno di seguito all'altro. A causa di questa caratteristica diventerebbe impossibile...

Il Box Model

Una delle cose più importanti introdotte con i CSS è il box model che permette di creare una struttura (layout) fatta da rettangoli e/o quadrati, praticamente una specie di colonne e righe, con o senza bordo, per impaginare i nostri dati, siano essi testi, immagini o qualsiasi altra cosa che potrebbe far parte di una pagina web. Vediamolo un box,...

Head & Meta Tags

Dopo aver visto come si adoperano i colori e le immagini grafiche di sfondo, siamo praticamente in grado di produrre un documento completo in xhtml ma dal momento che questo deve essere messo in rete necessita di alcune informazioni che non cambieranno il suo aspetto estetico ma contribuiranno a renderlo più facilmente reperibile dai motori di ricerca. Si tratta dei meta...

I colori e gli sfondi

Dopo aver visto come si adoperano i links, le immagini grafiche ed il testo siamo praticamente in grado di produrre un documento completo in xhtml ma visto che anche l'occhio vuole la sua parte, vedremo come abbellire il documento con colori ed immagini di sfondo facendo uso del foglio di style. Il colore del testo è definito dalla proprietà color alla quale è possibile assegnare uno qualsiasi...