Css parte seconda - Babaiaga informatica per principianti

strega con scopa
Informatica per principianti
Babaiaga
prova
Vai ai contenuti

Css parte seconda

OldArticle

Articolo non più aggiornato

Ricordiamo che diverse particolarità (tipo la compatibilità tra i vari browser) non verranno prese in considerazione, perchè esulano da queste righe dedicate ai principianti.

1 Miglioramenti ed effetti speciali
2 Css layout automatici
3 Template
4 Siti di riferimento
5 Css routine pronte
6 Menu
Miglioramenti

CSS parte seconda: cominciamo con il migliorare i contenitori delle nostre notizie (BOX). Babaiaga ha trovato un sito web adatto alle nostre esigenze di principianti.

Useremo il sito: anaturb.net (lingua Inglese). La semplicità dei disegni permette una facile comprensione anche senza traduzione. Una guida attraverso esempi visivi.

CSS-BOX: modifiche interne ed esterne ( margini, bordi, colori )

Alcune considerazioni: px = unità di misura. em = unità di misura. MARGIN - PADDING - BORDER = per capire bene il funzionamento, osserviamo le rispettive figure senza top, left, bottom e right (e.p.MARGIN e non MARGIN TOP)

FONT e TEXT : come varia il carattare in base ad alcune caratteristiche: Family, Style, Weight, Size.

LIST : esempi e informazioni sulle liste puntate.

BACKGROUND come cambiare lo sfondo con i CSS

EFFETTI : Effetti speciali

Layout automatici

CSS parte seconda: generiamo i fogli di stile in modo automatico.

diversi tipi di layout

Possiamo utilizzare dei generatori automatici come quelli sotto elencati anche se in lingua inglese.

Non dovrebbe essere difficile interpretare le varie voci e comunque il risultato è online:



Un nuovo servizio viene offerto da bearcss. Scegliamo una pagina web e bearcss ci fornisce in automatico il foglio di stile del relativo layout.

Template

Osserviamo i prodotti creati da professionisti.

Useremo come punto di riferimento il sito


Troviamo diversi template da cui trarre idee e suggerimenti grafici.

Siti riferimento

Una serie di siti web di riferimento:

constile.org un punto di riferimento italiano sui CSS

diodati.org Testi tecnici del W3C tradotti in italiano. In
più;: articoli, guide e scritti vari, con particolare
attenzione ai problemi dell'accessibilità

w3.org la bibbia del CSS

lau.csi.it per approfondire l'argomento accessibilità

Routine

Useremo come punto di riferimento il sito


troviamo una serie di articoli sui CSS sul come fare...esiste il codice e anche la spiegazione del funzionamento.

Menu

Esistono diversi siti con routine pronte sui menu.

Possiamo trovare menu pronti all'uso ...
www.cssmenumaker.com per un generatore di menu automatico.

Qualche effetto speciale: www.howtocreate.co.uk in inglese ma sicuramente di effetto. passiamo con il mouse sopra i menu e vedremo effetti particolari.

Se non basta allora guardiamo il sito: css.maxdesign.com.au menu semplici ma sempre attuali.

2002 Babaiaga
w3c html5 validazione
Torna ai contenuti