Che cos'è il "layout di div" quando si crea un sito, i suoi pro e contro
Oggi Internet è una parte della nostra vita. I suoi utenti ordinari difficilmente pensano a quale percorso diventare il loro sito preferito prima di apparire nei motori di ricerca del World Wide Web. La nascita del sito inizia con l'idea del designer - l'artista e la persona coinvolta nella creazione del layout principale. Una volta completato il disegno del layout, inizia un processo altrettanto importante: il layout del modello del sito.
Un modello o un layout non è ancora un sito pronto, lo èun modello creato dal designer, sulla base del quale in futuro può essere creato un sito web a tutti gli effetti. Da un punto di vista della programmazione, un modello è un insieme di regole specifiche per la visualizzazione delle informazioni. Per creare il sito statico più semplice, di solito usi un modello HTML. HTML è la lingua standard per la marcatura ipertestuale (documenti) su Internet.
Il layout del sito Web è il processo di formazioneLe sue pagine web sono basate sul modello del designer. Questo tipo di attività è gestito dal designer del sito web. Il compito principale del layout è creare codice HTML che permetta di posizionare testo, immagini e altri elementi di una pagina Web in determinati punti del documento e visualizzarli nella finestra di qualsiasi browser Internet moderno in base al layout sviluppato dal progettista. Durante il suo lavoro, il progettista del layout deve costantemente assicurarsi che la parte del layout che ha copiato sia visualizzata correttamente in tutti i browser. Alcuni anni prima, il layout HTML del sito era basato sull'uso delle tabelle. Con il tempo, i nuovi elementi (tag) vengono visualizzati nella lingua HTML. Uno di questi elementi era il div. Se negli ultimi anni il layout del div è stato preferibile nella creazione delle pagine del sito, oggi è obbligatorio. Attualmente, con l'aiuto delle tabelle, i siti sono quasi invariati. Invece della nozione di "layout div", il termine "layering" o "layout di blocco" è più spesso usato.
Div È un tag con cui è possibile selezionare un codice HTML separato per la pagina. Questo tag è un elemento di blocco.
Il tag div ha due parametri principali:
- Allinea, che consente di allineare il suo contenuto (a sinistra, il bordo destro della pagina, il centro o la larghezza);
- Titolo, che aggiunge un suggerimento al suo contenuto.
Layout div: principali vantaggi:
- piccolo codice di markup in confronto con il layout della tabella;
- la possibilità di creare un design di pagina "gomma";
- veloce nel successivo caricamento delle pagine nel browser dell'utente;
- facilità di lavorare con gli stili (CSS), assegnazione dello stile agli elementi usando id.
Layout div: principali svantaggi:
- l'impossibilità di visualizzare correttamente la pagina in alcuni browser obsoleti (IE6);
- la complessità di posizionare blocchi sulla pagina e gestirli.
A seconda del progetto, è consentita una combinazione di blocchi e layout di tabella.
Perché la maggior parte dei professionisti si sta attualmente spostando dall'utilizzare le tabelle di layout?
In caso di applicazione di un layout di tabella di un sitoil codice risulta essere enorme, il che rende più difficile per i futuri programmatori lavorare su di esso. Per trovare l'errore fatto in questo codice HTML, sarà necessaria una quantità di tempo relativamente grande. Il layout tabellare crea un carico aggiuntivo sul server Web, rallentando così il suo lavoro, il che significa che rallenta il processo di rilascio delle informazioni da parte del browser. Di conseguenza, viene caricata la pagina per un lungo periodo di tempo.
Il layout del sito Web è una fase importante di essocreazione, senza di essa, non una, anche la più semplice, risorsa Internet. Una volta completato il lavoro del layout, il layout del mock-up viene inviato ai programmatori Web, fornendo la sua integrazione nell'hosting e nell'implementazione nel sistema CMS, sul quale si troverà durante la sua esistenza.
