Regalo di Natale

Scende la NEVE nel tuo BLOG!!

Ecco un piccolo tool molto carino, che nel periodo natalizzio è a dir poco grazioso..

- Scarica il file testo dal link sottostante con il codice

- Aggiungi una finestra gadget per html

- Incolla nel gadget html il codice del file

- SALVA!!!

Link a file testo:

Codice

Colgo ora l'occasione per Augurare delle 

BUONE FESTE A TUTTI DA GRAPIX!!

I colori Esadecimali

Nel linguaggio del web, i colori vengono espressi principalmente in due modi

Nome colore inglese, Esadecimale

La prima dicitura, vede nella formattazione della scrittura e dunque nel suo codice html, la seguente stringa 

Es. 

[code][color=red]Prova[/color][/code]

Prova

Questa sintassi si ha ad esempio nei comuni forum che spesso frequentiamo.

Cambiando dunque il colore a piacimento nel codice, possiamo dare anche al testo colori personali, oltre ai soliti giallo, arancione, rosso ecc...

Vediamo ora invece i COLORI ESADECIMALI

#000000   = NERO

#ffffff = BIANCO

Nella struttura della pagina web invece si adoperano i colori espressi col codice ESADECIMALE.

 - DEFINIZIONE 1:

ESADECIMALE: Il sistema metrico esadecimale, è molto simile al nostro sistema DECIMALE che utilizziamo per i conti.

Nel sistema DECIMALE, componiamo infiniti numeri con "l'alfabeto" che vede tali simboli:

da 0 a 9

Nel sistema ESADECIMALE, componiamo infiniti numero con "l'alfabeto" che vede tali simboli:

0 1 2 3 4 5 6 7 8 9 A B C D E F

A = 10

B = 11

C = 12

D = 13

E = 14

F = 15

Con tale sistema dunque possiamo esprimere un medesimo numero che in dec avrebbe ad esempio 10 cifre, in hex avrebbe SOLO 6 cifre!!

 - DEFINIZIONE 2:

METODO RGB: Un colore SECONDARIO (verde, arancione, marrone..) è SEMPRE la composizione di piu colori.

I medesimi colori secondari però possono essere ottenuti con la composizione di differenti colori:

Red

Green

Blu

Un secondo metodo di composizione è il CMYK con la composizione del Ciano, Magenta, Yellow (imm. 1) o ancora il GREY che utilizza tutte le sfumature del grigio composizione del nero e bianco dunque ( imm. 2)

 

La composizione dei colori ESADECIMALI, vien fatta con il metodo RGB, dove:

# = numero del colore

PRIMI 00 = valori del Red

SECONDI 00 = valori del Green

TERZI 00 = valori del Blu

Per la def. 1 si può intuire che i colori rappresentabili con questo metodo son tantissimi, ogni combinazione delle TRE coppie di colori RGB, avrà come colore prodotto una sua definita sfumatura del verde, del blu, del rosso, dell'arancio, del celeste ecc...

-Una tavola di colori esadecimali con i relativi codici è presente nel menu bar laterale, in STRUMENTI UTILI.

- Se invece avete un codice di colore esadecimale, e volete sapere il colore ad esso associato, cercate nella barra di ricerca google qui presente "COLORI ESADECIMALI", e cercate tra i primi siti a schermata, uno dove è possibile inserire il codice.

Gadgets su Facebook

PERSONALIZZIAMO FACEBOOK

Tanti... Tutti ormai siam registrati anche sul nuovo portale Facebook.. impariamo a personalizzarlo!

Per fare questo però è importante conoscere una semplice regola iniziale... senza la quale sbatteremmo non so quante volte la testa sul nostro pc..

Leggi anche:   Html su FACEBOOK

Facebook NON è PERSONALIZZABILE!!

Eh bene si.. il tanto pubblicizzato Facebook rimane ed appare ai nostri visitatori così come noi lo vediamo al momento d'iscrizione (speriamo sia solo per ora).

Questo portale si basa sulla estrema, (fin troppa forse), facilità ed intuitività d'utilizzo.

Alcune personalizzazioni però ci son concesse; vediamo quali:

1) implementazione dei dati personali

2) implementazione delle nostre immagini (album fotografici)

3) implementazione di gadgets

4) personalizzazione della disposizione di gadgets

NB: NON ci è concesso dare il tocco piu personale... della personalizzazione sfondi e layout.

Analizziamo le nostre possibilità:

1) Profilo: Estremamente facile... cliccando in alto a sinistra su PROFILO avremo a schermo tutte le informazioni del nostro profilo, non mi dilungo troppo su tale questione, il segreto è provare provare provare....

- BACHECA: possiamo aggiungere un elenco di link, i nostri ALBUM, i nostri VIDEO

- INFO: clicchiamo direttamente su MODIFICA IL MIO PROFILO sottostante alla immagine personale, potremo poi cambiare tutte le informazioni personali

a modifiche apportate SALVIAMO!!

2) Album: sempre in PROFILO clicchiamo su AGGIUNGI FOTO, creiamo il nostro ALBUM e

lo PUBBLICHIAMO.

Dove prima c'era solo BACHECA e INFO, ora appare anche FOTO, clicchiamoci su e premiamo poi sulla matitina che apparirà sull'angolo superiore destro dell'album creato, installiamo tutto il necessario, sarà tutto automatico, ed ora possiamo AGGIUNGERE le nostre PHOTO.

3) Gadgets = APPLICAZIONI: su facebook i gadget e tool vengon chiamati APPLICAZIONI.

In basso a sinistra clicchiamo su APPLICAZIONI, si aprirà un menu a tendina con dei primi tool piu frequenti di base; clicchiamo però su TROVA ALTRE APPLICAZIONI.. aprendo così una nuova pagina con infiniti gadget divertenti, utili, inutili... basta solo cercare quello che piu ci interessa scorrendo la lista di categorie sulla destra.

Trovato quello di nostro interesse, clicchiamo sul nome, aprendo così una scheda sul tool con tutte le sue informazioni. Clicchiamo ancora 

su VAI ALL'APPLICAZIONE ed in fine CONSENTIAMO l'accesso ai nostri dati.

4) Disposizione applicazioni: anche per facebook, possiamo decidere come disporre le varie applicazioni 

trascinandole semplicemente ove ci pare piu opportuno.

Non dimenticate mai di SALVARE il tutto al termine!!

Pubblicizza il tuo Blog sul mio!

Pubblicizza sul mio Blog!!

Da oggi, potete INVIARMI la vostra richiesta di pubblicizzare il vostro blog nella mia pagina!!

Fate la vostra richiesta con un commento in questo post!

Inserisci il nome del tuo blog!

Inserisci il link al vostro blog!

Inserisci il link al vostro banner!

Inserisci una piccola descrizione!

Inerisci il nome dell'autore!

Ed il vostro blog apparirà nella mia home a portata di tutti!!!

Questo è un puro scambio link, inserito il vostro banner vi verrà fornito il banner per GRAPIX che dovrà essere inserito nel vostro spazio.

Pubblicizza sul mio Blog!!

Gadgets su Blogger

Blogger

Ovvio non poter trattare anche il portale BLOGGER, ove sono situato.

L'aggiunta di gadgets, tool e dunque... ogni tipo di codice HTML-JAVA, risulta estremamente semplificato dall'impostazione data dagli ideatori stessi di blogger (è riconosciuta ormai l'enorme vantaggio dei componenti google, estremamente facili da utilizzare e non a svantaggio della funzionalità).

Nella sezione LAYOUT del nostro pannello di controllo, abbiamo la schermata e l'impostazione che la nostra pagina avrà qualora venisse visualizzada, con l'insieme degli elementi che la compongono.

Sempre nel pannello di Layout è (come visto in "Come gestire un blog"), è possibile spostare trascinando semplicemente gli elementi costitutivi; per l'aggiunta di nuovi elementi però è moooolto intuitivo... basta cliccare su:

AGGIUNGI GADGET

Ai nostri occhi apparirà una nuova finestra, dove è elencata una serie di gadgets BASE (elenco link, slideshow, elenco semplice, feed...) , che risultano anche i piu frequenti sul circuito blogger. Possiamo iniziare da questi gadget stessi, per implementare l'interesse della nostra pagina web.

NB. Sulla sinistra invece, c'è un elenco di CATEGORIE, cliccando su una delle sottostanti avremo la visuale di tantissimi altri tool come la barra wikipedia, orologi, calendari...

In sunto, i passi da eseguire:

- Layout

- Aggiungi Gadget

- Impostiamo i nostri valori e le nostre preferenze

- Spostiamo il nuovo Gadget dove piu preferiamo (magari visualizziamo l'anteprima)

- SALVIAMO!!

Le jeux son fè! I giochi son fatti ;)

Gadgets su My Space

My Space

Esaminiamo ora come inserire gadgets sul nostro MY SPACE!

Per questo tipo di siti, dove non è previsto l'inserimento (ma non vietato) dei vari tools, è necessario far riferimento ad uno dei molteplici siti destinati alla creazione ed alla fornitura di questi simpatici elementi personalizzati.

Potete ricercare nella barra di ricerca qui nel blog stesso questi siti, inserendo parole come:

gadget, personalizzare myspace, giochi myspace

siate inventivi nella ricerca; non appena avrò la concessione da parte di alcuni di questi siti, aggiungerò una lista di riferimeto; oppure cliccate su uno degli annunci sui gadgets sparsi nel blog (se presenti0).

Trovato il sito che piu ci piace, non dobbiamo far altro che spulciare tra le sue pagine e cercare i tool che piu ci piacciono tra varie categorie (giochi, glitter, emoticon, generatori di codici, calendari, orologi, scritte, immagini animate), trovato quello piu interessante, dovete solo seguire le indicazioni che vi da il sito stesso. 

Cosa avrò alla fine dal sito?? 

Semplice! Il nostro simpatico codice HTML! 

E che me ne faccio?? Ormai ho capito (presumo) 

che vada inserito da qualche parte! Ma DOVE??

Il codice che ci verrà fornito al termine della personalizzazione dal sito associato, dovrà essere inserito in finestre apposite!

ANALIZZIAMO.

- Inanzitutto, visualizzate la vostra pagina come se foste un visitatore (cliccate su: modifica profilo, e poi in alto a sinistra su visualizza il mio profilo), e scegliete dove inserire il vostro gadget tra i moduli presenti:

Interessi (e sottocategorie) e parlo di me

Penso abbiate capito ora dove vadano inseriti i codici..

- Tornate nella home dei nostri strumenti in modifica profilo, ora non dovete far altro che cercare in quella lista di spazi dove poter scrivere, quella zona dove voi avete deciso di inserire il vostro gadget.

Es. voglio mettere un gadget in "CHI SONO" (1), lo cerco in MODIFICA PROFILO, INCOLLO IL CODICE (2) e SALVO (3). 

Bene.. ora scoprite a cosa equivale quel codice, visitando il mio myspace, visitatelo dalla lista a destra "Dove mi Trovate".

Gadgets sullo Space

Iniziamo finalmente a conoscere i GADGETS, niente altro che applicazioni particolari ognuno con la sua funzione, ci sono GIOCHI, CALENDARI, CURIOSITA', NOTIZIE, VIDEO, IMMAGINI, OROLOGI, CONTATORI, RIPRODUTTORI AUDIO...

Ogni sito però necessita di una sua spiegazione... percui.. prenderemo in esame i piu diffusi:

- Space Msn

- Blogger

- MySpace

Se poi avete delle richieste particolari non dovete far altro che richiedere anche con un commento informazioni.. che quanto prima vi saranno date.

Space msn

Dopo aver dato una prima forma al nostro space con un layout (vedi post precedenti), definito i colori degli stili ed inserito le nostre informazioni; possiamo passare all'inserimento dei vari applicativi che renderanno lo space indistinguibile e di un certo effetto.

Ecco i passi da seguire:

1) ovviamente fate accesso al vostro space

2) clic su personalizza

3) aggiungi moduli

Vi si aprirà un menu a tendina con svariati moduli con dei primi applicativi come gli elenchi, guestbook, amici, foto, video, audio..

A. Se c' qualcuno tra questi che vi piace, cliccate su aggiungi, lo spostate trascinandolo nella parte del vostro space che piu preferite e NON DIMENTICATEVI DI CLICCARE SU SALVA!!

B. Se cercate invece qualcosa di piu particolare, scorrete lo scroll bar verso il basso della finestra dei moduli, fino ad arrivare alla sezione: 

GADGET ---> e cliccate su aggiungi gadget da windows live gallery

Nella nuova pagina che vi si è aperta, avete un enorme assortimento di tool, basta solo cercarli per nome nella barra di ricerca in alto, o per gruppo nella lista a sinistra.

Trovato il gadget che piu vi interessa cliccate su AGGIUNGI, spuntate l'opzione SPACES ed al momento dell'anteprima se vi piace il risultato cliccate su INSTALLA.

A questo punto tornernerete automaticamente sul vostro space, anche in questo caso posizionate dove piu preferite il nuovo elemento, SALVATE, and enjoy it!!

NB. Alcuni di quei gadget, son presi da fonti esterne a cui è richiesta la registrazione, registratevi e seguite passo passo le richieste del sito; o ancora un amico lo fa per voi o vi consiglia un sito da cui prenderne, alla fine vi vien dato comunque un codice HTML

Come fare con l'HTML???

Aggiungete il modulo: HTML personalizzato come descritto precedentemente, ed aggiungete nel riquadro che vi apparirà (come il comune riquadro dei vostri post) il codice che avrete preventivamente copiato.

RICORDATEVI SEMPRE DI SALVARE AL TERMINE!!

 

Inserire immagini (HOST immagini)

Molto spesso tutti pensano di riuscir a mettere comunque immagini nei propri post.. SE c'è l'apposita casellina da cliccare con la scelta automatica dell'immagine... e se non dovesse esserci SPESSO si pensa:

 "ora la carico su un sito.. e la inserisco! Così mi dicon sempre di fare.."

Se si è bravi.. si trova anche il sito su cui caricare... ma... scelta l'immagine.. e caricata.... PANICO!!! Tante scritte.. tutte diverse!!!! 

Non dovrei.. ma inserisco il link ad un sito di caricamento (HOST): imageshack.us

Questo è quello che vi apparirà e seguirete questi passi:

2) scegliamo la locazione dell'immagine

3) se vogliamo ridimensionare l'immagine abbiamo piu dimensioni possibili (spuntando la 2^ casella ci elimina anche le dimensioni del ridimensionamento)

4) cliccare su host it! Ed il caricamento parte!

Di seguito vi si apre la pagina famosa con taaaaaaanti link dove si sbatte solitamente la testa..

a: Thumbnail for websites: questo codice viene utilizzato nei codici html diretti, inserendo una parola (es. qui) prima del TAG di chiusura QUI (quelli con lo slash /; guarda il post "dizionario dell'html"; in fase di approntamento) visualizzeremo la parola qui, e cliccandoci sopra.. si aprirà l'immagine desiderata.

Es: 

QUI

b: Hotlink for forum (1): inserendo quel codice nei vostri post, blog, firme di forums.. come risultato avrete la visione dell'immagine intera nelle sue dimensioni

Es:

[IMG]http://img227.imageshack.us/img227/5715/imrn9png[/IMG]

Oss. tutto il codice che precede e segue le TAG: [IMG] di apertura ed [/IMG] di chiusura, possono essere omesse nel codice, evitando così l'aggiunta di pubblicità e reindirizzamenti sponsor fastidiosi.

c: Show image to friend: inserendo quel codice, l'immagine non verrà visualizzata, ciò che si vedrà sarà un link diretto all'immagine HOSTATA sul web, che potremo ricopiare nella barra di navigazione del nostro browser, per viusalizzarla.

Es:

http://img211.imageshack.us/my.php?imagelocandina1iu2.jpg

HTML? eh??

html

Hyper

Text

Mark-Up

Language

L'html è un LINGUAGGIO di FORMATTAZIONE di documenti ipertestuali.. è la base di tutti i siti, e dunque di tutta la rete (provare per credere.. clic con il destro su una pagina web --> clic html, quello che vi si aprirà sarà l'intero sito!! wooooooooow!).

Ogni sito è composto da plurimi elementi di base (struttura-lyout, sfondi, colori di scritte, link, immagini, testi) ed elementi aggiuntivi (login, registrazioni, slidewhow, navigazione pagine), il tutto tradotto in codice html, inserito poi nel web.

Qualora noi volessimo personalizzare il nostro spazio, tutte le nostre modifiche dovremo apportarle al codice stesso della pagina; questo lo si può fare in due modi:

- Diretto: se il sito ci permette di accedere all'html diretto (vedi blogger)

- Indiretto: se nel nostro spazio ci sono apposite funzioni che ci permettono di aggiungere i famosi gadgets personalizzabili su altri siti appropiati, che come risultato ci da un codice da implementare nel nostro sito in apposite finestre (vedi spaces, o myspace)

Essendo questo un linguaggio, possiede una propria semantica ("alfabeto") ed una propria sintassi (regole che lo gestiscono), esempio:

bgcolor=#ffffff;

- bgcolor: beckgroundcolor => che tradotto significa colore di sfondo (semantica)

- #: rappresenta il NOME numero (semantica, es. #4 = numero 4)

- ffffff: rappresenta il VALORE del colore, i colori vengono espressi in sistema ESADECIMALE (APPROFONDIMENTO COLORI ESADECIMALI).

l'insieme della scrittura e quindi l'ordine degli elementi così scritti con il punto e virgola finali compresi, costituiscono la sintassi, quella scrittura dunque stà a significare:

bgcolor=#ffffff; == colore di sfondo=numero ffffff

(il colore #ffffff è il colore BIANCO magia eh?)

Facile intuire dunque che, come in italiano... se disponiamo alla rinfusa le lettere... non capiamo nulla di ciò che si dice, così un pc, che si ritrova elementi messi alla rinfusa non capisce che vogliate dire e vi restituisce un errore di "fuck-off". (se siete suscettibili ditemelo... e vi do un altro errore :P )

Dunque..... BADATE BENE a dove mettete le mani!!

Intuibile poi, che anche il piu esperto programmatore... non potrà mai conoscere a memoria tutti i codici di tutti i linguaggi esistenti (c++, java, html, xml....), invoca così l'aiuto divino di programmi che hanno già nella loro memoria tutti i codici, e che con semplici clic ci creano una intera struttura, dove noi poi cambiamo solo i colori, ci mettiamo i link... e quello che vogliamo modificando solo pochi parametri (non pensate però che sia cosi semplice eh... se non sai dove metter mano.. sei fritto! e poi.... questi elementi preimpostati.. son frutto di ore ed ore ed ore ed ore di lavoro per CREARE ex novo un codice).

Esercizio 1 per casa: se possiedi un blog, che ti permette di modificare l'html in modo diretto, copia tutto il codice presente in un documento word pad, dove trovi i colori in esadecimale, inserisci numeri a piacere al posto dei presenti e guarda il risultato, dopo copia nuovamente il codice nel documento word nel blog, salva e tutto torna compe prima!

Nota bene, i numeri-lettere devono essere sempre 6 in tutto, modifica sempre e SOLO quei numeri, modifica un colore alla volta, e guarda l'effetto! sbagliando si impara ;)

Esercizio 2: se possiedi un blog, che ti permette di modificare l'html in modo diretto, copia tutto il codice presente in un documento word pad, cancella solo dal blog una riga qualsiasi e constata il tuo fuck-off! dopo copia nuovamente il codice nel documento word nel blog, salva e tutto torna compe prima!

NB. non mi assumo responsabilità! Ora sapete come distinguere i colori, ed ho detto cosa cambiare e come... e come tornare al risultato originario

Impariamo a gestire un blog

Ogni sito blogger ha le proprie impostazioni... comune a tutti però è la gestione del profilo.

Compilate piu campi possibili, in maniera tale da dare maggiori informazioni possibili di ricerca.. per avere maggiore possibilità di apparire nelle ricerche insomma.

Un Blog, solitamente, è composto da:

- Profilo
- Interessi: come per il profilo
- Blog: Il vostro "diario", con i singoli Post (inserzioni) arricchirete il vostro blog di argomenti.
- Immagini: slide show o raccolte di vostre immagini personali, caricabili dal sito medesimo.
- Layout: struttura della pagina personale (grafico-organizzativa).

Per la gestione e personalizzazione di un blog, principalmente si intende la personalizzazione del layout... con l'aggiunta di glitter (immagini sbrilluccicose), gadgets (orologi, tracciatori di visite, giochi.. ), grafica (dando il personale aspetto alla propria pagina), disposizione degli elementi.

L'organizzazione della STRUTTURA risulterà per la maggior parte di volte.. molto semplice, data la struttura semplificata dei siti (si vedi quello su cui siamo in questo momento), dove la distribuzione degli elementi vien fatta praticamente manualmente spostando a piacere i componenti della pagina; o come myspace.. dove ogni componente è al suo posto (e purtroppo non possiamo spostarli) nei quali però possiamo aggiungere quanti e quali codici vogliamo per personalizzare la nostra personale pagina; o ancora i comuni ed usati space msn.. dove abbiamo l'anteprima della pagina e dove possiamo aggiungere, spostare e definire le proprie impostazioni su come desideriamo visualizzare ogni componente.

Spulciando sempre tra le impostazioni dei vari spazi, ci impostiamo anche lo STILE TESTI, SFONDI e COLORI della pagina visualizzata al pubblico. Giusto un piccolo consiglio per ora.. evitate Scritture e stili di testi particolari.... con simboli strani o quant'altro... alcuni utenti (per varie ragioni) avranno difficoltà nel leggere ciò che avete scritto, perchè il loro pc non riconosce alcuni stili base.

Preferibile utilizzare: ARIAL, TIMES NEW ROMAN, VERDANA come scritture.

Scritture riconosciute da ogni Pc.

NB: Queste son cose che risultano molto semplici, evito dunque di soffermarmi.. basta andare alla ricerca nelle impostazioni.. e fin quando non salvate.. nulla cambierà! Tenete conto che non c'è miglior apprendimento se non provando l'effetto dei cambiamenti... dunque... non abbiate paura dei cambiamenti.... apportateli, salvateli e guardate il risultato! Cosi capirete sempre cosa state modificando, e cosa state inserendo di nuovo.

Impariamo a Creare un BLOG

BLOG: Il termine blog è la contrazione di web-log, ovvero "traccia su rete".

Se volete lasciare la vostra TRACCIA SU RETE, non dovete far altro che crearvi un blog personale!

Ci sono tanti modi e tanti server (in parole poverissime: spazi sul web) che mettono a disposizione il proprio spazio per darlo agli utenti che, previa registrazione, desiderano far proprio questo spazio.

Senza discriminazioni e senza favoreggiamenti non aggiungo nomi di siti...

...usate le parole chiave: BLOG, CREARE BLOG, SPACE nella barra di ricerca

nel mio blog stesso (alto a destra), oppure cliccate su uno degli annunci attorno

quando appaiono annunci con titolo "BLOG".

Prima di passare alla generazione del blog, conviene verificare con tool molto utili come 

google trends

 strumenti tali vi permette di verificare se l'argomentazione che vorrete dare al vostro spazio, è di interesse comune e dunque la FREQUENZA DI RICERCA DELLA PAROLA CHIAVE argomento del vostro blog.

I passi generalmente son sempre 3:

- iscrizione + accettazione tramite mail

- compilazione dati personali

- impostazioni iniziali del blog

con l'ultimo passo starete già lavorando con il vostro blog!

Ci inserite il vostro bel titolo, didascalia, qualche immagine nelle slide preimpostate (se presenti), inseriteci dei primi post, scegliete la disposizione dei vari MODULI facenti parte del blog (LAYOUT)

NB. è preferibile non fornire subito il vostro link agli amici, o nel diffonderlo nel web.. avrebbe scarso interesse se non ricco di argomenti gia da subito!