Ale3006

Badges stile “Web 2.0″

admin — Mon, 07 May 2007 22:46:43 +0000

Cos’è il badge? Per cosa si usa? Come si crea? I bages sono quelle “stelline a tante punte” che vengono spesso utilizzate per i siti con layout stile “Web 2.0″. Solitamente si impiegano per attirare l’attenzione su una certa cosa: una notizia o un’offerta particolare. I badges si possono creare in pochi passi usando Photoshop.

Per prima cosa apriamo un documento della dimensione che vorremmo fosse il nostro badge personale. Poi selezioniamo lo strumento “Poligono” come in figura.

Ora aniamo a vedere se siamo in modalità “Tracciato”:

Adesso clicchiamo sulla casella a discesa e spuntiamo l’opzione “Stella” e il “Rientro dei lati di” con valore di 10%.

Ora avremo sul display il tracciato del badge. Schiacciamo il tasto destro sul tracciato e trasformiamolo in selezione. Non ci rimane che colorarlo.

Quindi andiamo sullo strumento “Gradiente” e impostiamo i colori. Fatta la sfumatura andiamo su “Stili di livello” (basta cliccare due volte sul livello nella paletta dei livelli oppure andare alla voce del menu “Livello”–>”Stile di livello”. Impostiamo quindi un bordo di una colore a nostra scelta che stia bene con il colore della sfumatura e poi andiamo su “Ombra esterna” e impostiamo i valori come in figura (o come più vi piace). L’ombra esterna è abbastanza importante dato che il badge dovrebbe apparire come un adesivo posto sulla pagina (infatti badge può essere tradotto come “adesivo”, “distintivo”.

Ora scriviamo un breve testo come “News”, ruotiamolo un pò e inseriamolo sopra il badge. Finalmente l’opera è conclusa.

Dove, evolution commercial

admin — Tue, 17 Apr 2007 23:17:14 +0000

Ormai sappiamo benissimo che tutte le foto usate per spot/pubblicità vengono ritoccate con programmi di fotoritocco. Questo video dimostra tutto ciò. Davvero un video eccezionale: iniza da una ragazza “normale” e finisce con una donna senza neanche un difetto. Godetevelo.

Validare un sito web

admin — Sat, 14 Apr 2007 14:29:52 +0000

Cosa vuol dire validare un sito? Cos’è la validazione e come si fa a validare un sito web?
La validazione garantisce la possbilità di rendere il sito accessibile e visitabile dai disabili (i nonvedenti infatti riescono ad “ascoltare” il sito con programmi particolari). Sicuramente validare un sito è un dovere in casi di servizi per il pubblico per rendersi accessibili da tutti, ma la validazione del sito web è anche un certificato di qualità del linguaggio con cui è scritto il sito stesso. Un sito creato seguendo i criteri di validazione è maggiormente visibile ad esempio dai motori di ricerca (come “google” che appunto preferisce i siti validati) e piacevole la navigazione aumentando la possbilità di contatti.
Dal punto di vista del professionista, validare un sito gli permette di crescere tecnicamente e di porsi ad un livello superiore rispetto agli altri e di tutelarsi con il Cliente nel caso di contestazioni sull’operato: infatti un sito web che rispetta le raccomandazioni del W3C non può essere definito “non funzionante” e quindi il Cliente può limitatamente contestare l’aspetto grafico che, legamente, è un parere del tutto soggettivo.
Al visitatore viene presentato un risultato tecnicamente perfetto e di facile utilizzo. Per saperne di più potete visitare il sito del w3c in lingua inglese o in lingua italiana.
Se siete programmatori e volete validare il vostro sito o, per curiosità, vedere gli errori del vostro sito andate al validatore del w3c. Si può anche validare il codice css.

Creare un blog

admin — Mon, 02 Apr 2007 14:45:27 +0000

Dopo l’articolo “Creare sito web” mi è venuto in mente che sarebbe magari utile sapere come creare un proprio blog personale: un giornale tutto vostro dove potete scrivere quello che volete quando volete. Perchè il blog è proprio questo: un giornale personale. Esempi di blog possono essere quelli di blogger.com o splinder.com (giusto per fare due nomi). Questo sito ad esempio ha un blog interno (senza il quale non potrei scrivere articoli velocemente e facilmente). Creare un blog non è cosa semplice però, soprattutto per un principiante. Ed è per questo che molta gente si appoggia a blog “già pronti”.
Imparare a fare un blog vuol dire studiare (e studiare tanto); non è questione di una giornata e nemmeno di una settimana. Se volete percorrere questa strada iniziate a studiare “xhtml” (se non lo sapete già), poi “php”.
Per avere un blog subito e con tutte le comodità e funzioni che volete allora vi consiglio due strade: se non conosciete assolutamente nulla di codici andate su un sito come quelli che ho citato prima (blogger di google o splinder), registratevi e create il vostro blog in pochi minuti. Se invece avete qualche conoscienza di codici, volete implementare il vostro blog con una grafica personale o avere il vostro blog sul vostro spazio e gestirvelo voi potete scaricarvi qualche blog da internet. Il blog che consiglio io è Wordpress: è molto facile da usare e permette di essere ampliato con plugin e funzionalità.
Se avete ancora qualche dubbio commentate. Ciao e alla prossima!

Realizzare una scritta metallica

admin — Fri, 02 Mar 2007 18:16:45 +0000

Se volete realizzare una scritta metallica davvero realistica seguite attentamente quanto segue. Alla fine del tutorial dovrà venirvi fuori una cosetta del genere.

.
Si possono creare scritte metalliche di diversi colori.

Primo passo: aprie un documento 10×10cm e 150 o 200 px/pollice come risoluzione. Poi scrivere il testo con un carattere abbastanza grossetto. Deve essere un bastone meglio se bold. Scordatevi quindi caratteri sottili ed eleganti. Io opterei per un Futura Bold oppure un Arial Black. Fatto questo il colore. Vi consiglio un grigio ( per l’esempio ho usato #9F9D9D ).
Ora selezionare con lo strumento Bacchetta magica una ad una ogni lettera. Andare su Selzione>Salva selezione. Verrà creato così un nuovo canale. Andate ora nel pannello Canali e selezionate il canale appena creato (Alfa1). Vedrete lo stage nero e la scritta bianca. Ora non vi resta che andare su Filtro>Sfocatura>Controllo sfocatura e selezionare raggio 4,0px.
Ora fatto questo tornate sul pannello livelli (la vostra scritta tornarò grigia e lo sfondo bianco) e selezionate il livello del testo.
Il prossimo passaggio sarà di dare riflessi e spessore alle lettere. Come? Andate su Filtro>Rendering>Efetti di luce. Impostate i seguenti valori:

Ora non vi resta che dare l’ultimo tocco di classe al vostro lavoro. Andate su Immagini>Regolazioni>Curve e “giocate” un pò con le curve e cercate di ottenere una cosa di questo genere.

Ora il vostro lavoro è completo, non vi resta che salvare.
Se non vi è riuscito non esitate a scrivere, sarò felice di rispondere ad ogni domanda.

Creare sito web

admin — Fri, 23 Feb 2007 11:11:52 +0000

Ciao a tutti! Oggi vi darò un paio di dritte su come fare a creare il vostro sito web. Prima di tutto la prima “strada” da scegliere è se farsi un sito da soli (ci vuole molta pazienza e studio) oppure iscriversi su uno di quei siti che offrono dei template preimpostati (in pratica devi solo scrivere il contenuto). Chi sceglie la prima soluzione è una persona che vuole creare un sito tutto da se, con le sue energie e per dire un giorno: “ce l’ho fatta!”. Invece per chi vuole avere un sito “preimpostato” non serve altro che iscriversi in siti precisi e in pochi minuti ha il suo bel sito personale. Alcuni siti che offrono questo genere di servizi possono essere Html.it, Google Page Creator (devi essere registrato su gmail. Se volete un invito contattatemi) o i vari spazi come quello di msn… Quelli che sceglieranno di crearsi un sito da soli devono studiare. Tanto. Si tratta di studio di codice. Se clicchi col tasto destro su questa pagina trovi la voce Visualizza Sorgente pagina (con Firefox, con Explorer non so), clicca e si aprirà una finestra con il codice di questa pagina. Si chiama codice html. Per studiarlo consgilio o un buon libro oppure, meglio ancora, una guida online. Ad esempio una guida molto buona è quella presente su Html.it, in cui è presente anche un buon forum su cui potete chidere suggerimenti o consigli se non avete capito una tal cosa. Un’altra buona guida si trova su Weblink.it, “Guida Primi Passi” per chi inizia da zero (è presente anche qui un forum; attenti a quello che dite però :).Per oggi è tutto…alla prossima! E come sempre, se avete qualche dubbio, contattatemi.

Velocizzare Firefox

admin — Mon, 19 Feb 2007 20:20:01 +0000

Se si modificano alcuni parametri si possono migliorare le prestazione del browser Firefox per chi ha connessione a banda larga (ADSL e simili). Le prestazioni differiscono a seconda del vostrocomputer e dal tipo di connessione. Se queste modifiche non apportassero alcuna modifica positiva ma anzi, avete ricavato solo degli svantaggi potrete scegliere “Azzera” (Reset) per ripristinare i parametri di default. I suggerimenti riportati qui sotto sono apparsi su Forvergeek.com. Iniziamo subito ad aprire il browser Firefox e a digitare nella casella dell’indirzzo “about:config” (senza virgolette); dopo che avrete digitato il comando Invio sulla tastiera vi ritroverete una pagina con una lista lunghissima di parametri di configurazione. Ora dovrete trovare alcuni parametri che poi modificherete. Nella casella “Filtro” (Filter) potrete inserire il nome del parametro per trovarlo velocemente. Il primo parametro da trovare è “network.http.pipelining”. Cliccate col tasto destro sul parametro e scegliete “Imposta” (Toggle); cambierà così il valore da false a true. Poi cercate “network.http.proxy.pipelining” e ripetere il procedimento di prima (tasto destro, Imposta). Cercate ora “network.http.pipelining.maxrequests” e cliccate sopra la voce con il tasto destro. Poi scegliete “Modifica” (Modify) , quì va impostato un valore non superiore a 30 (di default è 4). Il valore consigliato è 16. Ultimo passo: cliccate col tasto destro su un parametro qualsiasi dell’elenco e scegliere “Nuovo” (New) e poi “Intero” (Integer); nella finestra di diaologo che comparirà scrivete “nglayout.initialpaint.delay” e nella nuova finestra che compare immettete il valore “0″ (zero). Ora (senza che voi riavviate il browser) dovrete vedere che le immagini e le pagine si caricano più velocemente.
Ciao e alla prossima!

Favicon: come realizzarla

admin — Mon, 12 Feb 2007 14:02:06 +0000

Cos’è quella piccola immagine che vediamo a fianco degli indirizzi di alcuni siti web? Si chiama favicon. La vediamo anche a fianco degli indirizzi dei siti che abbiamo nei preferiti.
Ma veniamo al sodo. Voi avete un sito web e volete avere anche voi la vostra favicon, come dovete procedere?
Prima di tutto create col vostro programma di grafica (ad esempio photoshop) la vostra immagine che deve essere grande 16×16 pixel. Cercate di usare pochi colori. Ora salvate la vostra piccola immagine in favicon.bmp dopodichè aprite la vostra immagine con un programma come IconCoolEditor o IconForge e salvate l’immagine con estensione .ico
Ora non rimane altro da fare che inserire nel vostro sito tra e il codice:

Come creare la vostra fanlist

admin — Sat, 10 Feb 2007 20:18:00 +0000

Prima di tutto è importante sapere cosa sia esattamente una fanlisitng. La fanlisitng è, così come lo propone thefanlistings.org, una semplice lista di fan di un soggetto, come ad esempio un Film, un attore, un’ attrice, un cantante dove ogni fan dell’ “argomento” può iscriversi. Gli unici requisiti per unirsi ad una fanlisting sono nome e provenienza. La fanlisiting racchiude tutti i fan del soggetto al quale è dedicata la fanlisiting. Tutte le fanlsiting sono poi iscritte a thefanlistings.org che sono ordinate in ordine di categoria. Nel sito (in lingua inglese) ci sono le regole e tutto il necessario per iscrivere la vostra fanlisting. Importante è ricordarsi prima di iniziare a creare la vostra fanlisitng di controllare all’interno delle categorie se il soggetto che avete in mente non è già presente (in quel caso farete meglio a cambiare il vostro soggetto). Bene. Ora vi darò alcune informazioni su come creare la vostra fanlisting. All’inizio infatti si possono avere dei problemi su come crearla perchè non c’è molto materiale in rete. La fanlisting deve essere scritta in lingua inglese. Ci possono essere però delle versioni in altre lingue. Le fanlisitng devono avere come prima cosa almeno sei voci nel menu: about, dove c’è una descrizione breve di cos’è una fanlsiting e di cosa si tratta la vostra fanlsiting. Ad esempio se trattate un cantante scrivete una piccola biografia; poi ci dve essere la sezione Rules, in cui si inseriscono alcune regole (ad esempio “devi essere fan di …” oppure “Devi mostrare un indirizzo email valido” e così via); sezione Codes, in cui inserisci i tuoi bottoni e/o bannerini (le dimensioni dei bottoni possono essere 80×15, 50×50, 88×31, 100×35, ecc…); sezione importantissima ai fini dell’iscrizione è Join, in cui ci sarà un form per far iscrivere i fan; Members o Fan, sezione in cui ci sarà un listato di tutti i fan organizzati per Nazione; infine la sezione Extra, in cui si inserisce tutto ciò che riteniamo extra (dunque potete inserire gli affiliati della vostra fanlisting, i tuoi contatti, crediti e qualcunque altra cosa vi venga in mente). Ricordatevi di mettere anche un form per chi dimentica la password. Spaventati? Forse le vostre conoscenze non sono tali da creare tutti questi form e organizzare una fanlisting ed è per questo motivo che vi sono degli script appositi che vi aiutano. Uno di questi è Enthusiast che potrete scaricare a questa pagina. Finito il tutto iscrivete la vostra fanlisting. Per dubbi o domande puoi contattarmi via mail. Ciao e alla prossima.