Blog! Gattosulweb.com

Corsi e tutorial
dello studio Gattosulweb

Blog > Fare un sito con i Css

Fare un sito con i Css

A BREVE LA NUOVA GUIDA XHTML / CSS / DREAMWEAVER CS4…. CON CALMA, PERO’!!!

Creare un sito con i Css è molto importante al giorno d’oggi… con il passare del tempo internet diventa sempre più complesso e le moderne tecnologie (che nel web si esprimono con i linguaggi di descrizione e di programmazione) devono essere accessibili ai moderni strumenti di navigazione, anche per chi accede al web con browser particolari (come i portatori di handicap o i software screen-reader).

Il linguaggio Css consente un’accessibilità pressoché totale e garantisce la separazione del contenuto del sito (testo e immagini) dall’aspetto grafico (che si gestisce in css, appunto): questo fa si di avere pagine più veloci, indicizzabili e rapidamente modificabili dal punto di vista grafico…

…quindi buona lezione e fate domande nella categoria “Web Design”… vi verrà risposto!!!

P.S.: queste lezioni sono costruite con Adobe Dreamweaver Cs3, spesso incontrerete la dicitura DW (che sta appunto per Dreamweaver)…

Sito Web con i Css – I Css

I fogli stile CSS servono per formattare l’aspetto delle pagine di un sito senza scrivere codice html. Il vantaggio è una maggiore velocità di caricamento delle pagine (una volta caricata la home e i fogli stile, non rimane che il contenuto), la possibilità di cambiare i fogli stile per cambiare l’aspetto grafico aumentando significativamente la …

View page »

Sito Web con i Css – I Link

Il link è un elemento testuale html con la possibilità di cliccarci sopra per accedere ad un’altra pagina; questo tipo di elemento si chiama anche collegamento ipertestuale (da cui prende il nome l’HTML: Hyper Text Markup Language). Questo elemento ha un suo tag particolare che si chiama “a” <a …..>home</a> il solo tag “a” non …

View page »

Sito Web con i Css – I Modelli

Creare il modello serve per includere tutti quegli elementi delle pagine che si ripetono su tutto il sito, all’interno di un unico documento; ne consegue che le pagine del sito saranno in realtà composte da 2 file (uno per gli elementi ripetuti, l’altro per il contenuto della pagina che si sta visualizzando). Per elementi ripetuti …

View page »

Sito Web con i Css – Il testo

Il testo in html non necessita di tag fino a quando non creiamo un paragrafo (o inseriamo un tag particolare come per es. “span” o “hn“) perchè questo linguaggio è un linguaggio testuale; per formattare il testo con i css siamo obbligati ad inserirlo dentro un tag html. 1) formattare il tag p La procedura …

View page »

Sito Web con i Css – Menù Css

Il menù creato con i Css ha un doppio vantaggio: quello grafico, cioè la possibilità di mettere immagini di sfondo per ogni stato del pulsante (link, visited, hover e active) e quello per l’accessibilità, cioè avere comunque un link testuale per i motori di ricerca. In poche parole si ottiene mettendo i link all’interno di …

View page »

Sito Web con i Css – Struttura

1) impostare il sito creando la cartella principale locale. Importante per consentire a DW di stabilire correttamente i percorsi “relativi” che funzioneranno sia sul nostro pc che online; infatti un percorso assoluto (cioè che parte dall’hard-disk) non sarà accessibile online. Con i percorsi relativi, le pagine e tutti gli elementi partono dalla cartella principale locale. …

View page »