Creare uno sfondo sfumato per le tue pagine web con Dreamweaver

Creare uno sfondo sfumato per le tue pagine web con Dreamweaver

Hai sempre voluto inserire uno sfondo sfumato nei tuoi siti web ma, gira e rigira, ti è sempre sembrata una cosa complicata?
Il segreto sta nel mantenere le pagine veloci e snelle lasciando ai fogli di stile (CSS) il compito di comporre la grafica.
Eccoti il video tutorial per realizzare questo effetto in modo semplice con Dreamweaver, Photoshop e quattro righe di codice per scrivere il CSS.

6 Commenti a “Creare uno sfondo sfumato per le tue pagine web con Dreamweaver”

  1. Video tutorial per Dreamweaver, Photoshop e CSS: creare uno sfondo … Says:

    [...] approfondire consulta la fonte:  Video tutorial per Dreamweaver, Photoshop e CSS: creare uno sfondo … Articoli correlati: Video tutorial Dreamweaver: cerare un foto album | Total Photoshop [...]

  2. Creare uno sfondo sfumato per le tue pagine web con Dreamweaver Says:

    [...] la lettura: Creare uno sfondo sfumato per le tue pagine web con Dreamweaver [...]

  3. Claudio Says:

    ciaoo, complimenti,
    dovrei inserire un’immagine fissa che occupi tutta la pagina , se aggiungo alla propietà di pagina lo sfondo mi rimane sempre una parte in bianco, come posso fare??? grazie

  4. Max Says:

    Un’immagine fissa che occupi tutta la pagina?
    Ci sono tanti artifizi per creare questa cosa, faccio però un po’ fatica a risponderti in due righe.
    Considera però almeno due elementi:
    1) La pagina avrà uno scrolling? Se si bisogna considerare che l’immagine dovrà essere progettata in modo tale da consentire alla pagina di proseguire con un colore di collegamento. Mi spiego: se l’immagine finisce con un buon margine di nero (ad esempio) imposta come colore di sfondo della pagina proprio il nero. Quando l’immagine si interrompe non si percepirà lo stacco.
    2) Puoi pensare di creare un’immagine che si “compone” come se fosse un pattern. Questo però richiede che l’immagine sia uguale a se stessa e che sia possibile ripeterla come se fossero tanti mattoncini che si affiancano l’un l’altro.

    Un ulteriore possibilità è data dalla creazione di un div di sfondo nel quale inserisci l’immagine delle dimensioni che vuoi. Questa soluzione potrebbe però essere invalidante. Un’immagine che pesa tanto influisce sui tempi di caricamento della pagina e non è fruibile su tutti i dispositivi.
    Spero di esserti stato d’aiuto :-)

  5. Orfeo Says:

    Ciao, dai un occhiata al sito di supporto per il mio forum che sto facendo, grazie hai tuoi tutorial!!!:
    http://supportoforum.altervista.org/

  6. blackswitcher Says:

    Ciao, ho seguito il tutorial passo dopo passo e nella progettazione il risultato è perfetto, il problema nasce quando provo la pagina sul browser, a quel punto mi ripete lo sfondo verticalmente all’infinito invece di mettermi il bianco (azzurro che sfuma fino al bianco e poi di nuovo azzurro fino al bianco e ancora ancora ancora)…
    Non riesco a capire perchè…

Lascia un commento

Usa il tuo account Facebook oppure compila il form