Promemoria

Ricordo a tutti che il libro di testo a cui far riferimento per l’esame e’:
“Web usability” di Jakob Nielsen, edito da Apogeo

CSS esterno

Avevo lasciato in sospeso con alcuni di voi la questione sul come fare ad usare un solo foglio di stile esterno per tutti i vostri file…(tutta colpa della pastiera!)

Se avete creato un file HTML che ha al suo interno qualcosa del genere:

<style type="text/css">
html, body {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contenitore {
width: 100%;
background-color: #CCCCCC;
...

vuol dire che il vostro CSS e’ interno al file.
Ecco cosa fare per renderlo esterno e riutilizzarlo per l’intero sito… (file swf 2.44MB)
Buon Lavoro!

Liste e menu

A gran richiesa ecco i siti che abbiamo visto in aula ieri:

• Free Menu Designs
• Listamatic
• Liste da HTML.it

Mi raccomando… usateli con prudenza!

Favicon

Su Gdesign.it ho trovato un articolo molto semplice che spiega come creare una favicon (icona associare ad un collegamento inserito nei “Preferiti”)… per la gioia di Giulio&Co.

Tips and tricks

Qualcuno di voi mi ha chiesto come si fa a fare seguire il testo intorno ad un’immagine (praticamente quello che succede in questo post) penso che la cosa possa interessare “quasi” tutti quindi provo a spiegarlo brevemente.
Come in tutte le cose la soluzione non e’ mai unica… la piu’ semplice (a mio avviso) e’ quella di definisce un selettore di tipo class (non advanced) di nome image per il posizionamento dell’immagine in cui ad esempio si attribuisce un float a sinistra e un margine di 3 pixel:
.image {float: left; margin: 3px;}
Vi ricordo che la sintassi per definire un selettore CSS da usare come nome di una classe richiede l’uso di un “.” (punto) immediatamente prima di tale nome. Al contrario, la sintassi per la definizione di selettori di tipo id (advanced) richiede l’uso di un “#” (cancelletto, sharp), al posto del “.” .
Classe che poi andra’ attribuita al tag immagine in questo modo:
<img src="immagine.gif" alt="descrizione immagine" class="image"/>
Buon divertimento!