Eine Datenbank ist – vereinfacht gesagt – ein Speicherort für Informationen. Es gibt viele Möglichkeiten dynamisch Daten zu speichern (also per Nutzereingabe oder automatisiert). Die gängigste ist eine Datenbank, da Datenbanken sehr schnell mit Daten arbeiten können.
Die gängigste Datenbankart ist MySQL (nach PostgreSQL und SqLite).
Datenbanken können im Web per PHP befüllt oder ausgelesen werden. Auch CMS-Systeme wie WordPress, Typo3 und Contao verwenden Datenbanken.
Ein Content Management System (kurz CMS) ist eine Software zur gemeinsamen Verwaltung von Inhalten einer Webseite. In der Regel können Inhalte ohne Programmierkenntnisse bearbeitet und erweitert werden, da die Software zumeist über eine grafische Oberfläche verfügt. Häufig wird ein Content Management System direkt auf dem Server installiert. So können Inhalte von jedem Ort der Welt und von jedem Gerät aus einfach im Webbrowser bearbeitet werden, ohne spezielle Software vorauszusetzen.
Das wahrscheinlich populärste CMS ist WordPress. Durch seine unglaubliche Flexibilität ist auch Typo3 sehr beliebt. Die Grundkonfiguration von Typo3 ist jedoch deutlich schwieriger als die von WordPress.
Hochschule für angewandte Wissenschaften Ansbach
Residenzstraße 8
91522 Ansbach
Tel. + 49 (0) 981 4877- 0
Fax + 49 (0) 981 4877- 188
www.hs-ansbach.de
info(at)hs-ansbach.de
Umsatzsteuer-Identifikationsnummer DE 245365420 // § 5INr.6 TMG
Die Hochschule Ansbach ist eine Körperschaft des öffentlichen Rechts und zugleich eine staatliche Einrichtung. Die zuständige Aufsichtsbehörde ist das Bayerisches Staatsministerium für Wissenschaft, Forschung und Kunst (Salvatorstraße 2, 80333 München).
Gesetzliche Vertretung durch Präsidentin Frau Prof. Dr. Ute Ambrosius
Inhaltlich Verantwortlicher gemäß § 55 Absatz 2 RStV: Prof. Helmut Roderus
Haftung für Inhalte
Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.
Haftung für Links
Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.
Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.
Urheberrecht
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.
Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.
Quelle: eRecht24
JavaScript ist eine Skriptsprache, die in den 90er Jahren für das Verwenden von dynamischen HTML-Inhalten in Browsern konzipiert wurde, um erweiterte Möglichkeiten neben HTML und CSS zu bieten. Mit Javascript können beispielsweise Benutzeraktionen ausgewertet oder Inhalte verändert bzw. generiert werden. Mittlerweile wird JavaScript auch als Programmiersprache außerhalb von Webbrowsern verwendet.
PHP (auch PHP: Hypertext Preprocessor) ist eine Skriptsprache. PHP wird für dynamische Inhalte im Web verwendet, da mit HTML und CSS alleine nur statische Inhalte möglich sind. Um Inhalte aus Datenbanken auszulesen, Formulare abzuschicken oder schon um das aktuelle Datum anzuzeigen, ist eine weiterführende Sprache nötig. Da Javascript auf dem Computer des Benutzers ausgeführt wird, kann es leicht manipuliert werden. PHP wird direkt auf dem Server ausgeführt und ist deshalb nicht manipulierbar.
Wie auch bei HTML und CSS-Dateien, braucht man für das Bearbeiten und Erstellen von PHP-Dateien einen Editor. Hierfür eignet der Editor PHPStorm von der Firma JetBrains (weitere Informationen und Download) , das von Studierenden kostenlos genutzt werden kann (hier registrieren). Das Programm ist speziell auf PHP-Code ausgelegt und enhält nützliche Funktionen wie bspw. dem automatischem Vervollständigen von PHP-Funktionen. …
Da JavaScript von dem jeweiligen Browser interpretiert bzw. ausgeführt wird und auf Seite des Clients (Benutzer) läuft, sollte beachtet werden, dass JavaScript vom Benutzer ausgeschaltet werden kann. Somit kann nicht 100% gewährleistet werden, dass es auch ausgeführt wird.
JavaScript kann auf unterschiedliche Arten im HTML-Dokument eingebettet werden. Die folgende Folie gibt euch hierzu eine kleine Übersicht. (Credits: Tobias Müller) …
Hier findet ihr weitere Tipps & Links zum Thema PHP und JavaScript – viel Spaß!
SELFHTML/JavaScript – hier könnt ihr Übungen und Stoff zum Thema Javascript einfach nachschauen und lernen.
W3Schools/JavaScript – diese Unterkategorie bietet eine erste Übersicht zum Nutzen von JavaScript und einen gezielten Einstieg in die jeweiligen Elemente der Skriptsprache. …
A
Das FTP-Protokoll, auch File Transfer Protocol genannt, ist ein Netzwerkprotokoll für die Übertragung von Dateien über IP-Netzwerke (z.B. dem Internet). Das FTP wird dabei genutzt, um Dateien auf einen Server (wie z.B. einem Server von Hetzner) hochzuladen, gleichzeitig kann man auch Dateien vom Server wieder herunterladen.
Als Standard-Zugang wird der Port 21 verwendet. (Eine Erklärung zu Ports findet ihr hier.)
Um eure HTML- und CSS-Dokumente auf den Servern von Hetzner bzw. auf euren Webspace hochladen zu können, gibt es verschiedene Möglichkeiten: …
Allgemeine Hinweise:
Nach Ablauf der 5 Jahre erfolgt ein automatischer Übergang in ein normales Kundenverhältnis, wenn nicht gekündigt wurde. Allerdings erhält jeder Teilnehmer 100 Tage vor Ablauf der kostenlosen Laufzeit eine kurze Informationsmail.
Als Student bzw. Mitarbeiter der Hochschule Ansbach schließt man einen Vertrag mit dem Webprovider Hetzner Online GmbH ab und nicht mit der Hochschule Ansbach.
Rechtliche Hinweise:
Der Besteller des Paketes wird als Inhaber und Administrator für die Domain eingetragen und ist somit rechtlicher Inhaber der Domain.
Urheberrecht: Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Für Inhalte haftet der Student selbst.
Geschäftsbedingungen: Es gelten die AGB der Firma Hetzner (hier einsehbar).
Datenschutzerklärung: Hinweise zum Thema Datenschutzerklärung bei Hetzner Online GmbH findet ihr unter diesem Link.
Hetzner bietet gegenüber anderen Hosting Anbietern einen großen Vorteil. So können bei Hetzner direkt auf dem Server .zip Dateien entpackt und zu einem Ordner zusammengefügt werden. Dies vereinfacht uns die Installation von WordPress sehr. …
Im Folgenden findet ihr eine Step-by-Step Anleitung für das Installieren des Content Management System TYPO3.
Um das CMS Contao einzurichten, müsst ihr folgende Schritte durchführen:
Ihr wollt mehr über die oben genannten Möglichkeiten erfahren? Dann findet ihr unter den Punkten FTP bei Hetzner und FTP-Zugang (Programm) weitere Infos – viel Spaß!
Sofern ihr eine Domain auf eurem Hetzner Account besitzt, könnt ihr bei dem FTP – Programm eurer Wahl unter Server immer eure Domain eingeben. Den Benutzernamen könnt ihr hier anlegen.
In diesem Beispiel haben wir euch das einmal verdeutlicht:
| Server: | meine-domain.com |
| Benutzername: | MaxMustermann |
| Passwort: | ******* |
| Port | 21 |
Alternativ könnt ihr auch den eigentlichen Servernamen angeben. Diesen findet ihr in der Bestätigungsmail nach dem Erstellen der Hauptdomain unter dem Abschnitt FTP Zugang.
CSS Zen Garden – Eine Webseite mit CSS Templates zur Inspiration und zum Nutzen für eigene nicht kommerzielle Projekte unter der Creative Commons License.
Little Boxes – Hier findet man eine einfache Einführung im HTML für den ersten Teil der Buchreihe Little Boxes zum Online-lesen – Viel Spaß!
Templated – Eine Webseite, die kostenlose, moderne HTML5 Templates im Responsive Design unter der Creative Commons License zur Verfügung stellt.
Webfont Generator – Ein von fontsquirrel.com bereitgestellter Generator, der die gewünschte Schriftart in sämtliche Formate umwandelt. Eine Alternative dazu gibt es auch hier.
Weitere Plattformen neben Fontsquirrel zum Nutzen vom Webfonts sind z.B. Google Fonts und TypeKit.
selfhtml.org – SELFHTML ist ein Online-Wiki, das Tutorials und Artikel zu einzelnen HTML-Tags und CSS-Eigenschaften sowie Javascript und PHP zum kostenlosen Nachschlagen enthält.
w3schools.com – W3Schools bietet sämtliche Tutorials und Hilfen zu HTML, CSS, Javascript, PHP, JQuery, SQL und Bootstrap an (in Englisch).
HTML Validator – diese Seite dient zur Überprüfung des eigenen HTML-Dokumentes, das auf Fehler in der Syntax untersucht wird.
CSS Validator – zur Überprüfung von eigenen CSS-Stylesheets auf Syntaxfehler.
wiki.hetzner.de – das HetznerWiki bietet für Kunden von Hetzner eine Möglichkeit zum Suchen und Nachschlagen von Account-spezifischen Themen und Fragen.
Bevor ihr startet, könnt ihr unter diesem Link das Programm Filezilla kostenlos herunterladen und installieren.
Sobald Filezilla gestartet ist, gebt ihr die FTP-Zugangsdaten ein, die ihr per Mail bei eurer Anmeldung bekommen habt. In das Feld Server gehört euer Hostname/Server IP, ins Feld Benutzername euer Login und Passwort. Das Portfeld wird leergelassen. Klicke nun auf Verbinden.
Im Folgenden erhaltet ihr eine Anleitung, wie ihr in der KonsoleH von Hetzner eine Datenbank erstellt – viel Spaß!
Hier erfahrt ihr, wie man eine FTP-Verbindung mit dem Texteditor Atom einrichten kann, um Dateien direkt auf dem Webspace zu bearbeiten. (Voraussetzungen: das Programm – hier kostenlos erhältlich – ist auf dem Computer installiert und eingerichtet.)
…
Hier erhaltet ihr eine Step-by-Step Anleitung zum Einrichten eines Netzlaufwerks mit dem Windows Explorer – Viel Spaß! …
Mit dem Finder, dem standardmäßigen Dateimanager von Mac OS, lässt es sich ganz einfach auf den eigenen Server via FTP mit folgenden Schritten zugreifen:
Öffne den Finder und klicke auf den Reiter Gehe zu → Mit Server verbinden. Wahlweise dazu kann man auch per Tastenkombination cmd+K den nächsten Schritt aufrufen. …
Diese Anleitung zeigt, wie man das generierte Passwort für den FTP-Zugang ändert. Damit könnt ihr euch mit dem neuen Passwort unter Filezilla und Co. schneller anmelden. …
Hier findet ihr alle wichtigen Informationen und Tutorials bzw. Einstellungsmöglichkeiten für den Level 9 Account bei Hetzner Online GmbH – Viel Spaß!
Hier erhaltet ihr weitere Möglichkeiten und Ideen, um euch noch weiter über HTML und CSS zu informieren – Viel Spaß!
CSS (Cascading Style Sheets) ist eine Stylesheet-Sprache, die zum Formatieren bzw. Gestalten von Internetseiten (HTML-Inhalten) verwendet wird. Sie wird standardmäßig bei Layouts und heutigem Webdesign verwendet. Grundsätzlich wird dabei gewährleistet, dass das Layout von Internetseiten stets vom Inhalt getrennt wird.
HTML (Hypertext Markup Language) ist eine Auszeichnungssprache, die als Standard für das Schreiben von (eigenen) Webseiten im Internet verwendet wird. Dabei wird der textliche Inhalt mit sogenannten Tags (z.B. <p> </p>) versehen, die Layout- und technische Hinweise enthalten, das Design der Webseite wird mit CSS (Cascading Style Sheets) definiert.
Um ein gültiges HTML oder CSS-Dokument zu erstellen, braucht man einen Editor – im Folgenden gibt es eine Auswahl an kostenlosen Programmen, die zum Editieren eines Dokumentes geeignet sind.
Um ein neues HTML- oder CSS-Dokument im Editor zu erstellen, muss man die Auszeichnungs- oder Skriptsprache einstellen und das Dokument in dem jeweiligen Format abspeichern.
…
Ihr wollt endlich loslegen und eure eigene Webseite schreiben – hier findet ihr erste Grundlagen für das Lernen von HTML5 in einer einfach zusammengefassten PDF. Viel Spaß damit! (Credits: Tobias Müller)
Die Folien gibt es hier zum Download.
Hier findet ihr ein paar weiterführende Themen bezüglich HTML – Formulare erstellen, HTML5 Markup, etc. Viel Spaß! (Credits: Christopher Beck) …
Ihr wollt eure Website neu gestalten? Hier findet ihr erste Grundlagen für das Lernen von CSS3 in einer einfach zusammengefassten PDF. Viel Spaß damit! (Credits: Tobias Müller)
Die Folien gibt es hier zum Download.
Ihr wollt euch weiter mit Layout- und Style Sheets beschäftigen? Dann findet ihr hier ein paar weiterführende Informationen zum Thema CSS – viel Erfolg! (Credits: Christopher Beck) …
Die Firma Hetzner Online AG bietet einige zusätzliche kostenpflichtige Addons an. Die Wichtigsten werden hier kurz vorgestellt. …
Hier findet ihr ein paar nützliche Links zum Lernen von HTML und CSS:
selfhtml.org – SELFHTML ist ein Online-Wiki, das Tutorials und Artikel zu einzelnen HTML-Tags und CSS-Eigenschaften sowie Javascript und PHP zum kostenlosen Nachschlagen enthält.
w3schools.com – W3Schools bietet sämtliche Tutorials und Hilfen zu HTML, CSS, Javascript, PHP, JQuery, SQL und Bootstrap an (auf Englisch).
HTML Validator – diese Seite dient zur Validierung des eigenen HTML-Dokumentes, indem es auf Fehler in der Syntax überprüft wird.
CSS Validator – diese Seite dient (ebenfalls) zur Überprüfung von eigenen CSS-Stylesheets auf Syntaxfehler.
weitere Webseiten zu dem Thema gibt es auch unter dem Menüpunkt weiterführende Links.
Hier gibt es ein paar Buchempfehlungen zum Thema Layout, Responsive Design und HTML/CSS.
Für Studierende und Mitarbeiter der Hochschule Ansbach gibt es ein besonderes Angebot der Firma Hetzner Online GmbH. Mit der @hs-ansbach.de E-Mail Adresse erhaltet ihr einen Gratis Webspace mit kostenloser .de Domain. Wie ihr diesen Account einrichten und verwalten könnt, erfahrt ihr auf den Seiten dieser Webseite.
Ihr wisst allerdings überhaupt nicht, wie das funktioniert mit dem Erstellen von Webseiten? Kein Problem! Im Menü findet ihr unter den Punkten HTML/CSS, FTP und Hetzner Account alle wichtigen Informationen für euren ersten eigenen Webauftritt – Viel Spaß!
Für die Studierenden und Mitarbeiter der Hochschule Ansbach gibt es die Möglichkeit, ein persönliches Webhosting-Paket (Level 9) bei der Firma Hetzner Online GmbH zu registrieren und die ersten 5 Jahre kostenlos zu nutzen. Das Paket beinhaltet eine kostenlose Domain (.de/.com/.net), 100 GB Speicherplatz, unlimitierten Traffic und persönliche E-Mail-Adressen. Nach 5 Jahren geht das Paket automatisch in ein normales Kundenverhältnis über, das jedoch monatlich gekündigt werden kann.
WICHTIG: Bitte verwendet bei der Anmeldung, sowie bei der Bestellung des Webhosting-Pakets (Level 9), die E-Mail-Adresse der Hochschule (@hs-ansbach.de). Ansonsten ist die Domainregistrierung, das Webhosting und der Support kostenpflichtig!
Hier gibt es eine Step-by-Step Anleitung für das Einrichten des Accounts bei Hetzner.
TIPP: Ändere deine bei Hetzner hinterlegte E-Mailadresse NACH der Bestellung des Webhostings (Level 9) auf eine private E-Mailadresse. Wähle hierzu im oberen Menü „Verwaltung“ und dann links unter „Stammdaten“ den Punkt „Kundendaten“ aus. Sonst kannst du nach Ablauf deines Studiums nicht mehr von Hetzner wegen deines Webhostings erreicht werden!
INFO: Bitte kontaktiere deinen Ansprechpartner der Hochschule und nicht den Support von Hetzner.
Weitere Infos zum Level 9 Paket gibt es unter https://www.hetzner.de/webhosting/level-9.
Allgemeine und rechtliche Hinweise zu dem Gratis-Angebot von Hetzner Online GmbH findet man hier.
Subdomains sind in der Regel dazu da, eine Website in einzelne Unterbereiche aufzuteilen.
Um eine Subdomain zu erstellen, geht man in der Accountverwaltung auf Einstellungen → Konfiguration → Subdomains. …
Das Startverzeichnis ist das Verzeichnis, das beim Aufrufen der Domain (ohne Subdomain) als Erstes geladen wird. Als Standardverzeichnis wird hier das public_html Verzeichnis gewählt. Eine Änderung des Startverzeichnisses ist z.B. dann von Vorteil, wenn man mehrere Seiten parallel betreiben möchte und diese in jeweiligen Unterordnern organisieren möchte. Diese erstellt man zuvor mithilfe des Web-FTP von Hetzner oder einem geeigneten FTP-Programm.
Um das Startverzeichnis zu ändern, muss man folgendes machen: …
