Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung Nächste Überarbeitung | Vorherige Überarbeitung | ||
wiki:start:einleitung [2017/08/18 15:37] rhw |
wiki:start:einleitung [2017/08/18 19:04] (aktuell) rhw |
||
---|---|---|---|
Zeile 10: | Zeile 10: | ||
- Die HTML-Webseite als webseitenname.html abspeichern, | - Die HTML-Webseite als webseitenname.html abspeichern, | ||
- mit einem FTP Programm wie z.B. Filezilla eine Verbindung zum Webserver herstellen, | - mit einem FTP Programm wie z.B. Filezilla eine Verbindung zum Webserver herstellen, | ||
- | - die gerade erstellte lokale HTML-Datei auf den Webserver übertragen, | + | - die gerade erstellte lokale HTML-Datei auf den Webserver übertragen (hochladen), |
- mit dem Browser über die URL-Zeile die Webseite Online überprüfen z.B. (meine-homepage.de/webseitenname.html), | - mit dem Browser über die URL-Zeile die Webseite Online überprüfen z.B. (meine-homepage.de/webseitenname.html), | ||
- bei Entdeckung eines Fehlers, Webseite lokal verbessern und Schritte 2 - 5 wiederholen. | - bei Entdeckung eines Fehlers, Webseite lokal verbessern und Schritte 2 - 5 wiederholen. | ||
- | ===== CMS ===== | + | Wie man feststellt, ist es sehr umständlich eine HTML Präsentation aktuell zu halten. Erst Recht, wenn die Präsentation 10 oder mehr Webseiten hat. Denn die komplette HTML-Datei (Webseite) muss in Bearbeitung genommen werden. Dazu zunächst den Editor aufrufen und die HTML-Datei öffnen. Nachfolgend im Quellcode den Bereich heraussuchen, der aktualisiert bzw geändert werden soll, die Webseite im Codebereich ändern, abspeichern und per FTP hochladen, im Browser überprüfen. |
- | Einfacher wurde das Erstellen und Verwalten von Webseiten über Content Management Systeme (kurz: CMS oder WebCMS). Heutige Webseiten werden kaum noch mit reinem HTML gefertigt. Sie werden vielfach durch CSS (Cascade Style Sheets), Java Script, PHP in Verbindung mit Datenbanken (MySQL, Postgre SQL, MariaDB, ect.), XML (HTML 4.0 + XML 1.0 = HTML 5.0) unterstützt. Viele CMS sind in verschiedenen Variationen mit PHP, CSS, MySQL, usw. aufgebaut. Jedoch egal in welcher Zusammensetzung, HTML ist fast immer dabei. Überprüfen kann man dies, wenn man den Seitenquelltext aufruft - //Dazu auf einer Webseite die rechte Maustaste betätigen, dann aus dem Menü 'Seitenquelltext anzeigen' oder 'Quelltext ansehen' wählen. Zumeist wird ein neuer Tab im Browser geöffnet und man sieht den Quelltext (Code) der Webseite. Die ersten Zeilen fangen <– Doctype pp. und darunter die Zeile <HTML ect.> an// -. Selbst die Webseiten, die mit CMS wie WordPress, Joomla, Typo3, Drupal erstellt wurden, um nur einige Beispiele zu nennen. Ebenso dieses Wiki beginnt so. Daher lässt ist folgende Aussage zulässig: Ohne HTML ist das Erstellen von funktionierenden Webseiten kaum möglich! **Hinweis:** //Seit HTML 5.0 sind externe Multimedia Programme wie Flash oder Java nicht zwingend notwendig. Die heutigen Browser können HTML 5 Multimedi-Dateien ohne Zusatzprogramme anzeigen bzw. abspielen.// Die heutigen Webseiten werden zumeist mit Hilfe eines CMS gefertigt. Beim CMS sind der Webseiteninhalt und die -vorlage (Template) strikt getrennt. Ändert man den Inhalt wie Text, Grafik, Downloaddatei oder ähnliches, bleibt das Aussehen der Seiten bestehen oder wenn man das Template ändert, ändert sich zwar das Aussehen, jedoch nichts am Inhalt der Webseite. Vorteil von CMS: Man arbeitet zumeist Online und benötigt lediglich einen Webbrower wie Firefox, Google Chrome, Internet Explorer (//in Win10 Edge//) und nach dem Abspeichern der Webseite ist die aktualisierte Webseite sofort Online. Das ständige Hochladen der kompletten HTML-Webseite per FTP, selbst bei nur geringfügigen Änderungen entfällt. Zumeist sind CMS mit einem Editor oder gar WYSIWYG Editor ausgestattet, um das Eingeben von Inhalt zu vereinfachen. Durch Plugins oder Addons können spezielle Funktionen wie Gästebuch, Eventkalender, FAQ ersteller, Fotogalerie, Glossare und viele mehr aufgerufen werden, um die HP den eigenen Wünschen anzupassen, ohne irgendeinen Code eingeben zu müssen. Dennoch ist es von Vorteil, wenn man HTML-Kenntnisse besitzt, z.B. wenn man das Template abändern anpassen möchte oder einfach Scripte in die Indexseite einzubauen wie Counter oder ähnlich. Da ist sofort der Codebereich und der Aufbau der Webseite sichtbar und man findet die Stelle leichter, wo die Änderungen durchgeführt werden müssen bzw. der Scriptcode eingesetzt werden muss. Selbst Templates, die sich in XML-Dateien befinden, lassen sich mit HTML bearbeiten. Ohne HTML Kenntnisse steht man schnell vor dem unlösbaren Problem der Umsetzung. Viele Interessierte schrecken bei CMS davor zurück, sich die teils für Neulinge (Newbies) komplizierten Installationsabläufe genauer zu studieren und sich vorher die Voraussetzungen für das CMS anzutun, sprich sich näher mit dem CMS zu befassen. Zumal es unzählige CMS im Internet gibt und man anfangs nicht weiß, ob das CMS für das erforderliche Projekt geeignet ist. Doch wenn eines erfolgreich Installiert wurde, sind die Installationen der anderen CMS bei auf geringfügige Änderungen nahezu identisch. Je nach CMS. | + | Die Backups der HTML Datein befinden sich in der Regel auf dem lokalen PC. Das heißt, dass andere Mitwirkende der Präsentation nicht auf die Dateien zugreifen können ohne FTP-Zugriff auf den Server. Besser sind daher Onlinelösungen an dem jeder Mitwirkende, je nach Mitwirkung verschiedene Berrechtigungen erhält. Die sind meist bei Homepagebaukästen (1 & 1, Strato, Wixx, usw.) oder bei diversen CMS einstellbar (//Siehe nachfolgenden Artikel!//) . |
- | **Zur Installation eines CMS müssen folgende Punkte beachtet werden:** | + | |
+ | ===== CMS ===== | ||
+ | Einfacher wurde das Erstellen und Verwalten von Webseiten über Content Management Systeme (kurz: CMS oder WebCMS). Heutige Webseiten werden kaum noch mit reinem HTML gefertigt. Sie werden vielfach durch CSS (Cascade Style Sheets), Java Script, PHP in Verbindung mit Datenbanken (MySQL, Postgre SQL, MariaDB, ect.), XML (HTML 4.0 + XML 1.0 = HTML 5.0) unterstützt. Viele CMS sind in verschiedenen Variationen mit PHP, CSS, MySQL, usw. aufgebaut. Jedoch egal in welcher Zusammensetzung, HTML ist fast immer dabei. Überprüfen kann man dies, wenn man den Seitenquelltext aufruft - //Dazu auf einer Webseite die rechte Maustaste betätigen, dann aus dem Menü 'Seitenquelltext anzeigen' oder 'Quelltext ansehen' wählen. Zumeist wird ein neuer Tab im Browser geöffnet und man sieht den Quelltext (Code) der Webseite. Die ersten Zeilen fangen <– Doctype pp. und darunter die Zeile <HTML ect.> an// -. Selbst die Webseiten, die mit CMS wie WordPress, Joomla, Typo3, Drupal erstellt wurden, um nur einige Beispiele zu nennen. Ebenso dieses Wiki beginnt so. Daher lässt ist folgende Aussage zulässig: Ohne HTML ist das Erstellen von funktionierenden Webseiten kaum möglich! **Hinweis:** //Seit HTML 5.0 sind externe Multimedia Programme wie Flash oder Java nicht zwingend notwendig. Die heutigen Browser können HTML 5 Multimedi-Dateien ohne Zusatzprogramme anzeigen bzw. abspielen.// Die heutigen Webseiten werden zumeist mit Hilfe eines CMS gefertigt. Beim CMS sind der Webseiteninhalt und die -vorlage (Template) strikt getrennt. Ändert man den Inhalt wie Text, Grafik, Downloaddatei oder ähnliches, bleibt das Aussehen der Seiten bestehen oder wenn man das Template ändert, ändert sich zwar das Aussehen, jedoch nichts am Inhalt der Webseite. Vorteil von CMS: Man arbeitet zumeist Online und benötigt lediglich einen Webbrower wie Firefox, Google Chrome, Internet Explorer (//in Win10 Edge//) und nach dem Abspeichern der Webseite ist die aktualisierte Webseite sofort Online. Das ständige Hochladen der kompletten HTML-Webseite per FTP, selbst bei nur geringfügigen Änderungen entfällt. Zumeist sind CMS mit einem Editor oder gar WYSIWYG Editor ausgestattet, um das Eingeben von Inhalt zu vereinfachen. Durch Plugins oder Addons können spezielle Funktionen wie Gästebuch, Eventkalender, FAQ ersteller, Fotogalerie, Glossare und viele mehr aufgerufen werden, um die HP den eigenen Wünschen anzupassen, ohne irgendeinen Code eingeben zu müssen. Dennoch ist es von Vorteil, wenn man HTML-Kenntnisse besitzt, z.B. wenn man das Template abändern anpassen möchte oder einfach Scripte in die Indexseite einzubauen wie Counter oder ähnlich. Da ist sofort der Codebereich und der Aufbau der Webseite sichtbar und man findet die Stelle leichter, wo die Änderungen durchgeführt werden müssen bzw. der Scriptcode eingesetzt werden muss. Selbst Templates, die sich in XML-Dateien befinden, lassen sich mit HTML bearbeiten. Ohne HTML Kenntnisse steht man schnell vor dem unlösbaren Problem der Umsetzung. Viele Interessierte schrecken bei CMS davor zurück, sich die teils für Neulinge (Newbies) komplizierten Installationsabläufe genauer zu studieren und sich vorher die Voraussetzungen für das CMS anzutun, sprich sich näher mit dem CMS zu befassen. Zumal es unzählige CMS im Internet gibt und man anfangs nicht weiß, ob das CMS für das erforderliche Projekt geeignet ist. Doch wenn eines erfolgreich Installiert wurde, sind die Installationen der anderen CMS bis auf geringfügige Änderungen nahezu identisch. Je nach CMS und deren Basistechnik. **Zur Installation eines CMS müssen folgende Punkte beachtet werden:** | ||
* Webserver mit aktueller PHP Version und MySQL oder ähnlich beim Webhoster mieten und einrichten, | * Webserver mit aktueller PHP Version und MySQL oder ähnlich beim Webhoster mieten und einrichten, | ||
* Das für das Projekt passende CMS aus dem Internet heraussuchen (Portale, Testberichte, ect.) | * Das für das Projekt passende CMS aus dem Internet heraussuchen (Portale, Testberichte, ect.) |