So entwerfen Sie eine Website-Vorlage: 7 Schritte (mit Bildern)

Inhaltsverzeichnis:

So entwerfen Sie eine Website-Vorlage: 7 Schritte (mit Bildern)
So entwerfen Sie eine Website-Vorlage: 7 Schritte (mit Bildern)

Video: So entwerfen Sie eine Website-Vorlage: 7 Schritte (mit Bildern)

Video: So entwerfen Sie eine Website-Vorlage: 7 Schritte (mit Bildern)
Video: How to Use Your Browser’s Inspect Element Tool to Edit Webpages 2024, Kann
Anonim

Dies ist eine ausführliche Anleitung für diejenigen, die HTML und CSS kennen, aber keine Ahnung haben, wie Sie Ihr Layout erstellen sollen.

Schritte

Entwerfen einer Website-Vorlage Schritt 1
Entwerfen einer Website-Vorlage Schritt 1

Schritt 1. Entscheiden Sie, was Ihr Website-Thema ist

Es gibt Millionen von verschiedenen Arten von Websites, die Sie nach Ihren Wünschen auswählen können.

Entwerfen einer Website-Vorlage Schritt 2
Entwerfen einer Website-Vorlage Schritt 2

Schritt 2. Finden Sie das richtige Farbschema

Versuchen Sie, Farben zu verwenden, die hervortreten, wie Blau, Lila oder Orange. Sie können die Farbe auch an das Thema Ihrer Website anpassen.

Entwerfen einer Website-Vorlage Schritt 3
Entwerfen einer Website-Vorlage Schritt 3

Schritt 3. Entscheiden Sie, welche Art von Navigationsleiste Sie verwenden möchten

Stellen Sie sicher, dass es nützliche Ressourcen wie Zuhause, Kommentare und mehr enthält.

Entwerfen Sie eine Website-Vorlage Schritt 4
Entwerfen Sie eine Website-Vorlage Schritt 4

Schritt 4. Modellieren Sie, wie Ihre Website in einem Grafikbearbeitungsprogramm gestaltet wird

Genau wie bei den Themen gibt es eine große Auswahl, wie Sie das Layout jeder Seite haben möchten.

Entwerfen einer Website-Vorlage Schritt 5
Entwerfen einer Website-Vorlage Schritt 5

Schritt 5. Erstellen Sie die Seite in HTML

Sie können es auch erstellen, indem Sie auf Google-Websites gehen. Wählen Sie auch einen kreativen Namen!

Entwerfen einer Website-Vorlage Schritt 6
Entwerfen einer Website-Vorlage Schritt 6

Schritt 6. Erstellen Sie ein Stylesheet in CSS

Entwerfen einer Website-Vorlage Schritt 7
Entwerfen einer Website-Vorlage Schritt 7

Schritt 7. Duplizieren Sie die HTML-Seite für die anderen Seiten und fügen Sie Inhalte hinzu

Dieser Artikel ist nur ein ausführlicher Artikel für Layouts.

Empfohlen: