tag : REDAZIONE

D	L	M	M	G	V	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

27/12/2010

Che cos’è HTML5?

Che cosa è HTML5?
HTML5 sarà il nuovo standard HTML, XHTML e HTML DOM.
La precedente versione è nata nel 1999 e il web ha cambiato molte cose da allora.
HTML5 è ancora un work in progress al momento, ma i browser più aggiornati hanno iniziato a supportarlo in alcune features.

Come è nato HTML5?
HTML5 è nato da una cooperazione tra il W3C (World Wide Web Consortium) e il WHATWG (Web Hypertext Application Technology Working Group).
Mentre il WHATWG stava lavorando con applicazioni che giravano su web, il W3C lavorava con il fallimentare XHTML 2.0. Nel 2006 i due gruppi hanno deciso di collaborare e di creare insieme una nuova versione di HTML.

Le regole base da cui sono partiti sono state:

le nuove funzionalità dovevano basarsi su HTML, CSS, DOM e Javascript;
sarebbe stato necessario ridurre l’utilizzo di plugin esterni per leggere il web (come Adobe FlashPlayer, Apple QuickTIme, Microsoft Silverlight…);
bisognava aumentare il numero dei tag di markup;
HTML5 doveva essere indipendente dal dispositivo su cui veniva usufruito (PC, iPhone, iPad, etc…);
il processo di sviluppo doveva essere pubblico e visibile a tutti.

Nuove funzionalità
Alcune delle novità interessanti in HTML5 sono:

l’elemento canvas che permette di disegnare;
gli elementi audio e video per la riproduzione di file multimediali senza l’utilizzo di plugin esterni;
un miglior supporto per l’archiviazione dei contenuti in locale per la visualizzazione non in linea;
nuovi elementi di markup per inserire contenuti specifici, come <article>, <footer>, <header>, <nav>, <section>, etc…;
nuove forme di controllo, come il calendario, la data, l’ora, l’url, la ricerca, etc…

Le ultime versioni di Firefox, Safari, Chrome e Opera supportano alcune caratteristiche di HTML5. Anche Internet Explorer 9, ancora in fase beta, ne supporterà alcune non appena sarà rilasciato.

Per testare quali features di HTML5 i browser hanno già implementato, vi consigliamo di provare HTML5test.com.

10/09/2010

Come usare font esterni

Come sapete, i font standard per il web, riconoscibili sia da PC che da Mac e dai browser più diffusi non sono molti, ma nessuno vieta di utilizzarne altri. L’unico problema è che dobbiamo avere la certezza che chi legge il nostro Blog abbia sul proprio computer lo stesso font, altrimenti tutto il nostro lavoro diventa inutile.
Se scegliamo la prima soluzione abbiamo il 50% di possibilità che il nostro lettore abbia quel font installato, ma l’altro 50% non vedrebbe il Blog in modo corretto. La seconda soluzione, invece, obbliga il nostro lettore a scaricare ed installare il font, ma non tutti desiderano scaricare qualcosa dal web. Inoltre, se utilizziamo un font a pagamento, dobbiamo dire ai nostri lettori che se vogliono vedere il nostro Blog in modo corretto devono acquistare quel font, se glielo facciamo scaricare noi andremmo contro le leggi del copyright!

Come superare il problema? In rete possiamo trovare diverse soluzioni che ci permettono di utilizzare i font che vogliamo senza violare nessun diritto di copyright, sia a pagamento che gratuitamente.

Tra i più diffusi e gratuiti c’è Google Font Directory, un servizio gratuito che permette di utilizzare all’interno di un Blog o di un sito web font esterne. I font a disposizioni non sono molti, ma sono gratuiti e permettono di creare sul testo degli effetti come questo:

Qual'è il vantaggio? Solitamente se si vuole inserire un testo utilizzando quel font, bisogna creare e caricare sul Blog un’immagine. Questa soluzione rende il nostro Blog più pensate da caricare, inoltre, se non ci ricordiamo di inserire la tag “alt” all’immagine, possiamo “perdere punti” nell’indicizzazione dei motori di ricerca.

Come funziona Google Font Directory? E’ molto semplice. Dalla pagina di Google Font Directory, cliccate sul font che vi piace. Clicchiamo sul bottone “Get code” e seguiamo le istruzioni:

Andiamo in “Presentazione > Opzioni avanzate” ed incolliamo il codice "embed” con il link al font tra le tag <head> ed </head> delle seguenti pagine del template:

Modello della homepage
Modello della pagina categoria
Modello di pagina Link permanente
emplate tags
Tutti gli archivi

Possiamo scegliere noi a quale testo del Blog associare quel font modificando il Foglio di stile.
Ad esempio, vogliamo associare quel font solo ai titoli degli elementi presenti nella colonna laterale del Blog. Restando in questa sezione, clicchiamo su “Modifica modello” del Foglio di stile, cerchiamo il codice relativo ai titoletti e aggiungiamo la riga di codice “font-family” con il nome del font scelto su Google:

   .sidebar h2 {
    margin: 0px 0px 0px 0px;
    font-family: 'Lobster', arial, serif;
    font-size: 130%;
    font-weight: bold;
    color: #080300;
    padding-left: 30px;
    padding-top:5px;
    }

Ora tocca a voi. Buon lavoro!

22/02/2010

TAG: queste sconosciute

Carissimi MyBlogger, oggi vorrei approfondire insieme a voi il mondo delle tag... certo molti sanno perfettamente di cosa tratta l'argomento e le utilizzano in modo utile e costruttivo... per tutti quelli che ignorano completamente cosa siano le tag, e non le inseriscono neppure per catalogare il post, beh questo articolino è dedicato a voi :-) buona lettura

Innanzi tutto cosa sono le tag?

Semplicemente un modo di organizzare i contenuti: le tag sono delle parole chiave che consentono una catalogazione del tuo post in modo schematico, attraverso di esse i motori di ricerca navigano tra i vari blog ed è attraverso di esse che gli utenti possono arrivare al tuo blog! Purtroppo molto spesso le tag vengono utilizzate in maniera sbagliata o praticamente inutile, quindi è necessario fare molta attenzione.

Il problema è: come "taggare" i contenuti del nostro blog nel modo più efficace possibile scegliendo le tag più appropriate?

Prima cosa da fare: analizzare il proprio post.

Di cosa stiamo parlando? L'argomento principale del tuo articolo deve sempre esser presente tra le tag che appartengono al post ( sembra un'ovvietà..ma vi assicuro..a volte ci si dimentica delle ovvietà :-))

Per semplificarvi la vita possiamo dire che le tag si dividono per:

tipo di contenuto (es: recensione, articolo, relazione, ricerca di mercato)
fonte (es: università, documenti aziendali, associazioni)
autore
pubblico (es: commercialisti, studenti, avvocati)
prodotti o servizi correlati (ad esempio un marchio)

Bisogna essere diretti e semplici, senza giri di parole: sintetici ma diretti, ecco l'obiettivo :-)

Facciamo un esempio per capirci... se il mio blog parla di pesca è inutile inserire tag come allevamento, pesci, mare, spiaggia, basterà inserire "Pesca" "Passione Per la Pesca" "Esche" o parole simili, ma che siano poche, e che ritroviamo anche all'interno dell'articolo.

Si sceglie di assegnare un minimo di 5-6 tag per ogni post proprio perché per definire il contenuto di un articolo sono necessarie più parole chiave, ovviamente meno tag si usano, e più frequenti sono, più il nostro blog sarà di nicchia.

La domanda che dovreste farvi tutte le volte che dovete inserire delle tag per descrivere il vostro post è: per cercare un articolo che parli del contenuto del mio post, quali parole chiave scriverei su google?

31/05/2008

Come inserire un testo con link in HTML

Per personalizzare maggiormente il proprio blog è utile avere una conoscenza base del linguaggio HTML.
Il tutorial che segue mostra come associare a un testo un link, una formattazione e un colore utilizzando gli editor HTML presenti nel Pannello di Controllo del blog: l’editor avanzato della sezione Post e l’editor presente nella sezione Presentazione > Contenuto delle barre laterali di navigazione che permette di creare nuovi elementi da inserire nelle colonne del vostro blog.

Nelle righe di codice HTML che andremo a scrivere modificheremo alcune tag che servono a costruire un testo.
In HTML le tag sono usate per contenere gli elementi HTML. Ogni tag viene rispettivamente aperta e chiusa da questi simboli: < e >
Normalmente le Tag HTML appaiono sempre in coppia, la prima definisce l’inizio di un elemento, la seconda la fine:

<tagaperta>Contenuto che si vuole mostrare.</tagchiusa>

Il codice di un testo
Il codice HTML che permette di visualizzare un normale testo è questo:

<font size=”2” face=”Verdana”>Il testo appare così.</font>

Gli attributi che interessano a noi sono quelli che si trovano nella tag <font>:
size definisce la dimensione del font (la misura standard è 2).
face definisce il carattere che verrà utilizzato sul testo. I caratteri “standard” utilizzati in Internet sono Verdana, Arial, Times, Courier, Georgia, Helvetica.

Il codice di un testo con link
Per associare un link al testo, il codice sopra diventa così:

<a href=”http://www.myblog.it”><font size=”2” face=”Verdana”>Questo è un testo con link.</font></a>

dove href contiene l’indirizzo della pagina web che si vuole mostrare.

Il codice di un testo formattato
Se si vuole un testo in grassetto, in corsivo o sottolineato basta aprire e chiudere una tag prima e dopo il testo.
Le tag da inserire sono:
per avere un testo <strong>grassetto</strong>.
per avere un testo <em>corsivo</em>.
per avere un testo <u>sottolineato</u>.
per avere un testo <strong><em><u>grassetto corsivo e sottolineato</u></em></strong>.

Il codice di un testo colorato
Se invece si vuole un testo colorato, alla tag <font> basta aggiungere l’attributo color. Ad esempio, se si vuole un testo rosso:
<font size=”2” face=”Verdana” color=”red”>Il testo apparirà rosso.</font>

se si vuole un testo blu:
<font size=”2” face=”Verdana” color=”blue”>Il testo apparirà blu.</font>

e così via per tutti i colori. Il nome del colore deve essere scritto in inglese, come nell’esempio, oppure nel formato esadecimale.

22/02/2008

Virgilio Genio

Hai mai provato Virgilio Genio?
E’ lo spazio dove puoi rispondere alle domande di altri utenti e trovare risposte alle tue curiosità.
E’ molto divertente perchè metti alla prova le tue conoscenze.

In un modo accessibile a tutti e per niente complicato, puoi proporre tutte le domande che vuoi e saranno gli altri utenti a scrivere le risposte e, successivamente, a votare quella ritenuta più corretta e più esauriente (rispetto) alla tua domanda.

Viceversa anche tu puoi dare una mano agli utenti che pongono dei quesiti e, per ogni risposta che dai, puoi ricevere un voto a tuo favore e salire le classifiche degli utenti più autorevoli e più attivi.

All’interno delle domande e delle risposte puoi affiancare il testo con foto, video e audio per descrivere meglio quello che vuoi dire.

Puoi utilizzare le tag per rendere più facile la ricerca delle domande e delle risposte e, oltre a ricevere una notifica via email che ti informa che qualcuno ha risposto alla tua domanda, con i feed RSS hai la possibilità di seguire le varie risposte su ogni domanda dal tuo RSS Reader.

Vai su Virgilio Genio e mettiti alla prova!

26/11/2007

Migliora la tua indicizzazione con Virgilio Foto album

Con Virgilio foto album hai la possibilità di associare tag alle tue foto e ai tuoi Album e di personalizzare l'indirizzo internet (url) delle tue foto.

Cos'è un tag? Tag letteralmente significa 'etichetta' e puoi cosinderarlo un sinonimo di parola chiave. Se per esempio la tua foto o il tuo Album riguardano Firenze, potrai inserire i tag Firenze e Toscana per etichettare la tua foto.
L'inserimento di tag corretti e pertinenti ti permette di migliorare l'indicizzazione delle tue foto e dei tuoi Foto album.
I tag, sono infatti, insieme ad altri, uno dei criteri importanti che i motori di ricerca usano per catalogare il Web.
In sostanza le foto associate ai tag sono più facilmente ritrovabili nella rete.

Un altro importante criterio usati dai motori di ricerca per catalogare il web è l'indirizzo internet di un contenuto: più è
pertinente con il contentuo della pagina, più sarà trovato facilmente.
Ti consigliamo quindi di nominare le tue foto in modo da descriverne il più possibile il contenuto: in questo sarà catalogata con più precisione dai motori di ricerca e trovata più facilmente dai tuoi visitatori.

Puoi personalizzare l'indirizzo dei singoli album: in automatico l'indirizzo del tuo album prenderà il Titolo dell'album, se p.e. apri un album dal titolo Peppino nel Foto akbum 'virgilio', l'indirizzo del tuo album in automatico sarà: http://fotoalbum.alice.it/virgilio/peppino. Potrai però scegliere un altro indirizzo a tuo piacimento (p.e. http://fotoalbum.alice.it/virgilio/foto-peppino).

Puoi anche modificare l'indirizzo di ogni singola foto. In automatico l'indirizzo della foglia è composta dal nome della del file della tua foto. Se quindi la tua foto si chiama 'campione-del-mondo.jpeg' l'indirizzo della foto sarà
http://fotoalbum.alice.it/virgilio/peppino/campione-del-m... Anche in questo caso puoi modificare l'indirizzo a tuo piacimento.

06/05/2007

Le categorie su Myblog.it

Su Myblog.it puoi categorizzare ogni post che pubblichi segliendo di inserirlo in una o più categorie. Sul tuo blog, nelle barre di navigazione sono presenti le categorie che contengono almeno un post, cliccandoci il tuo visitatore vedrà tutti i post che trattano di quell'argomento. Categorizzare un post vuol dire facilitare la lettura del tuo blog, ma anche migliorare l'indicizzazione del tuo blog da parte dei motori di ricerca.
Puoi aprire quante categorie vuoi, ma ti consigliamo di non esagerare: potresti confondere il tuo lettore. Considera la categoria come l'argomento generale e il tag come sotto-argomento che meglio specifica il contenuto. Se per esempio il tuo post parla di calcio e stai scrivendo un post sulla prestazione di Paolo Maldini, capitano del Milan, in una partita di Champions League potrai inserire il post nella categoira Champions League e aggiungere al post i tag: paolo maldini, maldini, milan.
Non ti preoccupare: tutte le categorie, i post e i tag sono modificabili in qualsiasi momento.

Il Tag anche sui file

Cos'è un tag? Tag letteralmente significa 'etichetta' e puoi cosinderarlo un sinonimo di parola chiave. Su Myblog.it sotto a ogni post, trovi uno spazio per inserire i tag da associare al tuo post. Se per esempio il tuo è un post è sulla finale del campionato del mondo del 2006, come tag potresti mettere i tag: calcio, mondiali 2006, italia, campioni del mondo.

La categoria di un post ne descrive l'ambito, mentre il tag ne specifica meglio il contenuto.

L'inserimento di tag corretti e pertinenti ti permette di migliorare l'indicizzazione dei tuoi post e quindi del tuo blog.
I tag, sono infatti, insieme ad altri, uno dei criteri importanti che i motori di ricerca usano per catalogare il Web.

Su Myblog.it esiste inoltre la sezione Tutti i tag che raccoglie tutti i post in base ai tag inseriti dai blogger: per esempio cliccando sul tag 'divertente' troverai tutti i post associati a questa parola chiave.

Sulle colonne laterali del tuo blog c'è inoltre il modulo Tag più cercati che visualizza i tag più utilizzati da te. Cliccando su un tag il tuo visitatore vedrà tutti i post che tu hai associato a quel tag. Una bella comodità, no?

Su Myblog.it puoi inserire anche i tag sui file (foto, video, audio) che inserisci in un post. Per far trovare facilmente i file con un tag a tutti i blogger di Myblog.it abbiamo pensato a diverse sezioni che raccolgono i tag per formato:
- tag dei video
- tag degli audio
- tag delle foto

Se - in seguito a una segnalazione di un altro blogger - la Redazione constata che inserisci tag in maniera non pertinente o per esempio utilizzi parolacce, il tuo blog verrà escluso dalle classifiche e dalla sezione Tutti i tag.

REDAZIONE

Il blog della Community di Virgilio!

Pagine

I miei ring

Post recenti

Categorie

Tag più cercati

ARTICOLI - Maggio 2012

Archivi

Ultimi blog aggiornati