CAT | Immagini
In Windows premi il tasto “Stamp” o “Print screen” o “prt scr” che è solitamente situato in alto a destra della tastiera. Apri un qualsiasi programma di editing immagini (Paint va più che bene) clicca con il destro sull’area del disegno e seleziona incolla, infine salva il file in formato .gif o .png
Con il mac basta fare e l’immagine si salva sul Desktop automaticamente in formato .pngctrl cmd+shift+3
Con Linux c’e’ l’applet “cattura desktop”.
Se siete dei perfezionisti potete scaricarvi Fireshot (estensione gratuita per Firefox e Explore) che vi permetterà di utilizzare una serie di strumenti di editing per modificare, inserire annotazioni, testo nell’immagine catturata.
…praticamente quello che succede in questo post!
Il primo passo è definire un selettore di tipo class a cui associamo un nome, ad esempio image_sx, ed attribuirgli un float a sinistra e un margine di 3 pixel (per distanziare l’immagine dal testo):.image_sx {float: left; margin: 3px;}
Il secondo passo è associare all’immagine presente nel documento HTLM la classe creata:<img src="immagine.gif" alt="descrizione immagine" class="image_sx"/>
Ovviamente se desiderate posizionare l’immagine a destra basta cambiare il valore left con right.image_dx {float: right; 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 richiede l’uso di un “#” (cancelletto, sharp), al posto del “.” .
Per chi usa Dreamweaver
Inserite un’immagine all’interno del documento
(inserisci > immagine).
Create una nuova regola CSS
(testo>stili CSS> nuovo), controllate che il selettore CLASSE sia selezionato, attribuite il nome e fate click su ok.
Ora non vi resta che associare la classe all’immagine: selezionate l’immagine e dalla finestra CLASSE all’interno del box PROPRIETÀ scegliete la classe da associare.
Spero sia tutto chiaro…
Un certo e.r. mi ha invito questa mail che vi giro:
Tutto gratis per i tuoi aglievi, che se ne avvaliscano!
Ecco l’articolo: Tips for Using Images in Blogs (questa volta direttamente dalla fonte!)
Susan Kare è la signora che ha disegnato alcune tra le più importanti icone della storia delle interfacce grafiche. Ha lavorato per Apple dal 1983 al 1986; in tre anni dedicati alla progettazione del nuovo Mac ha realizzato icone e font che avrebbero costituito il nuovo standard delle interfacce. La freccetta, la manina, la bomba di mac, le cartelle. In seguito è passata a Microsoft dove ha realizzato le icone di Windows 3.0. Pietre miliari che hanno avuto un ruolo decisivo nella diffusione del personal computer, nel farcelo accettare come comodo, non aggressivo, familiare: personale.
Il sito di Susan Kare merita una visita attenta; in particolare va sfogliato il portfolio.
