| 
Webdesign Grundlagen V
Webprogrammierung sollte mit HTML Programmierung beginnen. Sie
ist die einfachste Programmier- oder Skriptsprache und andere
Sprachen, wie z.B. PHP bauen auf HTML auf.
Webprogrammierung 1
• HTML • CSS
• JavaScript
• PHP
• WML
Die Programmierung einer Website mit HTML und
CSS
in einem professionellen Editor, wie Dreamweaver, ist einfacher
als man Anfangs denkt. Erst durch anspruchsvolle Funktionalität
wird die Umsetzung schwieriger. Die Grundlagen der HTML Programmierung
zeigen, wie es geht.
HTML Programmierung
- Voraussetzungen und Tools
Als Einsteiger in die Webprogrammierung
benötigt man keine Vorkenntnisse. HTML ist einfach zu erlernen,
da es eine simple Syntax hat.
Als Werkzeug genügt ein Texteditor, wie
der in Windows integrierte Editor oder Ultraedit. Komfortabler
geht es mit Profitools wie Dreamweaver, GoLive oder Hot Dog.
Dateistruktur
HTML-Dateien haben die Endung *.htm bzw. *.html.
Wenn man der Anfangsdatei, mit der die Website gestartet wird,
den Namen „index.htm“ bzw. „index.html“
gibt, braucht der Dateiname nicht im Browser eingetippt zu werden,
weil defaultmässig nach einer Datei dieses Namens gesucht
wird. Man kann auf dem Server einstellen, welche Datei (Name +
Endung) als Default genutzt werden soll.
Die HTML-Datei wird als einfacher ASCII-Text
angelegt. Die Seite wird mit Hilfe von Tags organisiert. Jeder
Tag steht in spitzen Klammern.
Am Anfang jeder HTML-Datei steht der Tag <html>,
und jede Datei wird mit </html> beendet.
Jede normale HTML-Datei besteht aus einem Kopf
(von <head> bis </head>) und einem Körper (von
<body> bis </body>).
Im Kopf wird der Titel (von <title> bis
</title>) festgelegt und weitere Informationen über
die Seite für Server und Browser mit Hilfe von Meta-Tags.
Z.B. die Meta-Description und die Meta-Keywords werden hier eingefügt.
Der hier eingetragene Titel wird in der Namensleiste des Browsers
angezeigt.
Im Körper werden die Informationen aufbereitet,
die den Inhalt der Seite darstellen sollen.
Die minimale Grundstruktur einer HTML-Datei ist
somit:
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html> |
Syntax
Um den Überblick bei komplizierten oder
langen Quelltexten
zu behalten, ist es zu empfehlen, Kommentare einzufügen.
Diese werden zwar im Editor aber nicht im Browser angezeigt. Kommentare,
die in eine Zeile passen, beginnen mit der Zeichenkombination
<!-- und enden mit -->. Mehrzeilige Kommentare werden mit
//--> beendet:
bzw.
<!-- Kommentar
Kommentar
Kommentar
//--> |
Doppelte Leerzeichen und Zeilenumbrüche
werden vom Browser ignoriert, wenn sie nicht durch spezielle Tags
angewiesen worden sind.
Mit <br> wird ein einfacher Zeilenumbruch
erzeugt.
Es ist wegen der zukünftigen Kompatibilität
mit weiteren Sprachversionen zu empfehlen, alle Tags mit kleinen
Buchstaben zu schreiben. Desweiteren sollte man darauf achten,
dass bei Verschachtelungen von Tags streng die Reihenfolge eingehalten
wird. Bei HTML ist es nicht zwingend, aber wenn man später
zu einer anderen Programmiersprache wechselt, kann es zu Komplikationen
kommen, die man sie ersparen kann.
Tags kommen fast immer paarweise vor. In Zukunft
werden auch Tags, die keinen eigentlichen Schlusstag haben mit
"/" abgeschlossen (z. b. <br />). Wer sich in
XML
oder WML versucht, wird sich das schnell angewöhnen.
• HTML • CSS
• JavaScript
• PHP
• WML
Weiter zu Mobile
Webdesign 
|
