Anonimo
Anonimo ha chiesto in Computer e InternetProgrammazione e Design · 1 mese fa

aiuto mi potete dare un template di sito web responsive 10 punti al migliore ?

2 risposte

Classificazione
  • 1 mese fa
    Risposta preferita

    Allora: un design responsive può essere dettagliato quanto vuoi, ad esempio tramite un menu detto ad hamburger drop-down, ecc, così come dai vari blocchi che si spostano in in diverse zone della pagina (floating).

    Dipende ovviamente da ciò che vuoi, quindi ti creo il template generale di una pagina html.

    <!DOCTYPE html>

    <html>

    <head>

    <style>

    @media (max-width:1200px){

    body {background-image:url (file_small);}

    }

    @media (min-width:1201px){

    body{background-image:url (file_big);}

    }

    </style>

    </head>

    <body>

    </body>

    </html>

    Ovviamente poi nel body ci metterai il corpo della pagina, nell'header le altre cose che ti servono, ecc. Ma come template può andare bene questo. La base è quella di usare le media-queries del CSS, nel mio esempio ho ipotizzato che nel body ci sia un'immagine di sfondo, tu hai la stessa immagine in risoluzioni diverse (quindi peso diverso). Con lo schermo piccolo (max 1200 px) carichi il file più leggero, viceversa carichi il file più pesante. È un semplice esempio, con le media-queries hai visto che c'è questa suddivisione, all'interno puoi farci ciò che vuoi. Il design responsive è appunto questo.

  • 2 giorni fa

    Si ti consiglio di acquistare schema di Mythemshop.

Altre domande? Fai una domanda e ottieni le risposte che cerchi.