Archivi per la categoria ‘Web Design’

allinclusiveapparel.com

Thursday, 16 July 2009
allinclusiveapparel.com

allinclusiveapparel.com

My last work:

allinclusiveapparel.com site!!
See you!

Invia l'articolo in formato PDF a PDF Free

Migliorare posizionamento e page rank del proprio sito/blog tramite il tag title=”".

Wednesday, 3 December 2008
Uno degli elementi fondamentali di una pagina web è il collegamento “link”. Se da tempo ormai è diffusa l’abitudine di prestare molta attenzione alla gestione del tag <a></a> nei propri siti web, non è lo stesso per quanto riguarda i blog!

Uno degli attributi fondamentali del tag <a> è difatti il titolo che il collegamento riporta!

Il titolo di un link viene visualizzato, dalla maggioranza dei browser, nella barra di stato ed in piccole finestre stile “tooltips” che appaiono affianco al collegamento.

ESEMPIO –> spostate il mouse su questo LINK

L’inserimento di titoli coerenti per i link sulle vostre pagine oltre a migliorare l’usabilità del sito aumenta le possibilità di ricevere un buon posizionamento dai motori di ricerca!

il mio consiglio è quindi di inserire titoli coerenti e studiati per TUTTI i link della vostra pagina!

Un piccolo esempio della differenza tra link apparantemente uguali:

matte89thebest@gmail.com
matte89thebest@gmail.com

Spostate il cursore prima su uno e pois ull’altro link e controllate la differenza!

Un altro utilizzo della proprietà “title” permette di creare dei “tooltips” compatibili con tutti i browser!

Difatti INTERNET EXPLORER è PURTROPPO ostico verso la maggior parte del codice HTML e CSS accettato come standard!

Girovagando online avrete di certo notato porzioni di testo, che al passaggio del mouse, aprono piccole finestre di testo in corrispondeza di esse.

Questo viene usato spesso per fornire spiegazioni  a termini particolari presenti nella pagina.

Una struttura “tooltips” molto semplice può essere implementata tramite fogli di stile CSS in meno di 20 righe: 

(more…)

Invia l'articolo in formato PDF a PDF

USO del target=”_blank”: Può migliorare le visite al proprio sito

Monday, 1 December 2008

Uno degli elementi fondamentali di una pagina web è il collegamento “link”. Se da tempo ormai è diffusa l’abitudine di prestare molta attenzione alla gestione del tag <a></a> nei propri siti web, non è lo stesso per quanto riguarda i blog!

L’attributo “target” permette difatti di indirizzare l’apertura di una pagina web in una finestra SEPARATA da quella utilizzata per cliccare sul link!

Questo risulta molto comodo quando si riportano collegamenti a siti – blog esterni, magari per citare proprio articoli di questi blog!

La spiegazione è anche quà molto semplice: L’utente che visualizza, per esempio, la versione originale di un articolo, che è solamente citato sul vostro blog, tramite un link “_blank”, ha molte più possibilità di tornare sulla vostra pagina e di finire di consultarla!

Quante volte vi è capitato, in fasi accanite di ricerca online, di navigare in decine di siti web , alla rincorsa della citazione di qualche altra fonte, e alla fine ritrovarsi con la pagina iniziale PERDUTA nella marea di cronologie?

Molto fastidioso vero? ancora più fastidioso se non avete finito di leggere l’articolo iniziale!

La sintassi da modificare è nel collegamento:

<a href=”http://www.xxxxxxx.xxx” target=”_blank”>LINK</a>

Aggiungere la parte “verde” per impostare l’apertura del link in una nuova pagina!

Numerose piattaforme di blogging, così come molti editor visuali HTML difatti permettono di inserire LINK tramite interfaccia grafica (si clicca sopra l’immagine della catena e si inserisce l’url del sito in una finestra apposita). Questo sistema nel 99% dei casi impedisce di selezionare parametri EXTRA del tag <a> come appunto “target”  o “title” (vedi importanza del tag title nei collegamenti – articolo sul blog).

In questi casi è necessario, dopo aver inserito il link, passare alla visuale HTML e modificare come suggerito sopra il collegamento!

l’autore dell’articolo, così come l’amministratore non si assumono responsabilità per quanto trattato. Tutto il materiale è presentato in maniera gratuita e privo di impegno alcuno sull’effettiva pericolosità, correttezza o completezza.

Creative Commons License  

matte89thebest’s blog press is licensed under a Creative Commons Attribuzione-Non commerciale 2.5 Italia License.

Based on a work at www.matte89thebest.com/blog.

Invia l'articolo in formato PDF a Word PDF

UN SITO WEB css GRATUITO in 10 minuti

Monday, 1 December 2008

Un sito web  in pochi minuti? Il tutto a pochi euro all’anno? … siamo nel 2008 … questo non è possibile!…

INVECE DA OGGI è DAVVERO POSSIBILE!

Quello che state per leggere è quanto di più corretto si possa ottenere oggi, informaticamente parlando, ovvero una diffusione GRATUITA e LIBERA di conoscenze ed informazioni tramite internet!

L’articolo seguente non vuole essere una guida alla COMPRENSIONE di HTML, CSS , WEB design e altro.

Lascio il compito alle numerose guide AVANZATE e, di certo più compententi, che potete trovare online.

Lo scopo delle pagine seguenti è quello di fornire un semplicissimo ma completo scheletro a chiunque ne abbia bisogno! Se avrete la pazienza di seguirmi credo rimarrete soddisfatti!

OBIETTIVI:

  • Creazione di un semplice template web CSS composto da:

  • header, foother, barra sinistra e spazio centrale.

  • Nozioni di base su come modificare l’aspetto del template.

STRUMENTI NECESSARI sotto WINDOWS:

  • Client FTP (SmartFTP) – guida disponibile in questo articolo: articolo sul blog

    (more…)

Invia l'articolo in formato PDF a Word PDF