Vandaag maakt internet deel uit van ons leven.Het is onwaarschijnlijk dat de gebruikelijke gebruikers zullen nadenken over welk ontwikkelingspad hun favoriete site heeft doorgemaakt voordat het in de zoekmachines op het World Wide Web verscheen. De geboorte van de site begint met de ideeën van de ontwerper - de kunstenaar en de persoon die betrokken is bij het maken van de basislay-out. Nadat het tekenen van de lay-out is voltooid, begint een even belangrijk proces - de lay-out van de sitesjabloon.
Een sjabloon of lay-out is geen kant-en-klare site;een model gemaakt door de ontwerper, op basis waarvan later een volwaardige website kan worden gemaakt. Vanuit een programmeringsoogpunt is een patroon een verzameling specifieke regels voor het weergeven van informatie. Een HTML-sjabloon wordt meestal gebruikt om de eenvoudigste statische site te maken. HTML is de standaard Hypertext Markup Language (document) op internet.
Layout lay-out is het proces van vormenzijn webpagina's op een sjabloon gemaakt door de ontwerper. Dit type activiteit houdt zich bezig met de lay-out van de site. De belangrijkste taak van de codeereenheid is het maken van HTML-code waarmee u tekst, afbeeldingen en andere elementen van een webpagina op bepaalde plaatsen in het document kunt plaatsen en deze in het venster van elke moderne internetbrowser kunt weergeven volgens de door de ontwerper ontwikkelde lay-out. Tijdens zijn werk moet de codeur ervoor zorgen dat het deel van de lay-out dat hij heeft gemaakt, gelijkmatig wordt weergegeven in alle browsers. Een paar jaar eerder was de HTML-lay-out van de site gebaseerd op het gebruik van tabellen. In de loop van de tijd verschijnen nieuwe elementen (tags) in de HTML-taal. Een van deze elementen was een div. Als Div-lay-outs de afgelopen jaren het meest de voorkeur hadden bij het maken van pagina's van de site, is het tegenwoordig verplicht. Tegenwoordig zijn sites met behulp van tabellen praktisch niet verzonnen. In plaats van het concept "div lay-out", wordt de term "lay-out van lagen" of "lay-out van het blok" het vaakst gebruikt.
div - is een tag waarmee een afzonderlijk fragment HTML-code van een pagina kan worden geselecteerd. Deze tag is een blokelement.
De div-tag heeft twee hoofdparameters:
- Uitlijnen, waarmee u de inhoud kunt uitlijnen (links, rechts, midden of breedte);
- Titel die een tooltip aan de inhoud toevoegt.
Layout div: belangrijkste voordelen:
- kleine opmaakcode vergeleken met tabelopmaak;
- de mogelijkheid om een "rubberen" pagina-ontwerp te maken;
- snel daaropvolgend laden van pagina's in de browser van de gebruiker;
- waardoor het gemakkelijker wordt om met stijlen (CSS) te werken, stijlelementen met id.
Layout div: belangrijkste nadelen:
- 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 dat wordt gemaakt, is een combinatie van blok- en tabellay-out toegestaan.
Waarom stappen de meeste professionals tegenwoordig af van het gebruik van tabellen in de lay-out?
In het geval van een tabelindeling van de site, is hetde code blijkt enorm te zijn, wat het voor programmeurs moeilijk maakt om er verder aan te werken. Het zal relatief lang duren voordat er een fout is gemaakt in deze HTML-code. De tabelopmaak zorgt voor een extra belasting van de webserver, waardoor het werk wordt vertraagd en daarom het proces van het weergeven van informatie door de browser wordt vertraagd. Als gevolg hiervan duurt het lang voordat de sitepagina is geladen.
Website-indeling is een belangrijke fase in zijncreatie, geen enkele, zelfs niet de eenvoudigste, internetbron kan zonder. Nadat het werk van de lay-outontwerper is voltooid, wordt de lay-out naar de handen van webprogrammeurs gestuurd, die zorgen voor de integratie in de hosting en implementatie in het CMS-systeem, waarop deze zich tijdens zijn bestaan zal bevinden.