sabato 17 giugno 2006

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 ;)

13 commenti:

  1. 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.

    RispondiElimina
  2. premetto che non capisco molto..ma il mio e un passaggio a lasciare un saluto e un sorriso:)
    buona notte
    monica

    RispondiElimina
  3. Avercene, di insegnanti così.... grazie

    RispondiElimina
  4. @ 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.

    Un 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 ;)

    RispondiElimina
  5. Orario Fuso

    Volo 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

    RispondiElimina
  6. @ catsplinder

    trovo 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. :)

    RispondiElimina
  7. 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.
    Trovate Colorzilla e le relative informazioni qui: http://www.iosart.com/firefox/colorzilla/

    RispondiElimina
  8. Ottimo consiglio per quando si vuole "prendere" un colore che ci piace e che abbiamo trovato in giro ;)

    RispondiElimina
  9. Blue quanto ti voglio bene! Bellissimo consiglio grazie!!

    RispondiElimina
  10. @ bluetriskell

    piano 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

    RispondiElimina
  11. Felice che tu sia risorta Laura lo sai mi fa contenta e tanto!
    buona domenica
    ti sorrido:))
    monica

    RispondiElimina