Wat is "layout of div" bij het maken van een site, de voor- en nadelen ervan

Vandaag is internet een deel van ons leven. De gewone gebruikers denken nauwelijks na over welk pad hun favoriete site wordt voordat het in de zoekmachines van het World Wide Web verscheen. De geboorte van de site begint met het idee van de ontwerper - de kunstenaar en de persoon die betrokken is bij het maken van de hoofdlay-out. Nadat het tekenen van de lay-out is voltooid, begint een even belangrijk proces - de lay-out van de sitesjabloon.

Een sjabloon of een lay-out is nog niet klaar, dat is heteen model gemaakt door de ontwerper, op basis waarvan in de toekomst een volwaardige website kan worden gemaakt. Vanuit een programmeringsperspectief is een sjabloon een reeks specifieke regels voor het weergeven van informatie. Voor het maken van de meest elementaire statische site gebruikt u meestal een HTML-sjabloon. HTML is de standaardtaal voor hypertext-opmaak (documenten) op internet.

Website-indeling is het proces van vormenDe webpagina's zijn gebaseerd op de sjabloon van de ontwerper. Dit type activiteit wordt afgehandeld door de ontwerper van de website. De belangrijkste taak van coder is het creëren van HTML-code, waarmee u tekst, afbeeldingen en andere elementen van webpagina's in bepaalde gebieden van het document te plaatsen en weer te geven in het venster van elke moderne webbrowser ontwikkeld volgens de lay-out van de ontwerper. Tijdens zijn tijd coder moet er altijd voor zorgen dat ze hetzelfde deel van de lay-out correct weergegeven in alle browsers te leggen. Enkele jaren eerder, HTML-coderen van een site op basis van het gebruik van tabellen. Na verloop van tijd verschijnen nieuwe elementen (tags) in de HTML-taal. Een van die elementen was de div. Als in de afgelopen jaren div lay-out werd het meest de voorkeur bij het maken van pagina's op de site, is het nu verplicht. Op dit moment, plaatsen met tafels bijna gezet. In plaats daarvan, het begrip "layout div" het meest gebruikt de term "layout lagen" of "make-up-eenheden."

div Is een tag waarmee u een afzonderlijk stuk HTML-code voor de pagina kunt selecteren. Deze tag is een blokelement.

De div-tag heeft twee hoofdparameters:

• Uitlijnen, waarmee de inhoud kan worden uitgelijnd (aan de linkerkant, aan de rechterkant van de pagina, in het midden of aan de breedte);
• Titel, die een tooltip toevoegt aan de inhoud.

Layout div: belangrijkste pluspunten:

• kleine code van markeringen in vergelijking met de lay-out van de tabel;
• de mogelijkheid om een ​​"rubberen" paginaontwerp te maken;
• snel bij het later laden van pagina's in de browser van de gebruiker;
• eenvoudig werken met stijlen (CSS), stijltoewijzing aan elementen met behulp van id.

Layout div: belangrijkste nadelen:

• het onvermogen om de pagina correct weer te geven in sommige verouderde browsers (IE6);
• de complexiteit van het plaatsen van blokken op de pagina en het beheren ervan.

Afhankelijk van het project is een combinatie van blok- en tabellay-out toegestaan.

Waarom gaan de meeste professionals momenteel weg van het gebruik van lay-outtabellen?

In het geval van toepassing van een tabellayout van een site is ditde code blijkt enorm te zijn, wat het voor toekomstige programmeurs moeilijker maakt om eraan te werken. Om de fout in deze HTML-code te vinden, is relatief veel tijd nodig. De lay-out in tabelvorm zorgt voor extra belasting van de webserver, waardoor het werk ervan wordt vertraagd, wat betekent dat het proces van informatieverstrekking door de browser wordt vertraagd. Als gevolg hiervan wordt de pagina voor een lange tijd geladen.

Website-opmaak is een belangrijke fase ervancreatie, zonder het, niet een, zelfs de meest eenvoudige internetbron. Nadat het werk van de lay-out is voltooid, wordt de lay-out van de mock-up verzonden naar de webprogrammeurs, waardoor deze wordt geïntegreerd in de hosting en implementatie in het CMS-systeem, waar het in zijn bestaan ​​zal zijn.