Im Bereich Webdesign gibt es Viele Wörter die nicht unbedingt jedem was Sagen. Was ist HTML, CSS, JavaScript, PHP, Mysql, Java, Server, Apache, E-Commerce, Source, Domain, PNG.... usw.... Ok vielleicht ein Paar Wörter zu viel, aber alle haben sie was gemeinsam, sie gehören zum Thema Webdesign. Ich werde hier aber nicht auf alle Wörter eingehen die Irgendwas mit Webdesign zu tun haben, es wären einfach zu viele, und vor allem es ist 5:30Uhr früh während ich diesen Text schreibe :). Aber zurück zum Thema, die Wichtigsten Begriffe im Zusammenhang mit Webdesign sind HTML und CSS, ohne sie ist es schwer eine Seite zu gestalten, ausser man greift auf XML zurück.
HTML oder auch Hypertext Markup Language ist eine Sprache um Struktur in Texte zu Bringen, und der Standard vieler Webseiten im WWW, Aktuell befindet sich HTML in der Version 4.01 jedoch unterstützen moderne Browser bereits HTML 5 (Und wenn nicht, ist es auch nicht so Dramatisch wenn man eine HTML5 Seite mit einem nicht unterstützten Browser öffnet, ist ja alles Abwärtskompatibel). Parallel zu HTML existiert noch XHTML (Aktuell in der Version 1.1) aber auf diese Sprache möchte ich hier nicht näher eingehen, da der Text sonst zu lang wird :). HTML wird vom World Wide Web Consortium (W3C) Weiterentwickelt, und wird durch sogenannte Tags Strukturiert. Tags kann man sich wie Bausteine Vorstellen, die Wichtigsten Tags sind <doctype> <html> <head> und <body> sie Bilden die Grundstruktur einer Homepage. Meist Sind Tags als Paar angeordnet, also jedes Mal wenn ein Tag wie z.B. <strong> Benutzt wird, muss auch ein abschliessender Tag Folgen, dieser wird durch einen "/" Geschlossen also in unserem Beispiel mit </strong> (Strong ist übrigens der Tag um Text Fett zu Markieren). Formatiert wird HTML über CSS (Cascading Style Sheets) wobei CSS für dinge wie z.B. Textfarbe, Hintergrundfarbe oder aber auch wie man es bei Meiner Webseite sieht, die Formatierung und Platzierung von Elementen wie Div Container. CSS ist zusammen mit HTML ziemlich mächtig, der Aufbau einer CSS Datei ist relativ simpel, jedoch kann man nicht nur global Tags Formatieren, sondern auch einzelne Element oder auch eine ganze Gruppe von Elementen (Klasse). Die Syntax von CSS ist ebenso einfach wie der Aufbau, jedoch ist CSS im Ganzen doch Komplex... Super jetzt bin ich Selber Verwirrt :P, na nicht so schlimm zurück zum Thema. Die Syntax Sieht im Folgendermassen aus:
Selektor [, Selektor2, ...] {
Eigenschaft-A: Wert-A;
Eigenschaft-B: Wert-B;
}
/* Kommentar */
Ist
eigentlich ein Bisschen Verwirrend, aber Simpel, der Selektor ist der zu Formatierende HTML Tag, (oder eben der Bereich oder die Klasse) CSS kann auch mit mehreren Selektoren Umgehen. Die Eigenschaft und der Wert ergeben die eigentliche Formatierung (z.B. color:red;), und zuletzt der Kommentar dieser hat wie bei HTML einen Starter und ein Ende ( /* und */). Aber würde ich noch mehr auf dieses Thema eingehen, würde das den Rahmen dieses Textes Sprengen, deswegen werde ich hier erst mal einen Punkt Setzen, aber ich werde noch Einige Wiki-Links Hinzupacken, Viel Spass beim Lesen :).
Wikipedia zu HTML: http://de.wikipedia.org/wiki/Html
Wikipedia zu CSS:
http://de.wikipedia.org/wiki/Cascading_Style_Sheets
Wikipedia zu PHP:
http://de.wikipedia.org/wiki/Php
