So Erstellen Sie Eine Website Im Notizblock

Inhaltsverzeichnis:

So Erstellen Sie Eine Website Im Notizblock
So Erstellen Sie Eine Website Im Notizblock

Video: So Erstellen Sie Eine Website Im Notizblock

Video: So Erstellen Sie Eine Website Im Notizblock
Video: Eigene Website mit HTML und CSS bauen | Tutorial für Anfänger 2020 2024, November
Anonim

Wenn Sie denken, dass das Erstellen von Websites schwierig ist, liegen Sie falsch. Um dies zu tun, müssen Sie absolut keine Berge von Literatur studieren und Tausende von spezifischen Codes auswendig lernen. Es reicht aus, einige einfache Schritte auszuführen, und Sie haben die allererste Website, die Sie mit Ihren eigenen Händen erstellt haben. Wir empfehlen Ihnen, dies sicherzustellen, indem Sie die einfachste Website gemäß der Schritt-für-Schritt-Anleitung erstellen. Dies dauert nur wenige Minuten.

So erstellen Sie eine Website im Notizblock
So erstellen Sie eine Website im Notizblock

Anleitung

Schritt 1

Erstellen Sie ein Textdokument auf Ihrem Desktop: "Start" - Punkt "Programme" - "Zubehör" - "Notizblock".

Schritt 2

Kopieren Sie die folgenden Tags in den Editor, sie sind notwendig, um eine Site zu erstellen.

Schritt 3

Schreiben Sie in die Title-Tags ein Thema für Ihre Website, zum Beispiel "Website-Entwicklung". Es sieht so aus: Website-Erstellung.

Schritt 4

Fahren Sie mit dem Erstellen des Site-Skeletts fort. Das Wireframe wird mithilfe einer HTML-Tabelle erstellt. Jetzt verwenden wir den folgenden Rahmen: oben eine Kopfzeile, unten ein ähnlicher Streifen und das Hauptblatt wird in zwei Hälften geteilt. Kopieren Sie den Wireframe-Code in Ihr Notebook.

Website-Menü

Inhaltsbereich

Site-Header
Website-Fußzeile

Schritt 5

Geben Sie die Größe der Zellen an. Versuchen Sie, die von uns angegebenen Größen herzustellen, und entscheiden Sie dann, welche Größen Sie benötigen. Geben Sie die Abmessungen in den Drahtmodellcodes ein (dies sind die Parameter Höhe - Höhe und Breite - Breite).

Schritt 6

Wählen Sie die Bilder der Kopf-, Hintergrund- und Fußzeile der Site aus und fügen Sie sie in die erforderlichen Tags ein. Bilder werden mit einem Tag eingefügt

… Jetzt sollten die Beschriftungen "Slide Header" und "Site Footer" verschwinden.

Schritt 7

Verbinden Sie alle eingefügten Bilder miteinander. Dazu im Tag

Fügen Sie in der Haupttabelle den Leerraum zwischen der Kopfzeile und dem Hauptraum der Site ein. Fügen Sie dazu den Ausrichtungsparameter ein, so sollte es aussehen

Schritt 9

Speichern Sie die erste Seite der Site unter dem Code index.html. Speichern Sie die erste Seite der Site erneut, jedoch unter einem anderen Code: page2.html.

Schritt 10

Bearbeiten Sie die zweite Seite. Nehmen wir an, Sie haben dort Links zu einer Site. Fügen Sie Linkadressen in Tags ein.

Schritt 11

Vergessen Sie nicht, im Code zu markieren, welche Seite die Hauptseite ist und welche Seite verlinkt ist. Dies hilft, die Seiten miteinander zu verknüpfen. So sollte es aussehen

Die Hauptsache, Links.

Schritt 12

Vergiss nicht, Tags hinzuzufügen, werden sie benötigt, um in eine andere Zeile zu wechseln.

Ihre erste zweiseitige Website ist fertig!

Empfohlen: