使用 Bootstrap-4 建立的網頁設計新創公司/代理商的範例響應式登陸頁面
首先什麼是登陸頁?在數位行銷中,登陸頁面是一個獨立的網頁,專門為行銷或廣告活動而創建。這是訪客點擊電子郵件中的連結或來自 Google、Bing、YouTube、Facebook、Instagram、Twitter 或網路上類似位置的廣告後「登陸」的地方 基本上簡短地顯示您和/或公司的資訊/服務聚集客戶或顧客。
在接觸程式碼之前!
平滑滾動:Jquery
向使用者發送郵件以進行查詢/回饋:PHPMailer-master 下載位址:https://github.com/PHPMailer/PHPMailer
在運行 MySQL 和 Apache 的本地主機 XAMPP 伺服器上運行。
使用的影像是使用 Photoshop 和 Canva 進行開源編輯的
資料庫表格結構: username: TYPE TEXT email_id: TYPE TEXT message: TYPE TEXT 您可以根據您的驗證需求指定長度
Home.html:元件1.導覽列:Bootstrap 類別導覽列2.視差效果3.使用Jquery 的捲動效果4.我們的團隊部分:Bootstrap 類卡5.使用Jquery 的淡入和淡出動畫6.最後帶有來自Font 的社交媒體圖標的頁腳-很棒的嵌入連結:
CSS:來自 Google Fonts 的字體
連接.php:
使用 FILTER_INPUT 儲存變數 為什麼要使用 FILTER_INPUT ?由於輸入過濾不良或錯誤,由大型程式設計社群編寫的 PHP 腳本會定期發布安全版本。未能過濾輸入可能會使您的伺服器和資料遭受攻擊,並且其中許多攻擊現在都是自動化的(因為使用被駭客入侵的 Web 伺服器發送垃圾郵件現在已成為一個行業)。
將變數加入資料庫
PHPMailer :將回應記錄的郵件傳送給網站上的使用者 為什麼 PHPMailer 透過 mail() ? PHPMailer 在 PHP 核心函數 mail() 的基礎上提供了許多功能,包括 SMTP SSL 加密和驗證、HTML 訊息、檔案附件等。最重要的是,PHPMailer 比 mail() 更容易使用,並且提供了乾淨、可讀的物件導向語法
就是這樣 !程式碼盡可能簡單,以最少的努力創建時尚的頁面
如果您想託管您的項目,請按照本教學:在 Byethost 免費託管上
我在那裡禁用了電子郵件服務,因為輸入我的密碼和憑證並不安全,在這種情況下,請選擇安全託管或建立虛擬的 Gmail 帳戶
https://www.youtube.com/watch?v=edKaUUkLyHA