domenica 20 agosto 2006

Dopo tanta attesa....

Ecco la terza puntata del tutorial sull'html!

Chi vuole fare il secchione di turno e ricordarmi dove mi ero fermata l'ultima volta?
Dai non fate i timidi...
Vabbé ho capito ci devo pensare da sola.
L'ultima volta avevamo visto...
Il comando <IMG SRC> <BR> come colorare lo sfondo e vi avevo detto che le immagini si possono prendere da ogni dove e lo sfondo del body può essere un immagine.

Iniziamo dalle immagini?

La vostra paginetta c'è ancora? bene apritela come vi ho insegnato, e non lo ripeto :) ma se non vi ricordate potete andare qui alla seconda puntata  del tutorial ;)

avete ancora tutti i vostri <IMG SRC> al loro posto?

bene ora arriviamo al "ogni dove" e per ogni dove s'intende quel bel vasto mondo che è internet! ATTENZIONE PERO': non è sempre possibile prendere qualsiasi immagine. Inanzitutto esiste una legge di Copyright che tutela la proprietà intellettuale dell'autore, poi alcuni siti non consentono tecnicamente di prender il link delle immagini e cmq rimandare a siti altrui per le immagini può essere non gradito per questione di traffico e di banda disponibile (roba mooolto tecnica di cui poco ci capisco, ma così è )
Questo comando vi può tornare utile per il blog quando avendo voi una foto su un vostro album personale che non sia la cartella di splinder vogliate farla vedere ugualmente, che poi è quello che uso io nel mio blog. Il comando è semplice:

<IMG SRC="link completo dell'immagine che volete">

Il link completo di http e www lo ottenete in vari modi, ma non ve lo spiego: questo dovete saperlo da soli, e se proprio proprio non lo sapete faccio l'appendice.

Questo comando ovviamente ha un limite: se state lavorando sulla vostra pagina html senza essere connessi non potete visualizzare l'immagine.

Passiamo all'altro discorso: un immagine come sfondo anzichè un colore. Andate un po'qui: www.ilgattodaglistivali.tk che poi è la mia pagina. Vi piacciono le zampotte azzurre di Lottas che ci sono come sfondo? bene vi svelo un segreto: quelle zampotte sono un immagine quadrata ripetuta.

Sento già i vostri "Oooohh" di meraviglia. Ma non ne niente di che. e l'immagine ce la creiamo noi senza andare a prendere e copiare immagini da siti o scaricare programmi piratati o freeware che non so come funzionino. Come? usando il programma "paint" che trovate nel menù accessori di windows! Si lo so non è il massimo della vita, ma questo è ciò che abbiamo a disposizione sicuramente tutti.

Create un immagine piccola (in dimensioni) che ne so di 80 per 80 pixel, ingranditela con lo zoom per vederla meglio e poi lasciate andare la vostra fantasia! ricordatevi di salvare di tanto in tanto per non perdere tutto ciò che avete fatto. E soprattutto ricordatevi di salvare in formato jpg la versione definitiva che vorrete usare come sfondo sempre nella cartella che state usando per costruire la vostra pagina html.

Avete la vostra immagine?

allora a < BODY bgcolor="colore che mi piace"> sostituite < BODY background="nome dell'immagine">

Salvate aggiornate e vedete l'immagine come sfondo tutte affiancate come tessere di un puzzle?

La prossima volta vi parlo di parole e di parole con i link. E se non lo scrivo qui non mi ricordo che argomenti voglio trattare...

8 commenti:

  1. Ma cosa scrivi un tutorial, c'è pieno internet di tutorials.

    RispondiElimina
  2. a proposito nel link http://www.ilgattodaglistivali.tk/ si vede una bella pagina bianca altro che zampette di gatto!

    RispondiElimina
  3. @masked se non ti interessa non leggere. la libertà su internet ti consente di andare dove hai interesse e lasciare stare ciò che non ti piace... invece di fare polemiche sterili!

    RispondiElimina
  4. @masked again: oltre al fatto che il tuo pc deve avere qualcosa che non va perchè sul sito del gatto dagli stivali le zampette del background si vedono!

    RispondiElimina
  5. @ masked:
    si è vero internet è pieno di tutorial quindi uno in più o uno in meno non fa la differenza. Lo scrivo a modo mio come mi pare e ci sono persone che si divertono a leggerlo anche se non hanno intenzione usare quei 4 comandi che spiego. Per quello che riguarda la mia pagina, che è on line da 2 anni buoni con lo stesso codice, è sempre testata sia con explorer che con mozzilla: se hai un'altro tipo di browser fammi sapere: magari è un problema di incompatibilità.

    @ meg non dare corda a questo/a qui: di polemici che non hanno da fare nient'altro che rompere le scatole ne è pieno il mondo e lo sappiamo bene.

    RispondiElimina
  6. A me piaccioni le tue "lezioni" di HTML.
    Sai qualcosa a proposito dell'uso delle fotografie reperibili con Google immagini?
    Come fai a chiedere il permesso all'autore se si trova la stessa immagine in venti copie con la funzione di ricerca su Google?

    RispondiElimina
  7. @ blutriskell

    Controlla il link di origine: magari te la trova 20 volte, ma è sempre sullo stesso sito. Vai sul sito e giralo un po': talvolta c'è scritto se puoi prendere le immagini e per quale scopo, o altrimenti c'è un link a un'e-mail a cui puoi rivolgerti per autorizzazioni e dubbi.
    Quando non trovo nulla a cui riferirmi scrivo " immagine presa da" e metto il link al sito su cui l'ho trovata, come ho fatto per l'abbecedario trovato da bastardi dentro ;)

    RispondiElimina
  8. OK Grazie per i suggerimenti. :-)

    RispondiElimina