Una delle necessità classiche del sito web sono gli album fotografici. Un sito ben fatto gestisce per conto suo ogni albo. Tuttavia non è male usare degli strumenti online. Uno di questi è picasa, di google. Basta avere un account con google e il gioco è fatto. Possiamo creare degli albun caricando le nostre foto su google e poi mostrarle sul nostro sito. Guardate questo esempio.
Se vogliamo, invece, dare un tocco di modernità al nostro sito, possiamo inserire un "carrosel" (immagini che scorrono), sfruttando JQuery, una piattaforma javascript. Vi propongo un esempio, che potete scaricare (file zip) per usare nel vostro sito, con semplice modifiche.
È semplice costruire un sito con grafica attraente usando gli strumenti messi a disposizione del web 2.0
Visualizzazione post con etichetta Grafica. Mostra tutti i post
Visualizzazione post con etichetta Grafica. Mostra tutti i post
giovedì 12 maggio 2011
mercoledì 11 maggio 2011
Programmi per le immagini
Le immagini sono importantissime nel sito. Per gestirle
conforme le nostre necessità è fondamentale l'utilizzo di un programma di
edizione delle immagini. L'edizione basica spesso necessaria è il cambiamento delle
misure. Le macchine fotografiche ormai fanno delle foto grandissime e pesanti.
Metterli così come sono nelle nostre pagine significa rovinare il proprio
layout e obbligare gli utenti ad attendere parecchio prima che la foto si
carichi.
Il programma classico per l’edizione delle immagini è
PhotoShop, che fa parte del pacchetto Adobe CS, insieme a DreamWeaver. E una
soluzione costosa, ma molto potente.
Si fa strada tra gli utenti il programma Gimp, soprattutto perché
gratuito e con strumenti che non fanno rimpiangere PhotoShop. Quest’ultimo programma po’
essere scaricato gratuitamente in http://gimpitalia.it/
Nel web si trovano diversi siti che offrono tutorials per i
diversi programmi di grafica. Qui ne indico un paio.
Photoshop
- Guida HTML.IT: http://grafica.html.it/guide/leggi/189/guida-photoshop-cs5/
- Tutorials: http://www.lauragatto.net/category/photoshop
Gimp
- Video guide in italiano: http://www.istitutomajorana.it
- Guida HTML.IT: http://grafica.html.it/guide/leggi/15/guida-gimp/
Iscriviti a:
Commenti (Atom)