✅ Inleiding tot weblay-out | Ontwikkeling 2024

Inhoudsopgave

Lay-out is gerelateerd aan de verdeling van elementen in een bepaalde ruimte op de pagina, terwijl redactionele ontwerp andere elementen omvat die variëren van het grafische project tot productieprocessen, ook wel voorbereiding voor afdrukken genoemd. echter om dit proces staat bekend als lay-out.
Beginnen met het ontwerpen van een website Het is noodzakelijk om 3 programma's te hebben, zoals PhotoShop, Fireworks en Dreamweaver. Op zijn beurt is het essentieel om enige voorkennis van HTML-code te hebben. HTML beschrijft de structuur en inhoud van een site in de vorm van tekst. De elementen in HTML bestaan uit een initiële tag en een laatste tag, daartussen wordt een inhoud geplaatst.

Toen multimedia-inhoud massaal op internet werd gebruikt, verscheen het in HMTL 5-code om deze opname te vergemakkelijken. HTML5 heeft de volgende kenmerken.

Niet van particuliere handen zijn
Flexibel
Gebruikte normen

Alvorens met de lay-out aan de slag te gaan, moet de ontwerper gewerkt hebben met een project waarin hij de behoeften van zijn klanten weerspiegelt:

Vervolgens wordt het PhotoShop-programma (PSD) geopend om het project te bekijken:

Vervolgens zullen we beginnen met het analyseren van de gemeenschappelijke elementen, dat wil zeggen, de pagina indelen als groepen.
Het is te zien dat de hoofdtekst van de pagina het totaal van het project zal zijn waar de verschillende elementen dan zullen worden gegroepeerd, bijvoorbeeld: binnen de inhoud de twee logo's die zich in het bovenste gedeelte bevinden:

Nadat het basisproject in PhotoShop is geanalyseerd, begint het werken met Fireworks:
Open het project met Fireworks:

Met de Fireworks-divisietool wordt elk van de elementen van het ontwerp ingekaderd:

Nadat de indelingen van de elementen zijn gemaakt, worden ze samen geselecteerd en geëxporteerd als HTML en afbeeldingen. Op deze manier worden voor elk van de divisies bestanden gegenereerd.