✅ Einführung in das Weblayout

Inhaltsverzeichnis

Das Layout bezieht sich auf die Verteilung von Elementen in einem bestimmten Bereich auf der Seite, während das redaktionelle Design andere Elemente umfasst, die vom grafischen Projekt bis hin zu Produktionsprozessen reichen, die auch als Druckvorbereitung bezeichnet werden. Allerdings zu Dieser Vorgang wird als Layout bezeichnet.
Um mit der Gestaltung einer Website zu beginnen Es sind 3 Programme wie PhotoShop, Fireworks und Dreamweaver erforderlich. Umgekehrt sind Vorkenntnisse im HTML-Code unabdingbar. HTML beschreibt die Struktur und den Inhalt einer Site in Form von Text. Die Elemente in HTML bestehen aus einem Anfangs-Tag und einem End-Tag, zwischen denen ein Inhalt platziert wird.

Als Multimedia-Inhalte massiv im Web verwendet wurden, erschienen sie im HMTL 5-Code, um diese Aufnahme zu erleichtern. HTML5 hat die folgenden Eigenschaften.

Nicht aus privater Hand sein
Flexibel
Verwendete Standards

Vor Beginn der Arbeit mit dem Layout muss der Designer mit einem Projekt gearbeitet haben, in dem er die Bedürfnisse seiner Kunden widerspiegelt:

Als nächstes wird das Programm PhotoShop (PSD) geöffnet, um das Projekt anzuzeigen:

Als Nächstes beginnen wir, die gemeinsamen Elemente zu analysieren, dh die Seite als Gruppen zu organisieren.
Es ist zu sehen, dass der Hauptteil der Seite die Gesamtheit des Projekts darstellt, wo dann die verschiedenen Elemente gruppiert werden, zum Beispiel: innerhalb des Inhalts die beiden Logos, die sich im oberen Teil befinden:

Nachdem das Basisprojekt in PhotoShop analysiert wurde, beginnt die Arbeit mit Fireworks:
Öffnen Sie das Projekt mit Fireworks:

Mit dem Divisionswerkzeug Fireworks wird jedes der Elemente des Designs eingerahmt:

Nachdem die Aufteilungen der Elemente vorgenommen wurden, werden sie gemeinsam ausgewählt und als HTML und Bilder exportiert. Auf diese Weise werden Dateien für jede der Divisionen erzeugt.