Immagini digitali

Come fare uno screenshot (foto al monitor)

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 ctrl cmd+shift+3 e l’immagine si salva sul Desktop automaticamente in formato .png
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.

Prova documentale

Testo intorno all’immagine

…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…

Photo tips

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!)