Su invito di Fully, continuo il tutorial dell' HTML: oggi giochiamo coi colori e con le immagini.
vero che non avete buttato via la vostra bella paginetta?
bene oggi la tingiamo da bianca a... il colore che volete voi. dovete sapere che ocn un codice a 6 cifre si possono ottenere un sacco di sfumature di colore dal bianco #FFFFFF al nero #000000.
Come prima cosa aprite un'altro browser e googolate: cercate " tabella codici colore html" e rendetevi quella che vi pare: tanot i ocdici sono sempre quelli.
vabeh, dai non perdetevi andiamo da Giobe anche se questa del dipartimento di matematica di Catania, che spiega anche qualcosina, è da giù di testa.
Bene aprite la vostra paginetta che avrà ancora estensione .html e si aprirà col browser, poi ritornate sul file, fate click col tasto destro (o sinistro se mouse mancino), e scegliete: "apri con... blocco note" Perchè è nel file aperto come blocco note che metterete le modifiche, e nella pagina aperta con il browser vedrete di volta in volta cosa avete combinato. Perchè possiate vedere le innovazioni dovrete SEMPRE salvare ( ctrl + s) il file di testo e aggiornare (tasto f5) il browser altrimenti ciccia!
Pronti ad aggiungere qualche nuovo comando?
via!
Il nuovo comando è <BODY> che chiuderete come e dove?
bravi con </BODY> prima di </HTML>.
Dunque <BODY> dice al pc tutto quello che sarà la vostra pagina: tutto quello che è racchiuso tra <BODY> e </BODY> è alla vista la VOSTRA pagina. anche quello che scrivete erroneamente fuori da questi due comandi verrà visualizzato ma sarà un po' come se vi metteste le mutande sopra i pantaloni. quello che voglio dire è che è importante che tutto ciò che volete essere la vostra pagina (immagini link testo) sarebbe opportuno stia dentro questi due comandi.
Però....
Non vi ho detto dove va aperto il comando <BODY>: lo aprite dopo </HEAD>.
Dai dai, mettete il nuovo comando salvate e aprite con il browser. E' accaduto qualcosa?
Ma ovviamente no! Perchè è come se avessimo detto al pc "mostrami una pagina bianca su cui scrivere"
All'interno del comando <BODY>, e quando dico a all'interno intendo tra i simboli < e >, possiamo mettere delle specifiche, cioè dirgli più chiaramente cosa vogliamo.
Vogliamo dare colore alla nostra pagina?
si fa così: gli si dice <BODY bgcolor="colore che mi piace">.
2 cose:
1- bgcolor è la contrazione di background color,
2- quando inserite il codice colore mettete sempre il cancelletto davanti e assicuratevi che ci siano tutte e 6 le cifre.
Fate un po' di esperimenti....
fatti? vi siete divertiti?
Bene, allora giochiamo con le immagini: come mettiamo dentro un immagine nel body.
Il comando è <IMG SRC=""> e non necessita di essere chiuso con </IMG>. La specifica di quale immagine vogliate va inserita tra le virgolette e qui il gioco si complica e non poco. Il pc è un povero sempliciotto e dovete sempre spiegargli per filo e per segno dove si trova ciò che volete lui vi mostri, altrimenti non la trova e non vi mostra un bel di nulla.
Veniamoci incontro: create una cartella HTML o come preferite chiamarla e mettete lì dentro il vostro codice in crescita (salvate chiudete e spostate) e 3 o 4 immagini che vi piacciono.
Ecco cosi viene più semplice (dovete sapere che tutto quello che vi dico lo provo affinchè funzioni).
Dunque tra <BODY "con specifica"> e </BODY> inserite il comando di image source, che letterlamente significa fonte/sorgente dell'immagine.
<IMG SRC="nome dell'immagine.estensione">
Non sbagliate il nome completo di estensione dell'immagine facendo attenzione a maiuscole e minuscole, altrimenti quel sempliciotto del vostro pc (il mio non è da meno) vi guarderà con vacuità bovina e non mostrerà un bel di nulla.
Provate.
Allora come va? vedete l'immagine sul vostro bello schermo colorato?
Ripetete il comando e mettete altre immagini.
Com'è? le vedete tutte affiancate?
allora proviamo a dire al pc <BR> dopo ogni <IMG SRC>
E adesso? le vedete appiciccate l'una sull'altra? questo perchè il comando <BR> dice la pc " vai a capo". Se volete spaziarle ripetetelo.
siete contenti?
vi siete divertiti?
Ora vi svelo un segreto segretissimo: le immagini si possono prendere da ogni dove e lo sfondo del body può essere un immagine.
A quelli bravi e temerari lascio il compito di provarci agli altri lascio al curiosità di attendere la prossima puntata ;)
Provato tutto. Come al solito sei una buona insegnante. Ho trovato decisamente il colore di cuii farò il mio prossimo template. Per l'immagine: ho seguito le tue istruzioni tutto ok. (Però poi dovresti insegnare come fare a centrare un'immagine) Aspetto fiduciosissima le prossime lezioni grazie.
RispondiEliminapremetto che non capisco molto..ma il mio e un passaggio a lasciare un saluto e un sorriso:)
RispondiEliminabuona notte
monica
Avercene, di insegnanti così.... grazie
RispondiElimina@ Monica se clicchi sul tag HTML trovi anche la prima parte del tutorial e seguendolo magari ci capiresti di più. ;) Lo sto scrivendo a pposta per chi di HTML non ci capisce un H (TML) e possa liberarsi da pseudo guru informatici.
RispondiEliminaUn bacio anche a a te da una Laura risorta come la luna nuova
@ Fully e Krishel:
grazie dei complimenti se andate avanti così vi farete il nuovo template da soli ;)
Orario Fuso
RispondiEliminaVolo lontano dalle ipocrisie
Volo verso un altro mondo
Volo in una terra
dove il deserto conserva le vie dei canti
Volo dove la solitudine non è condanna
Volo con un biglietto di solo andata
Volo verso il mio fuso orario
Volo sopra le maldicenze
volo dve ho lasciato i miei sogni
volo dove l'oceanspirit mi aspetta
Volo dove l'amicizia non è una parola vuota
Volo anche se non ho le ali
Volo per dire al Custode supremo
di perdonare
Volo lontano dalle menzogne
Volo lontano da chi mi vuole imporre le sue regole
e poi si comporta da anarchico
Volo per non vomitare mai piu'
leggendo appena sveglio tutte le mattine:
buffone, senza motivazione
o peggio per aver regalato una rosa
Figli di un Dio minore
scrivono parole amare
poi si nascondono dietro blog privati
pretendendo spiegazioni
ma mi bloccano i commenti
Solo il diavolo NON CAPISCE
che il blog non è un diario scritto,ne un esame di letteratura
è solo un blog dove non faccio sfoggio di cultura
è solo un blog dove non faccio giochi di parole
con estetismi che lasciano solo il vuoto dentro
queste cose le lascio alle blog star o a chi le imitata
che dopo quattro commenti non si degnano di risponderti
poi dopo giorni a volte scopri che rispondono nel loro stesso blog
riunendo in un commento piu' risposte
Volo lontano dai parassiti senza dignità
che si nutrono dei sentimenti altrui fino a scoppiare
perchè loro non ne hanno
scoppiano
ma subito si riproducono
e indossano una nuova maschera
Volo lontano da chi innesta reazioni a catena
scatenandoti contro amici ancora piu' offensivi
Volo lontano da chi si finge donna per 7 mesi
per strappare confidenze
per poi renderle pubbliche in un post o in commenti
e in messaggi privati ai tuoi conoscenti
Volo lontano da chi usa i blog come Agenzia matrimoniale gratuita o peggio
Volo lontano da un mondo falso
Volo per non soffrire
Volo per abbracciare tutti quelli
che mi hanno voluto veramente bene
senza avermi mai visto in volto o sentito in voce
ed hanno capito che un immagine o una musica
parla piu' di mille parole
Volo oltre le nuvole delle miserie umane
dove splende sempre il sole e la luce di Dio
Volo perche" cat" l'hanno ucciso con tutte queste idiozie
amore, amicizia e affetto
su questa terra le conoscono in pochi nel loro vero significato
Volo
Volo via
tony
@ catsplinder
RispondiEliminatrovo che la poesia e le immagini che hai lasciato sono molto belle, ma poco attinenti al post.
se vuoi dirmi qualcosa sul post è molto gradito. :)
Se posso permettermi vorrei suggerire un trucchetto a chi usa Firefox come browser: Per individuere con un semplice click il codice di un colore uso l'estensione ColorZilla: Mi è spesso capitato di voler utilizzare un colore preciso, perchè rientra nelle tonalità della mia homepage ma non sapevo come fare per identificarne il codice preciso. Con questa estensione mi basta piazzare il mouse sul colore che mi interessa per visualizzarne il codice in fondo alla mia finestra Firefox. Per esempio, con un semplice clic vedo che il colore di fondo della home page di Laura è #DEE3E7.
RispondiEliminaTrovate Colorzilla e le relative informazioni qui: http://www.iosart.com/firefox/colorzilla/
Ottimo consiglio per quando si vuole "prendere" un colore che ci piace e che abbiamo trovato in giro ;)
RispondiEliminaBlue quanto ti voglio bene! Bellissimo consiglio grazie!!
RispondiElimina@ bluetriskell
RispondiEliminapiano coi ocnsigli che se no ti spammo il blog dicendo che sei una antipatica copiona che mi sopffi il tutorial da sotto il naso! :PPPPP
Felice che tu sia risorta Laura lo sai mi fa contenta e tanto!
RispondiEliminabuona domenica
ti sorrido:))
monica