Was ist Quelltext?

Startseite » Webdesign Glossar » Was ist Quelltext?

 

Was ist Quelltext?

Der Quelltext bildet das Grundgerüst von Websites. Aber was ist das eigentlich? Als Nutzer von Webseiten haben Sie sich darüber wahrscheinlich keine Gedanken gemacht bzw. machen müssen. Meist kommen nur Webdesigner und Programmierer mit dem Quelltext in Berührung.

Alternative Begriffe sind Quellcode oder auf Englisch Source Code. Der Quelltext ist der nicht sichtbare Teil einer Webseite. Jeder Browser bietet die Möglichkeit sich diesen anzusehen. Darin sind die einzelnen Abschnitte und Elemente der Webseite zu sehen und somit auf mögliche Unstimmigkeiten und Fehler zu untersuchen. Für Entwickler ist der Einsatz von Analyse Tools viel interessanter, als die reine Ansicht des Quelltextes.

 

 

Was ist Quelltext
Programmierter Quelltext

 

Im Schreiben von Programmen und Webseiten steckt jede Menge Zeit und Kreativität. Der Quelltext ist aus diesem Grund auch durch das Urheberrecht geschützt. Genau wie bei anderem geistigen Eigentum, ist es nicht gestattet, den Code eines Dritten eigenmächtig zu verbreiten oder zu plagiieren.

Wie kann man den Quelltext einer Webseite bearbeiten?

Mit dem Browser kann man sich den Quellcode zwar ansehen, teilweise auch kurzfristig bearbeiten, jedoch nicht speichern. Dazu ist zusätzliche Software notwendig. Der von uns vorgestellte Editor Notepad++ ist dafür geeignet. Dafür benötigen Sie Zugang zu den Dateien, die auf dem Webspace liegen und aus denen die eigentliche Webseite, beim Aufruf im Browser, erzeugt wird. Allerdings sollten für das Bearbeiten von Dateien, die meist in PHP, Javascript oder Ajax geschrieben sind, gewisse Kenntnisse vorhanden sein. Es kann ansonsten passieren, dass die Webseite nicht mehr aufrufbar und der Vorgang gar nicht einfach rückgängig zu machen ist.

 

Beispiel für Quellcode

Ein kleines Beispiel für Quellcode wäre Grundaufbau einer Website in der Minimalversion:

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <title>Beispiel HTML5 Grundgerüst</title>
  <meta name="description" content="Kurzbeschreibung">
  
</head>

<body>

<h1>Wichtigste Überschrift</h1>
<p>Hier ist der Content drin.</p>

</body>
</html>