Einfachen Webseite Design Tutorial

May 24

Einfachen Webseite Design Tutorial

Einfachen Webseite Gestaltung Lernprogramm sprechen über Hypertext Markup Language (HTML). Es ist der Grundstein der Webseitenentwicklung. Sie können lernen, wie man HTML für Ihre einfachen Webseite durch Auswendiglernen, Schlüsselwörter und Symbole zu verwenden. Diese Wörter und Symbole zusammen zu heiraten und personalisierte Seiten zu erstellen. Sie können schließlich entwerfen eine einfache Webseite mithilfe von cascading Stylesheets (CSS) benötigen Sie mehr als eine Webseite zu einem Zeitpunkt zu entwerfen.

Anweisungen

Grundlegende Web-Seite Design tutorial

1 Strukturieren Sie Ihre Web-Seite. Bevor Sie eine Webseite oder ein Unterfangen mit HTML schreiben entwerfen, stellen Sie sicher, dass Sie Ihre Webseite korrekt formatieren. Jede Webseite, egal was Ihr Internet-Browser, müssen Sie Code (oder HTML in diesem Fall) in einer bestimmten Reihenfolge zu platzieren. Eine sehr einfache Webseiten-Design sollte wie folgt aussehen: < html >< Körper >< h1 >< / h1 >< h2 >< / h2 >< p >< / p >< / body >< / html >. H1 und h2 bedeutet Header Nummer eins und Header Nummer zwei. Nummer eins Kopfzeilentext erscheint größer als Kopfzeile Nummer zwei. Das p-Tag (Tag, d. h. die Buchstaben oder Wörtern in den spitzen Klammern), bedeutet Absatz. Setzen Sie das Absatz-Tag in Ihr Design, wenn Sie, dass Sie große Mengen an Text für Benutzer wissen zu lesen haben.

2 Verwenden Sie offene und geschlossene Ankertags. Jedes einfachen Webseitendesign hat wahrscheinlich Links (auch bekannt als Hyperlinks) zu besuchen. Design-Tutorials reden oft nicht wie umweltschädliche Webseiten mit überflüssigen Informationen für Benutzer, die grundlegendste Anweisung zu verstehen erschweren kann. Offene und geschlossene Markierungen erzählen Sie Ihren Computer, wenn eine Zeile zu beginnen, sollte und Ende. Können Sie mit diesem Übersichtlichkeit reduzieren: < a Href = "Name" > http://urladdresshere "> Name der Link hier </a >. Denken Sie daran das Anchor-Tag (ein innen Winkelklammern) gilt als abgeschlossen, wenn es gibt ein Schrägstrich vor. Das Anker-Tag zwischen den offenen und geschlossenen Body-Tags zu platzieren.

3 Bilder und Video in Ihre Webseite einfügen. Wenn Sie nicht mit HTML beherrschen, können Sie immer leihen Sie den Code erforderlich, um Ihre Web-Seite aus dritten Quellen zu entwerfen. Verwenden Sie eigene Videos oder Bilder zu, aber achten Sie darauf, sie in ein Blog oder social networking-Website ablegen. Das Internet generiert Code (HTML Wörter, Markierungen und Symbole). Klicken Sie auf Eigenschaften einmal Ihre Dropdown-Menü wird angezeigt--ein Spitzen Eigenschaften erscheint. Suchen Sie über auf halbem Weg nach unten die Adresse und eine lange Codezeile direkt daneben. Facebook, haben beispielsweise URL in Klammern direkt unter der Adresse Text. Kopieren Sie die Zeile, die mit http beginnt und endet dann mit Jpg, zum Beispiel. Fügen Sie den Code zwischen die Anführungsstriche von den Img-Tag wie folgt: "< html >< Körper >< Img Cellpadding ="1">. Vergessen Sie nicht, setzen Sie doppelte Table-Tag am Ende der Linie (einen geschlossenen-Tag genannt) mit einem Schrägstrich. Ein einfachen Webseite Tabellencode sieht wie folgt: < Tabellenrahmen = "1" Cellpadding = "2" >< tr >< td >< / >< / >< tr TD / Tabelle >.

Tipps & Warnungen

  • Gestalten Sie grundlegende Web-Seiten mit cascading Stylesheets (CSS). Sie sparen Zeit und reduzieren die Eintönigkeit.
  • Achten Sie darauf, Ihre Webseite Vorschau vor dem Hochladen oder anderweitig zu speichern.
  • Cascading Stylesheets ermöglichen einem Benutzer, mehrere Webseiten gleichzeitig zu entwerfen. Sie müssen zuerst lernen, HTML-Formatierung Muster in Stylesheets verwendete Skriptsprache lernen. Einfache Webseiten haben HTML-Erweiterungen, JavaScript und Visual Basic (VB) Script sind zwei solche Sprachen mit den CSS-Erweiterungen.