レッスンお疲れさまでした。
本日は、引き続き問い合わせフォームを行いました。
■前回の確認
問い合わせフォームの入力箇所をクリックで影が出ることの確認
問い合わせフォームのsubmitボタン、その他の項目のボタンにマウスカーソルを当てると色が変わることの確認
■phpの設定
・サイトのトップページのURL
レンタルサーバ契約後にトップページのURLを指定します
・管理者メールアドレス
問い合わせフォームでメールを送信する送信先を指定します
・スパム防止のための設定
リファラチェックを1にすると有効になります
リファラチェックをおこなうドメインを指定します(契約したレンタルサーバのドメイン)
・送信完了後に自動的に指定のページ(サンクスページなど)に移動する
1にすると有効になります
送信完了後に表示するページ(ありがとうございましたページ)のURLを指定します
・必須入力項目
index.html内の問い合わせフォームの箇所に書いたname項目の名前をカンマで区切ってシングルクォーテーションで囲んで書きます
・自動返信メール設定
1にすると有効になります
タイトルなどを設定します
・メールアドレスの形式チェック
1にすると有効になります
・全角英数字半角変換の設定
1にすると有効になります
変換を行いたい項目のname項目の名前をカンマで区切ってシングルクォーテーションで囲んで書きます
■ありがとうございましたページ(thanks.html)
戻るボタンの色は、index.htmlのボタンの色と同様の設定にします
index.htmlでは、inputタグにclass名btnが指定してあるので、input.btn
thanks.htmlでは、buttonタグにclass名btnが指定してあるので、buttom.btn
となります
■Macの画面の拡大縮小
OSの機能で画面の拡大縮小ができます
システム環境設定のアクセシビリティ、ズーム機能のスクロールジェスチャと修飾キーを使ってズームにチェックを入れると、修飾キー(初期設定ではcontrolキー)を押しながら二本指上で拡大、下で縮小できます
■レンタルサーバ
ロリポップ
https://lolipop.jp
さくらインターネット
http://www.sakura.ad.jp
などがあります