Oggi, i siti Web di qualità devono avere un bell'aspetto su un'ampia varietà di risoluzioni dello schermo. Per fare ciò, è necessario che gli elementi di progettazione della pagina vengano ridimensionati entro ampi limiti. Questo vale principalmente per l'intestazione del sito.
È necessario
la possibilità di modificare il markup delle pagine della risorsa
Istruzioni
Passo 1
L'utilizzo di un modello adatto è una soluzione universale che consente non solo di allungare, ma anche di comprimere l'intestazione e altri elementi di design. Puoi utilizzare modelli standard forniti da hosting gratuito o distribuiti gratuitamente su Internet. Qualsiasi modello richiede revisione e adattamento. Si consiglia di modificare tutta la grafica per rendere unico il sito. Non utilizzare mai un layout standard. Lascia il markup della pagina - il suo "scheletro" e "carne" - il contenuto e gli elementi di design, sostituiscilo con il tuo. L'uso ponderato dei modelli consente di risparmiare tempo allo sviluppatore, che può essere speso per riempire il sito di informazioni o espandere le capacità del servizio.
Passo 2
Se la pagina è già composta, puoi provare ad allungare tu stesso l'intestazione. Ciò richiede una conoscenza di base di HTML e CSS. Se l'intestazione del sito è progettata come un singolo file grafico, puoi provare a comprimere e allungare la sua immagine a seconda della larghezza della finestra. Questo metodo funziona bene se il fattore di scala è piccolo. Se supera la larghezza dell'immagine di un quarto o più, la qualità dell'immagine ne risentirà. I singoli pixel che formano l'immagine diventeranno visibili.
Passaggio 3
Affinché l'immagine rimanga di alta qualità, ma allo stesso tempo occupi tutto lo spazio assegnato, è necessario dividerla in parti separate. Questo di solito è il lato destro, sinistro e centrale. È auspicabile che l'immagine abbia uno sfondo solido in larghezza, con il quale è stato possibile riempire gli spazi vuoti che si presentano tra le parti dell'intestazione. Le due immagini che formano i bordi dell'intestazione devono essere attaccate ai lati sinistro e destro del contenitore. Avvolgi l'immagine centrale in un tag. Rivesti lo spazio rimanente con un'immagine di sfondo larga un pixel.
Passaggio 4
Un altro modo semplice è creare un'immagine intrinsecamente più grande dello schermo più grande. L'immagine è impostata come sfondo al centro della sezione dell'intestazione. Lo svantaggio è il grande "peso" dell'immagine e, di conseguenza, il lungo tempo di caricamento. La combinazione dei metodi di cui sopra evita la maggior parte degli effetti negativi.
