講 義 内 容 前 回 の 提 出 課 題 の 解 答 例 復 習 データを 送 信 するための HTML (フォーム) PHPによるフォームデータの 処 理 2

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "講 義 内 容 前 回 の 提 出 課 題 の 解 答 例 復 習 データを 送 信 するための HTML (フォーム) PHPによるフォームデータの 処 理 2"

Transcription

1 2015 年 度 Webシステムプログラミング a PHPの 基 礎 (2)

2 講 義 内 容 前 回 の 提 出 課 題 の 解 答 例 復 習 データを 送 信 するための HTML (フォーム) PHPによるフォームデータの 処 理 2

3 ( 前 回 ) 提 出 課 題 課 題 1: 1から100までの 乱 数 で 作 成 した2つの 整 数 の 足 し 算 を 表 示 するWebページを 作 成 しましょう. 乱 数 を 作 成 する 関 数 : rand( 範 囲 の 最 小 値, 範 囲 の 最 大 値 ) ファイル 名 : add.php アクセスURL: 備 考 : ブラウザ 再 読 み 込 み( F5キー)をするたびに 式 と 結 果 が 変 わる ことを 確 認 しましょう.

4 <!DOCTYPE html> <html lang="ja"> <head> <meta "charset=utf-8"> <title> 課 題 1</title> </head> <body> <h2> 課 題 1</h2> <?php $val1 = rand(1,100); $val2 = rand(1,100); echo $val1. "+". $val2. "=". ($val1+$val2);?> </body> </html> add.php

5 ( 前 回 ) 提 出 課 題 課 題 2: 九 九 の 表 において 3の 付 く 数 字 太 は 字 ( 例 : ) 4の 倍 数 は 赤 字 ( 例 : ) 3の 付 く 数 字 で,かつ,4の 倍 赤 数 字 はで 太 字 になるようなWebページを 作 成 してみましょう. 実 習 2で 作 成 した kuku.php ファイルをコピーして 名 前 を 変 更,および 内 容 を 少 し 変 更 する. ファイル 名 : kuku2.php アクセスURL:

6 ( 略 ) for( $i=1; $i<=9; $i++ ){ // 繰 り 返 し 処 理 echo "<tr><td bgcolor='#99ff99'>". $i. "</td>"; for( $j=1; $j<=9; $j++ ){ // 繰 り 返 し 処 理 (2 重 ループ) $atai = $i * $j; // かけ 算 を 結 果 を 計 算 し 変 数 $ataiに 代 入 echo "<td>"; if( $atai % ){ 4 == 0 echo "<font color='red'>"; } else { echo "<font color='black'>"; } if($atai%10 == 3) ($atai>=30 ){ && $atai<=39) echo "<b>". $atai. "</b>"; } else { echo $atai; } もしくは echo "</font></td>"; } echo "</tr> n"; } // ここまでがPHPのプログラムです?> ( 略 ) if( strpos($atai,"3") ){!== fal kuku2.php

7 ( 前 回 ) 提 出 課 題 課 題 3: 課 題 1を 改 造 し,1から100までの 乱 数 で 作 成 した2 の 整 数 の 四 則 演 算 のどれか(これも 乱 数 を 使 う)の 式 と 結 果 を1 0 個 表 示 するWebページを 作 成 しましょう. ファイル 名 : arithmetic.php アクセスURL: 備 考 : ブラウザ 再 読 み 込 み(F5キー)をするたびに 式 と 結 果 が 変 わる ことを 確 認 しましょう.

8 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title> 課 題 3</title> </head> <body> <h2> 課 題 3</h2> <?php for($i=0;$i<10;$i++){ echo "<p>"; $val1 = rand(1,100); $val2 = rand(1,100); $ope = rand(1,4); if( $ope == 1 ){ echo $val1. "+". $val2. "=". ($val1+$val2); }elseif( $ope == 2){ echo $val1. "-". $val2. "=". ($val1-$val2); }elseif( $ope == 3){ echo $val1 ".. $val2 ". "=". ($val1*$val2); }else{ echo $val1 ".. $val2 ". "=". ($val1/$val2); } echo "</p>"; }?> </body> </html> arithmetic.php

9 ( 前 回 ) 提 出 課 題 課 題 4( 上 級 問 題 ): 現 在 の 月 のカレンダーを 表 示 Web する ページを 作 成 しましょう. 次 ページのプログラムの???を 考 える. ファイル 名 : calendar.php アクセスURL:

10 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title> 課 題 4</title> </head> <body> 前 回 のプログラムでは <h2> 課 題 4</h2> <p> <?php $year = date("y"); 現 在 の 年 を 取 得 // $month = date("n"); 現 在 の 月 を 取 得 // $ndays = date("t"); 現 在 の 月 の 日 数 を 取 // 得 前 回 のプログラムから 変 更 ( 前 回 の 課 題 内 容 だと,どちらでも 動 くが, 今 回 の 後 半 にある 提 出 課 題 でも 使 うので 変 更 しておきます) // 現 在 月 の 始 めの 日 の 曜 日 を 整 数 で 取 得 (0: 日 曜 6: 土 曜 ) $first_dweek = date("w", mktime(0,0,0,$month,1,$year)) $ndays = date("t", mktime(0,0,0,$month,1,$year)); // 現 在 の 月 の 日 数 を 取 得 echo "<table border='1'><tr>"; echo "<tr><td colspan='7'>" 年 ". $month 月. </td></tr>"; $year. ". " echo "<td> 日 </td><td> 月 </td><td> 火 </td><td> 水 </td><td> 木 </td><td> 金 </td><td> 土 </td></tr><tr>"; 次 ページに 続 く calendar.php

11 // 最 初 の 週 の 処 理 ( 始 めの 日 の 曜 日 まで 空 白 セルにする) for($i=0;$i<$first_dweek;$i++){ echo "<td> </td>"; } $current_dweek 表 示 する = 日 $i; にちの 曜 日 // ( 整 数.0: 日 曜 6: 土 曜 ) $day 1; = 表 // 示 する 日 にちの 初 期 化 while($day<= $ndays ){ 日 // にち 表 示 の 繰 り 返 し if($current_dweek> 6){ 土 // 曜 を 超 えたら 改 行 echo "</tr> n"; echo "<tr>"; $current_dweek = 0; } echo "<td>" day. "</td>";. $ 日 にちを 表 // 示 $day++; $current_dweek++; } echo "</tr></table>";?> </p> </body> </html> calendar.php

12 データを 送 信 するためのHTML(1) フォームデータの 送 信 ユーザからデータを 入 力 し,そのデータを PHPプログラムに 送 信 するためのWebページの 作 り 方 <form action=" 送 信 先 ページURL" method=" 送 信 方 式 "> この 間 にフォームアイテムを 記 述 する </form> 送 信 先 ページURL はフォームデータを 処 理 する PHPプログラムのURL(ファイル 名 ) フォームデータの 送 信 方 式 は2 種 類 GETメソッド <form action=" " method=" GET"> URLにフォームデータが 付 加 されて 送 信 される(ブラウザのアドレス 欄 で フォームデータが 見 れる). フォームデータを 含 めてブックマークできる. 送 信 できるデータ 量 は 少 くない. POST メソッド <form action=" " method=" POST "> HTTP リクエストのボディ 部 に 付 加 されるて 送 信 される(ユーザは 直 接 フォー ムデータは 見 れない). 12 大 量 データを 送 信 できる.

13 データを 送 信 するためのHTML(2) フォームコントロールの 種 類 送 信 ボタン テキスト 入 力 エリア(1 or 行 複 数 行 ) メニュー ラジオボタン チェックボックス など 13

14 データを 送 信 するためのHTML(3) 送 信 ボタン(フォームコントロールその1 ) <input submit type=' ' value=' ボタンに 表 示 する 文 字 列 '> このボタンを 押 すとフォームデータが PHPプログラムに 送 られ, 同 時 にそのプログラ ムが 実 行 される 1 行 テキスト 入 力 エリア( フォームコントロールその2 ) <input text type=" " name=" フォーム 名 "> ややや フォーム 名 はフォームデータを 処 理 する PHPプログラムで 必 要 になる. フォーム 名 は 自 分 で 自 由 につけられる. 属 性 size の 指 定 で 入 力 の 幅 を 指 定 できる. <input type='text' フォーム 名 ' size='2' name=' > 他 のフォームアイテムも 同 様 や

15 データを 送 信 するためのHTML(4) ) メニュー(フォームコントロールその3 <select フォーム name=' 名 '> <option フォームデータ'> value=' 表 示 文 字 列 </option> </select> 属 性 value で 指 定 したフォームデータが 送 られる(= 表 示 文 字 列 が 送 信 されるわけでない). value=" " は 省 略 可 能 (その 場 合 は 表 示 文 字 列 がそのままフォームデータとして 送 信 される) デフォルトで 選 択 しておく 場 合 はselected をつける. <option フォームデータ' value=' selected > 表 示 文 字 列 </option> 選 択 肢 にPHP のプログラム 使 った 例 <select name="summer"> <option value="yama"> 山 </option> <option value="kawa"> 川 </option> <option value="umi"> 海 </option> </select> 15 購 入 する 個 数 を 入 力 してください: <select name='quantity'> <?php for($i=1;$i<=15;$i++){ echo <option " value='{$i}'>{$i} 個 </option> "; }?> </select> 購 入 する 個 数 を 入 力 してください: <select name='quantity'> <option value='1'>1 個 </option> <option value='2'>2 個 </option> ( 略 ) <option value='15'>15 個 </option> </select>

16 データを 送 信 するためのHTML(5) ラジオボタン(フォームコントロールその4 ) <input radio type=' ' name=' フォーム 名 ' value=' フォームデータ'> 表 示 文 字 列 ひとまとめにしたいラジオボタンは name=" " を 同 じにする 必 要 がある デフォルトで 選 択 しておく 場 合 はchecked をつける. <input type='radio' フォーム 名 ' value=' name=' フォームデータ' checked > <input type="radio" name="age" 代 <input type="radio" name="age" 代 <input type="radio" name="age" 代 16

17 データを 送 信 するためのHTML(6) チェックボックス( フォームコントロールその5 ) <input checkbox type=' ' name=' フォーム 名 ' value=' フォームデータ'> 表 示 文 字 列 ひとまとめにしたいチェックボックスは name=" " を 同 じにする 必 要 がある. デフォルトで 選 択 しておく 場 合 はchecked をつける. <input type='checkbox' フォーム 名 ' value=' name=' フォームデータ' checked > <input type="checkbox" name="hobby" ラジコン v <input type="checkbox" name="hobby" ゲーム v <input type="checkbox" name="hobby" 料 理 v 17

18 データを 送 信 するためのHTML(7) 複 数 行 テキスト 入 力 エリア( フォームコントロールその6) <textarea フォーム name=' 名 ' rows=' 行 数 ' cols=' 列 数 '> 表 示 文 字 列 </textarea> 表 示 文 字 列 は 省 略 可 能. <textarea name="opinion"> 何 か 入 力 してください</textarea> 18

19 データを 送 信 するためのHTML(8) 隠 しデータ(フォームコントロールその7) <input hidden type=" " name=' フォーム 名 ' value=' フォームデータ'> ブラウザ 上 には 表 示 されないデータを 送 信 (=ユーザが 入 力 選 択 するフォームで はない). ページ 間 でデータを 引 き 継 ぐ 場 合 に 使 用. PHP 等 プログラムと 組 み 合 わせて 使 う(= HTML 単 独 では 使 うことはない). ブラウザのソース 表 示 でユーザに 内 容 を 見 られてしまうので 注 意 が 必 要 (=セキュ リティホールになり 得 る). <?php $val = rand(1,100); echo "<input type='hidden' name='hoge' valu?> ブラウザ 上 のソース 表 示 (PHP 実 行 後 ) <input type='hidden' name='hoge' val

20 PHPによるフォームデータの 処 理 (1) フォームデータの 受 取 り $ 変 数 名 = $_GET[" フォーム 名 "] $ 変 数 名 = $_POST[" フォーム 名 "] フォームデータの 送 信 方 式 により $_GET と $_POST を 使 い 分 ける <form action=" " method="get"> の 場 合 は $_GET <form action=" " method="post"> の 場 合 は $_POST <html> <form action="xxx.php" GET "> <?php medhot=" $atai $_GET = ["number "]; <input type="text" number "> name=" $foo $_GET = ["hoge "]; <input </form> type="text" hoge "> name="?> </html> 20 xxx.php

21 PHPによるフォームデータの 処 理 (2) フォームデータの 受 取 り( 配 列 としてまとめて 受 け 取 る 方 法 ) for 文 等 の 繰 り 返 し 処 理 を 使 って 効 率 化 できる. フォーム 側 まとめて 送 りたいフォームは name 属 性 を フォーム 名 [] として 同 じにする. 処 理 側 配 列 として 処 理 する. []をつけないことに 注 意!! フォーム 側 処 理 側 <html> <?php <form action="xxx.php" action="get"> $atai = hoge $_GET[" "]; 氏 名 1:<input type="text" hoge[] "> name=" echo $atai[0] ; もちろん 氏 名 2:<input type="text" hoge[] "> name=" echo $atai[1] ; for 文 を 使 ってもOK 氏 名 3:<input type="text" hoge[] "> name=" echo $atai[2] ; $i]; 21 } </html>?> for($i=0;$i<3;$i+ echo $atai[

22 演 習 の 準 備 実 習 0: 本 日 の 演 習 用 作 業 フォルダを 作 成 しましょう. 手 順 1: 以 下 のフォルダの 中 に, 新 規 フォルダ php02 を 作 成 する. Z: xampp htdocs 以 下, 本 日 の 演 習 でのファイルはすべてこの php02 フォルダに 作 成 する こと.

23 PHPによるフォームデータの 処 理 (3) 実 習 1:ユーザからの 入 力 により 異 なる 動 きをする 動 的 なWeb ページを 作 成 しましょう. ユーザから 名 前 と 生 まれた 年 を 入 力 してもらい,そのデータで Web ページを 表 示 する. 手 順 1: 以 下 input_you.html)のhtmlのファイル( ( 入 力 Webページ)を input_you.html という 名 前 で 作 業 フォルダに 作 成 する. 手 順 2: 以 下 you.php)のphpプログラムのファイルを ( you.php という 名 前 で 作 業 フォルダに 作 成 する. 手 順 3:Webブラウザで 手 順 1で 作 成 したページにアクセスし 確 認 する. 23

24 PHPによるフォームデータの 処 理 (4) 情 報 太 郎 shimei 1974 umare フォームデータ input_you.html 24 you.php

25 <!DOCTYPE html> <html lang="ja"> <head> <meta "charset=utf-8"> <title> 実 習 1</title> </head> <body> <h2> 実 習 1</h2> <form????? ="you.php " method="get"> 送 信 ボタンを 押 すとyou.php ページにジャンプする (=you.php ページに 以 下 のフォームデータが 送 られる) <h2> あなたのお 名 前 は?</h2> shimei という 名 前 でyou.php ページに 入 力 され <p> たデータ(=フォームデータ)が 送 られる 氏 名 :<input type="text" shimei "> name=" </p> <h2> あなたの 生 まれた 年 は?</h2> <p> 西 暦 ( 半 角 で 入 力 ): <input type="text" umare "> 年 name=" </p> <p> <input type="submit" 送 信 "> value=" umare という 名 前 でyou.php ページに 入 力 された </p> データ(=フォームデータ)が 送 られる </form> </body> </html> input_you.html 25

26 <!DOCTYPE html> <html lang="ja"> <head> <meta "charset=utf-8"> <title> 実 習 1</title> </head> <body> <h2> 実 習 1</h2> <?php // 氏 名 用 フォームデータの 取 得 $namae = shimei $_GET[" "];// フォームデータ shimei の 値 を 変 数 $namae に 代 入 // 生 まれ 年 用 フォームデータの 取 得 $year =????? $_GET[" "]; // フォームデータ umare の 値 を 変 数 $year に 代 入 // 結 果 表 示 echo ようこそ" "??????.. "さん!<BR> n"; echo あなたはだいたい" ". ( date("y")-$year) 歳 ぐらいですね. n";. " この. は 文 字 列 と 文 字 列 (もしくは 変 数 に 入 ってい るデータなど)を 結 合 するという 意 味?> </body> </html> 関 数 date("y") は 現 時 点 での 西 暦 4 桁 の 数 字 を 返 す.この 値 から から 変 数 $year に 入 っている 数 字 ( 入 力 された 生 まれ 年 )を 引 く. この 結 果 が 年 齢 である. you.php

27 PHPによるフォームデータの 処 理 (5) 実 習 2:ユーザからの 入 力 により 異 なる 動 きをする 動 的 なWeb ページを 作 成 しましょう(ユーザから 背 景 の 色 と 文 字 の 色, 表 示 する 文 字 列 を 入 力 してもらい,そのデータで Webページ を 表 示 する.ちなみに 色 はRGB(=Red, Green, Blue)の 強 さで 入 力 してもらう). 手 順 1: 以 下 input_color.html)のhtmlのファイル( ( 色 入 力 Webペー ジ)を input_color.html という 名 前 で 作 業 フォルダに 作 成 する. 手 順 2: 以 下 (リスト3)の PHPプログラムのファイルを color.php という 名 前 で 作 業 フォルダに 作 成 する. 手 順 3:Webブラウザで 手 順 1で 作 成 したページにアクセスし 確 認 する. 27

28 PHPによるフォームデータの 処 理 (6) input_color.html 255 back_r 20 back_g 120 フォームデータ back_b 30 moji_r 100 moji_g 255 moji_b 腹 減 った moji 28 color.php

29 <!DOCTYPE html> <html lang="ja"> <head> <meta "charset=utf-8"> <title> 実 習 2</title> </head> <body> <h2> 実 習 2</h2> <form action="???????? " method="get"> <h3> 背 景 の 色 ( 各 0~255)</h3> 赤 :<input type="text"?????? "><BR> name=" 緑 :<input type="text"?????? "><BR> name=" 青 :<input type="text"?????? "><BR> name=" <h3> 文 字 の 色 ( 各 0~255)</h3> 赤 :<input type="text" moji_r "><BR> name=" 緑 :<input type="text" moji_g "><BR> name=" 青 :<input type="text" moji_b "><BR> name=" <h3> 表 示 する 文 字 列 </h3> <input type="text" moji "> name=" 送 信 ボタンを 押 すとcolor.php ページにジャンプする (=color.php ページに 以 下 のフォームデータが 送 られる) <p> <input type="submit" value=" 送 信 "> </p> </form> </body> </html> back_r という 名 前 でcolor.php ページに 入 力 さ れたデータ(=フォームデータ)が 送 られる ( 以 下 同 様 ) input_color.php

30 <!DOCTYPE html> <html lang="ja"> <head> <meta "charset=utf-8"> <title> 実 習 2</title> </head> <body> <h2> 実 習 2</h2> <?php // 背 景 色 用 フォームデータの 取 得 $b_r = back_r $_GET[" "];// フォームデータ back_r の 値 を 変 数 $b_r に 代 入 $b_g = $_GET[" back_g "]; $b_b = $_GET[" back_b "]; // 文 字 色 用 フォームデータの 取 得 $m_r =???"]; $_GET[" $m_g =???"]; $_GET[" $m_b =???"]; $_GET[" // 文 字 列 フォームデータの 取 得 $moji =???"]; $_GET[" // 背 景 の 設 定 printf( "<body %02x%02x%02x bgcolor='# '> n", $b_r, $b_g, $b_b); // 指 定 された 文 字 の 色 で 文 字 列 を 表 示 printf( "<h1><font %02x%02x%02x color='# '>%s</font></h1> n", $m_r, $m_g, $m_b, $moji );?> </body> </html> color.php

31 提 出 課 題 課 題 1: 九 九 の 表 においてサイズ( 行 数 と 列 数 )を 入 力 し 送 信 ボタ ン を 押 すと,そのサイズの 九 九 の もう 表 九 ( 九 とは 呼 べないが )を 表 示 する 動 的 な Webページを 作 りましょう. 手 順 1:HTMLのファイル( 行 数 列 数 Webページ)を 入 力 input_kuku.html という 名 前 で 作 業 フォルダに 作 成 する. 手 順 2:PHPプログラムのファイルを kuku.php という 名 前 で 作 業 フォルダに 作 成 する( 前 回 の 資 料 を 参 考 にすること). 手 順 3:Webブラウザで 手 順 1で 作 成 したページにアクセスし 確 認 する. 5 gyo 14 retsu

32 提 出 課 題 課 題 2: 身 長 (m) と 体 重 (kg) を 入 力 し 送 信 ボタン を 押 すと,BMI 値 を 表 示 する 動 的 なWebページを 作 りましょう. BMI 値 は 体 格 指 数 で, 計 算 式 は BMI= 体 重 (kg) ( 身 長 (m) 身 長 (m)) である( 単 位 に 注 意!).また, 以 下 の 表 を 参 考 に 判 定 ( 例 あなたは 肥 満 ( 肥 満 体 重 )です. )と 表 示 させて みましょう. 手 順 1:HTMLのファイル( 身 長 体 重 Webページ)を 入 力 input_bmi.html と いう 名 前 で 作 業 フォルダに 作 成 する. 手 順 2:PHPプログラムのファイルを bmi.php という 名 前 で 作 業 フォルダに 作 成 する. 手 順 3:Webブラウザで 手 順 1で 作 成 したページにアクセスし 確 認 する. 32

33 提 出 課 題 1.75 shincho 87 taiju フォームデータ input_bmi.html bmi.php

34 提 出 課 題 課 題 3: 年 と 月 を 入 力 して, 指 定 したカレンダーを 表 示 Webペー する ジを 作 りましょう. 年 と 月 はメニュー(リストボックス)を 使 PHPプログラムで う,および, 作 成 すること. 年 1900から2099 月 1から12 手 順 1:PHPのファイル( 年 月 Webページ)を 入 力 input_calendar.php とい う 名 前 で 作 業 フォルダに 作 成 する. 手 順 2:PHPプログラムのファイルを calendar.php という 名 前 で 作 業 フォルダに 作 成 する( 本 資 料 における 前 回 課 題 の 解 答 をコピペして 改 造 する). 手 順 3:Webブラウザで 手 順 1で 作 成 したページにアクセスし 確 認 する nen 10 tsuki

35 提 出 課 題 課 題 4: 1から100までの 乱 数 による2つ 整 数 の 足 し 算 の 問 題 を 表 示, 解 答 を 入 力 して 送 信 ボタン を 押 すと, 正 解 か 不 正 解 か( 不 正 解 の 場 合 は 正 しい 答 え)を 表 示 するWebページを 作 りましょう. 手 順 1:PHPのファイル( 問 題 の 表 示 と 解 答 の 入 力 Webページ)を exam.php と いう 名 前 で 作 業 フォルダに 作 成 する(フォームデータは POSTで 送 ること!!). 手 順 2:PHPプログラムのファイルを answer.php という 名 前 で 作 業 フォルダに 作 成 する(フォームデータは POSTで 受 け 取 ること!!). 手 順 3:Webブラウザで 手 順 1で 作 成 したページにアクセスし 確 認 する( 何 回 か 試 すこと). 6 val1 この2つはhidden で 送 る 46 val2 52 ans 不 正 解 の 場 合

36 提 出 課 題 課 題 5( 上 級 問 題 ): 課 題 4を 拡 張 し, 演 算 も3つの 演 算 ( 加 算 減 算 乗 算 )からランダムになるような 合 計 10 問 の 試 験 を 作 成 してみましょう.さら 成 績 (1 問 10 点 の 合 計 点 )を 表 示 してみましょう. 除 算 (= 割 り 算 )は 今 回 対 象 外 ( 割 り 切 れない 答 えになる 可 能 性 があるので). 手 順 1:PHPのファイル( 問 題 の 表 示 と 解 答 の 入 力 Webページ)を exam10.php という 名 前 で 作 業 フォルダに 作 成 する(フォームデータは POSTで 送 ること!!). 手 順 2:PHPプログラムのファイルを answer10.php という 名 前 で 作 業 フォルダ に 作 成 する(フォームデータは POSTで 受 け 取 ること!!). 手 順 3:Webブラウザで 手 順 1で 作 成 したページにアクセスし 確 認 する( 何 回 か 試 すこと). [25,85,, 51] val1[] この3つはhidden で 送 る (かつ,それぞれ 配 列 で) [77,12,,55] val2[] [0,1,,1] ope[] [102,73,,106] ans[]

~モバイルを知る~ 日常生活とモバイルコンピューティング

~モバイルを知る~ 日常生活とモバイルコンピューティング Webプログラミングの 基 礎 PHPの 基 礎 (6) ~POST (2011/06/22) 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資 料 ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 入 力 された 文 字 を 受 け 取 りPOSTで 送 信 する 部 分 (post.htm)

More information

■新聞記事

■新聞記事 情 報 処 理 C (P.1) 情 報 処 理 C (2016 年 度 ) ホームページ 作 成 入 門 テキストエディタ(メモ 帳 TeraPad など)でHTMLファイルを 作 成 する HTML(Hyper Text Markup Language ) ホームページを 記 述 するための 言 語 のこと テキストエディタの 起 動 (TeraPad の 場 合 ) [スタート]-[プログラム]-[テキストエディタ]-[TeraPad]

More information

Page 2 of 7 フォーム 部 品 フォーム
内 のテキスト 入 力 や 実 行 ボタンなどの 各 フォーム 部 品 を 表 示 します 下 記 の type 属 性 の 値 によって 見 栄 えも 動 作 も 異 なる 部 品 となります type 属 性 text

Page 2 of 7 <input>フォーム 部 品 フォーム<form> 内 のテキスト 入 力 や 実 行 ボタンなどの 各 フォーム 部 品 を 表 示 します 下 記 の type 属 性 の 値 によって 見 栄 えも 動 作 も 異 なる 部 品 となります type 属 性 text Page 1 of 7 ホームページ 作 成 Note HOME HPビルダー HTML/CSS CGI/Perl ez-html WebDesign Link SiteMap HTML 入 力 フォーム WebブラウザにHTMLファイルを 表 示 させる 通 常 の 静 的 なページ に 対 し メールフォ ーム 掲 示 板 ブログなどのようにWebブラウザから 入 力 された 要 求 に 対 して

More information

講 義 内 容 ( 前 回 ) 提 出 課 題 の 解 答 例 PHPの 応 用 PHPからMySQLへのアクセス(レコードの 新 規 登 録 ) 2

講 義 内 容 ( 前 回 ) 提 出 課 題 の 解 答 例 PHPの 応 用 PHPからMySQLへのアクセス(レコードの 新 規 登 録 ) 2 2015 年 度 Webシステムプログラミング a PHPによるDB 操 作 (3) 講 義 内 容 ( 前 回 ) 提 出 課 題 の 解 答 例 PHPの 応 用 PHPからMySQLへのアクセス(レコードの 新 規 登 録 ) 2 ( 前 回 ) 提 出 課 題 課 題 1( 提 出 課 題 ):データベースからデータを 読 み 込 み,その データを 表 示 するWebページ 作 成 してみましょう

More information

~モバイルを知る~ 日常生活とモバイルコンピューティング

~モバイルを知る~ 日常生活とモバイルコンピューティング Webプログラミングの 基 礎 PHPの 基 礎 (8) (2011/07/06) 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資 料 ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 前 回 の 課 題 POSTでデータが 送 信 されているかを 確 認 送 信 されていれば

More information

コンピュータサイエンス 4. ウェブプログラミング

コンピュータサイエンス 4. ウェブプログラミング 4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html

More information

文京女子大学外国語学部

文京女子大学外国語学部 7.フォーム 7-1 フォームとは 皆 さんの 中 には ホームページを 閲 覧 していて アンケートに 答 えたり 申 込 書 のような 書 式 に 入 力 した 経 験 がある 人 もいるでしょう すなわち そのような 書 類 を 作 成 し 例 えば 電 子 メールの 形 式 であらかじめ 決 めておいたメールアドレスに 送 信 させる このような 機 能 を 持 つブロックがフ ォームタグで

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 1. ウェブの基本 1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション HTMLガイダンス 1 HTMLを 用 いたUI 設 定 2 色 々な 見 え 方 で 画 面 に 表 示 されるWebページ 全 て 文 字 /キャラクタで 表 現 されたデータの 集 まり HTML(Hyper Text Markup Language) パソコン 等 のインターネット 端 末 のブラウザソフトで 文 書 情 報 を 表 示 するときに 用 いられるプログラム 言 語 の 一 種

More information

方程式を解いてみよう! C++ から PHP + JavaScriptへ

方程式を解いてみよう! C++ から PHP + JavaScriptへ 方 程 式 を 解 いてみよう! C++ から PHP + HTML + JavaScriptへ 静 岡 理 工 科 大 学 総 合 情 報 学 部 コンピュータシステム 学 科 幸 谷 智 紀 (こうや とものり) http://na-inet.jp/ 今 日 のメニュー 1. コンピュータ 環 境 と 本 日 のゴールの 確 認 2. PHPプログラムを 実 行 してみる 3. HTMLで 自

More information

サーバサイドスクリプトPHPを実感しよう

サーバサイドスクリプトPHPを実感しよう 第 3 講 サーバサイドスクリプト PHP を 実 感 しよう! クライアントサイドでは HTML に 埋 め 込 んだ(あるいは 別 ファイルから HTML に 読 み 込 まれた)JavaScript によって さまざまな 処 理 や 動 的 ページの 生 成 を 行 えることは すで に 第 3 講 までで 学 習 しました しかし HTML と JavaScript の 組 合 せではどうしても

More information

Microsoft Word - chap5.doc

Microsoft Word - chap5.doc 第 5 章 フォームと PHP プログラム [1] PHP プログラムのデバッグ プログラムがうまく 動 作 しない 場 合 原 因 を 見 つけて 修 正 するデバッグが 必 要 となる PHP に 限 らず 一 般 に CGI のプロ グラムのデバッグは 結 構 面 倒 になる と いうのは 単 独 のプログラム(つまり CGI ではなくて 普 通 の Java や C のプログラ ムと 同 じようにして)として

More information

おすすめページ

おすすめページ 第 6 章 フォーム コントロールを 作 成 する 作 成 した 内 に お 名 前 や ご 意 見 ご 要 望 などの 入 力 フォームを 作 成 していきま す 最 後 に 送 信 ボタンを 設 置 します テキストフィールドを 作 成 する 名 前 を 入 力 できる 欄 をテキストフィールドで 作 成 します テキストフィールドを 作 成 すると 同 時 にラベ ルのテキストも

More information

~モバイルを知る~ 日常生活とモバイルコンピューティング

~モバイルを知る~ 日常生活とモバイルコンピューティング Webプログラミングの 基 礎 PHPの 基 礎 (7) (2011/06/29) 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資 料 ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 前 回 の 課 題 おみくじのプログラムを 参 考 にして 生 まれた 年 ( 西 暦 )を

More information

(1) ,,,,, <> ( ) (/ ) (2) HTML5 (3) HTML (4) html (ja) (5) JavaScript CSS (6)

(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis > HTML HTML HyperText Markup Language (Markup Language) (< > ) 1 sample0.html ( ) html sample0.html // JavaScript

More information

1. URL (Uniform Resource Locator) n http://www.asahi.com:80/politics/index.html 1 2 3 4 5 1. プロトコル (http, https, ftp, mailto) 2. ドメイン 名 (FQDN) ホストの 識

1. URL (Uniform Resource Locator) n http://www.asahi.com:80/politics/index.html 1 2 3 4 5 1. プロトコル (http, https, ftp, mailto) 2. ドメイン 名 (FQDN) ホストの 識 サーバサイドプログラミング 1. Form 処 理 コンテンツメディアプログラミング 演 習 Ⅱ 2014 年 菊 池, 斉 藤 1. URL (Uniform Resource Locator) n http://www.asahi.com:80/politics/index.html 1 2 3 4 5 1. プロトコル (http, https, ftp, mailto) 2. ドメイン 名

More information

この 例 では $time と$datestring の 値 を print 文 によって 表 示 させている 前 後 に

を 書 いているが これによって HTML の 形 式 に 合 うようににしている ( 実 際 は

を 省 略 してもうまく 表 示 される ) この 例

この 例 では $time と$datestring の 値 を print 文 によって 表 示 させている 前 後 に <P></P>を 書 いているが これによって HTML の 形 式 に 合 うようににしている ( 実 際 は <P>を 省 略 してもうまく 表 示 される ) この 例 第 5 章 フォームと PHP プログラム PHP プログラムのデバッグ プログラムがうまく 動 作 しない 場 合 原 因 を 見 つけて 修 正 するデバッグが 必 要 となる PHP に 限 らず 一 般 に CGI のプログラムのデバッグは 結 構 面 倒 になる というのは 入 力 や 出 力 がキーボードや 画 面 にならないため 簡 単 に 試 せない CGI 環 境 で 実 行 される

More information

データベースS 演習資料

データベースS 演習資料 2015/6/24 データベースS 演 習 資 料 第 3 回 PHP による Web インターフェース(2) 九 州 工 業 大 学 情 報 工 学 部 システム 創 成 情 報 工 学 科 講 義 担 当 : 尾 下 真 樹 1. フォームを 使 った 入 力 インターフェースの 開 発 前 回 の 演 習 に 引 き 続 き データベースをウェブから 利 用 するためのインターフェースの 開

More information

Microsoft PowerPoint - webapp.ppt [互換モード]

Microsoft PowerPoint - webapp.ppt [互換モード] 一 般 的 なWebアクセス Webサーバ バ レスポンス HTML ファイル HTTPリクエスト 画 像 ファイル Webブラウザ あらかじめ 用 意 されたリソースしか 提 供 できない Webアプリケーション Webサーバ バ レスポンス HTTPリクエスト HTML Webブラウザ ページを 動 的 に 生 成 プログラム 実 行 データベース 操 作 Webアプリケーション 掲 示 板 検

More information

1" 3 3 4 5 9 15 16 17 18 20 22 22

1 3 3 4 5 9 15 16 17 18 20 22 22 - - 2014 8 TEL 03-4455-7453 FAX 03-6740-1754 Mail tamago-con@temona.co.jp 1" 3 3 4 5 9 15 16 17 18 20 22 22 2" 2 23 24 25 27 28 29 30 31 32 33 34 35 42 47 STEP1 3" 4" STEP2 URL URL 5" STEP3 2 STEP4 jpg

More information

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 XHTML DOM JavaScript 2 2008 7 1 1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 2.1.2 HTML.........................

More information

So-Cool CART マニュアル

So-Cool CART マニュアル So-Cool CART Ver..0 補 足 資 料 : 埋 め 込 み 機 能 タグ 一 覧 COPYRIGHT 008 Japan Area Code TV Co.,Ltd. ALL RIGHTS RESERVED. 埋 め 込 み 機 能 タグの 設 置 準 備 埋 め 込 み 機 能 タグ 商 品 ページに [カートに 入 れる]ボタン や 商 品 検 索 フォーム などの 機 能 を 埋

More information

Microsoft PowerPoint - 051105-2.ppt

Microsoft PowerPoint - 051105-2.ppt 1.Webアプリケーション 1-1 Web 1989Tim Berners-Lee 1993 1999iWindows98 2005: http://www.w3.org/people/berners-lee/ 1-2 ( ) 汎 用 機 オフコン データベース アプリケーション 言 語 (COBOLなど) 文 字 端 末 タイプライター 端 末 http://research.microsoft.com/~gbell/digital/timeline/dechistory.htm

More information

音が飛ぶ、途切れる、こんなビデオ会議はやらないほうがマシ

音が飛ぶ、途切れる、こんなビデオ会議はやらないほうがマシ 昨 今 見 られる 高 度 化 する SQL インジェクション クロスサイト スクリプティング 攻 撃 の 特 徴 従 来 の SQL インジェクション 攻 撃 クロスサイト スクリプティング 攻 撃 では メソッドや POST メ ソッドのパラメータ(クエリー) 部 分 に 攻 撃 用 文 字 列 (SQL インジェクションであれば ' or '1'='1 など) を 埋 め 込 むのが 一 般

More information

html_text

html_text HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web

More information

モール管理者マニュアル Ver.1.0

モール管理者マニュアル Ver.1.0 1 Html 編 集 ツール 補 足 マニュアル Ver.1.0 株 式 会 社 ソフトクリエイト 2012/11/14 目 次 1. Html について... 3 1.1. Html とは... 4 1.2. Html タグの 基 本... 5 1.2.1. HTML タグの 基 礎... 5 1.2.2. HTML タグの 種 類 ( 主 要 タグ)... 7 2. Html 編 集 ツール...

More information

橡5.PDF

橡5.PDF 1 FileMaker FileMaker Pro 5.5 http://www.filemaker.co.jp/downloads/index.html FileMaker Pro4.x FileMaker Pro5.x FileMaker Pro 5.x FileMaker Pro4.x fmj FileMaker Pro 5.x fp5 FileMaker Pro4.x FileMaker Pro

More information

JavaScriptプログラミング入門

JavaScriptプログラミング入門 JavaScript 2015 8 15 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................

More information

第3回HP講習会資料ver1.2(2007.9.20)

第3回HP講習会資料ver1.2(2007.9.20) 1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート

More information

Microsoft Word - 013小久保.doc

Microsoft Word - 013小久保.doc インターネット 社 会 調 査 と 多 様 化 する 情 報 端 末 スマートフォン タブレッ ト 端 末 時 代 の 社 会 調 査 に 向 けて 研 究 代 表 者 小 久 保 温 青 森 大 学 ソフトウェア 情 報 学 部 准 教 授 共 同 研 究 者 吉 村 治 正 奈 良 大 学 社 会 学 部 准 教 授 渡 部 諭 秋 田 県 立 大 学 総 合 科 学 教 育 研 究 センター

More information

Microsoft PowerPoint - InfPro_I9.pptx

Microsoft PowerPoint - InfPro_I9.pptx 今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ

More information

1 1.1 CGI CGI(Common Gateway Interface) CGI CGI CGI Perl Ruby CGI HTML Ruby 2 CGI ( ) HTTP(Hypertext Transfer Protocol) httpd UNIX OS Apache Apache Ap

1 1.1 CGI CGI(Common Gateway Interface) CGI CGI CGI Perl Ruby CGI HTML Ruby 2 CGI ( ) HTTP(Hypertext Transfer Protocol) httpd UNIX OS Apache Apache Ap 20 12 19 CGI CGI CGI 1 2 1.1 CGI............................................ 2 2 2 3 CGI 2 3.1.......................................... 2 3.2 CGI.......................................... 3 3.3........................................

More information

CONTENTS 0 1 2 3 4 5 6 7 8 9 10 0 viii ix x http://www.vector.co.jp/vpack/filearea/win/writing/edit/hm/index.html http://hidemaru.xaxon.co.jp/lib/macro/index.html ftp://ftp.m17n.org/pub/mule/windows/ http://www.yatex.org/

More information

第9回

第9回 第 9 回 2016 年 7 月 16 日 情 報 教 育 演 習 II 第 9 回 (1) CSS(4) (1) 今 回 の 課 題 (2) リストの 記 号 や 番 号 の 設 定 (2) クラスの 利 用 (2) クラスとは (2) クラスを 使 った 設 定 (3) CSSファイルでの 設 定 (3) HTMLファイルでの 利 用 (3) クラスの 利 用 例 (1) (3) クラスの 利

More information

もくじ

もくじ AutoBiz StartUp Manual オートビズ スタートアップマニュアル (メルマガ) 1 目 次 管 理 画 面 の 構 成 と 基 礎 知 識 を 理 解 しよう... 4 管 理 画 面 の 構 成 について... 4 基 礎 知 識 について... 5 シナリオとは?... 5 メルマガ( 一 斉 配 信 )とは?... 5 メルマガとシナリオの 関 係... 6 読 者 の 登

More information

第 10 問 スマートフォンはパソコンとは 異 なり コンピュータウイルスなどの 不 正 プログラムの 侵 入 感 染 フィッシングなど の 詐 欺 に 遭 うことがないため セキュリティソフトをスマートフォンに 導 入 する 必 要 はない 2. 以 下 の 設 問 に 答 えよ 第 11 問 C

第 10 問 スマートフォンはパソコンとは 異 なり コンピュータウイルスなどの 不 正 プログラムの 侵 入 感 染 フィッシングなど の 詐 欺 に 遭 うことがないため セキュリティソフトをスマートフォンに 導 入 する 必 要 はない 2. 以 下 の 設 問 に 答 えよ 第 11 問 C 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 HTML5 では タグの 省 略 は 一 切 認 められていない 第 2 問 インターネット 上 のすべてのコンピュータは イーサネットで 繋 がっている 第 3 問 新 規 にウェブサイトを 公 開 する 際 は HTML ドキュメントをアップロードした 後 に

More information

データ構造とアルゴリズム論

データ構造とアルゴリズム論 第 7 章.サーブレット 間 の 連 携 学 習 のねらい 1 Web アプリケーションの 処 理 を サーブレット JSP そして HTML ファイルによる 処 理 分 担 あるいは 連 携 によって 実 現 する 仕 組 みを フォワード(forward) インクルー ド(include)およびリダイレクト(redirect)の 活 用 方 法 を 通 じて 学 習 する 2 また リクエスト

More information

簡単なHTMLファイルを作ろう

簡単なHTMLファイルを作ろう Perl CGI 1. HTML sample1.html WWW (^^) (Paragraph) (Line brake) number

More information

もくじ

もくじ AutoBiz StartUp Manual オートビズ スタートアップマニュアル (ステップメール) 1 目 次 管 理 画 面 の 構 成 と 基 礎 知 識 を 理 解 しよう... 4 管 理 画 面 の 構 成 について... 4 基 礎 知 識 について... 5 シナリオとは?... 5 ステップメールとは?... 5 読 者 の 登 録 方 法 を 選 ぼう... 6 その 1.フォームを

More information

HTMLとメタデータ

HTMLとメタデータ HTMLとメタデータ http://www2.mmc.atomi.ac.jp/~artnavi1/lib rarysci/index.htmlを 例 にHTMLを 理 解 する IPアドレス ドメイン 名 http://www2.mmc.atomi.ac.jp httpとはhyper Text Transfer Protocol( 何 でもリンクできるテ キストの 通 信 手 順 : 説 明 JPNIC)

More information

to-r

to-r to-r We re targeting a 1.0 release within the next few weeks. 1.0 IE6 jquery Mobile Sample

More information

Lecture/CompPracR2003/12th

Lecture/CompPracR2003/12th Lecture/CompPracR2003/12th 2016 年 7 月 17 日 コンピュータ 演 習 ( 再 ) 第 12 回 (1) Webページの 作 成 (1) Webページを 作 成 する 道 具 (1) テキストエディタを 使 うメリット デメリット (2) HTML (2) HTMLとは (2) HTMLの 書 き 方 (3) HTMLファイルの 構 造 (3) 空 白 と 改 行

More information

0序文‐1章.indd

0序文‐1章.indd 本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft

More information

「日常生活における日用品購入方法の支援に関する研究」

「日常生活における日用品購入方法の支援に関する研究」 日 常 生 活 における 日 用 品 購 入 方 法 の 支 援 に 関 する 研 究 指 導 教 員 : 渡 辺 恭 人 0840091 川 上 茜 提 出 日 :2012 年 1 月 25 日 概 要 現 在 自 宅 にある 日 用 品 を 管 理 する 場 合 紙 にメモをするか 頭 で 記 憶 することが 多 い 紙 にメモを した 場 合 には どこに 何 を 書 いたのか 分 からなくなることや

More information

forever朝活

forever朝活 forever 朝 活 php 講 座 データベースの 巻 株 式 会 社 フォーエバー 目 次 データベースを 使 う... 2 mysqliを 使 用 する... 2 郵 便 番 号 データベースを 作 る... 4 市 ごとに ドロップダウンリストにしてみる... 8 Foundation を 使 ったサンプルソース... 11 1 データベースを 使 う 今 日 は php でデータベースをさわりましょう

More information

携帯電話でGoogle Mapsを使う

携帯電話でGoogle Mapsを使う PHPのファイルは UTF-8 BOMなしで 保 存 し www.cyaneum.orgのpublic_htmlに 置 く! テーマ 研 究 会 (04/28) Google Mapsを 使 う 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト riho-m-rg10@cuc.ac.jp 資 料 http://www.cuc.ac.jp/rg10/ 前 回

More information

130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3

130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3 129 11 Web IT ( 11.1) 1990 2004 2006 JIS 1 Windows 2 Web Web 11.1: 11.1 11.1.1 1 Ctrl ( ) 11.2 (U) (A) ( OK ) (S) 1 (JIS X 8341-2) (JIS X 8341-3) FAX (JIS X 8341-4) 8341 JIS JIS X8341 http://www.jisc.go.jp/

More information

Microsoft Word - Start Up Guide1 .docx

Microsoft Word - Start Up Guide1 .docx 日 報 共 有 ツール スタートアップガイド 1.ログインをしてみましょう 2.ユーザ 名 の 登 録 ( 変 更 )/プロフィール 写 真 を 登 録 3.グループを 作 成 してみましょう 4.グループへメンバーを 招 待 してみましょう 5.アカウントへ 新 規 ユーザを 招 待 してみましょう 6. 日 報 を 提 出 してみましょう 7. 今 日 の 予 定 をGoogleカレンダーから

More information

情報処理実習(工基3)

情報処理実習(工基3) 情 報 ( 実 習 )( 体 育 4 班 ) 第 4 回 ホームページ 篇 今 週 は 皆 さんにホームページを 作 って 頂 きます ホームページ 作 成 を 通 じて 様 々な 情 報 を 発 信 したり 受 信 したりする 方 法 のひとつとなることを 目 指 します 0 はじめに はじめに 筑 波 大 学 のホームページ(HP と 略 )を 見 てみましょう デスクトップ 上 にある Internet

More information

練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と

練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と ウェブデザイン 技 能 検 定 3 級 実 技 練 習 問 題 本 練 習 問 題 の 著 作 権 は 当 協 会 に 帰 属 します 協 会 の 提 供 する 一 部 又 は 全 ての 練 習 問 題 を 無 断 で 複 写 転 載 営 利 利 用 することを 禁 止 します 内 容 解 答 その 他 一 切 のお 問 い 合 わせは 受 け 付 けておりません 本 練 習 問 題 と 実 際 の

More information

スライド 1

スライド 1 第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの

More information

(Microsoft PowerPoint - \225\275\220\25423\224N\223xHTML5\225\224\211\357.ppt)

(Microsoft PowerPoint - \225\275\220\25423\224N\223xHTML5\225\224\211\357.ppt) 平 成 23 年 度 技 術 研 究 会 HTML5 部 会 HTML5を 使 ったWebアプリの 開 発 ~HTML4.0とHTML5の 比 較 ~ メンバー 富 士 通 九 州 システムズ 三 角 瞳 オーガス 大 分 シーイーシー オーイーシー オーイーシー 老 川 翔 太 行 部 佑 希 西 角 幸 恵 下 郡 剛 九 州 東 芝 エンジニアリング 渡 邉 泰 三 大 分 交 通 松 迫 翔

More information

スライド 1

スライド 1 Webプログラミング2 2.Webプログラミング 概 要 (2) ( 復 習 )Webとは 様 々な 利 用 シーン 様 々なデバイス/ブラウザ パソコン 携 帯 電 話 ゲーム 機 /TV 電 子 ブックリーダー 学 校 案 内 / 会 社 案 内 オンラインショップ ブログ/ 掲 示 板 /SNS/Twitter/Facebook 学 内 / 社 内 システム スケジューラ/カレンダー/Webメール

More information

もくじ

もくじ パワーレスポンダー クレジット 決 済 連 携 マニュアル 2015/03/10 改 定 http://p-res.autobiz.jp オンラインヘルプ http://powerbiz.jp/pres/ 株 式 会 社 ビズクリエイト 目 次 このマニュアルについて......2 クレジット 決 済 連 携 機 能 活 例...3 商 品 注 フォームを 作 りたい... 3 設 定 法...4

More information

データ構造とアルゴリズム論

データ構造とアルゴリズム論 第 1 章.Web サーバとしての Tomcat の 機 能 学 習 のねらい 1 テキストファイルおよび HTML ファイルをブラウザに 表 示 させ Tomcat の Web サー バとしての 機 能 を 確 認 理 解 する 0.Web アプリケーションの 動 作 の 仕 組 み 講 義 で 説 明 基 礎 課 題 1-1 (Java サーブレットを 用 いた)Web アプリケーションの 動

More information

Fckeditor の 基 本 的 な 使 い 方 Point!! fckeditor を 上 手 く 使 うコツ 始 めにページ 内 に 一 通 り 文 章 ( 画 像 や 表 を 含 む)を 書 いてから 文 字 装 飾 をして 下 さい 編 集 したいテキストや 画 像 を 選 択 し アイコ

Fckeditor の 基 本 的 な 使 い 方 Point!! fckeditor を 上 手 く 使 うコツ 始 めにページ 内 に 一 通 り 文 章 ( 画 像 や 表 を 含 む)を 書 いてから 文 字 装 飾 をして 下 さい 編 集 したいテキストや 画 像 を 選 択 し アイコ Fckeditor マニュアル 目 次 Fckeditor の 基 本 的 な 使 い 方... 2 記 事 の 登 録 プレビューの 前 に... 2 リンクを 挿 入... 5 画 像 を 挿 入 する... 6 PC に 保 存 している 画 像 の 挿 入... 6 WEB 上 の 画 像 を 挿 入... 8 文 字 装 飾... 10 文 章 を 見 出 しにする... 10 太 文 字

More information

目次

目次 http://www0.info.kanagawa-u.ac.jp/~kaiya/wa/ dotcampus ショートコード 179067 ウエブアプリケーション 2015 第 15 回 PHP その3 2016/1/14 海 谷 治 彦 1 目 次 フレームワークについて CakePHP 全 体 のまとめ 2 フレームワーク 別 にウエブアプリに 特 化 した 概 念 ではない. ライブラリと 同

More information

m_sotsuron

m_sotsuron iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone

More information

技術報告会原稿フォーマット

技術報告会原稿フォーマット Web 情 報 共 有 サービス 利 用 マニュアル 1. ファイルの 保 存 ブラウザを 開 き https://webshare.kyokyo-u.ac.jp を 開 く.ログイン 画 面 が 表 示 されるので,ユーザ ID(メールの ID) とパスワードを 入 力 し,ログインボタンをクリックする( 図 2). ログインに 成 功 すると,TOP フォルダの 一 覧 が 表 示 される (

More information

目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に

目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に GC スクリプト 利 用 ガイド 第 1 版 最 終 更 新 日 2016/03/31 目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に 追 加 してみよう...

More information

『HTML5プロフェッショナル認定資格 レベル1 教科書』サンプルPDF

『HTML5プロフェッショナル認定資格 レベル1 教科書』サンプルPDF 本 書 について HTML5 NTT 2014 2 18 免 責 事 項 2013 12 URL HTML5 Level.1 http://www.html5exam.jp/outline/objectives.html#lv1 LPI-Japan HTML5 HTML5 ATM LPI-Japan LPI-Japan Contents 1 章 Webの 基 礎 知 識... 1 1.1 HTTP/HTTPS

More information

ホームページ制作スターターズ

ホームページ制作スターターズ HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション WebARENA SuiteX V2 EC-CUBE 2.13 インストールマニュアル( 標 準 MySQL+ 独 自 SSL ) 作 成 :2014 年 2 月 Ver.1.1 注 意 事 項 EC-CUBEは 株 式 会 社 ロックオンの 提 供 するソフトウェアです ここでは 株 式 会 社 ロックオンから 提 供 されているEC-CUBEバージョン2.13 のパッケージをご 利 用 される

More information

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます " 出 し"の 部 分 をクリックすると"コンテンツですよ "の 字 が 表 されます もう 度 " 出 し"をクリックすると"コンテンツですよ "の 字 が 非 表 になります 折 りたたみパネルの 基

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます  出 しの 部 分 をクリックするとコンテンツですよ の 字 が 表 されます もう 度  出 しをクリックするとコンテンツですよ の 字 が 非 表 になります 折 りたたみパネルの 基 / 0/0/ : [CSS] 折 りたたみ 可 能 なパネルの 作 成 - CSSのみを 利 した 折 りたたみ 領 域 / アコー ディオンパネル このページのタグ:[CSS] [アコーディオンパネル] 新 着 記 事 覧 タグ 覧 トップページ ipentec.com CSSのみを 利 した 折 りたたみ 可 能 なパネル( 折 りたたみ 可 能 領 域 )を 実 現 するコードを 紹 介 します

More information

橡Taro9-生徒の活動.PDF

橡Taro9-生徒の活動.PDF 3 1 4 1 20 30 2 2 3-1- 1 2-2- -3- 18 1200 1 4-4- -5- 15 5 25 5-6- 1 4 2 1 10 20 2 3-7- 1 2 3 150 431 338-8- 2 3 100 4 5 6 7 1-9- 1291-10 - -11 - 10 1 35 2 3 1866 68 4 1871 1873 5 6-12 - 1 2 3 4 1 4-13

More information

IIJ Webスタンダードサービス

IIJ Webスタンダードサービス ホームページサービス(ハイグレード) IIJ Webハイグレードサービスへの 移 行 について このたび 弊 社 では ホームページサービス(ハイグレード)をご 利 用 のお 客 様 に サービスがより 充 実 したIIJ Webハ イグレードサービスをご 利 用 いただきたく 移 行 をお 願 いする 運 びとなりました この 移 行 により サービスのご 利 用 方 法 が 一 部 変 更 されるほか

More information

Microsoft PowerPoint - PHP入門教材.ppt [互換モード]

Microsoft PowerPoint - PHP入門教材.ppt [互換モード] PHP 入 門 コネクト 株 式 会 社 アジェンダ Webの 基 礎 知 識 開 発 環 境 PHPに 触 れてみよう PHPの 基 本 変 数 と 型 演 算 子 制 御 構 造 と 関 数 データのやりとり オブジェクト 指 向 基 礎 知 識 抽 象 クラス インターフェイス 例 外 データベース 基 礎 知 識 SQL PDO セキュリティ # 2 Webの 基 礎 知 識 これからPHPを

More information

1/2

1/2 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト (2) 1 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト HTMLの 基 礎 知 識 (2) 1 画 像 の 表 示 HPに 画 像 を 表 示 させてみる まず HTML 文 書 と 同 じフォルダ 内 にJPEGファイル( 拡 張 子.jpg )を1 個 準 備 する ( 画

More information

4 Java へようこそ の 画 面 が 表 示 されるので インストール をクリックします 5 Java セットアップ 進 行 中 画 面 が 表 示 されます 6 Java セットアップ 完 了 画 面 が 表 示 されるので 閉 じる をクリックします インストール が 完 了 しました 7

4 Java へようこそ の 画 面 が 表 示 されるので インストール をクリックします 5 Java セットアップ 進 行 中 画 面 が 表 示 されます 6 Java セットアップ 完 了 画 面 が 表 示 されるので 閉 じる をクリックします インストール が 完 了 しました 7 NPO 法 人 いきいきネットとくしま 第 95 回 定 例 勉 強 会 森 の 日 2012 年 5 月 23 日 担 当 : 今 柴 有 美 子 折 り 紙 飛 行 機 を 飛 ばして 遊 ぼう 折 り 紙 飛 行 機 を 飛 ばして 写 真 の 動 画 を 楽 しむためには Java という 無 料 のフリーソフ トが 必 要 です Java とは 1 ネットワークを 通 じて Web プラウザにダウンロードされ

More information

1. 新 しくページを 作 成 する( 無 制 限 タイプ) デザイン 変 更 検 索 1 左 のメニューから デザイン 変 更 をクリックします 2ページタイプが 3 種 類 あります ここでは 無 制 限 タイプ を 選 びます テーマとカラーがありますので ここでデザインを 絞 り 込 むこと

1. 新 しくページを 作 成 する( 無 制 限 タイプ) デザイン 変 更 検 索 1 左 のメニューから デザイン 変 更 をクリックします 2ページタイプが 3 種 類 あります ここでは 無 制 限 タイプ を 選 びます テーマとカラーがありますので ここでデザインを 絞 り 込 むこと ウェブ 作 成 システム Web Factory 1 1. 新 しくページを 作 成 する( 無 制 限 タイプ) デザイン 変 更 検 索 1 左 のメニューから デザイン 変 更 をクリックします 2ページタイプが 3 種 類 あります ここでは 無 制 限 タイプ を 選 びます テーマとカラーがありますので ここでデザインを 絞 り 込 むことが 出 来 ます 1ページタイプ では 情 報

More information

H10-3 placeholder 未 入 力 時 placeholder title +placeholder + 各 input typeの 読 み 上 げ 例 tit

H10-3 placeholder 未 入 力 時 <textarea title=title  placeholder=placeholder ></textarea> placeholder title +placeholder + 各 input typeの 読 み 上 げ 例 tit HTML H1-1 title - あり - ページタイトル + ページ 遷 移 時 に 読 み 上 げる H1-2 - なし なし 読 み 上 げしない H2 h1...h6 みだし + H3 em - タグ 前 後 の がある 場 合 は 一 拍 おいて 読 まれる H4 strong

More information

情報資源組織演習B:

情報資源組織演習B: 情 報 資 源 組 織 演 習 A( 書 誌 の 作 成 ) 第 12 回 書 誌 データ 管 理 検 索 システムの 構 築 2013 年 度 跡 見 学 園 女 子 大 学 文 学 部 准 教 授 福 田 博 同 書 誌 データ 管 理 検 索 システムの 構 築 第 9 回 で 書 誌 データベース 構 築 は 理 解 Web 検 索 では 以 下 の 様 な 方 法 が 取 られる A B

More information

Microsoft PowerPoint - A07回目②.pptx

Microsoft PowerPoint - A07回目②.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 7 回 目 2 11/14 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I. JavaScript( 画 像 関 係 ) II. 課 題 3 I.JavaScript 1.JavaScriptを 使 用 するためのお 約 束 4 の 間 に

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 利 用 説 明 書 更 新 日 バージョン 対 象 ページ 概 要 2015/4/16 v1.0 - 正 式 リリース 2016/4/15 V1.1 P.8 オプション 項 目 値 の 備 考 を 追 記 2016/4/15 V1.11 P.5 設 置 非 対 応 ページを 追 記 2016/06/16 V1.12 P5,7,8,9 最 大 登 録 数 を10 種 類 から50 種 類 へ 変 更

More information

3 システム 概 要 ウェブ アプリケーションによる 情 報 収 集 シ ステムの 概 要 をユースケース 図 にて 示 す( 図 1) 途 中 まで 行 い 一 時 的 にサーバに 格 納 しておき 再 度 先 ほどの 途 中 から 記 入 できるようになっている つまり 1 日 に 何 度 も1

3 システム 概 要 ウェブ アプリケーションによる 情 報 収 集 シ ステムの 概 要 をユースケース 図 にて 示 す( 図 1) 途 中 まで 行 い 一 時 的 にサーバに 格 納 しておき 再 度 先 ほどの 途 中 から 記 入 できるようになっている つまり 1 日 に 何 度 も1 XMLとExcelを 利 用 したWebによるアンケート 収 集 システム の 構 築 Synthesis a new web application system using XML, php and Excel 福 良 博 史 伊 東 久 美 子 荻 野 美 佐 子 FUKURA Hirofumi, Ito Kumiko, Ogino Misako 1 はじめに 0 歳 ~2 歳 の 主 として

More information

HTTP Web Web RFC2616 HTTP/1.1 Web Apache Tomcat (Servlet ) XML Xindice Tomcat 6-2

HTTP Web Web RFC2616 HTTP/1.1 Web Apache Tomcat (Servlet ) XML Xindice Tomcat 6-2 HTTP 6-1 HTTP Web Web RFC2616 HTTP/1.1 Web Apache Tomcat (Servlet ) XML Xindice Tomcat 6-2 HTTP ( ) ( ) (GET, POST ) (Host ) Tomcat Servlet Examples / Request Headers ( ) (200, 404 ) (Content-Type ) 6-3

More information

Microsoft Word - Gmailの基本操作.docx

Microsoft Word - Gmailの基本操作.docx Gmail の 基 本 操 作 目 次. Google Apps の Gmail の 基 本 操 作..... メールを 読 む/ 受 信 する...... 受 信 トレイとメールの 表 示...... メールのスレッド..... メールを 作 成 / 送 信 する... 3... メールを 送 信 する 前 に... 3... 新 規 にメールを 作 成 送 信... 4..3. 連 絡 先 からメールを

More information

メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ

メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ .3 1...3 メール 受 信 タブのサブメニューから 直 接 受 信 箱 以 外 のフォルダを 表 示 することもできます 共 有 メー ルボックスのフォルダは 指 定 できません 3. 35 メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受

More information

HTML文書の作成

HTML文書の作成 99 C HTML 1 1 2 HTML 1 3 2 4 HTML 2 4.1... 2 4.2... 3 4.3... 5 5 HTML 8 5.1... 8 5.2... 10 5.3... 12 6 HTML 13 7 13 1 HTML HTML [1] 2 HTML HTML Hyper-Text Markup Language World Wide Web (WWW)[2] HTML Hyper-Text

More information

担 当 分 のメニュー 6/21, 6/28: アルゴリズムについて 7/5: 出 張 につき 休 講 7/12, 7/19: プログラミングについて ( 補 講 の 予 定 内 容 は 未 定 です) 講 義 情 報 http://www.fos.kuis.kyotou.ac.jp/~igaras

担 当 分 のメニュー 6/21, 6/28: アルゴリズムについて 7/5: 出 張 につき 休 講 7/12, 7/19: プログラミングについて ( 補 講 の 予 定 内 容 は 未 定 です) 講 義 情 報 http://www.fos.kuis.kyotou.ac.jp/~igaras 全 学 共 通 科 目 工 学 部 専 門 科 目 計 算 機 科 学 概 論 アルゴリズムとプログラミング その3 五 十 嵐 淳 igarashi@kuis.kyoto-u.ac.jp 大 学 院 情 報 学 研 究 科 通 信 情 報 システム 専 攻 担 当 分 のメニュー 6/21, 6/28: アルゴリズムについて 7/5: 出 張 につき 休 講 7/12, 7/19: プログラミングについて

More information

Taro-01_Web_html自習テキストⅠ.

Taro-01_Web_html自習テキストⅠ. 平 成 18 年 度 学 校 Web ページ 作 成 研 修 講 座 HTML の 基 礎 Ⅰ ~メモ 帳 で Web ページを 作 ろう!!~ 今 回 の 勉 強 内 容 メモ 帳 /ファイルの 保 存 / 文 字 入 力 /ページタイトルの 設 定 文 字 色 の 設 定 / 文 字 サイズの 設 定 / 水 平 線 /リンクの 設 定 岩 手 県 立 総 合 教 育 センター 情 報 教 育

More information

学生用_目次

学生用_目次 メーリングリストを 削 除 する 1.メーリングリストの 管 理 画 面 にログインします 2. このメーリングリストを 削 除 する のリンクをクリックします 3.リストのパスワードを 入 力 して [このリストを 削 除 ]をクリックしま す * 一 度 削 除 したメーリングリストは 元 に 戻 せませんので 十 分 注 意 してください 自 分 のためのデータの 保 存 場 所 それが ホームディレクトリ

More information

第7章 Webページによる情報の発信

第7章 Webページによる情報の発信 筑 波 大 学 情 報 処 理 実 習 Webページによる 情 報 の 発 信 情 報 処 理 実 習 用 手 引 き P.197~226 World Wide Web (WWW) インターネット 上 のハイパーテキストシステム 1989 年 にCERNの 物 理 学 者 Tim Berners-Leeが 発 明 WWWはインターネットとも 呼 ばれるが, 両 者 は 同 義 語 ではない WebページのアドレスURL

More information

(2) フォーム 管 理 に 関 するメニュー 本 章 では Web グループの 中 でも 以 下 に 関 する 機 能 について 説 明 しています [ 通 知 先 アドレス 設 定 ] 1) 登 録 時 に 登 録 内 容 を 指 定 したアドレスに 送 信 できます そのアドレスの 設 定 を

(2) フォーム 管 理 に 関 するメニュー 本 章 では Web グループの 中 でも 以 下 に 関 する 機 能 について 説 明 しています [ 通 知 先 アドレス 設 定 ] 1) 登 録 時 に 登 録 内 容 を 指 定 したアドレスに 送 信 できます そのアドレスの 設 定 を 第 4 章 フォーム 管 理 (Web グループ) フォーム 管 理 の 概 要 ここでは Web 上 の 登 録 フォームからデータベースにデータを 登 録 することを 実 現 するリモート 登 録 機 能 につい て 説 明 しています (1) フォーム 管 理 の 全 体 像 フォーム 管 理 とは 本 システムで 発 行 したデータベースを 利 用 することで 自 社 データベースを 持 たずに

More information

HTML文章作成

HTML文章作成 HTML 文 章 作 成 Web ページは HTML(Hyper Text Markup Language) という 言 語 を 使 っ て 欠 かれた HTML ファイルでできています ここでは 簡 単 な HTML 文 章 を 実 際 につくっていきます 参 考 文 献 :エクスナレッジ HTML とスタイルシートによる Web サイト 作 成 術 1. 簡 単 なホームページをつくりましょう

More information

目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保 存 する 20 step4 登 録 する 21 step5 管 理 者 による 承

目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保 存 する 20 step4 登 録 する 21 step5 管 理 者 による 承 京 都 市 社 会 福 祉 研 修 情 報 システム 京 福 祉 の 研 修 情 報 ネット 操 作 マニュアル - 主 催 者 編 - 第 1.3 版 2016 年 5 月 16 日 目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保

More information

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 : 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 2 : : 1 1 : 3 : 2 (.ppsx) (A0nxxyyy.ppsx) presen (1 ) ID:A0nxxyyy Name: Title: 3 HTML (HyperText Markup Language) 4 ( ) http://pweb.cc.sophia.ac.jp

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション ホームページの 基 礎 IPアドレス インターネットへの 接 続 に 必 要 なネットワーク 上 のアドレス こ のアドレスは0から255までの4 組 に 数 字 で 表 されます ( 例 192.168.1.1) URL IPアドレスはホームページの 場 所 を 示 す 住 所 です たとえば 220.133.0.1に 接 続 しようとして ブラウザーのURLに 220.133.0.1と 入 れればいいのですが

More information

¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ

¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ HTTP/2 HTTP/1.1 (1999 ) 2015 5 RFC7540! Google SPDY ( ) 1 TCP TCP TLS HTTP Upgrade HTTP 1 HPACK 1 / 24 3 : HTTP : HTML4 2 / 24 testform.html: POST testform2.html: GET iedemo: IE default.css: CSS proxy.pac:

More information

でんきやさん操作手順_ppt [互換モード]

でんきやさん操作手順_ppt [互換モード] でんきやさん せつびやさん for Windows 簡 易 操 作 手 順 最 初 の 起 動 で 商 品 をインストールし IDキー 入 力 の 後 商 品 を 起 動 して 見 ましょう 一 番 最 初 の 起 動 の 時 には でんきデータ 設 備 データ 単 価 地 区 選 択 画 面 が 出 てきます 全 国 8ブロックの 中 より 該 当 する 箇 所 を 選 んで OKボタン を 押

More information

il15-internet.key

il15-internet.key http://www.is.c.titech.ac.jp/edu/2016-infoliteracy1/ /edu/2016-infoliteracy1/ /edu/2016-infoliteracy1/day6/ http://www.is.c.titech.ac.jp/edu/2016-infoliteracy1/day6/ /edu/2016-infoliteracy1/ /edu/2016-infoliteracy1/day6/

More information

e-class

e-class e-class ユーザマニュアル v10.01(jun. 2016) 簡 易 マニュアル 目 次 ようこそ e-class へ 3 e-class を 利 用 する 前 に 3 e-class にログインする 3 表 示 する 言 語 を 切 り 替 える 4 スマートフォンからログインする 5 e-class をログアウトする 5 科 目 に 参 加 する 6 科 目 選 択 について 6 利 用

More information

目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7.

目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. Web メール 操 作 説 明 書 京 都 与 謝 野 町 有 線 テレビ 0 目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. メール 一 覧 画 面...

More information

ユーザーのページ

ユーザーのページ WebClass インターネット 教 育 システム ウェブクラス コース 管 理 者 ( 先 生 ) アカウント ユーザ ID author01 パスワード author01 ユーザ( 学 生 ) アカウント ユーザ ID user01 パスワード user01 WebClass とは... 3 WebClass を 活 用 いただける 場 面... 3 検 定 試 験 の 模 擬 問 題 の 作

More information

<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378>

<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378> アンケートフォームを 設 置 する 方 法 < 目 次 > 1 アンケートフォームを 利 用 するための 設 定 をする 2 1-1 アンケートフォームの 詳 細 設 定 をする 1-2 アンケートフォームの 入 力 画 面 を 作 成 する 1-3 お 客 さんが 入 力 内 容 を 確 認 するためのページを 作 成 する 1-4 アンケート 完 了 後 に 表 示 するお 礼 画 面 を 作

More information

オートビズにPayPalを対応させる方法

オートビズにPayPalを対応させる方法 パワーステップメールに CloudPayment 決 済 を 対 応 させる 方 法 CloudPayment 管 理 画 面 での 設 定 パワーステップメールと CloudPayment( 旧 J-Payment) 決 済 を 連 携 させるために あらかじめ CloudPayment 管 理 画 面 での 設 定 が 必 要 です 以 下 の 手 順 で 設 定 してください 1. 決 済 データ

More information

STEP8-1 各 ショップ 画 面 内 の 表 示 設 定 ( 設 定 箇 所 の 一 覧 ) この 画 面 は コンテンツ 設 定 の ショップの 画 面 一 覧 です 各 画 面 に 表 示 される 説 明 文 の 編 集 や 項 目 の 表 示 / 非 表 示 の 切 替 が 可 能 です

STEP8-1 各 ショップ 画 面 内 の 表 示 設 定 ( 設 定 箇 所 の 一 覧 ) この 画 面 は コンテンツ 設 定 の ショップの 画 面 一 覧 です 各 画 面 に 表 示 される 説 明 文 の 編 集 や 項 目 の 表 示 / 非 表 示 の 切 替 が 可 能 です レンタルショッピングカートマニュアル ~ ショップ 開 店 準 備 part2 編 ~ 1 STEP8-1 各 ショップ 画 面 内 の 表 示 設 定 ( 設 定 箇 所 の 一 覧 ) この 画 面 は コンテンツ 設 定 の ショップの 画 面 一 覧 です 各 画 面 に 表 示 される 説 明 文 の 編 集 や 項 目 の 表 示 / 非 表 示 の 切 替 が 可 能 です ネットショップを

More information

~モバイルを知る~ 日常生活とモバイルコンピューティング

~モバイルを知る~ 日常生活とモバイルコンピューティング 2012/04/19 個 人 行 動 支 援 の 情 報 提 供 PHPの 応 用 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp PHPのファイルは UTF-8 BOMなしで 保 存 し www.cyaneum.orgのpublic_htmlに 置 く! 変 更 研 究 計 画 書 の 作 成 今 学 期 の 作 業 の 中 身 を 考 えて 現 時 点 での 構 想 と

More information