AlphaStudio LandingPage
1.0.0
Beispiel einer responsiven Landingpage für ein Webdesign-Startup/eine Webdesign-Agentur, erstellt mit Bootstrap-4
Erstens: Was ist eine Landingpage? Im digitalen Marketing ist eine Landingpage eine eigenständige Webseite, die speziell für eine Marketing- oder Werbekampagne erstellt wurde. Hier „landet“ ein Besucher, nachdem er auf einen Link in einer E-Mail oder auf Anzeigen von Google, Bing, YouTube, Facebook, Instagram, Twitter oder ähnlichen Orten im Web geklickt hat. Kurz gesagt werden hier Ihre und/oder Unternehmensinformationen/Dienstleistungen angezeigt um Klienten oder Kunden zu sammeln.
Bevor Sie den Code berühren: !imps: Frontend Framework: Boostrap 4.0.0 Download von: https://v4-alpha.getbootstrap.com/
Reibungsloses Scrollen: Jquery
Senden einer E-Mail an den Benutzer für seine Anfrage/Feedback: PHPMailer-master Download von: https://github.com/PHPMailer/PHPMailer
Zur Ausführung auf dem Localhost-XAMPP-Server mit laufendem MySQL und Apache.
Die verwendeten Bilder sind Open Source und wurden mit Photoshop und Canva bearbeitet
Datenbanktabellenstruktur: Benutzername: TYP TEXT E-Mail-ID: TYP TEXT Nachricht: TYP TEXT Sie können die Länge entsprechend Ihren Validierungsanforderungen angeben
Home.html: Komponenten 1. Navigationsleiste: Navigationsleiste der Bootstrap-Klasse 2. Parallaxeneffekt 3. Scrolleffekt mit JQuery 4. Unser Teambereich: Bootstrap-Klassenkarten 5. FadeIn- und FadeOut-Animation mit JQuery 6. Zuletzt Fußzeile mit Social-Media-Symbolen von Font -toller Einbettungslink:
CSS: Schriftarten von Google Fonts
Connection.php:
Variablenspeicherung mit FILTER_INPUT Warum FILTER_INPUT? Für PHP-Skripte, die von großen Programmierergemeinschaften geschrieben werden, werden regelmäßig Sicherheitsupdates veröffentlicht, da die Eingabefilterung schlecht oder fehlerhaft ist. Wenn Sie Eingaben nicht filtern, können Ihr Server und Ihre Daten Angriffen ausgesetzt sein, und viele dieser Angriffe sind mittlerweile automatisiert (da die Verwendung gehackter Webserver zum Versenden von Spam mittlerweile eine Industrie ist).
Variablen zur Datenbank hinzufügen
PHPMailer: Um aufgezeichnete Antworten per E-Mail an den Benutzer auf der Website zu senden. Warum PHPMailer über mail()? PHPMailer bietet über die PHP-Kernfunktion mail() hinaus viele Funktionalitäten, darunter SMTP-SSL-Verschlüsselung und -Authentifizierung, HTML-Nachrichten, Dateianhänge und mehr. Darüber hinaus ist PHPMailer viel einfacher zu verwenden als mail() und bietet eine saubere, lesbare objektorientierte Syntax
Das ist es! Der Code ist so einfach wie möglich gehalten, um mit minimalem Aufwand eine elegante Seite zu erstellen
Wenn Sie Ihr Projekt hosten möchten, folgen Sie diesem Tutorial: zum kostenlosen Hosting von Byethost
Ich habe den E-Mail-Dienst dort deaktiviert, da die Eingabe meines Passworts und meiner Anmeldeinformationen nicht sicher ist. In diesem Fall gehe ich zu einem sicheren Hosting oder erstelle ein Dummy-Gmail-Konto
https://www.youtube.com/watch?v=edKaUUkLyHA
