レッスンお疲れさまでした。

本日は、引き続き問い合わせフォームを行いました。

■前回の確認

問い合わせフォームの入力箇所をクリックで影が出ることの確認

問い合わせフォームの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

などがあります