(Microsoft Word - \203v\203\215\203O\203\211\203~\203\223\203O1new.doc)

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "(Microsoft Word - \203v\203\215\203O\203\211\203~\203\223\203O1new.doc)"

Transcription

1 1.プログラム 言 語 1-1 プログラム 言 語 の 種 類 プログラム 言 語 は その 言 語 が 目 的 とする 処 理 別 に 基 本 的 な 記 述 概 念 が 存 在 する プログ ラム 言 語 の 種 類 ごとに 記 述 的 特 徴 や 生 産 性 が 異 なる Program 言 語 低 水 準 言 語 マシン 語 アセンブラ 高 水 準 言 語 手 続 き 型 言 語 FORTRAN ALGOL COBOL PL/I Pascal BASIC C Ada 非 手 続 型 言 語 表 現 式 型 RPG 関 数 型 LISP 論 理 型 Prolog Object 指 向 SmallTalk Java 1

2 1-2 言 語 のプロセッサ 何 らかのプログラム 言 語 で 記 述 された 原 始 プログラムを コンピュータが 実 行 できる 目 的 プログラムに 変 換 するプログラムを 指 す プログラムを 作 成 し 実 行 するには 不 可 欠 である アセンブラ アセンブラ 言 語 で 記 述 されたプログラムを 機 械 語 に 変 換 する コンパイラ 手 続 き 型 言 語 で 記 述 されたプログラムを 機 械 語 に 変 換 する インタプリタ 高 水 準 言 語 で 記 述 されたプログラムを 翻 訳 しながら 実 行 する 言 語 プロセッサ ジェネレータ 非 手 続 き 型 言 語 で 記 述 されたプログラムを 目 的 プログラムに 変 換 シミュレータ あるプラットフォームの 目 的 プログラムを1 命 令 ずつ 翻 訳 し 別 プラットフォーム の 命 令 に 変 換 して 実 行 エミューレータ シュミレータを ハードウェア 的 に 実 現 したもの 2

3 2.スクリプト 言 語 2-1 HTML (Hyper Text Markup Language) インターネットのホームページの 記 述 を 中 心 に 広 く 利 用 されている 簡 易 型 言 語 である 習 得 が 容 易 であるため エンドユーザでも 記 述 が 可 能 最 近 は 高 性 能 なジェネレータも 普 及 している 例 1 <Html> <Title> 新 桃 の 話 </Title> </Head> <Body background="momo.gif" bgcolor="#ffffff"> <Img src="peach.jpg" alt="ももだぁ!" align="left"> <Font size="3"><b> むかしむかしあるところにおじいぃさんとおばぁさんがいました <Br> おじぃさんは 山 へ 芝 刈 りに おばぁさんは 川 へ 洗 濯 に 行 きました <Br> おばぁさんが 川 で 洗 濯 をしていると 川 上 からたくさんの 桃 が<Font size=+2>どかどかどか</font> とながれてきました<Br> こりゃあたいへんだぁぁぁ! とおばぁさんは 叫 びながら 川 上 のほうへ 走 っていきました <Br> すると 桃 を 積 んだトラックが 川 にはまっていましたとさ めでたしめでたし <Br> </B></Font> </Body> </Html> 3

4 例 2 杉 並 学 院 ホームページにある 化 学 者 の 1 ページ <Html> <Title>アインシュタインのデータ</Title> </Head> <Body Bgcolor="#ffffff" Text="#000000" Link="#0000ff" Vlink="#800080" Alink="#ff0000" Background="../../img/b.gif"> <Center> <H1>アインシュタイン</H1><Hr><Br> <Table border="0" cellspacing="4" cellpadding="8"> <Tr> <Td align="center" bgcolor="#f7cf7d" width="80"><font size="3"><b> 人 物 名 </B></Font></Td> <Td bgcolor="#fceac5"><font size="3">アインシュタイン Einstein,Albert </Font></Td> </Tr> <Tr> <Td align="center" bgcolor="#8ff8ac"><font size="3"><b>データ</b></font></td> <Td align="left" bgcolor="#e1fde9"><font size="3">1879 年 ~1955 年 ドイツ 生 まれのアメリカの <B> 物 理 学 者 </B></Font></Td> </Tr> <Tr> <Td align="center" bgcolor="#a0b5fc"><font size="3"><b> 説 明 </B></Font></Td> <Td bgcolor="#bfcdfd"> <Font size="3"> 1905 年 に 発 表 したブラウン 運 動 の 理 論 光 量 子 論 特 殊 相 対 性 理 論 は 従 来 の 物 理 学 理 論 の 根 本 的 な 変 更 を 促 すものとなった </Font><Br> <Font size="3"> 熱 力 学 の 諸 法 則 の 持 つ 普 遍 性 に 着 目 し とくに 1904 年 統 計 的 概 念 として 提 出 された ゆらぎ は ブラウン 運 動 の 理 論 と 光 量 子 仮 説 を 導 くうえでの 方 法 的 基 礎 を 与 えた また 特 殊 相 対 性 理 論 の 理 論 の 立 て 方 は 経 験 的 事 実 から 出 発 する 熱 力 学 を 手 本 としていた さらに 特 殊 相 対 性 理 論 から 得 られた 質 量 とエネルギーの 等 価 原 理 は その 後 の 原 子 力 開 放 の 理 論 的 根 拠 となった 1909 年 に は ゆらぎ の 方 法 を 用 いて 光 の 粒 子 波 動 の 二 重 性 を 示 すことにも 成 功 した 1916 年 相 対 性 原 理 を 重 力 場 に 適 用 した 一 般 相 対 性 理 論 を 発 表 した </Font><Br> <Font size="3"> 晩 年 核 兵 器 廃 絶 運 動 の 先 頭 に 立 ち 死 の 直 前 に 発 表 された ラッセル-アイ ンシュタイン 宣 言 は 平 和 運 動 の 金 字 塔 となった </Font> </Td> </Tr> </Table> <Br><Hr><Br> <Font size="3"><b><a href="chemist000.htm" target="main"> 化 学 者 </A></B></Font> </Center> </Body> </Html> 4

5 2-2 Java Script Html では 不 可 能 なインタラクティブなページを 作 成 するために 広 く 利 用 されている の 記 述 を 中 心 に 広 く 利 用 されている Java Script の 使 用 宣 言 <Script Language= Javascript > <!-- JavaScript 本 体 --> </Script> このタグに 挟 まれている 部 分 が Java Script である コメントでくくっているのは Java Script に 対 応 していないブラウザ 対 策 コマンドの 基 本 形 オブジェクト.メソッド オブジェクトとは 部 品 のこと メソッドとは 手 続 きのこと コマンドは 原 則 としてこのよう な 記 述 をする 文 字 を 画 面 に 出 力 Document.write( 出 力 したい 文 字 列 ); 変 数 の 値 や 文 字 列 (クォーテーションかダブルクォーテーションでくくられている)を 画 面 に 出 力 する 変 数 の 定 義 var 変 数 名 ローカル 変 数 を 定 義 する 予 約 語 以 外 の 半 角 アルファベットの 文 字 列 を 使 う 値 を 同 時 に 定 義 することも 可 能 5

6 条 件 判 断 if 条 件 { 条 件 が 真 のときの 処 理 else 条 件 が 偽 のときの 処 理 条 件 が 真 のときと 偽 のときとで 異 なる 処 理 を 実 行 させる Else は 省 略 可 能 である 条 件 判 断 の 演 算 子 > 大 きい < 小 さい >= 大 きいか 等 しい <= 小 さいか 等 しい = = 等 しい!= 等 しくない 繰 返 し 処 理 for( 最 初 の 値 ; 終 わりの 値 ; 数 え 方 ){ 繰 返 す 処 理 連 続 的 に 何 度 も 同 じ 処 理 を 繰 返 すときに 利 用 する 数 え 方 で 一 つずつ 値 を 増 加 させるときに は 例 えば I++のように 記 述 する while( 繰 返 す 条 件 ){ 繰 返 す 処 理 ある 条 件 の 範 囲 で 繰 り 返 すときには while 文 を 使 う 条 件 を 満 たせば 自 動 的 にループから 抜 けるが 強 制 的 に 抜 けるときは break 文 を 使 う 6

7 練 習 (1) 1 から 50 までの 整 数 を 順 に 足 した 結 果 を 表 示 せよ [ 解 答 ]<Html> <Title>1 から 50 までの 和 </Title> </Head> <Body> <Script language="javascript"> <!-- var kekka1=1 var kekka2="1" for(i=2;i<=50;i++){ kekka1=kekka1+i kekka2=kekka2+"+"+i document.write(kekka2+"="+kekka1+"<br>"); --> </Script> </Body> </Html> (2) 掛 け 算 九 九 の 表 をつくれ [ 解 答 ]<Html> <Title> 掛 け 算 九 九 </Title> </Head> <Body> <Table border="1"> <Script language="javascript"> <!-- var kekka for(i=1;i<=9;i++){ document.write("<tr>"); for(j=1;j<=9;j++){ kekka=i*j; document.write("<td>"+kekka+"</td>"); document.write("</tr>"); --> </Script> </Table> </Body> </Html> 7

8 配 列 配 列 名 = new Array( 配 列 数 ) 配 列 の 定 義 を 使 うことにより 変 数 に 番 号 付 けができる 変 数 に 付 けられる 添 字 は[ ]で 括 ら れ 番 号 は 0 から 始 まる 例 えば a=new Array(3)とすると a[0],a[1],a[2] を 使 うこと ができる ユーザ 定 義 関 数 function 関 数 名 ( 引 数 ){ 処 理 処 理 return 戻 り 値 呼 び 出 されるユーザ 定 義 関 数 は 必 ず 呼 び 出 し 部 分 より 前 に 置 かなければならない そのた めに ユーザ 定 義 関 数 は 通 常 ~</Head>(ヘッダ 部 分 )に 記 述 される アラート 窓 alert( 警 告 メッセージ ) 警 告 用 の 窓 を 出 す 一 般 のメッセージにも 利 用 される フォーム タグ これは JavaScript ではなく HTML タグですが JavaScript にデ ータを 渡 すために 利 用 (CGI や VBScript,ASP でも 利 用 )される <Form name= フォーム 名 [method= Post ]> <Input type= 入 力 形 式 name= 識 別 名 [value= 初 期 値 ] [ イヘ ント ハント ラ = 実 行 関 数 ]> <Input > </Form> 8

9 method は type= submit を 使 わなければ 省 略 可 初 期 値 が 必 要 な 場 合 は value= 初 期 値 を 付 ける イヘ ント ハント ラ = 実 行 関 数 はどんなとき(イヘ ント ハント ラ)に 何 ( 実 行 関 数 ) を 実 行 したいかを 記 述 する イヘ ント ハント ラ:onBlur,onClick,onForcus,onLoad,onMouseOver 等 フォームの 種 類 ( 入 力 形 式 ) text 通 常 のテキスト 入 力 password 文 字 を 隠 した 入 力 button 通 常 のボタン submit 送 信 ボタン reset フォームの 入 力 内 容 のリセット hidden 隠 しフィールド checkbox 選 択 肢 を 複 数 選 択 可 radio 選 択 肢 を 1 つだけ 選 択 イベント ハンドラ onabort イメージの 読 み 込 みをキャンセルしたとき onblur マウスポインタがフォームを 外 れたとき onchange フォームの 内 容 が 変 化 したとき onclick ボタンやアンカーをクリックしたとき onerror イメージ 読 み 込 みエラー onforcus マウスポインタがフォームに 重 なったとき onload ページが 読 み 込 まれたとき onmouseout マルスがクリッカブルマップのクリッカブル 範 囲 外 onmouseover マウスポインタがアンカーに 重 なったとき onselect テキストを 選 択 したとき onsubmit フォーム 内 容 を 送 信 したとき onunload 現 在 のページを 抜 けるとき 9

10 練 習 フォームを 利 用 して テキストを 2 つ 入 力 できて その 入 力 した 文 字 列 をアラートで 表 示 する HTML をかけ [ 解 答 ]<Html> <Title>フォームの 練 習 </Title> <Script language="javascript"> <!-- function dispform(kakiko){ if (kakiko.fld.value==""){ alert(" 入 力 する 前 にボタン 押 すな!"); else{ alert(" 入 力 した 文 字 列 は "+kakiko.fld.value+" です!"); --> </Script> </Head> <Body> <Form name="inpfld"> <Input type="text" name="fld"> <Input type="button" name="btn" value=" 押 し ま し ょ う! " onclick="dispform(this.form)"> </Form> </Body> </Html> 10

11 練 習 おみくじをつくれ [ 解 答 ]<Html> 杉 並 学 院 のホームページより 抜 粋 <Title>おみくじ</Title> <Script language="javascript"> <!-- var sainome = 0 var omikujimsg = "" var theomikuji = null function MakeArray(n) { this.length = n for (var i = 1; i <= n; i++) { this[i] = 0 return this function setomikuji(title, contents) { this.title = title this.contents = contents omikuji = new MakeArray(9) omikuji[1] = new setomikuji(" 超 々 吉 "," 一 生 分 のつきが <Br> omikuji[2] = new setomikuji(" 超 吉 "," 今 日 はいけるぞって <Br> function saikoro() { sainome = 10 while (sainome > 9) { now = new Date() then = new Date(now.getYear(), now.getmonth(), now.getdate()) sainome = now.gettime() - then.gettime() sainome = sainome/100 - Math.floor(sainome/100) sainome = Math.round(sainome*10)

html_text

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

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

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

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

More information

■新聞記事

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

More information

PowerPoint プレゼンテーション

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

More information

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

(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

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 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

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

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

問 題 1 背 景 色 という 文 字 列 の 背 景 をちょっと 青 っぽい 色 (#6699FF)で 表 示 するHMTLを 作 成 せよ <HTML><HEAD><TITLE>test11</TITLE> <BODY BGCOLOR="#FFFFFF"> この 部 分 は<STRONG STY

問 題 1 背 景 色 という 文 字 列 の 背 景 をちょっと 青 っぽい 色 (#6699FF)で 表 示 するHMTLを 作 成 せよ <HTML><HEAD><TITLE>test11</TITLE> <BODY BGCOLOR=#FFFFFF> この 部 分 は<STRONG STY 9.スタイルシートと JavaScript を 組 み 合 わせてみよう スタイルシートとは スタイルシートとは タグのみでは 実 現 不 可 能 なデザインレイアウトやページ 構 造 を 実 現 する 命 令 郡 です 主 に 次 の3つの 書 式 があります (1)インライン タグ 内 部 により 詳 細 なデザインを 組 み 込 む 書 式 です 例 : この 部 分 は

More information

JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能

JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能 JavaScript 入 門 1 JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能 ( 実 際 は,HTMLファイル 内 or 外 部 ファイル として

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

Microsoft Word - class_specification_guide_v60.doc

Microsoft Word - class_specification_guide_v60.doc IM-FormatCreator クラス 指 定 手 順 書 Ver 6.0 IM-FormatCreator i 1 はじめに 1 1.1 目 的 1 2 プログラムの 作 成 2 2.1 ファンクション コンテナ(.JS)の 作 成 2 2.2 プレゼンテーションページ(.HTML)の 作 成 3 3 クラス 指 定 項 目 の 設 定 5 3.1 クラス 指 定 設 定 画 面 5 3.2 クラスパス

More information

2. HTML 2 3. 1 1 100 6 4. csh AWK 4. 4. AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html

2. HTML 2 3. 1 1 100 6 4. csh AWK 4. 4. AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html 1. 1 AWK HTML 18 8 14 1 HTML Yahoo! 3 Yahoo! (http://www.yahoo.co.jp/) 1 Yahoo! : http://headlines.yahoo.co.jp/hl ( ) ( ) Netscape 3.04 1. 2 Netscape 3.04 2. 1 Yahoo! 2. HTML 2 3. 1 1 100 6 4. csh AWK

More information

untitled

untitled Excel Internet Explorer Excel Internet Explorer Excel Internet Explorer 1 Excel Excel 1.1 Excel Excel 2 1 1.1.1 Ctrl-C ( Sheet2) 2 OK 3 1.1.2 ( Sheet3) A1 =Sheet1!A1 Sheet1 A1 Sheet1 A1 Sheet3 A1 4 A1

More information

JavaScript演習

JavaScript演習 JavaScript 入 門 1 JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能 ( 実 際 は,HTMLファイル 内 or 外 部 ファイル として

More information

Microsoft Word - 1-html.doc

Microsoft Word - 1-html.doc Web ページ 作 成 の 基 礎 の 基 礎 内 容 : 1. HTML の 仕 組 み 2. HTMLの 文 法 2007-11-16 テキスト 原 案 作 成 原 田 隆 史 ( 慶 應 義 塾 大 学 ) 協 力 : 石 田 栄 美 ( 駿 河 台 大 学 ), 新 居 雅 行 (Apple Japan), 中 島 玲 子 1.Web ページの 仕 組 みと 作 成 1. Web ページを

More information

Page 2 of 7 <input>フォーム 部 品 フォーム<form> 内 のテキスト 入 力 や 実 行 ボタンなどの 各 フォーム 部 品 を 表 示 します 下 記 の 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 - InfPro_I9.pptx

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

More information

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

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

More information

untitled

untitled 750 841 Webserver 1.0.0 ii General Copyright 2003 by WAGO Kontakttechnik GmbH All rights reserved. 136-0071 1-5-7 ND TEL 03-5627-2059 FAX 03-5627-2055 WAGO Kontakttechnik GmbH Hansastraße 27 D-32423 Minden

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

Microsoft Word - chap5.doc

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

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

var NUM1 = document.getelementbyid('param1').value var NUM2 = document.getelementbyid('param2').value document.getelementbyid("result").innerhtml = ev

var NUM1 = document.getelementbyid('param1').value var NUM2 = document.getelementbyid('param2').value document.getelementbyid(result).innerhtml = ev ########################### ###2つの 数 の 和 を 求 める ### ########################### 和 を 求 める function Add() var NUM1 = document.getelementbyid('param1').value; var NUM2 = document.getelementbyid('param2').value;

More information

Microsoft Word - SUGIJ2008_舟尾暢男.doc

Microsoft Word - SUGIJ2008_舟尾暢男.doc 1. 1 2. 3. 2 3 4 5 6 4. 7 3 8 9 4 5 10 5. 11 例 数 設 計 くん メニュー resizeto(450,300); var MyArray1 = new Array("2 標 本 t 検 定 "); var MyArray2 = new

More information

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

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

html ソース <HTML> <HEAD> <META charset="cp932" /> <TITLE>MPC 通 信 サンプル</TITLE> <SCRIPT src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <SCRIP

html ソース <HTML> <HEAD> <META charset=cp932 /> <TITLE>MPC 通 信 サンプル</TITLE> <SCRIPT src=http://code.jquery.com/jquery-1.11.1.min.js></script> <SCRIP テーマ Application Note Ref No: an2k-050 Last Modify 160428 Raspberry Pi でネットワークにアクセスする 使 用 機 器 MPC-2000 シリーズ, USB-RS,Raspberry Pi2 イメージ 名 刺 サイズのコンピュータ Raspberry Pi に Web サーバーを 乗 せて MPC の 状 態 を 取 得 変 更 します

More information

スライド 1

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

More information

Microsoft PowerPoint - kyoin15-naka.pptx

Microsoft PowerPoint - kyoin15-naka.pptx ホームページ 作 成 技 術 の 基 礎 と 応 用 動 的 ホームページの 作 成 九 州 産 業 大 学 情 報 科 学 部 情 報 科 学 科 仲 隆 今 日 の 講 習 会 用 ページ http://www.is.kyusan-u.ac.jp/~naka/kyoin/ 演 習 で 作 成 するプログラムは 全 て 掲 載 している クリックすれば 動 く ソースを 表 示 すればプログラムを

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

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

1 2 3 図 4 図 5?? 部 分 は, 各 自 が 用 意 したメディアに 合 わせて 選 択 する (5) 画 面 の 指 示 に 従 い 作 業 を 進 め, 最 後 までできれば,メール 環 境 の 構 築 は 終 了 うまくいかない 場 合, 学 術 情 報 センターで 指 導 を 受

1 2 3 図 4 図 5?? 部 分 は, 各 自 が 用 意 したメディアに 合 わせて 選 択 する (5) 画 面 の 指 示 に 従 い 作 業 を 進 め, 最 後 までできれば,メール 環 境 の 構 築 は 終 了 うまくいかない 場 合, 学 術 情 報 センターで 指 導 を 受 13.パーソナルコンピュータ 実 習 [Ⅱ] 実 験 受 講 前 の 準 備 編 以 下 の 確 認 を 行 っていない 場 合,この 実 験 テー マを 受 講 することはできません 1. 学 情 センターの UNIX のパスワードの 確 認 2.E-Mail が 使 えることを 確 認 手 順 1(UNIX パスワードの 確 認 ) (1) 中 部 大 学 内 のパソコンで FFFTP を 立

More information

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

Microsoft PowerPoint - hp2.ppt [互換モード] 技 術 センター HP 講 習 会 ( 第 2 回 ) 広 島 大 学 技 術 センター HP 運 用 WG 本 日 の 講 習 会 の 流 れ FTPソフトの 使 い 方 ファイルをサーバにアップロードする 方 法 前 回 ( 第 1 回 )の 復 習 とその 応 用 フォルダ(ディレクトリ)とリンクの 関 係 リンクの 仕 組 み: 絶 対 パスと 相 対 パス パスワードによるアクセス 制 限

More information

データベースS 演習資料

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

More information

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 1 11 13 2 11 27 3 12 11 HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 WWW(World Wide Web) HTML(HyperText Markup Language) HTML HTML HTML HTML - 1 - .1 HTML (V)(C) HTML - 2 - HTML HTML OS Windows 2.1 HTML

More information

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

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

More information

この 例 では $time と$datestring の 値 を print 文 によって 表 示 させている 前 後 に <P></P>を 書 いているが これによって HTML の 形 式 に 合 うようににしている ( 実 際 は <P>を 省 略 してもうまく 表 示 される ) この 例

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

More information

Microsoft PowerPoint - 2016_2b-DOM.pptx

Microsoft PowerPoint - 2016_2b-DOM.pptx < 練 習 2-11> DOMの 空 白 ノード 2_nodeVisit の 実 行 結 果 ( 前 ページ)から,HTML をルート 要 素 とするDOMの 木 構 造 を 示 しなさい ただし, 空 白 ノードは 空 白,その 他 のテキストノードは テキスト とすること HTML DOMによる 文 書 データの 参 照 と 変 更 DOMツリー 内 のノード 参 照 相 対 位 置 によるノード

More information

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

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

More information

JavaScript¥×¥í¥°¥é¥ß¥ó¥°ÆþÌç

JavaScript¥×¥í¥°¥é¥ß¥ó¥°ÆþÌç JavaScript 2009 5 28 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................

More information

文京女子大学外国語学部

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

More information

3 1 5 1.1....................................... 6 1.2.......................................... 6 1.3..................................... 7 1.4.................................... 8 1.4.1.............................

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

雛形ホームページ利用マニュアル

雛形ホームページ利用マニュアル ご 参 考 資 料 アカデミックサーバ 用 雛 形 ホームページ ご 利 用 ガイド < 本 ガイドのご 利 用 にあたって> アカデミックサーバ は ご 利 用 される 学 校 様 が ご 自 身 で コンテンツの 作 成 FTP によるファイル 転 送 などを 行 っていただくことが 前 提 です 従 いまして 上 記 に 関 するサポートや 本 説 明 書 の 記 載 内 容 に 関 するサポートは

More information

おすすめページ

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

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

(Microsoft Word - \203X\203\215\203b\203g\203}\203V\203\223.doc)

(Microsoft Word - \203X\203\215\203b\203g\203}\203V\203\223.doc) JavaScript (スロットマシン) ここでは JavaScript を 使 ってスロットマシンを 作 ります スロットマシンを 作 る と 言 っても そう 難 しいものではありません 3 枚 のボードの 数 字 を0から9まで 順 番 に 表 示 して ボタンをクリックすると それぞ れの 札 の 動 きが 止 まり その 結 果 によってメッセージが 異 なる このようなものを 作 りましょう

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

Microsoft Word - wsample.docx

Microsoft Word - wsample.docx 2013.10 情 報 科 学 A 補 足 資 料 Web ページ 作 成 のポイントとサンプルデータ HTML 作 成 のポイント テキストエディタ (EmEditor, メモ 帳 など) でテキストファイルとして 作 成 する Microsoft Expression Web など,Web ページ 作 成 専 用 のソフトウエア (オーサリングソフト) を 用 いるこ ともできる HTML(HyperText

More information

2 本 日 の 概 要 オープンソースについて 定 義 産 技 研 における 利 用 実 態 ウェブアプリケーションについて 構 成 と 要 素 技 術 データベース 各 種 プログラム(スクリプト) 産 技 研 の 業 務 システムについて システム 概 略 使 われているプログラム( 抜 粋 )

2 本 日 の 概 要 オープンソースについて 定 義 産 技 研 における 利 用 実 態 ウェブアプリケーションについて 構 成 と 要 素 技 術 データベース 各 種 プログラム(スクリプト) 産 技 研 の 業 務 システムについて システム 概 略 使 われているプログラム( 抜 粋 ) 産 技 研 におけるオープンシステム 利 用 戦 略 - 産 技 研 が 語 るシステム 開 発 の 苦 労 話 - 第 2 回 目 Webアプリケーションによる 業 務 システムの 構 築 情 報 電 子 部 制 御 情 報 系 情 報 通 信 分 野 石 島 悌 (いしじま だい) http://tri-osaka.jp/group/infoele/infocont/info/ishijima/

More information

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

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

More information

タグの 内 側 で 関 数 を 定 義 してタグ 側 で 実 行 することもできます <TITLE>JavaScript サンプル</TITLE> function write(str) { document.write(str); } write('hello World!'); 上 例 のように

タグの 内 側 で 関 数 を 定 義 してタグ 側 で 実 行 することもできます <TITLE>JavaScript サンプル</TITLE> function write(str) { document.write(str); } write('hello World!'); 上 例 のように 情 報 メディアとインターネット 授 業 資 料 (2011.7.4) 1.HTML の 基 本 HTML ファイルというのは 例 えば 以 下 のような 内 容 のテキストファイルです 拡 張 子 を.html また は.htm とするのが 普 通 で Web ブラウザで 読 み 込 まれて 中 身 の 表 示 が 行 われます Simple HTML File Hello

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. 1.1. HTML Word HTML(Hyper Text Markup Language) html htm MS-WORD MS-WORD HTML HTML HTML (1.0) 1 1978 7 10 S 3

More information

メディアプロジェクト 演 習 1 HTML 講 座 発 展 編 4 a['cat'] = ' 猫 '; a['mouse'] = ' 鼠 '; // 指 定 された 要 素 の 値 を 表 示 document.write("dog の 日 本 語 は " + a['dog'] + " で す.")

メディアプロジェクト 演 習 1 HTML 講 座 発 展 編 4 a['cat'] = ' 猫 '; a['mouse'] = ' 鼠 '; // 指 定 された 要 素 の 値 を 表 示 document.write(dog の 日 本 語 は  + a['dog'] +  で す.) 2015 年 度 メディアプロジェクト 演 習 1 HTML 講 座 発 展 編 4 ~ JavaScript の 応 用 立 命 館 大 学 情 報 理 工 学 部 メディア 情 報 学 科 1 プログラミング 言 語 としての JavaScript HTML 講 座 発 展 編 3 の 2.2 節 でも 述 べたように, JavaScript は C 言 語 などと 同 じように, 関 数 や

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

インターネットマガジン1999年12月号―INTERNET magazine No.59

インターネットマガジン1999年12月号―INTERNET magazine No.59 +CD-ROM A N S W E R TD { color: white; borer-with: 8px; paing: ; :

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

2016年COM実験_JavaScript演習資料

2016年COM実験_JavaScript演習資料 COM 実 験 JavaScript 演 習 問 題 2016 年 7 月 14 日 ( 木 ) 山 口 高 平 はじめに 開 発 環 境 の 準 備 JavaScriptの 復 習 演 習 問 題 の 概 要 演 習 問 題 1 演 習 問 題 2 演 習 問 題 3 演 習 問 題 4 演 習 問 題 5 レポート 課 題 の 説 明 目 次 はじめに 演 習 を 通 じてHTMLとJavaScriptの

More information

untitled

untitled JavaScript HP JavaScript JavaScript Web JavaScript Web JavaScript JavaScript JavaScript HTML HTML HTML JavaScript 1. JavaScript ON/OFF 2. JavaScript 3. 4. 5. 6. 7. 8. 9. 10. if 11. if 12. switch 13. 14.

More information

ULTINA On Demand Platform シェアードホスティング管理者マニュアル ソフトバンク

ULTINA On Demand Platform シェアードホスティング管理者マニュアル ソフトバンク ULTINA On Demand Platform シェアードホスティング 管 理 者 マニュアル * 本 マニュアルに 関 するお 問 合 せは 下 記 連 絡 先 へお 願 いします * 法 人 お 客 様 センター E-mail : info-domain@odn.ad.jp 年 中 無 休 24 時 間 受 付 0800-919-0041( 無 料 ) FAX : 0800-919-0047(

More information

スライド 1

スライド 1 ネットワーク ウェブサイト 関 連 の 基 本 (おさらい) ファイルの 公 開 ポート:80 (デフォルト) ウェブ サーバー 海 洋 大 のネットワーク プロキシ サーバー ファイルの アップロード 外 部 ネットワーク Apache サーバで ファイルを 公 開 パケットの 監 視 HTML 文 書 の 閲 覧 上 記 のネットワーク 構 成 は プロキシサーバーを 除 いておおよそどこでも

More information

World Wide Webの 始 まり CREN( 欧 州 合 同 原 子 核 研 究 機 構 )には 多 く の 科 学 者 が 訪 れ それぞれが 異 なる 文 書 シス テムを 使 っていた 情 報 の 共 有 が 大 きな 課 題 12/05/09 2

World Wide Webの 始 まり CREN( 欧 州 合 同 原 子 核 研 究 機 構 )には 多 く の 科 学 者 が 訪 れ それぞれが 異 なる 文 書 シス テムを 使 っていた 情 報 の 共 有 が 大 きな 課 題 12/05/09 2 第 8 回 WWW 動 的 コンテンツ グループ6 西 尾 優 山 本 風 歌 尾 立 誠 弥 宇 野 則 文 藤 原 敏 明 12/05/09 1 World Wide Webの 始 まり CREN( 欧 州 合 同 原 子 核 研 究 機 構 )には 多 く の 科 学 者 が 訪 れ それぞれが 異 なる 文 書 シス テムを 使 っていた 情 報 の 共 有 が 大 きな 課 題 12/05/09

More information

(0) 準 備 自 分 のUSBメモリのなかに 自 分 の 学 番 の 名 前 をつけたフォルダを 作 成 する( 例 :5210001) 以 下 で 作 成 使 用 する HTML 文 書 や 画 像 ファイルはすべてこのフォルダの 中 に 作 成 すること (1)テキストエディタで HTML 文

(0) 準 備 自 分 のUSBメモリのなかに 自 分 の 学 番 の 名 前 をつけたフォルダを 作 成 する( 例 :5210001) 以 下 で 作 成 使 用 する HTML 文 書 や 画 像 ファイルはすべてこのフォルダの 中 に 作 成 すること (1)テキストエディタで HTML 文 情 報 リテラシー 第 13 回 ウェブページの 作 成 と 更 新 インターネットによって 世 界 中 の 人 に 瞬 時 に 情 報 を 伝 えることができるようになった ウェブページ はその 情 報 発 信 基 地 である ここではウェブページの 作 り 方 を 学 ぶ コンピュータ ストアにはたくさ んのウェブページ 作 成 ソフトが 市 販 されており 操 作 法 はソフトによって 様 々である

More information

情報処理実習(工基3)

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

More information

目 次 1. 携 帯 対 応 登 録 ページ... 2 1-1 機 能 概 要... 2 1-2 設 定 方 法... 3 2. 登 録 情 報 変 更 ページ... 4 2-1 機 能 概 要... 4 2-2 設 定 方 法... 4 3. 登 録 情 報 変 更 ページ + 配 信 再 開..

目 次 1. 携 帯 対 応 登 録 ページ... 2 1-1 機 能 概 要... 2 1-2 設 定 方 法... 3 2. 登 録 情 報 変 更 ページ... 4 2-1 機 能 概 要... 4 2-2 設 定 方 法... 4 3. 登 録 情 報 変 更 ページ + 配 信 再 開.. PowerStepMail Regist Manual パワーステップメール レジストマニュアル 2015/03/10 改 定 株 式 会 社 ビズクリエイト 目 次 1. 携 帯 対 応 登 録 ページ... 2 1-1 機 能 概 要... 2 1-2 設 定 方 法... 3 2. 登 録 情 報 変 更 ページ... 4 2-1 機 能 概 要... 4 2-2 設 定 方 法... 4 3.

More information

1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2.....................

1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... CSS 0348085 1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... 3 3........................... 5 3 CSS

More information

Microsoft Word - HTML.docx

Microsoft Word - HTML.docx ホームページを 見 る 環 境 (Web ブラウザの 種 類 やバージョン, 画 面 サイズなど)は 多 種 多 様 であり, 自 分 が 見 ている 状 態 と 必 ずしも 同 じではないことを 前 提 に 作 成 して ください 1 1. 文 書 のレイアウト, 文 字 の 書 式 原 則 として,タグと 属 性 は 大 文 字, 属 性 の 値 は"で 囲 んだ 小 文 字 で 記 述 します

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

コンピュータサイエンス 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

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

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

More information

教材ドットコムオリジナル教材

教材ドットコムオリジナル教材 第 1 章 ドキュメントオブジェクトを 使 って JavaScriptで 文 字 を 表 示 させよう 第 1 節 JavaScriptって 何!? JavaScriptとはHTMLファイルに 埋 め 込 むスクリプト(プログラムよりは 若 干 難 易 度 が 低 いプログラムという 意 味 でよく 使 われる)である HTMLでは タグと 呼 ばれる 命 令 をプログラミングしていき レイアウトやデザイン

More information

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

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

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

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

WP-Single-Channel-Options-JP-140210.indd

WP-Single-Channel-Options-JP-140210.indd シングルチャネルモード 概 要 シングルチャネルモードは Swivel 認 証 システムの 最 も 一 般 的 な 導 入 方 法 の 一 つです このモー ドでは ユーザーがチャレンジ ( セキュリティストリングス ) を 受 け 取 るのと 同 じチャネル ( 通 信 経 路 ) を 使 ってレスポンス ( ワンタイムパスワード ) を 送 ります 本 ホワイトペーパーは このアプローチの 柔

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

ビジネスホームページご利用ガイド

ビジネスホームページご利用ガイド ご 参 考 資 料 ビジネスホームページ ご 利 用 ガイド < 本 ガイドのご 利 用 にあたって> ビジネスホームページ は ご 利 用 される 法 人 様 がご 自 身 で コンテンツの 作 成 FTP によるファイル 転 送 などを 行 っていただくことが 前 提 です 従 いまして 上 記 に 関 するサポートや 本 説 明 書 の 記 載 内 容 に 関 するサポートは 弊 社 では 致

More information

GulfStar1.5ユーザーマニュアル

GulfStar1.5ユーザーマニュアル GulfStar ID 2004 6 1 1 ID...2 2 ID...2 3...3...3...6...6 4...7 URL...7...8 5...10...10... 11 6...12...12 1/12 ID BASIC GulfStar 1 ID ID 2 ID ID 2/12 3 [ ][ ][ ] ID URL 3/12 2 ID 4/12 URL POST URL(

More information

1 1.1 1.2 1.3 (a) WYSIWYG (What you see is what you get.) (b) (c) Hyper Text Markup Language: SGML (Standard Generalized Markup Language) HTML (d) TEX

1 1.1 1.2 1.3 (a) WYSIWYG (What you see is what you get.) (b) (c) Hyper Text Markup Language: SGML (Standard Generalized Markup Language) HTML (d) TEX L A TEX HTML 2000 7 2 ([-30]5051.49) 1 2 1.1.............................................. 2 1.2.............................................. 2 1.3................................................ 2 1.4.............................................

More information

Salesforce 便 利 機 能 基 本 編 Outlook Edition ドキュメントタブ 一 括 メール 送 信 差 し 込 み 印 刷 地 図 検 索 路 線 検 索 カスタムリンク 大 規 模 商 談 アラート アップデートリマインダー AppExchange 応 用 編 レポート/ビ

Salesforce 便 利 機 能 基 本 編 Outlook Edition ドキュメントタブ 一 括 メール 送 信 差 し 込 み 印 刷 地 図 検 索 路 線 検 索 カスタムリンク 大 規 模 商 談 アラート アップデートリマインダー AppExchange 応 用 編 レポート/ビ 今 すぐ 使 える!Salesforce 便 利 機 能 ~ 基 本 から 応 用 機 能 まで~ 株 式 会 社 セールスフォース ドットコム Salesforce 便 利 機 能 基 本 編 Outlook Edition ドキュメントタブ 一 括 メール 送 信 差 し 込 み 印 刷 地 図 検 索 路 線 検 索 カスタムリンク 大 規 模 商 談 アラート アップデートリマインダー AppExchange

More information

68 <td valign="top" class="c8"> 69 <p class="c13"><a name="マーク0"><span class="c9">⓪</span></a></p> 70 </td> 71 </tr> 72 <tr> 73 <td valign="top" class

68 <td valign=top class=c8> 69 <p class=c13><a name=マーク0><span class=c9>⓪</span></a></p> 70 </td> 71 </tr> 72 <tr> 73 <td valign=top class ページ 内 のリンクでページ 内 に 移 動 の html のページの 追 加 方 法 三 宅 節 雄 Html 文 書 を TeraPad で 開 きます 1 2

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

目次

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

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション データベースシステムⅠ 情 報 管 理 学 科 専 門 科 目 ( 教 員 免 許 情 報 : 必 修 科 目 ) 担 当 情 報 基 礎 講 座 教 授 谷 口 伸 一 データベースシステム と 情 報 処 理 システム 事 例 NEC Web 帳 票 管 理 システム(YouTube) 情 報 処 理 とデータベース データと 情 報 の 違 い データ 入 力 キーボード ディスプレイ マウス

More information

7回目(JavaScript1)

7回目(JavaScript1) JavaScript 演 習 1 1 1 回 目 JavaScript 演 習 の 概 要 JavaScriptの 概 要 開 発 環 境 の 整 備 JavaScriptの 基 本 文 法 2 回 目 イベント 処 理 3 回 目 DOM (Document Object Model) 2 JavaScript 演 習 1の 内 容 JavaScriptとは JavaScriptの 開 発 環 境

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

インターネットマガジン1998年11月号―INTERNET magazine No.46

インターネットマガジン1998年11月号―INTERNET magazine No.46 6.2% 4 50.5% 4 3 8.9% 25.3% 3 9.2% 290 INTERNET magazine 1998/11 5 @media H1 { color: #FF0000;

More information

アスラテック株式会社 会社案内

アスラテック株式会社 会社案内 JavaScript SDK for V-Sido CONNECT 利 用 の 手 引 き Mac 編 アスラテック 株 式 会 社 目 次 1. はじめに 1-1. 本 マニュアルの 概 要 p.3 1-2. 使 用 する 機 材 など p.4 1-3. 各 機 器 の 接 続 構 成 と 開 発 イメージ p.5 2. 初 期 設 定 とVSidoConn4Macの 導 入 2-1. Bluetoothのペアリング

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

2008 e-learning T050050

2008 e-learning T050050 e-learning T050050 e-learning B NintendoDS e-learning html 1 e-learning Java Applet html 2 2008 e-learning T050050 1 1 1.1.................................. 1 1.2............................ 1 2 2 2.1..............................

More information

1 1 1........................ 1 2........................ 1 3 JavaScript..................... 2 4................... 2 2 3 1 Python..................

1 1 1........................ 1 2........................ 1 3 JavaScript..................... 2 4................... 2 2 3 1 Python.................. JavaScript 0648016 1 1 1........................ 1 2........................ 1 3 JavaScript..................... 2 4................... 2 2 3 1 Python.................. 3 2......................... 4 3..........................

More information