Neueste Web-Entwicklung Tutorials
 

Web Building - Erstellen einer Website (HTML)


Der Aufbau einer Website von Grund auf neu Teil I:. Erstellen einer Website.


Was wir tun werden

In diesem Kapitel werden wir eine Website auf Ihrem Computer erstellen.

HinweisDie Website wird nur für Sie sichtbar.Later you will learn how to make it public. Später erfahren Sie, wie es öffentlich zu machen.


Erstellen Sie die Web-Site

Erstellen Sie einen neuen Ordner auf Ihrem Computer (ein neuer Ordner auf dem Desktop ist OK).

Benennen Sie den neuen Ordner demoweb.

Jetzt haben Sie eine lokale Website.


Erstellen Sie eine Homepage

Im demoweb Ordner, erstellen Sie eine neue Datei index.html genannt.

Verwenden Sie Editor (oder einem anderen Text-Editor) den folgenden Inhalt in der Datei zu setzen:

index.html

<!DOCTYPE html>
<html>

<head>
  <title>Our Company</title>
</head>

<body>

  <h1>Welcome to Our Company</h1>
  <h2>Web Site Main Ingredients:</h2>

  <p>Pages (HTML)</p>
  <p>Style Sheets (CSS)</p>
  <p>Computer Code (JavaScript)</p>
  <p>Live Data (Files and Databases)</p>

</body>
</html>
Versuch es selber "

HinweisNachdem Sie die Datei gespeichert haben, können Sie es in Ihrem Browser öffnen und sehen, wie es läuft.


Fügen Sie eine Informationsseite

Im demoweb Ordner eine neue Datei erstellen about.html benannt.

Legen Sie die folgenden in der Datei:

about.html

<!DOCTYPE html>
<html>

<head>
  <title>About</title>
</head>

<body>

  <h1>About Us</h1>
  <p>Lorem Ipsum Porem Lorem Ipsum Porem</p>

</body>
</html>
Versuch es selber "

Die Dateien, die oben enthalten Schriften <h1> und ein Absätzen <p>.Please feel free to edit the content. Bitte zögern Sie nicht, den Inhalt zu bearbeiten.

Im nächsten Kapitel werden wir ein CSS-Stylesheet hinzufügen.After that we will add computer code and data. Danach werden wir Computer-Code und Daten hinzufügen.


Weiterlesen

Lesen Sie mehr über HTML in unserem HTML - Tutorial .