Skip to header Skip to main navigation Salta al contenuto principale Skip to footer

Menu profilo utente

  • Accedi
Home
Informatica Consapevole ed Ecosostenibile. Perchè l'informazione sia un bene per l'umanità.

Navigazione principale

  • Home
  • I nostri corsi
  • Drupal
    • Cos'e' Drupal
    • Documentazione
    • Moduli utili per Drupal
  • Ubuntu
    • Che cos'e' Ubuntu
    • Come fare
    • Link utili su Linux e Ubuntu
  • Come Fare
    • Apache
    • Audio
    • CSS - Fogli di Stile
    • Gimp
    • Libre Office
    • Mozilla Thunderbird
    • MySQL MariaDB
    • Tutorial Microsoft
    • Video
    • WEB, Internet
  • Chi sono

Creare uno sfondo per una pagina web

Briciole di pane

  • Home
  • Creare uno sfondo per una pagina web
WEB
Creare uno sfondo per una pagina web

L'obiettivo di questo tutorial è quello di creare uno sfondo per una pagina web. Si analizzerà come creare una semplice striscia come sfondo di una tabella per creare un'intestazione.

immagine ripetuteimmagine ripetuteimmagine ripetuteimmagine ripetuteimmagine ripetuteimmagine ripetute

L'immagine di partenza è la seguente:

fiori

Immagine 400x300

Per poter realizzare la striscia occorre fare in modo che non si notino i bordi quando le immagini vengono affiacate.

Soluzione: come creare uno sfondo a striscia

Con un programma di elaborazione delle immagini (Photoshop, Paint Shop Pro, Gimp, ecc) creiamo un immagine vuota della stessa dimensione dell'originale (Es 400x300)

Bisogna aprire l'immagine originale e dividerla in due porzioni (es 200x300). Le porzioni verranno copiate nella nuova immagine in posizione scambiata:

AB
copiare come ->
B  

L'effetto è il seguente:

immagini affiancate

Immagine ricomposta 400x300

Ora bisogna eliminare il bordo tra le due metà delle immagini.

Per fare questo si può utilizzare lo strumento clonazione (in Gimp èStrumento Clonazione)  scegliendo accuratamente il campione di immagine da copiare e la dimensione dello strumento.

affianca

Particolare

Nell'immagine è stato usato il campione A per ricreare il petalo nel punto B. La scelta dei campioni è un arte. Eliminando via via i particolari che creano la separazione tra le due mezze immagini si arriva ad avere un effetto di continuità.

Alla fine l'immagine può essere rimpicciolita (es 100x75) e salvata eventualmente in formato .gif

immagine ripetute

Il formato gif consentendo la trasparenza può consentirci di sagomare l'immagine (utilizzando il ritaglio con sfumatura) e creare effetti tipo:

sfondo trasparentesfondo trasparentesfondo trasparentesfondo trasparentesfondo trasparentesfondo trasparente

Costellazioni Familiari Animiche e Reiki con Janhu

Costellazioni Familiari Animiche e Reiki con Janhu

www.janhu.it

Tutorial Microsoft

I Nostri Tutorial Esercizi

Tutorial, Esercizi, e molto altro

Noi è io sono la nazione

Noi è io sono la nazione

The One People’s Public Trust

Serverplan

Contatti

email ecommunicationinfo@ecommunication.it
 
contattacicellulare +39 393 9374116
 
TelegramTelegram
 
insegnante - docenteChi Sono

Youtube

visita il canale

L'importanza della formazione aziendale

 

Disclaimer & Avvertenze

  • Contattaci
  • Cookies
  • Informativa Cookies - Cookie Policy

Copyright © 2026 ECOmmunication - All rights reserved

Creato e mantenuto da Dott. Silvio Crispiatico