Homepage Tipps :: webConrad.com

Auf dieser Homepage finden Sie bereits einige Webdesign-Grundlagen. Möchten Sie weiter in dieses spannende Thema einsteigen, lege ich Ihnen dazu das links abgebildete Buch ans Herz. Auf 451 Seiten wird alles wichtige dargestellt, was Sie für einen erfolgreichen ersten Start ins Homepage-Business benötigen. So sparen Sie sich stundenlanges Surfen auf diversen Internetseiten, um sich mühsam selbst die wichtigsten Informationen für Einsteiger zusammen zu suchen.

Mit Hilfe dieses Buches lernen Sie eine neue Webseite zu planen, sie zu erstellen und anschließend auch noch erfolgreich zu bewerben (die Wichtigkeit wird oft unterschätzt!).
"Webseiten erstellen für Einsteiger"

Einsteiger HTML-Tutorial

Dieser Text ist für alle die geschrieben, die noch nie im HTML-Quelltext gearbeitet haben und jetzt den ersten Schritt wagen möchten.

Aller Anfang ist schwer

Als erstes öffnen Sie einen Texteditor.
Man kann grundsätzlich ganz normal im Editor etwas schreiben und das dann als datei.html abspeichern; der Browser stellt diesen Text genauso dar.
Sie können diesen normalen Text jetzt aber noch ein bisschen aufpeppen, dies geht mit Tags. Sie werden zwischen 2 Klammern geschrieben, z.B. Das strong bedeutet Fettschrift.
Fast jeder Tag der einmal aufgerufen wurde, muss auch wieder geschlossen werden. Hierzu setzten Sie vor den Grundbefehl einfach einen Slash. Das bedeutet im Klartext: Um einen fetten Text zu bekommen, müssen Sie Dieser Text wird jetzt Fett dargestellt schreiben. Die Befehle lassen sich natürlich auch koppeln. Dieser Text wird Kursiv und fett dargestellt.
Jetzt können Sie zwar Texte in verschiedenen Stilen schreiben, aber das Wichtigste fehlt noch! Es muss angegeben werden, dass es sich bei der Datei um eine HTML-Datei handelt. Also öffnen Sie ein leeres Dokument und schreiben (nicht die Zeilennummer am Anfang jeder Zeile mitschreiben, die sind nur zu anschließenden Erklärung):

1 <HTML>
2 <HEAD>
3 <TITLE>Dies ist der Titel</TITLE>
4 </HEAD>
5 <BODY>
6 Hier können Sie anfangen zu schreiben
7 </BODY>
8 </HTML>

Erklärung:
1: Mit <HTML> sagen Sie dem Browser, dass das Dokument eine HTML-Datei ist.
2: Mit <HEAD>leiten Sie den Kopfbereich ihrer Seite ein.
3: Zwischen <TITLE> und </TITLE> können Sie den Titel ihrer Seite angeben.
4: Mit</HEAD>schließen Sie den Kopfbereich ihrer Seite.
5: Mit dem <BODY> Tag leiten Sie den Hauptteil ihres Dokuments ein.
6: Hier können die Texte, Bilder etc. eingefügt werden.
7: Mit </BODY> schließen Sie den Hauptteil.
8: Mit </HTML> schließen Sie das HTML-Dokument.

Hier eine Liste der wichtigsten Befehle:

<strong></strong>	Der Text wird FETT.
<em></em>	Der Text wird Kursiv.
<u></u>	Der text wird unterstrichen.
<br>	Ein Zeilenumbruch. Wenn Sie in ihrem Editor die Enter-taste drücken und ein Zeilenumbruch entsteht, dann werden Sie sich wundern, der Browser schreibt einfach in der gleichen Zeile weiter. Er interpretiert nur ein <br> als Zeilumbruch. Ein <br>-Tag muss nicht geschlossen werden.
<hr>	Eine solche Linie wird eingefügt. Ein <hr>-Tag muss ebenfalls nicht geschlossen werden.
<font color="red"></font>	Schriftfarbe: red green blue yellow purple orange usw. - oder auch als HEX-Wert
<font size="7"></font>	Schriftgröße: 7 6 5 4 3 2 1
<font face="arial"></font>	Es wird eine andere Schriftart gewählt. - Die Schriftarten die nicht lokal auf einem PC installiert sind, werden nicht korrekt angezeigt.
<div align="left"></div>	Text links
<div align="center"></div>	Text in der Mitte
<div align="right"></div>	Text rechts

Eine kleine Übung: Schreiben Sie eine HTML-Datei, in der Sie Schriftfarbe, -größe und -format (z.B. fett) innerhalb eines Textes ändern und fügen Sie dann noch eine Linie ein. Die Auflösung gibt es in der nächsten Lektion.

Einsteiger HTML-Tutorial

Lektion 2 Lektion 3