2015-07-01から1ヶ月間の記事一覧
(2020-04-20 加筆) Web Fontsとは Webサーバー上にあるフォントファイルを参照する技術です Webサーバー上にフォントファイルがあるため、ユーザーの環境に影響されずにフォントを表示できます 今までは、デザインとしてフォントを使用する場合は、画像とし…
送信ページ:send.php 【send.php】
ソースをよりシンプルにする func.phpを新規作成 以下の記述をindex.phpからコピー&ペースト 各ページに共通の記述を別ファイルにまとめ、ソースをよりシンプルにします ここでは、phpの記述のみになるため終了タグをつけません 【func.php】
送信ページを整える h1、pを記述 check.phpからtableタグ内をコピー&ペースト check.phpからユーザー定義関数をコピー&ペースト トップへ戻るリンクを追加 トップへ戻ると表示されている値を消す 【send.php】
index.phpに入力すると同時にエラーメッセージを表示 今までは入力ページで入力して次の確認ページでエラーを確認し、入力ページへ戻るという仕様でしたが、ユーザーに優しくありませんので回収していきます check.phpでエラー判定の後にリダイレクトをかけ…
check.phpのエラーメッセージをsessionデータにする 【check.php】
check.phpでsessionデータをつくる 【check.php】
check.phpからindex.phpに戻るときに入力した値を引き継ぐ 上部にphpを記述 inputタグにvalueを追加 textareaタグにはタグ内に追加 文字制限のお知らせをlabel終了タグの後ろに入れる 【index.php】
エラーメッセージを表示する 各種エラー表示をつくる check.phpにindex.phpの「戻る」リンクをつくります 空文字をエラー変数に代入して初期化、if文でデータが空の場合はエラーを表示させる 文字数、@、半角全角のエラーを表示させる $success = true;を記…
sessionデータをつくる check.phpにsend.phpの「送信」リンクをつくる postデータをsessionデータに渡す 【check.php】
確認ページを回収 ユーザー定義関数(自作関数)を記述 【check.php】
確認ページをつくる check.phpを新規作成 【check.php】 <html lang="ja"> <head> <meta charset="utf-8"> <title>お問い合わせ確認</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <h1>お問い合わせ確認</h1> </body> </html> var_dumpでデータがcheck.phpに渡るか確認 【check.php】
メールフォームをつくる 【index.php:tableタグの場合】 <html lang="ja"> <head> <meta charset="utf-8"> <title>お問い合わせフォーム</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <h1>お問い合わせフォーム</h1> <form action="check.php" method="post"> <table> <tr> <th><label for="name">お名前:</label></th><td>…</td></tr></table></form></body></html>
PHPのポイント PHP単独の場合 終了タグを入れない ?> html構文に記述する場合 終了タグを入れる 改行 ."\n"; バックスラッシュ「\」の入れ方 Macの場合:optionキー + ¥キー Windowsの場合:ろキー 変数 頭に$をつける ※$の直後に数字は× コマンドの終了 ;…
PHPとは データを加工したり、ユーザーの入力を受け付けたりする。 WEB開発に特化したプログラミング言語 プログラミング言語 コンピュータや機械を動かすための命令(コマンド)コンピュータで実行(処理)するための言語 コード入力と実行と確認 PHPのコー…
Illustratorでボタンを作る 100×100pxの正円 上向きの三角形 png-24で書き出し 見やすいサイズでお好みで作成してください HTMLとCSSを記述 【index.html】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>トップへ戻るボタン</title> <link rel="stylesheet" href="css/style.css"> </link></meta></head></html>