Um mit dem Entwerfen eines Webs zu beginnen, müssen 3 Programme wie PhotoShop, Fireworks und Dreamweaver vorhanden sein . Gleichzeitig sind Vorkenntnisse in HTML-Code unerlässlich. HTML beschreibt die Struktur und den Inhalt einer Site in Form von Text. Die Elemente in HTML bestehen aus einer Anfangsbezeichnung und einer Endbezeichnung, zwischen denen ein Inhalt platziert wird.
Als der Einsatz von Multimedia-Inhalten im Web massiv begann, erschien er in HMTL-Code 5, um diese Aufnahme zu erleichtern. HTML5 hat die folgenden Eigenschaften.
- Sei nicht privat
- 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:
Anschließend wird das PhotoShop-Programm (PSD) geöffnet, um das Projekt anzuzeigen:
Anschließend analysieren Sie die allgemeinen Elemente, dh organisieren die Seite als Gruppen.
Sie können sehen, dass der Hauptteil der Seite die Gesamtheit des Projekts ist, in dem Sie die verschiedenen Elemente gruppieren werden. Beispiel: Innerhalb des Inhalts können Sie die beiden Logos in einer Ebene gruppieren, die sich in der befinden Oberteil:
Nachdem Sie das Basisprojekt in PhotoShop analysiert haben, können Sie mit Fireworks arbeiten:
Das Projekt wird mit Fireworks geöffnet:
Mit dem Fireworks-Unterteilungstool beginnen sie, die einzelnen Elemente des Entwurfs einzurahmen:
Sobald die Unterteilungen der Elemente vorgenommen wurden, werden sie zusammen ausgewählt und als HTML und Bilder exportiert. Auf diese Weise generieren Sie Dateien für jede Abteilung.