Tutorial


Einfaches Kontaktformular mit HTML und PHP

UPDATE 30.05.2018: Version 3 von dem einfachen Kontaktformular mit HTML und PHP
Weiterhin ist das Kontaktformular eine komplett kostenlose Vorlage und sehr einfach zum Einbauen. Außerdem mit zusätzlichen Hilfestellungen bei möglichen Fehlern und einer Videoanleitung.


Hier dein kostenloses Kontaktformular erstellen.

Kostenloses Kontaktformular mit HTML und PHP

 

 

 

Alte Version:

Zum Download springen
Demo

In diesem Tutorial möchte ich euch zeigen wie man ganz einfach ein Kontaktformular erstellt, welches anschließend dem Webmaster eine E-Mail mit den eingegeben Daten schickt. Wir werden das Formular selber mit HTML schreiben und um die Daten anschließend zu verarbeiten verwenden wir PHP.

Firewall der Schule/Firma umgehen

Achtung diese Möglichkeit eine Firewall zu umgehen, ist nicht in allen Unternehmen/Schulen erlaubt, also alles auf eigene Gefahr!

Wer kennt das nicht, man hat gerade nichts zu tun und möchte beispielsweise ein paar Tweets auf Twitter (Follow me) durchlesen, um auf dem aktuellen Stand zu sein. Doch leider wurde die Seite vom Systemadministrator geblockt und es ist kein einfacher Zugriff möglich.

Abhilfe schaft hier ein sogenannter Proxy. Man sendet einfach die gewünschte Seite zu dem Proxy und dieser schickt dann diese zurück. Dabei hat man aber selbst keine Verbindung mit zum Beispiel Twitter.com aufgebaut und die Firewall hat also nichts dagegen.

Tutorial – Layer mit Javascript

In diesem Tutorial möchte ich euch zeigen, wie man ganz einfach einen eigenen Layer erstellen kann. Dieser wird von der linken Seite hineinfliegen und mit einem Klick verschwindet er wieder. Dazu werden nur ein paar Zeilen in HTML, CSS und Javascript benötigt.

HTML-Basis

Zuerst erstellen wir eine simple HTML Seite mit einem <div> Element, welches unseren Layer darstellt. Die Eigenschaft onload vom <body> starten ein Intervall, welches das Einblenden des Layers startet. Durch einen Klick auf den Link „schließen“ wird die Funktion close() aufgerufen.

Cascading Style Sheets