 |
|
|||
Sezione del telaio dedicata alla realizzazione e |
||||
|
|
|||
..:: Immagini ::.. Gif... clip... pixel... sfondi... paesaggi... ovvero immagini ^_^Piccole, grandi, animate o statiche sono un po' il cuore del web e come tutto quello che vediamo in una pagina web hanno bisogno di essere messe online, ovvero postate in una pagina e di un codice per essere visualizzate. Anche la più piccola delle gif, ha un codice composto dall'indirizzo internet (url) della pagina che la ospita e dei tag specifici a seconda dell'uso che se ne deve fare Piccolo esempio... 
- Vediamo i parametri del codice
Sono tanti i siti che offrono gratuitamente raccolte di immagini per ogni genere, ci basterà salvarle nel nostro pc. - Poggiare il mouse sull'immagine che vogliamo salvare, cliccare sul tasto destro, nel box che si aprirà cliccare su "Salva immagine con nome" si aprirà una finestra con il contenuto del nostro pc, scegliere e aprire con un doppio clik la cartella nella quale salvare, cliccare su "Salva" Quando le vorremo usare nel nostro spazio le dovremo "hostare" ovvero metterle online affinché abbiano un indirizzo web (url) per farle visualizzare, ecco alcuni spazi che offrono questo servizio Imageshack || Flickr || Photobucket|| Postimage Come in tutti gli spazi che offrono hosting occorrerà fare una registrazione con nome utente e password da memorizzare così da poter accedere nello spazio che ci viene messo a disposizione ogni volta che ci occorre, nella maggior parte dei casi avremo anche la possibilità di creare delle cartelle per suddividere le varie immagini - Per caricare/hostare le immagini entriamo nella nostra area utente, in genere troviamo un box che ci permetterà di selezionarle attraverso la funzione "Sfoglia" direttamente dal nostro pc scegliamo l'immagine da hostare e clicchiamo su "Apri" e in breve avremo l'indirizzo url che ci occorre N.B.: Riscrivendo questa guida, mi sono accorta che molti degli spazi che offrivano questo servizio sono stati chiusi, quelli rimasti offrono un servizio gratuito solo per un tempo determinato quindi, il mio consiglio è hostare le immagini sul proprio spazio web, Altervista ad esempio concede tantissimo spazio gratuito sia per il sito che per le immagini che ci serviranno, se invece utilizzate un servizio a pagamento tipo Aruba lo spazio è illimitato perciò non avrete nessun problema 
Vediamo ora quali sono i parametri necessari e utili che servono per visualizzare nel miglioredei modi le immagini e alcune idee su come si possono utilizzare per rendere piacevole il nostro spazio - Come abbiamo già visto, il primo parametro da aggiungere assolutamente necessario per la validazione del codice con il W3C, è alt="Descrizione immagine" una piccola nota su cosa rappresenta l'immagine, possiamo lasciare vuoto alt="" in caso di un logo o di una piccola gif che precede un link, se ci si poggia sopra il mouse si potrà leggere cosa abbiamo scritto
* Se vogliamo inserire un indicazione specifica possiamo utilizzare il parametro title="" lasceremo il parametro alt="" vuoto, e ovviamente anche in questo caso poggiando il mouse sulla gif si leggerà cosa è stato scritto
* Per arricchire un testo con le immagini, possiamo utilizzare i parametri di posizione: align="left" align="right" align="top" align="bottom" con il parametro left la gif/immagine si visualizzerà a sinistra del testo e a destra utilizzando right, in alto con align="top" ma non sarà armonioso, la gif/immagine risulta "mescolata" con il testo invece con align="bottom" ovvero in basso, l'effetto sarà più gradevole
Ed ecco degli esempi di come si visualizzeranno insieme al testo
Con il parametro background possiamo utilizzare le immagini come sfondoper le nostre pagine e per i contenitori table e div, per lo sfondo di una pagina possiamo inserire il parametro nei css/foglio di style, opzione consigliata se ci occorre per le pagine di un sito o direttamente nel tag <body> se stiamo preparando dei gadget
N.B.: Consulta anche la guida || Sfondo Pagina ||
N.B.: Consulta anche la guida || Table sfondo ||  Una gif al posto del testo in un link,molto utilizzati per postare banner pubblicitari spazi web^^
Ecco un piccolo esempio... Cliccate!  Immagini e javascript con il parametro: onmouseover="alert('Testo')"Al clik su un'immagine si aprirà un piccolo box con un messaggio personalizzato^^ Passate con il mouse sulla gif...
Spero di essere stata chiara in tutti i passaggi ^_^ Vi auguro buon lavoro ma sopratutto buon divertimento! Ciao alla prossima^^ Penelope ♥ ೡ Dai un giudizio a questa guida... Grazie ^_^
Se puoi condividi sulle tue pagine social... Grazie ♥ - Pagina visitata da 2413 utenti |
* Info sezione...Mi farebbe molto piacere la condivisionedei miei tutorial ma vi sarei anche molto grata se evitaste di fare copia e incolla su altri spazi del mio lavoro, linkate le pagine, avvisatemi ricambierò senza problemi. Grazie ♥ ..:: Basi ::.. ..:: html ::.. ..:: Script page ::.. ..:: Script gadget ::.. |
Prova gif align="left"
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
.gif){kind=small}
I vostri messaggi...
|
Referer... |
Qua un esempio: |
html & script Tutorial è online dal 2011... e dopo una lunga pausa ripartiamo da... 736 giorni ೡ Copyright © Penelope 2008 - 2023 Tutti i diritti riservati www.iltelaiodipenelope.it |
|