HTML-Inhalte bearbeiten

Zugang zum Server herstellen

Die Inhalte einer Webseite stehen in den jeweiligen HTML-Dateien. Um die Dateien über einen Browser abrufen zu können, müssen die HTML-Dateien auf einem Server bereit liegen. Sie brauchen also ein Programm mit dem Sie Dateien von einem Server und auch auf einen Server übertragen können. So ein Programm nennt sich FTP-Programm und die Abkürzung FTP steht dabei für 'File Transfer Protocol', auf deutsch 'Dateien-Transfer-Protokoll'.

Die beiden gängigsten FTP-Programme heißen Filezilla (Download) und Cyberduck (Download). Sie stehen kostenlos im Internet zum Download bereit und bieten alle Funktionen die Sie benötigen um die Inhalte Ihrer Website selber zu ändern. Sie können auch jedes andere FTP-Programm Ihrer Wahl benutzen.

Sobald Sie das FTP-Programm installiert haben benötigen Sie die FTP-Zugangsdaten zum Server auf dem die Inhalte Ihrer Webseite gespeichert sind. Diese finden Sie bei Ihrem Provider. Bei 1&1 müssen Sie nach dem Masterpasswort (externer Link) suchen. Bei Strato finden Sie ebenfalls eine gute Anleitung (externer Link). Wenn Sie Ihre Website mit uns umgesetzt haben, dann finden Sie Ihre FTP-Zugangsdaten auch im Konzept.

Richten Sie nun den Zugang über das FTP-Programm her und speichern Sie die Einstellungen für spätere Aktualisierungen Ihrer Website-Inhalte. Auf Ihrem eigenen Rechner legen Sie einen Ordner an der als lokales Spiegelbild Ihrer Webseite dient. Zwischen Ihrem lokalen Ordner und dem Server können Sie nun Dateien austauschen.

Beispiel Filezilla

Der Button um eine neue Serververbindung anzulegen
Das Bedienfenster von Filezilla

Beispiel Cyberduck

Der Button um eine neue Serververbindung anzulegen
Das Bedienfenster von Filezilla

Die Startseite Ihres Internetauftritts heißt immer index.html. Laden Sie sicherheitshalber erst die Datei die Sie bearbeiten wollen vom Server auf Ihren Rechner. Sie können HTML-Dateien in fast jedem beliebigen Textprogramm öffnen welches es ermöglicht nur den reinen Text zu bearbeiten. Beipiele für diese Programme sind Notepad++ (Download) für Windows-Betriebssysteme und TextPad oder TextEdit (vorinstalliert) für Mac-Betriebssysteme (Hinweis zu den Einstellungen bei TextEdit). Microsoft Word ist nicht geeignet. Wenn Sie einen HTML- bzw. einen WYSIWYG-Editor zur Hand haben, sind diese Programme am bedienerfreundlichsten und bieten auch eine graphische Oberfläche.

Texte bearbeiten

Öffnen Sie die Datei, die Sie bearbeiten wollen in einem der Ihnen oben vorgestellten Programme. Sie sollten, je nach Programm, eine der folgenden Ansichten erhalten:

Textprogramm

HTML-Inhalte in einem einfachen Textprogramm geöffnet

HTML- bzw. einen WYSIWYG-Editor

HTML-Inhalte in einem HTML-Editor geöffnet

Die Bereiche die Sie bearbeiten können sind in den folgenden Screenshots rot markiert. Achten Sie immer darauf nur innerhalb dieser Bereiche zu arbeiten und nicht versehentlich die eckigen Klammer zu löschen. Die Elemente wie hier zum Beispiel h2 und p formatieren die Inhalte und entscheiden über das Aussehen dieser Bereiche. Innerhalb des Textes können Sie wichtige Begriffe fett setzen mit dem Tag strong. Bitte achten Sie darauf, dass das Tag am Ende geschlossen werden muss.

Immer das strong-Tag schließen

Textprogramm

HTML-Inhalte in einem einfachen Textprogramm geöffnet

HTML- bzw. einen WYSIWYG-Editor

HTML-Inhalte in einem HTML-Editor geöffnet

Inhalte wieder hochladen

Sobald Sie alle Änderungen vorgenommen haben, können Sie nun wieder in das FTP-Programm wechseln und die bearbeiteten Dateien von Ihren Rechner auf den Server hochladen. Alle Änderungen sind sofort online sichtbar sobald Sie Ihre Webseite im Browser einmal neu laden.
Für die nächsten Textaktualisierungen laden Sie sich immer die gewünschte Seite vom Server erneut herunter und ersetzen diese in ihrem gespiegelten Ordner. So können Sie sichergehen, dass Sie den aktuellen Stand bearbeiten.

Hinweise für die Einstellungen bei TextEdit zum bearbeiten Ihrer Weseiten-Inhalte

TextEdit-Hinweise wenn Sie HTML-Dateien bearbeiten möchten
zurück zum Text