Bootstrap-4 で構築された Web デザインのスタートアップ/エージェンシー向けのサンプル レスポンシブ ランディング ページ
まずランディングページとは何でしょうか?デジタル マーケティングでは、ランディング ページは、マーケティングまたは広告キャンペーンのために特別に作成されたスタンドアロン Web ページです。これは、訪問者が電子メール内のリンク、または Google、Bing、YouTube、Facebook、Instagram、Twitter、または Web 上の同様の場所からの広告をクリックした後に「ランディング」する場所です 基本的には、あなたや会社の情報/サービスを表示しますクライアントや顧客を集めるため。
コードに触れる前に !imps: フロントエンド フレームワーク : Boostrap 4.0.0 ダウンロード先: https://v4-alpha.getbootstrap.com/
スムーズスクロール:JQuery
クエリ/フィードバックのためにユーザーにメールを送信: PHPMailer-master ダウンロード場所: https://github.com/PHPMailer/PHPMailer
MySQL と Apache が実行されているローカルホストの XAMPP サーバー上で実行します。
使用されている画像は、Photoshop と Canva を使用して編集されたオープンソースです
データベーステーブル構造: ユーザー名: TYPE TEXT email_id: TYPE TEXT メッセージ: TYPE TEXT 検証のニーズに応じて長さを指定できます
Home.html: コンポーネント 1. ナビゲーション バー : Bootstrap クラス Navbar 2. 視差効果 3. Jquery を使用したスクロール効果 4. 私たちのチーム セクション : Bootstrap クラス Cards 5. Jquery を使用したフェードインおよびフェードアウト アニメーション 6. 最後にフォントのソーシャル メディア アイコンを含むフッター-素晴らしい埋め込みリンク:
CSS: Google Fontsのフォント
接続.php:
FILTER_INPUT を使用した変数の格納 FILTER_INPUT を使用する理由プログラマーの大規模なコミュニティによって作成された PHP スクリプトには、入力フィルタリングの不良または欠陥があるため、定期的にセキュリティ リリースが行われます。入力のフィルタリングに失敗すると、サーバーとデータが攻撃にさらされる可能性があります。これらの攻撃の多くは現在自動化されています (ハッキングされた Web サーバーを使用してスパムを送信することは、今や業界になっているため)。
データベースへの変数の追加
PHPMailer : 応答を記録したメールをサイト上のユーザーに送信するには、なぜ mail() ではなく PHPMailer を使うのでしょうか? PHPMailer は、SMTP SSL 暗号化と認証、HTML メッセージ、添付ファイルなどを含む、PHP コア関数 mail() を超える多くの機能を提供します。その上、PHPMailer は mail() よりもはるかに使いやすく、クリーンで読みやすいオブジェクト指向構文を提供します。
それでおしまい !最小限の労力で洗練されたページを作成できるよう、コードは可能な限りシンプルに保たれています。
プロジェクトをホストしたい場合は、Byethost の無料ホスティングのチュートリアルに従ってください。
パスワードと資格情報を入力するのは安全ではないため、そこで電子メールサービスを無効にしました。その場合は、安全なホスティングを選択するか、ダミーのGmailアカウントを作成してください
https://www.youtube.com/watch?v=edKaUUkLyHA