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

Size: px
Start display at page:

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

Transcription

1 Webプログラミングの 基 礎 PHPの 基 礎 (6) ~POST (2011/06/22) 政 策 情 報 学 部 渡 辺 恭 人 資 料 ページ:

2 入 力 された 文 字 を 受 け 取 りPOSTで 送 信 する 部 分 (post.htm) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>フォームデータの 取 得 </title> </head> <body> <form method="post" action="post.php"> 名 前 : <input type="text" name="nam" size="15" /> <input type="submit" value=" 送 信 " /> </form> </body> </html> 2

3 入 力 された 文 字 を 受 け 取 りPOSTで 送 信 する 部 分 (post.htm) 入 力 された 文 字 を 受 け 取 る 部 分 (HTML) nam テキストボックス(<input>タグ)のnameオプションで 指 定 された 要 素 名 表 示 する 部 分 (PHPで 記 述 ) HTMLフォーム(<form method= POST >)で 入 力 さ れた 文 字 をPHPで 取 得 するには $_POST[ 要 素 名 ]とする この$_POSTがスーパーグローバル 変 数 オプションがGETなら $_GETで 取 得 3

4 post.htmから 送 信 されたデータを 受 け 取 り 表 示 する 部 分 (post.php) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>フォームデータの 取 得 </title> </head> <body> こんにちは <?php print($_post['nam']);?>さん! </body> </html> 4

5 フォームデータの 取 得 ( 複 数 値 ) チェックボックスを 使 う 場 合 好 きな 食 べ 物 をクリックでチェックさせ 選 択 させる ( 複 数 回 答 可 ) 送 信 後 どれを 選 んだかを 表 示 入 力 して 送 信 する 部 分 入 力 されたデータを 受 け 取 り 表 示 する 部 分 5

6 入 力 して 送 信 する 部 分 (post2.htm) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>フォームデータの 取 得 ( 複 数 値 対 応 )</title> </head> <body> <form method="post" action="post2.php"> 好 きな 食 べ 物 は?: <input type="checkbox" name="food[ ]" value="りんご" />りんご <input type="checkbox" name="food[ ]" value="みかん" />みかん <input type="checkbox" name="food[ ]" value="メロン" />メロン <input type="submit" value=" 送 信 " /> </form> </body> </html> 6

7 入 力 されたデータを 受 け 取 り 表 示 する 部 分 (post2.php) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> </head> <title>フォームデータの 取 得 ( 複 数 値 対 応 )</title> <body> あなたが 好 きな 食 べ 物 は <?php print(join($_post["food"],"と"));?> ですね </body> </html> 7

8 フォームデータの 取 得 ( 複 数 値 ) 一 つの 要 素 が 複 数 の 値 を 持 つ 場 合 <input type= checkbox name= food[]. [] によって 要 素 が 複 数 の 値 を 持 つことをPHP 側 が 認 識 できる joinという 関 数 で 配 列 の 要 素 を と で 連 結 す る 1 番 目 の 値 のみを 取 得 したい 場 合 は $_POST[ food ][0]と 書 く 8

9 ファイルの 構 成 2ファイル 構 成 フォームで 入 力 したデータをPOSTで 送 信 する HTML そのHTMLからPOSTで 送 信 されたデータを 受 信 す るPHP 1ファイルでもできる 動 作 に 注 意 自 分 自 身 を 呼 び 出 すときは <form method="post"> のように action=は 書 かない 9

10 おみくじプログラム ( 前 半 : omikuji.php) <?php if (isset($_post["start"])) { $uranai_data[] = " 大 吉 です "; $uranai_data[] = " 中 吉 です "; $uranai_data[] = " 吉 です "; $uranai_data[] = " 末 吉 です "; $uranai_data[] = " 凶 です "; $max = count($uranai_data) - 1; $result = rand(0, $max); } else { }?> $message = "あなたの 運 勢 は ". $uranai_data[$result]; $message = "あなたの 運 勢 をチェックしましょう "; 10

11 おみくじプログラム ( 後 半 : omikuji.php) <html> <head> <title>おみくじプログラム</title> </head> <body> <h2> 今 日 のおみくじ</h2> <h4> おみくじを 引 く ボタンをクリックすると 結 果 が 表 示 されるよ </h4> <form method="post"> <textarea name="result" rows="5" cols="40"><?php print $message;?></textarea> <br> <input type="submit" name="start" value="おみくじを 引 く"> </form> </body> </html> 11

12 おみくじプログラム( 解 説 ) プログラムは 上 から 順 に 実 行 される PHPの 部 分 はフォームで 入 力 したデータを 受 け 取 る 部 分 先 に 実 行 されると 困 る したがって フォームで 入 力 したデータを 受 け 取 ってないかどうかを 判 断 する 必 要 がある if (isset($_post["start"])) { Isset 関 数 でPOST 変 数 に 変 数 がセットされてい るかどうかをチェック 12

13 おみくじプログラム( 解 説 ) $max = count($uranai_data) - 1; おみくじの 結 果 が 格 納 された 配 列 の 個 数 を 取 得 0から 順 に 割 り 振 られる 配 列 の 最 大 番 号 は 個 数 -1になる これを$maxに 代 入 $result = rand(0, $max); rand 関 数 で 0から 最 大 数 $max までの 値 (0 ~4)から 一 つをランダムで 選 択 し その 値 を $result 変 数 に 格 納 する 13

14 おみくじプログラム( 解 説 ) $message = "あなたの 運 勢 は ". $uranai_data[$result]; ランダムで 選 ばれた 値 をおみくじ 結 果 の 配 列 から 取 得 して message 変 数 にメッセージを 格 納 する 14

15 課 題 おみくじのプログラムを 参 考 にして 生 まれた 年 ( 西 暦 )を 入 力 すると 干 支 を 表 示 するプロ グラムを 作 ってください 以 上 作 ったプログラムと 実 行 結 果 をWordに まとめ メーリングリストに 提 出 してください ファイル 名 例 : kadai 学 籍 番 号.doc 締 切 : 6/28 23:59 15

16 日 本 の 干 支 ( 十 二 支 ) 0 子 ね 鼠 1 丑 うし 牛 2 寅 とら 虎 3 卯 う 兎 4 辰 たつ 竜 5 巳 み 蛇 6 午 うま 馬 7 未 ひつじ 羊 8 申 さる 猿 9 酉 とり 鶏 10 戌 いぬ 犬 11 亥 い 猪 16

17 ヒント 干 支 のデータは 配 列 変 数 に 順 に 代 入 して 管 理 する 例 eto_data[0]= ねずみ 入 力 した 西 暦 がどの 干 支 かを 判 断 するところ がポイント 例 eto_data[0]の ねずみ 年 は2008 年 なので 年 に 足 すか 引 くかして12で 割 った 余 りが0になる ようにする 2008から4を 引 いた2004を12で 割 ると 余 りが0に なるので これを 計 算 式 にする(%を 使 う) 17

18 ヘッダー 情 報 の 取 得 サーバにアクセスしたクライアントの 種 類 対 応 言 語 リンク 元 のURLなどを 表 示 する 参 照 $_POSTと 似 た 変 数 の$_SERVERを 使 う スーパーグローバル 変 数 という 書 式 $_SERVER[ ヘッダー 名 ] 18

19 ヘッダー 情 報 の 取 得 (head.htm) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> </head> <title>ヘッダ 情 報 の 取 得 </title> <body> <a href="head.php">ここをクリック</a> </body> </html> 19

20 ヘッダー 情 報 の 取 得 (head.php) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> </head> <title>ヘッダ 情 報 の 取 得 </title> <body> User-Agent -> <?php print($_server["http_user_agent"]);?><br /> Accept-Language -> <?php print($_server["http_accept_language"]);?><br /> Referer -> <?php print($_server["http_referer"]);?><br /> </body> </html> 20

21 文 字 化 けについて Webアプリケーションでよく 起 きるトラブル データの 入 出 力 メール 送 信 などの 個 所 で 起 きる Webブラウザ Webサーバ PHP データベースサ ーバなどの 間 で 文 字 コードが 正 しく 設 定 されてい ないときに 起 こりうる 文 字 化 けの 原 因 文 字 にはコードが 多 数 ある( 日 本 語 にも 数 種 類 ) 使 う 文 字 コードを 統 一 するのも 一 つの 方 法 PHPでどのように 設 定 されているかを 確 認 する Phpinfo()の 表 示 のうち mbstringカテゴリ 21

22 文 字 コード JIS(ISO-2022JP) 電 子 メールでの 日 本 語 の 文 字 コード SJIS(Shift JIS) WindowsやMS-DOS 等 で 普 及 した 日 本 語 の 文 字 コード EUC( Extended UNIX Code) UNIXシステムで 普 及 UTF-8 コンピュータ 上 で 多 言 語 の 文 字 を 単 一 の 文 字 コ ードで 取 り 扱 うために 1980 年 代 に 提 唱 された 文 字 コードである Unicodeの 一 つ 22

23 PHPでの 設 定 方 法 3つ php.iniを 設 定 一 般 ユーザにはできない.htaccessを 設 定 使 えないレンタルサーバもある PHPのスクリプト 内 で 設 定 23

24 PHPスクリプトの 中 で 設 定 する <?php mb_internal_encoding ("UTF-8"); mb_http_output("utf-8"); ob_start("mb_output_handler"); header("content-type: text/html; charset=utf-8");?> print " 日 本 語 を 出 力 する"; EmEditorで 保 存 するときに 文 字 コードをUTF-8に 設 定 するのを 忘 れないように!( 設 定 した 文 字 コードと 同 じにする ) 24

25 .htaccessファイルで 設 定 する.htaccessファイル WebサーバのApacheの 設 定 やPHPの 設 定 ユー ザの 認 証 を 設 定 する Windowsでは ドット. で 始 まるファイル 名 はつく れないので ドットのないファイル 名 で 作 成 し www2に 転 送 してから 変 更 する 次 の1 行 をhtaccessというファイル 名 で 作 成 す る php_value default_charset UTF-8 WinSCPで 転 送 して ファイル 名 を.htaccessに 変 更 25

26 文 字 コードの 確 認 以 下 のプログラムを 入 力 保 存 し WinSCPで www2に 転 送 してください Internet Explorerで 実 行 する default_charsetの 欄 を 見 る <?php phpinfo();?> 26

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

~モバイルを知る~ 日常生活とモバイルコンピューティング 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

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

~モバイルを知る~ 日常生活とモバイルコンピューティング 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

携帯電話で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

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

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

More information

スライド 1

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

More information

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

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

More information

Microsoft Word - chap5.doc

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

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

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

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

(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

■新聞記事

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

More information

データベースS 演習資料

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

More information

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

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

More information

PowerPoint プレゼンテーション

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

More information

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

講 義 内 容 前 回 の 提 出 課 題 の 解 答 例 復 習 データを 送 信 するための HTML (フォーム) PHPによるフォームデータの 処 理 2 2015 年 度 Webシステムプログラミング a PHPの 基 礎 (2) 講 義 内 容 前 回 の 提 出 課 題 の 解 答 例 復 習 データを 送 信 するための HTML (フォーム) PHPによるフォームデータの 処 理 2 ( 前 回 ) 提 出 課 題 課 題 1: 1から100までの 乱 数 で 作 成 した2つの 整 数 の 足 し 算 を 表 示 するWebページを 作 成

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

文京女子大学外国語学部

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

More information

Amazon Web Services環境におけるWebOTX Application Server導入ガイド (Linux)

Amazon Web Services環境におけるWebOTX Application Server導入ガイド (Linux) Amazon Web Services 環 境 における WebOTX Application Server 導 入 ガイド (Linux) 2016 年 4 月 第 4 版 NEC Copyright NEC Corporation 2016. All rights reserved. 免 責 事 項 本 書 の 内 容 は 予 告 なしに 変 更 されることがあります 日 本 電 気 株 式 会

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

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

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

More information

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

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

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

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

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

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

情報処理実習(工基3)

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

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

Microsoft PowerPoint - 2015-asp-10-07-01-cgi.pptx

Microsoft PowerPoint - 2015-asp-10-07-01-cgi.pptx CGIの 作 成 プログラミング 演 習 演 習 開 始 前 の 確 認 事 項 1. パスワード 無 しでcstmsへログイン スライド 3 2. cstms 上 にウェブページを 作 成 スライド 4 3. CGI 作 業 のディレクトリを 作 る スライド 9 2 1. パスワード 無 しでcstmsへログイン 1. 順 2. $ hostname と 3. mv4b のような 端 末 名 が

More information

0序文‐1章.indd

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

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

Microsoft Word - 013小久保.doc

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

More information

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

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

So-Cool CART マニュアル

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

More information

おすすめページ

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

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

もくじ

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

More information

Microsoft Word - Office365メールManual[学生][新実習室用]_2013,3,31_.doc

Microsoft Word - Office365メールManual[学生][新実習室用]_2013,3,31_.doc 新 学 生 用 電 子 メール 使 用 方 法 (Office 365) 新 学 生 用 電 子 メールシステムへのアクセス コンピュータ 実 習 室 以 外 から 使 用 する 場 合 (スマートフォンからの 利 用 も 含 む)は まず 産 業 医 大 の 学 生 用 ホームページの 新 学 生 用 電 子 メールシステムの 利 用 案 内 のホームページ (http://www.info.uoeh-u.ac.jp/office365.html)にアクセスしてから

More information

WEB PARK 2014 新規利用ガイド

WEB PARK 2014 新規利用ガイド WEB PARK 2014 新 規 利 ガイド (Windows ユーザ 用 ) 第 1.0 版 2014 年 10 月 東 京 大 学 情 報 基 盤 センター ご 注 意 下 さい 1. 本 ガイドに 記 載 している 内 容 の 一 部 又 は 全 部 を 無 断 で 転 記 することは 禁 止 します 2. 本 ガイドに 記 載 している 内 容 は サービス 内 容 の 変 更 に 伴 い

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

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

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

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

第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

情報資源組織演習B:

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

More information

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

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

More information

1-3_二階堂.indd

1-3_二階堂.indd Unicode Web JIS X JIS JIS GB BigKSC JIS JIS JIS JIS X JIS JIS Unicode OS Windows /XP Mac OS X Linux Unix OS MS Word MS Power Point Unicode Unicode Web Google http://www.google.co.jp/ Google Unicode Yahoo!

More information

目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.デザイン 変 更 5. 外 国 語 対 応 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴

目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.デザイン 変 更 5. 外 国 語 対 応 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴 お 問 い 合 わせフォーム L-TOOL Inquiry (ver 4.2) 取 扱 説 明 書 Little Net http://l-tool.net/ - 2015 年 7 月 22 日 版 - 目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.デザイン 変 更 5. 外 国 語 対 応 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴 1. 概 要 この

More information

HTTPの 規 格

HTTPの 規 格 第 5 回 の 内 容 HTTPの 規 格 HTTPメッセージの 基 本 HTTPの 規 格 HTTPの 規 格 Internet Engineering Task Force (IETF) Request for Comments (RFC) 年 バージョン RFC 1996 年 HTTP/1.0 RFC 1945 Hypertext Transfer Protocol -- HTTP/1.0 1997

More information

Microsoft Word - Active.doc

Microsoft Word - Active.doc 利 マニュアル 梅 校 メールサーバをご 利 されていた 教 員 の 皆 さまへ 2009 年 1 7 のメールサーバ 移 に 伴 い 学 外 からの 電 メールの 送 受 信 はウェブメール(Active!mail) からのみ 可 能 となりました Active!mail の 利 法 については 本 マニュアルをご 確 認 ください 次 Active!mail にログインする...2 Active!mail

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

Google Analytics とは(1) Google Analytics は 無 料 で 利 用 できる 高 機 能 アクセス 解 析 ツールです ページビュー 参 照 元 検 索 キーワードはもちろん 各 参 照 元 や 検 索 キーワード 別 の 売 上 金 額 や 売 上 件 数 等 ネ

Google Analytics とは(1) Google Analytics は 無 料 で 利 用 できる 高 機 能 アクセス 解 析 ツールです ページビュー 参 照 元 検 索 キーワードはもちろん 各 参 照 元 や 検 索 キーワード 別 の 売 上 金 額 や 売 上 件 数 等 ネ レンタルショッピングカートマニュアル ~ Google Analy+cs 編 ~ Google Analytics とは(1) Google Analytics は 無 料 で 利 用 できる 高 機 能 アクセス 解 析 ツールです ページビュー 参 照 元 検 索 キーワードはもちろん 各 参 照 元 や 検 索 キーワード 別 の 売 上 金 額 や 売 上 件 数 等 ネットショップ 運 営

More information

CEAS/Sakai 困ったときのヘルプ集20150401

CEAS/Sakai 困ったときのヘルプ集20150401 CEAS/Sakai 連 携 システム 困 ったときのヘルプ 集 (version 1.1) 2015.4.1. 本 書 では 問 い 合 わせ 口 に 寄 せられる 問 い 合 わせの 内 頻 度 の 高 い 物 を 中 心 にリスト アップし 主 な 対 処 法 をまとめて 掲 載 しています エラー 画 面 が 表 示 されたり 問 題 が 発 生 した 際 に 参 考 にしてください なお

More information

textbook.indd

textbook.indd 02 XHTML+CSS part2 CSS Topics 前 回 習 得 した 基 礎 CSS を 元 に ボックス CLASS ID の 概 念 を 習 得 ボックスレイアウトを 用 いた 2 カラムのサイト 構 築 をします An Introduction to Webdesign + XHTML/CSS Coding 18 01. XHTML+CSS 2 19 20 21 22 23 24

More information

Microsoft PowerPoint -

Microsoft PowerPoint - 1: 入 門 Ktai Library ECWorks 滝 下 真 玄 (MASA-P) http://www.ecworks.jp/ info@ecworks.jp MENU 何 故 Ktai Library? Ktai Library の 基 本 的 な 使 い 方 携 帯 サイトを 作 る 場 合 の 注 意 点 まとめ 1 何 故 Ktai Library? 2 携 帯 サイトを 作 る 場

More information

第 11 問 画 像 が 多 いウェブページに HTTP1.0 でアクセスする 場 合 クライアント サーバ 間 のコネクション 数 も 多 くなる 第 12 問 新 しい VDT 作 業 における 労 働 衛 生 管 理 のためのガイドライン では 1. 対 象 となる 作 業 2. 作 業 環

第 11 問 画 像 が 多 いウェブページに HTTP1.0 でアクセスする 場 合 クライアント サーバ 間 のコネクション 数 も 多 くなる 第 12 問 新 しい VDT 作 業 における 労 働 衛 生 管 理 のためのガイドライン では 1. 対 象 となる 作 業 2. 作 業 環 1. 各 設 問 において 正 しいと 思 われるものは1を 間 違 っていると 思 われるものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 ウェブブラウザはユーザエージェントの 一 つである 第 2 問 イーサネットとは 1000BASE-T の 規 格 のみをさす 第 3 問 JavaScript で 記 述 されたコードは ウェブブラウザに 内 臓 されている Java

More information

ユーザーのページ

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

More information

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

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

More information

ICTシミュレータインストール方法

ICTシミュレータインストール方法 伸 ばそう ICT メディアリテラシー 教 材 用 インターネット 補 助 教 材 セットアップについて (Windows 用 の 解 説 を 中 心 に) 本 書 で 説 明 する 伸 ばそう ICT メディアリテラシー 教 材 用 インターネット 補 助 教 材 は, 平 成 18 年 度 総 務 省 事 業 として 開 発 されました 本 書 では,XAMPP for Windows を 利

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

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

1 委 託 業 務 の 内 容 (1) 名 称 公 益 財 団 法 人 京 都 市 景 観 まちづくりセンターホームページ 製 作 業 務 (2) 委 託 内 容 仕 様 書 ( 別 紙 1)のとおり (3)スケジュール( 予 定 ) 平 成 27 年 11 月 中 旬 委 託 契 約 締 結 平

1 委 託 業 務 の 内 容 (1) 名 称 公 益 財 団 法 人 京 都 市 景 観 まちづくりセンターホームページ 製 作 業 務 (2) 委 託 内 容 仕 様 書 ( 別 紙 1)のとおり (3)スケジュール( 予 定 ) 平 成 27 年 11 月 中 旬 委 託 契 約 締 結 平 公 益 財 団 法 人 京 都 市 景 観 まちづくりセンター ホームページ 製 作 業 務 受 託 候 補 者 選 定 に 係 る 募 集 要 項 応 募 書 類 の 提 出 期 限 平 成 27 年 10 月 13 日 ( 火 )から 平 成 27 年 10 月 29 日 ( 木 ) 午 後 5 時 まで 応 募 書 類 は 郵 送 又 は 持 参 ください ( 郵 送 の 場 合 簡 易 書

More information

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

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

More information

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

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

More information

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

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

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

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

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

PowerPoint プレゼンテーション

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

More information

クリック クリック リンクを 張 るためのタグ タグ ~ リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク フォルダ 内 のファイルに

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに Webプログラミング プログラミング1 HTML+CSS (5) (2 章 ) 2013/5/22( 水 ) 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください 演 習 名 使 用 するフォルダ 演 習 1 Z: Webプログラミング1 20130522

More information

Microsoft Word - chap2.doc

Microsoft Word - chap2.doc 第 2 章 ホームページとHTML(タグ) ここでは HTML タグについて 今 まで 使 う 機 会 が 無 かった 学 生 を 対 象 に 説 明 する 既 に HTML タグを 使 ったことのある 学 生 にとっては 知 っている 話 になると 思 うので ざっと 目 を 通 すだけでよいだろう 初 めての 学 生 は 演 習 等 を 通 じて 使 い 慣 れて 欲 しい [1] HTML 通

More information

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

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

More information

< 目 次 > ネットコモンズ(NetCommons)の 仕 組 み CMS の1つであるネットコモンズ 3 ネットコモンズの 仕 組 み 3 県 立 学 校 間 ネットワークの 仕 組 み 4 参 考 Windows パソコン 上 へのネットコモンズのインストール 5 ネットコモンズ(NetCom

< 目 次 > ネットコモンズ(NetCommons)の 仕 組 み CMS の1つであるネットコモンズ 3 ネットコモンズの 仕 組 み 3 県 立 学 校 間 ネットワークの 仕 組 み 4 参 考 Windows パソコン 上 へのネットコモンズのインストール 5 ネットコモンズ(NetCom 平 成 25 年 度 NetCommons 活 用 研 修 会 グループウェア: 活 用 編 NetCommons 演 習 テキスト 埼 玉 県 立 総 合 教 育 センター < 目 次 > ネットコモンズ(NetCommons)の 仕 組 み CMS の1つであるネットコモンズ 3 ネットコモンズの 仕 組 み 3 県 立 学 校 間 ネットワークの 仕 組 み 4 参 考 Windows パソコン

More information

1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................

1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ HTML 1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ 4 2..................... 6 3.....................

More information

Microsoft PowerPoint - Kansaipm2002_5_11.ppt

Microsoft PowerPoint - Kansaipm2002_5_11.ppt ビギナー 向 けの 真 珠 みがき2 お 手 軽 CGIとHTMLテンプレート Kansai.pm 2 周 年 記 念 イベント 舟 木 隆 康 2002/5/11 本 日 の 真 珠 みがき CGIとは 何 か CGI.pmの 使 い 方 HTML::Templateの 使 い 方 構 造 体 とLoop 処 理 etc... インターネットを 見 る? もう 少 し 正 確 に 言 うと インターネット

More information

1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封 率 を

1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封 率 を メールテンプレート 編 集 ユーザーマニュアル Ver1.0 2016/5/1 株 式 会 社 シャノン 1 1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封

More information

Blojsom におけるクロスサイトスクリプティングの脆弱性

Blojsom におけるクロスサイトスクリプティングの脆弱性 Japan Computer Emergency Response Team Coordination Center 電子署名者 Japan Computer Emergency Response Team Coordination Center DN c=jp, st=tokyo, l=chiyoda-ku, email=office@jpcert.or.jp, o=japan Computer

More information

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

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

More information

動 的 コンテンツは 大 きく 次 の 二 つに 分 類 されます (1) Web ブラウザからの 要 求 に 応 じて Web サーバでプログラムが 実 行 され 実 行 結 果 生 成 された Web コンテンツを Web ブラウザに 送 信 し 表 示 する 方 法 ( 例 :Perl C 言

動 的 コンテンツは 大 きく 次 の 二 つに 分 類 されます (1) Web ブラウザからの 要 求 に 応 じて Web サーバでプログラムが 実 行 され 実 行 結 果 生 成 された Web コンテンツを Web ブラウザに 送 信 し 表 示 する 方 法 ( 例 :Perl C 言 作 成 : 平 成 15 年 1 月 29 日 修 正 : 平 成 26 年 3 月 18 日 動 的 コンテンツ 利 用 手 引 き(CGI PHP) 目 次 1. はじめに... 1 2. 動 的 コンテンツとは... 1 3. 汎 用 CGI の 利 用... 2 4. 動 的 コンテンツを 作 成 する 前 に... 3 4.1. 危 険 性 について... 3 4.2. 遵 守 事 項...

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

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

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

本 操 作 説 明 書 について 本 操 作 説 明 書 は 物 品 電 子 調 達 システム 入 札 参 加 資 格 審 査 申 請 についての 操 作 を 説 明 したものです 動 作 環 境 本 アプリケーションは 以 下 の 環 境 にて 動 作 致 します OS 日 本 語 Microso

本 操 作 説 明 書 について 本 操 作 説 明 書 は 物 品 電 子 調 達 システム 入 札 参 加 資 格 審 査 申 請 についての 操 作 を 説 明 したものです 動 作 環 境 本 アプリケーションは 以 下 の 環 境 にて 動 作 致 します OS 日 本 語 Microso 兵 庫 県 物 品 電 子 調 達 システム 物 品 関 係 入 札 参 加 資 格 審 査 申 請 ~ ~ 平 成 27 年 12 月 兵 庫 県 本 操 作 説 明 書 について 本 操 作 説 明 書 は 物 品 電 子 調 達 システム 入 札 参 加 資 格 審 査 申 請 についての 操 作 を 説 明 したものです 動 作 環 境 本 アプリケーションは 以 下 の 環 境 にて 動

More information

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 Active! mail 6.52 ユーザーズマニュアル(スマートフォン 版 ) Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 権 の 侵 害 とな

More information

目 次 第 1 章 ホームページ 作 成... 1 1-1 ホームページの 作 成... 2 1-1-1 ホームページ 作 成 にあたっての 留 意 事 項... 2 1-1-2 アクセスカウンタの 設 置 方 法... 3 1-1-3 メール 送 信 フォームのご 利 方 法... 4 1-1-4

目 次 第 1 章 ホームページ 作 成... 1 1-1 ホームページの 作 成... 2 1-1-1 ホームページ 作 成 にあたっての 留 意 事 項... 2 1-1-2 アクセスカウンタの 設 置 方 法... 3 1-1-3 メール 送 信 フォームのご 利 方 法... 4 1-1-4 2012/2/22 Ver. 1.0 目 次 第 1 章 ホームページ 作 成... 1 1-1 ホームページの 作 成... 2 1-1-1 ホームページ 作 成 にあたっての 留 意 事 項... 2 1-1-2 アクセスカウンタの 設 置 方 法... 3 1-1-3 メール 送 信 フォームのご 利 方 法... 4 1-1-4 メール 送 信 フォームご 利 に 関 する 留 意 事 項...

More information

~ 目 次 ~ 1. 履 修 登 録 のながれ 1 2. 利 用 可 能 な 機 能 について 2 3.Web 履 修 登 録 画 面 へのログイン ログアウト 方 法 3 4. 予 備 登 録 ( 定 員 設 定 科 目 の 履 修 ) (1) 予 備 登 録 5 (2) 予 備 登 録 状 況

~ 目 次 ~ 1. 履 修 登 録 のながれ 1 2. 利 用 可 能 な 機 能 について 2 3.Web 履 修 登 録 画 面 へのログイン ログアウト 方 法 3 4. 予 備 登 録 ( 定 員 設 定 科 目 の 履 修 ) (1) 予 備 登 録 5 (2) 予 備 登 録 状 況 Web 履 修 登 録 マニュアル 問 い 合 わせ 先 履 修 方 法 や 授 業 に 関 すること 学 部 事 務 課 ( 本 館 2 階 ) システムへのアクセスやパスワード 等 について 情 報 基 盤 センターオフィス(3 号 館 1 階 ) ~ 目 次 ~ 1. 履 修 登 録 のながれ 1 2. 利 用 可 能 な 機 能 について 2 3.Web 履 修 登 録 画 面 へのログイン

More information

SonicWeb2.1操作マニュアル

SonicWeb2.1操作マニュアル 地 図 情 報 ねりまっぷ では 以 下 のことができます 1. はじめに... 1 1.1 地 図 情 報 ねりまっぷの 機 能... 1 1.2 動 作 環 境... 2 1.3 マニュアル 表 記 について... 3 1.3.1 操 作 手 順...3 1.3.2 コントロール 等 の 表 記...3 1.3.3 操 作 上 のヒントなど...3 1.3.4 その 他 マニュアル 表 記 上

More information

Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3

Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3 XML Consortium XMLSOAWeb2.0 1 Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3 Web

More information

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

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

More information

03 CMS機能審査表.xls

03 CMS機能審査表.xls 厚 真 町 ホームページ 構 築 業 務 CMS 機 能 調 査 表 ( 別 紙 ) 対 応 欄 : 本 業 務 の 委 託 費 用 内 で 対 応 可 能 : 代 替 案 により 本 業 務 の 委 託 費 用 内 で 対 応 可 能 ( 代 替 案 欄 に 代 替 案 をご 記 入 ください ) : 対 応 不 可 項 目 番 号 要 件 対 応 代 替 案 1 1.システム 基 本 要 件 Windows

More information

学生用_目次

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

More information

文 書 構 造 とスタイル

文 書 構 造 とスタイル 第 4 回 の 内 容 文 書 構 造 とスタイル CSSの 基 礎 図 表 の 利 用 文 書 構 造 とスタイル 自 己 紹 介 のHTML 文 書 放 送 太 郎 の 自 己 紹 介

More information

2.ページ 作 成 機 能 2-13 Wordデータを 取 り 込 める(もしくはコピー&ペーストできる)こその 際 アプリケーション 特 有 のHTML(CSS) 表 現 を 自 動 的 に 削 除 できるこ 他 データの 流 用 表 2-14 Excelデータを 取 り 込 める(もしくはコピー

2.ページ 作 成 機 能 2-13 Wordデータを 取 り 込 める(もしくはコピー&ペーストできる)こその 際 アプリケーション 特 有 のHTML(CSS) 表 現 を 自 動 的 に 削 除 できるこ 他 データの 流 用 表 2-14 Excelデータを 取 り 込 める(もしくはコピー 1. 基 本 情 報 1-1 CMS 利 用 にあたって 各 職 員 のPC 端 末 に 特 別 なアプリケーションなどをインストールす る 必 要 が 無 いこと(ウェブブラウザから 利 用 できること) 1-2 各 職 員 PC 端 末 から InternetExplorerを 通 じ ID PASSWORD 認 証 にてログインできるこ 1-3 閲 覧 者 のパソコン 機 種 OS ブラウザ

More information

4 chop($line); 5 $line =~ s/ r$//; 6 unshift(@output,$line); 7 } 8 print join(" n",@output); 1 行 目 は Perl インタープリターがあるディレクトリを 明 示 する インタープリターとは 書 かれたプロ

4 chop($line); 5 $line =~ s/ r$//; 6 unshift(@output,$line); 7 } 8 print join( n,@output); 1 行 目 は Perl インタープリターがあるディレクトリを 明 示 する インタープリターとは 書 かれたプロ 2014.6.17 医 療 者 のための 情 報 技 術 入 門 第 8 回 プログラムがはたらくしくみを 学 ぶ(1) 日 紫 喜 光 良 概 要 1.はじめに- 具 体 例 から- -------------ここまで-------------- 2. 足 りないものは 借 りてくる-Javascript のライブラリ 3. 仕 事 は 人 にやらせる-サーバーとブラウザの 役 割 分 担 1.はじめに-

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

3. システム 要 件 IM- 社 内 便 Ver.7.2 は 以 下 の 製 品 上 で 動 作 します サーバ 要 件 Windows Server 2003 R2 Windows Server 2008 Windows Server 2008 R2 Red Hat Enterprise Lin

3. システム 要 件 IM- 社 内 便 Ver.7.2 は 以 下 の 製 品 上 で 動 作 します サーバ 要 件 Windows Server 2003 R2 Windows Server 2008 Windows Server 2008 R2 Red Hat Enterprise Lin IM- 社 内 便 ver7.2 リリース ノート 第 2 版 2016/06/02 1. はじめに (1) IM- 社 内 便 が 動 作 するには intra-mart WebPlatform / AppFramework Ver.7.2(パッチ 3) 以 上 ワークフロー 連 携 を 行 うには intra-mart WebPlatform / AppFramework advanced 以

More information

CMS操作手順書

CMS操作手順書 モーハワイ ブログ 操 作 マニュアル 目 次 No タイトル 1 フォルダ ファイル 構 成 2 Wordpress の 操 作 3 その 他 のページの 編 集 4 用 語 集 P1 1 フォルダ ファイル 構 成 この 項 ではウェブサイトを 構 成 するフォルダ ファイルについて 説 明 します 1.1 フォルダ 構 造 ファイル 名 フォルダ/ファイル 名 ページ 名 称 フォルダ 内 容

More information

3.コンテンツの 作 成 機 能 3-1 IDごとに 編 集 権 限 を 設 け 権 限 に 応 じたメニューが 表 示 されること 3-2 管 理 者 はすべてのページにおいて 編 集 する 権 限 があること 3-3 複 数 のユーザーが 同 時 に 同 一 のページを 更 新 できないこと 基

3.コンテンツの 作 成 機 能 3-1 IDごとに 編 集 権 限 を 設 け 権 限 に 応 じたメニューが 表 示 されること 3-2 管 理 者 はすべてのページにおいて 編 集 する 権 限 があること 3-3 複 数 のユーザーが 同 時 に 同 一 のページを 更 新 できないこと 基 ( 別 紙 ) 志 摩 市 ホームページ 構 築 業 務 CMS 機 能 調 査 表 対 応 欄 : 本 業 務 の 委 託 費 用 内 で 対 応 可 能 : 代 替 案 により 本 業 務 の 委 託 費 用 内 で 対 応 可 能 ( 代 替 案 欄 に 代 替 案 をご 記 入 ください ) : 対 応 不 可 項 目 番 号 要 件 対 応 代 替 案 1-1 1.システム 基 本 要 件

More information