✅ Introduktion till webblayout

Innehållsförteckning

Layout är relaterat till fördelningen av element i ett visst utrymme på sidan, medan redaktionell design innehåller andra element som sträcker sig från det grafiska projektet till produktionsprocesser som också kallas förberedelse för utskrift. Dock till denna process är känd som layout.
För att börja designa en webbplats Det är nödvändigt att ha 3 program som PhotoShop, Fireworks och Dreamweaver. I sin tur är det viktigt att ha vissa förkunskaper om HTML -kod. HTML beskriver strukturen och innehållet på en webbplats i form av text. Elementen i HTML består av en första tagg, och en sista tagg, mellan dem placeras ett innehåll.

När multimediainnehåll började användas massivt på webben visade det sig i HMTL 5 -koden för att underlätta denna inkludering. HTML5 har följande egenskaper.

Var inte från privata händer
Flexibel
Standarder som används

Innan han börjar arbeta med layouten måste designern ha arbetat med ett projekt där han återspeglar sina kunders behov:

Därefter öppnas PhotoShop (PSD) -programmet för att se projektet:

Därefter börjar vi analysera de vanliga elementen, det vill säga organisera sidan som grupper.
Det kan ses att sidens kropp är summan av projektet där de olika elementen sedan börjar grupperas, till exempel: i innehållet de två logotyperna i den övre delen:

När basprojektet har analyserats i PhotoShop börjar arbetet med Fireworks:
Öppna projektet med Fireworks:

Med Fireworks -divisionsverktyget börjar var och en av designelementen att ramas in:

När indelningarna av elementen har gjorts väljs de tillsammans och exporteras som HTML och bilder. På detta sätt genereras filer för var och en av divisionerna.

Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng