ตัวอย่างหน้า Landing Page แบบตอบสนองสำหรับบริษัทสตาร์ทอัพ/เอเจนซี่ที่ออกแบบเว็บไซต์ที่สร้างด้วย Bootstrap-4
ประการแรกแลนดิ้งเพจคืออะไร? ในการตลาดดิจิทัล หน้า Landing Page คือหน้าเว็บแบบสแตนด์อโลนที่สร้างขึ้นสำหรับแคมเปญการตลาดหรือการโฆษณาโดยเฉพาะ เป็นที่ที่ผู้เยี่ยมชม “มาถึง” หลังจากคลิกลิงก์ในอีเมลหรือโฆษณาจาก Google, Bing, YouTube, Facebook, Instagram, Twitter หรือที่ที่คล้ายกันบนเว็บ โดยพื้นฐานแล้วจะแสดงข้อมูล/บริการของคุณและ/หรือบริษัทโดยย่อ เพื่อรวบรวมลูกค้าหรือลูกค้า
ก่อนที่จะแตะโค้ด !imps: Frontend Framework : Boostrap 4.0.0 ดาวน์โหลดจาก : https://v4-alpha.getbootstrap.com/
การเลื่อนอย่างราบรื่น: Jquery
กำลังส่งอีเมลถึงผู้ใช้เพื่อสอบถาม / ข้อเสนอแนะ: PHPMailer-master ดาวน์โหลดจาก: https://github.com/PHPMailer/PHPMailer
เพื่อทำงานบนเซิร์ฟเวอร์ localhost XAMPP โดยที่ MySQL และ Apache ทำงานอยู่
รูปภาพที่ใช้เป็นโอเพ่นซอร์สที่แก้ไขโดยใช้ Photoshop และ Canva
โครงสร้างตารางฐานข้อมูล: ชื่อผู้ใช้: TYPE TEXT email_id: TYPE TEXT ข้อความ: TYPE TEXT คุณสามารถระบุความยาวได้ตามความต้องการในการตรวจสอบความถูกต้องของคุณ
Home.html: ส่วนประกอบ 1.แถบการนำทาง : Navbar คลาส Bootstrap 2.เอฟเฟกต์ Parallax 3.เอฟเฟกต์การเลื่อนโดยใช้ Jquery 4.ส่วนทีมของเรา: การ์ดคลาส Bootstrap 5.แอนิเมชั่น FadeIn และ FadeOut โดยใช้ Jquery 6.ส่วนท้ายสุดพร้อมไอคอนโซเชียลมีเดียจาก Font - ลิงก์การฝังที่ยอดเยี่ยม:
CSS: แบบอักษรจาก Google Fonts
การเชื่อมต่อ.php:
การจัดเก็บตัวแปรโดยใช้ FILTER_INPUT ทำไม FILTER_INPUT ? สคริปต์ PHP ที่เขียนโดยชุมชนผู้เขียนโค้ดขนาดใหญ่มีการเผยแพร่ความปลอดภัยเป็นประจำเนื่องจากการกรองอินพุตที่ไม่ถูกต้องหรือผิดพลาด การล้มเหลวในการกรองอินพุตอาจทำให้เซิร์ฟเวอร์และข้อมูลของคุณถูกโจมตีได้ และการโจมตีจำนวนมากเหล่านี้ก็เป็นแบบอัตโนมัติแล้ว (เนื่องจากการใช้เว็บเซิร์ฟเวอร์ที่ถูกแฮ็กเพื่อส่งสแปมถือเป็นอุตสาหกรรมในปัจจุบัน)
การเพิ่มตัวแปรให้กับฐานข้อมูล
PHPMailer : เพื่อส่งเมลตอบกลับที่บันทึกไว้ไปยังผู้ใช้บนเว็บไซต์ ทำไมต้อง PHPMailer ผ่านเมล()? PHPMailer มีฟังก์ชันการทำงานมากมายเหนือฟังก์ชันหลักของ PHP mail() รวมถึงการเข้ารหัสและการรับรองความถูกต้อง SMTP SSL ข้อความ HTML ไฟล์แนบ และอื่นๆ ยิ่งไปกว่านั้น PHPMailer ยังใช้งานง่ายกว่า mail() มาก และยังมีไวยากรณ์เชิงวัตถุที่ชัดเจนและอ่านง่าย
แค่นั้นแหละ! โค้ดถูกรักษาให้เรียบง่ายที่สุดเท่าที่จะเป็นไปได้เพื่อทำความสะอาดการสร้างเพจที่ทันสมัยโดยใช้ความพยายามน้อยที่สุด
หากคุณต้องการโฮสต์โปรเจ็กต์ของคุณ ให้ทำตามบทช่วยสอนนี้: บนโฮสติ้งฟรีของ Byethost
ฉันปิดใช้งานบริการอีเมลที่นั่น เนื่องจากมันไม่ปลอดภัยและไม่ปลอดภัยในการป้อนรหัสผ่านและข้อมูลประจำตัวของฉัน ในกรณีนั้น ควรเลือกใช้โฮสติ้งที่ปลอดภัยหรือสร้างบัญชี Gmail จำลอง
https://www.youtube.com/watch?v=edKaUUkLyHA