Bootstrap-4로 구축된 웹 디자인 스타트업/에이전시를 위한 샘플 반응형 랜딩 페이지
먼저 랜딩페이지란 무엇일까요? 디지털 마케팅에서 랜딩 페이지는 마케팅 또는 광고 캠페인을 위해 특별히 만들어진 독립형 웹 페이지입니다. 방문자가 이메일의 링크나 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
MySQL 및 Apache가 실행 중인 localhost XAMPP 서버에서 실행합니다.
사용된 이미지는 포토샵과 캔바를 이용해 편집된 오픈소스입니다.
데이터베이스 테이블 구조: 사용자 이름: TYPE TEXT email_id: TYPE TEXT 메시지: TYPE TEXT 검증 요구 사항에 따라 길이를 지정할 수 있습니다.
Home.html: 구성 요소 1.탐색 모음: Bootstrap 클래스 Navbar 2.시차 효과 3.Jquery를 사용한 스크롤 효과 4.우리 팀 섹션: Bootstrap 클래스 카드 5.Jquery를 사용한 FadeIn 및 FadeOut 애니메이션 6.Font의 소셜 미디어 아이콘이 있는 마지막 바닥글 -멋진 삽입 링크:
CSS: Google Fonts의 글꼴
연결.php:
FILTER_INPUT을 사용하여 변수 저장 왜 FILTER_INPUT인가요? 대규모 코더 커뮤니티가 작성한 PHP 스크립트에는 입력 필터링이 잘못되었거나 결함이 있기 때문에 정기적인 보안 릴리스가 있습니다. 입력을 필터링하지 못하면 서버와 데이터가 공격에 노출될 수 있으며, 이러한 공격 중 상당수는 이제 자동화되었습니다(해킹된 웹 서버를 사용하여 스팸을 보내는 것이 이제 업계가 되었기 때문입니다).
데이터베이스에 변수 추가
PHPMailer : 사이트의 사용자에게 녹음된 응답 메일을 보냅니다. 왜 PHPMailer가 mail()을 사용합니까? PHPMailer는 SMTP SSL 암호화 및 인증, HTML 메시지, 파일 첨부 등을 포함하여 PHP 핵심 기능인 mail()을 통해 다양한 기능을 제공합니다. 게다가 PHPMailer는 mail()보다 사용하기 훨씬 쉽고 깔끔하고 읽기 쉬운 객체 지향 구문을 제공합니다.
그게 다야! 코드는 최소한의 노력으로 깔끔한 페이지를 만들기 위해 최대한 단순하게 유지됩니다.
프로젝트를 호스팅하려면 Byethost 무료 호스팅 튜토리얼을 따르세요.
내 비밀번호와 자격 증명을 입력하는 것이 안전하지 않고 안전하지 않기 때문에 이메일 서비스를 비활성화했습니다. 이 경우 보안 호스팅으로 이동하거나 더미 Gmail 계정을 생성하세요
https://www.youtube.com/watch?v=edKaUUkLyHA