PowerPoint プレゼンテーション

Size: px
Start display at page:

Download "PowerPoint プレゼンテーション"

Transcription

1 HTMLガイダンス 1

2 HTMLを 用 いたUI 設 定 2 色 々な 見 え 方 で 画 面 に 表 示 されるWebページ 全 て 文 字 /キャラクタで 表 現 されたデータの 集 まり HTML(Hyper Text Markup Language) パソコン 等 のインターネット 端 末 のブラウザソフトで 文 書 情 報 を 表 示 するときに 用 いられるプログラム 言 語 の 一 種 で マークアップ 言 語 と 言 って タグ を 使 って 文 字 の 大 きさや 各 種 属 性 等 の 指 定 画 像 ファイルを 文 書 に 埋 め 込 む 指 定 他 の 文 書 へのリンク 等 様 々な 機 能 を 持 っています 標 準 のHTMLのみで 作 成 できるユーザインタフェース(UI)の 表 現 には 限 界 / 制 約 がありますので その 事 を 十 分 に 理 解 したうえで UIを 設 計 することになります

3 一 般 的 なHTMLソース 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="content-type" content="text/html; charset=shift_jis"> <META http-equiv="content-style-type" content="text/css"> <TITLE>ホームページタイトルSDEV</TITLE> </HEAD> <BODY bgcolor="#ebf5f5" text="#333333" link="#003399" vlink="#990033" alink="#339900"> <CENTER> <FONT color="red" size="+1"> 取 り 扱 い 注 意 </FONT> <TABLE width="95" border="0" height="65" class="index" bgcolor="#ebf5f5"> <TBODY> <TR align="center"> <TD height="10" align="center"><a href="index.htm" target="_parent"> <IMG alt="トップ アイコン" width="48" height="48" align="middle" border="0" src="img/stp.gif"> はじめに </A></TD> </TR> <TR> <TD bgcolor="#660000"> </TD> </TR> <TR align="center"> <TD height="10" align="center"><a href="contents/sdev/index1.htm" target="contents"> 第 1 回 </A> (9/29) </TD> </TR> : : : : <TR> <TD bgcolor="#660000"> </TD> </TR> <TR> <TD align="center" bgcolor="#660000"></td> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML> IE 等 のWebブラウザでソースを 表 示 して 確 認 メニューバーの[ 表 示 ] [ソース] または マウスの 右 クリック ソースの 表 示 をクリックする HTMLソース 文 字 データは HTML という 言 語 で 記 述

4 HTML 基 本 構 造 タグとフォーム 4 HTMLファイルは <HTML>タグ <HEAD>タグ <BODY>タグといった 基 本 構 造 を 持 つ <BODY>~</BODY> 部 にブラウザに 表 示 する 内 容 をタグを 用 いて 表 現 (HTMLをコーディングする) ユーザ 入 力 を 行 う 様 な 画 面 を 造 る 際 には フォームを<FORM>タグを 用 いる これらも<BODY> 部 に 記 述 する メモ 帳 などのテキストエディタを 用 いて 作 成 保 存 する 基 本 構 造 タグ <HTML> <HEAD> <TITLE>タイトル</TITLE> </HEAD> <BODY> ブラウザに 表 示 する 内 容 <FORM> フォーム 定 義 </FORM> </BODY> </HTML> <html> <head> <title> </title> </head> <body> <form> </form> </body> </html> タグは 大 文 字 も 小 文 字 も 同 様 の 動 作 を 行 う

5 フォント タイトル 文 字 <FONT SIZE="4" COLOR="#990000"> 情 報 システム 開 発 演 習 </FONT> 文 字 フォント サイズや 色 を 指 定 します 設 定 は <FONT>タグを 用 いる 5 属 性 名 初 期 値 内 容 書 式 <font>~</font> size color なし なし 文 字 サイズを 指 定 1~7 段 階 で 指 定 1が 最 小 7が 最 大 -7や+5のように 符 号 で 相 対 変 更 でき 文 字 の 色 を 指 定 指 定 には2 通 りの 方 法 あり 1RGB( 光 の3 原 色 )を00~ff(16 進 数 )の256 段 階 表 記 00が 一 番 暗 い ffが 明 るい 例 えば が 黒, ff0000 が 赤, ffffff が 白 色 の 指 定 では6 桁 の 数 字 の 先 頭 に#を 付 けた 形 で 表 記 例 : color="#123456" 2 色 の 名 前 を 書 く 例 えば color= white のように 書 く わかりやすい 反 面 使 える 色 の 名 前 を 知 っておく 必 要 あり face なし 書 体 を 指 定 します id なし IDを 指 定 します class なし スタイルシートクラスを 指 定 します style なし スタイルシートを 指 定 します lang 環 境 に 依 存 言 語 を 指 定 します

6 リンク アンカー 6 リンク <A HREF="http://lxxxt.waseda.ac.jp/" target="_blank"> 経 営 工 学 システム 工 学 実 験 演 習 </A> リンクを 設 定 するには <A>タグを 用 いる HREF 属 性 は リンク 先 URL を 指 定 する 属 性 名 初 期 値 内 容 書 式 <a href="url">~</a> <a name="アンカー">~</a> <a href="url" target="ターゲット"> ~</a> href なし リンク 先 のURLを 指 定 します name なし 同 じページ 内 へのリンク 位 置 を 示 すアンカーを 指 定 します target なし 指 定 されたターゲットウィンドウへリンク 先 のページを 表 示 します 以 下 は 予 約 されたtarget 名 です _self: 自 分 自 身 _blank: 空 白 ページ _parent: 親 フレーム _top:トップフレーム を 示 します id なし IDを 指 定 します class なし スタイルシートクラスを 指 定 します style なし スタイルシートを 指 定 します

7 テーブル <TABLE BORDER= 2 > <TR> <TD> 回 </TD> <TD>タイトル</TD> </TR> : </TABLE> 7 書 式 <table>~</table> 書 式 <td>~</td> 書 式 <tr>~</tr> テーブル 構 造 は<TABLE>タグを 基 本 に 各 セルを<TR>タグ <TD>タグの 組 み 合 わせで 作 成 する 主 なオプション( 抜 粋 ) <TR> 行 を 指 定 <TR> 行 を 指 定 <TABLE> 表 を 指 定 属 性 名 初 期 値 内 容 border なし 枠 幅 を 指 定 します bgcolor なし 背 景 色 を 指 定 します <TABLE> <TD> 列 を 指 定 align なし 回 り 込 み 方 法 を 指 定 します width なし 横 幅 を 指 定 します height なし 縦 幅 を 指 定 します background なし 背 景 画 像 を 指 定 します id なし IDを 指 定 します <TD> 列 を 指 定 <TR> <TD> 回 </TD> <TD>タイトル</TD> </TR> <TR> <TD> ~ </TD> class なし スタイルシートクラスを 指 定 します style なし スタイルシートを 指 定 します <TD> ~ </TD> </TR> </TABLE>

8 イメージ 画 像 8 イメージ 画 像 を 配 置 するには <IMG>タグを 用 いる 書 式 <img src="url"> 画 像 貼 付 <IMG SRC="logo.jpg" HEIGHT="40" WIDTH="600" ALT=" 経 営 システム 工 学 科 ロゴ"> 属 性 名 初 期 値 内 容 src なし 表 示 する 画 像 のURLを 指 定 します width なし 画 像 の 横 幅 を 指 定 します height なし 画 像 の 縦 幅 を 指 定 します alt なし 代 替 テキストを 指 定 します border なし 枠 幅 を 指 定 します id なし IDを 指 定 します class なし スタイルシートクラスを 指 定 します style なし スタイルシートを 指 定 します name なし 名 前 を 指 定 します dynsrc なし 表 示 する 映 像 のURLを 指 定 します (IE) align なし 回 り 込 み 方 法 を 指 定 します hspace なし 回 り 込 み 指 定 時 の 横 方 向 の 間 隔 を 指 定 します vspace なし 回 り 込 み 指 定 時 の 縦 方 向 の 間 隔 を 指 定 します usemap なし クライアントサイドクリッカブルマップを 指 定 します ismap なし サーバーサイドクリッカブルマップを 指 定 します

9 フォーム 書 式 <form>~</form> <FORM ACTION="/cgi-bin/post-query" METHOD="post"> フォーム 内 容 </FORM> 9 ブラウザに 表 示 されたWebページから 情 報 を 書 き 込 む( 入 力 )ためには <FORM>タグを 用 いる ACTION 属 性 は 入 力 されたデータの 送 信 先 URLを 指 定 する METHOD 属 性 には 送 信 方 法 はpostまたはgetが 指 定 できます 一 般 的 にはpostを 指 定 します get を 指 定 した 場 合 URLの 後 に?で 区 切 られデータが 送 信 されます フォームから 情 報 を 書 き 込 むには <INPUT>タグ 入 力 フィールド <TEXTAREA>タグ テキストボックス <SELECT>タグ 選 択 リスト などを 組 み 合 わせて 使 用 する ( 後 述 ) 属 性 名 初 期 値 内 容 action なし データの 送 信 URLを 指 定 します method get 送 信 方 法 を 指 定 します (getまたはpost) id なし IDを 指 定 します class なし スタイルシートクラスを 指 定 します style なし スタイルシートを 指 定 します enctype なし MIMEタイプを 指 定 します target なし ターゲットを 指 定 します

10 入 力 フィールド <INPUT>タグ type 属 性 名 初 期 値 内 容 なし name なし 名 前 を 指 定 します エレメントの 種 類 を 指 定 します text 1 行 のテキストフィールド password パスワード 入 力 した 文 字 は*や などで 隠 される hidden 隠 しデータ 表 示 されませんがデータは 送 信 される checkbox チェックボックス 選 択 肢 の 中 から 複 数 選 択 する 場 合 radio ラジオボタン 選 択 肢 の 中 から1つだけ 選 択 する 場 合 submit 送 信 ボタン button コマンドボタン reset リセットボタン クリックすると 初 期 状 態 image 画 像 ボタン submitボタンと 同 じ 働 き(クリック 時 のボタン 座 標 も 送 信 ) file ローカルファイルの 選 択 ファイル 選 択 ダイアログが 表 示 される value なし 値 を 指 定 します VALUE 属 性 で 指 定 した 内 容 が 固 定 値 として 送 信 される size なし 表 示 幅 ( 半 角 文 字 数 換 算 )を 指 定 します maxlength なし 入 力 可 能 文 字 数 ( 半 角 文 字 換 算 )を 指 定 します checked --- チェック 状 態 を 指 定 します id なし IDを 指 定 します class なし スタイルシートクラスを 指 定 します style なし スタイルシートを 指 定 します alt なし 代 替 テキストを 指 定 します align なし 回 り 込 み 方 法 を 指 定 します src なし 画 像 URLを 指 定 します readonly --- 読 み 出 しのみの 状 態 を 指 定 します disabled --- 禁 止 状 態 を 指 定 します 10

11 1 行 テキストフィールド <INPUT TYPE="text"> 入 力 フィールド <INPUT TYPE="text" NAME="field1" SIZE="30" MAXLENGTH="50"> 11 <INPUT TYPE= password"> 1 行 の 文 字 列 を 入 力 するには <INPUT TYPE= text >タグを 用 いる Name 属 性 は フィールドを 一 意 に 識 別 するために 指 定 する パスワード 入 力 フィールド <INPUT TYPE="password" NAME="field2" SIZE="10" MAXLENGTH="10"> 1 行 の 文 字 列 でパスワードなどの 入 力 値 を 隠 す 場 合 の 情 報 を 入 力 するには <INPUT TYPE= password >タグを 用 いる 入 力 した 文 字 は*や などで 隠 される 隠 しフィールド <INPUT TYPE= hidden"> 隠 しフィールド <INPUT TYPE="hidden" NAME="hidden1" value="サンプルフォーム"> 一 般 にユーザに 見 せる 必 要 のない 特 定 の 値 をCGIプログラムに 送 信 するには <INPUT TYPE= hidden > タグを 用 いる

12 チェックボックス 12 チェックボックス <INPUT TYPE="checkbox" NAME="checkbox1" VALUE="c1" CHECKED>チェックボックス1 <INPUT TYPE="checkbox" NAME="checkbox1" VALUE="c2">チェックボックス2 <INPUT TYPE="checkbox" NAME="checkbox1" VALUE="c3">チェックボックス3 複 数 の 選 択 肢 から 複 数 選 択 するには <INPUT TYPE= checkbox >タグを 用 いる NAME 属 性 は 共 通 の 項 目 に 対 する 選 択 肢 として 使 用 する 場 合 は すべて 同 じ 名 前 を 指 定 する VALUE 属 性 は 選 択 肢 を 一 意 に 識 別 するための 名 前 を 指 定 するため 必 ず 指 定 するようにする CHECKED 属 性 は 既 定 値 として 設 定 される ラジオボタン ラジオボタン INPUT TYPE="radio" <INPUT TYPE="radio" NAME="radio1" VALUE="r1" CHECKED> 選 択 肢 1 <INPUT TYPE="radio" NAME="radio1" VALUE="r2"> 選 択 肢 2 <INPUT TYPE="radio" NAME="radio1" VALUE="r3"> 選 択 肢 3 複 数 の 選 択 肢 から1つだけ 選 択 するには <INPUT TYPE= radio >タグを 用 いる NAME 属 性 は 共 通 の 項 目 に 対 する 選 択 肢 として 使 用 する 場 合 は すべて 同 じ 名 前 を 指 定 する VALUE 属 性 は 選 択 肢 を 一 意 に 識 別 するための 名 前 を 指 定 するため 必 ず 指 定 するようにする CHECKED 属 性 は 既 定 値 として 設 定 される

13 コマンドボタン フォーム 内 のデータを 送 信 する 13 <FORM ACTION="/cgi-bin/post-query" METHOD="post"> ~ コマンドボタン <INPUT TYPE="submit" value=" 送 信 "> </FORM> <FORM ACTION="/cgi-bin/post-query" METHOD="post"> ~ ボタン <INPUT TYPE="button" value=" ボタン "> </FORM> <FORM ACTION="/cgi-bin/post-query" METHOD="post"> ~ リセットボタン <INPUT TYPE="reset" value=" リセット "> </FORM> <FORM ACTION="/cgi-bin/post-query" METHOD="post"> ~ ローカルファイル 選 択 ボタン <INPUT TYPE="file" value=" ファイル 選 択 "> </FORM> <FORM ACTION="/cgi-bin/post-query" METHOD="post"> 送 信 ボタン コマンドボタン リセットボタン クリックすると 初 期 状 態 になる ローカルファイルの 選 択 ファイル 選 択 ダイアログが 表 示 される イメージボタン イメージボタン <INPUT TYPE="image" value=" イメージボタン " src="imgbutton.jpg" alt=" 地 球 とPCのイメージボタン"> </FORM>

14 テキストボックス 14 テキストボックス TEXTAREA <TEXTAREA NAME="textbox1" ROWS="5" COLS="30">ここに 文 字 列 が 入 ります </TEXTAREA> 複 数 行 の 文 字 列 を 入 力 するには <TEXTAREA>タグを 用 いる NAME 属 性 は テキストボックスを 一 意 に 識 別 するための 名 前 を 指 定 する ROWS 属 性 は 表 示 される 文 字 入 力 フィールドの 幅 ( 文 字 数 )を 指 定 する COLS 属 性 は 表 示 される 文 字 入 力 フィールドの 行 数 を 指 定 する ROWS 属 性 とCOLS 属 性 は 必 ず 指 定 する

15 リストボックス 複 数 項 目 リストから 選 択 するには <SELECT>タグにSIZE 属 性 を 用 いる NAME 属 性 は リストボックスを 一 意 に 識 別 するための 名 前 を 指 定 する SIZE 属 性 は リストボックスの 表 示 行 数 を 指 定 する 選 択 項 目 は <OPTION>タグで 列 挙 する リストボックス SELECT NAME="list1" SIZE="5" <SELECT NAME="list1" SIZE="5"> <OPTION>アイテム1 <OPTION>アイテム2 <OPTION>アイテム3 <OPTION>アイテム4 <OPTION>アイテム5 <OPTION>アイテム6 </SELECT> 15 ドロップダウン リストボックス ドロップダウン リストボックス SELECT <SELECT NAME="dropdown1"> <OPTION>アイテム1 <OPTION>アイテム2 <OPTION>アイテム3 <OPTION>アイテム4 <OPTION>アイテム5 </SELECT> 複 数 項 目 リストから 選 択 するには <SELECT>タグを 用 いる リストボックスの 表 示 行 数 を1 行 もしくは SIZE 属 性 自 体 を 指 定 しないとドロップダウン リストボックスになる NAME 属 性 は ドロップダウン リスト ボックスを 一 意 に 識 別 するための 名 前 を 指 定 する 選 択 項 目 は <OPTION>タグで 列 挙 する

■新聞記事

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

More information

文京女子大学外国語学部

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

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

おすすめページ

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

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

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

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

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

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

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

eil2009062930_4.ppt

eil2009062930_4.ppt URL (Universal Resource Locator) WWW (World Wide Web) URL http://www.cs.kumamoto-u.ac.jp/ Web ftp://ftp.cc.kumamoto-u.ac.jp/ FTP (File Transfer Protocol) FTP World Wide Web (WWW) Web HTTP (HyperText Transfer

More information

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

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

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

モール管理者マニュアル 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

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

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

More information

データベースS 演習資料

データベースS 演習資料 2015/6/24 データベースS 演 習 資 料 第 3 回 PHP による Web インターフェース(2) 九 州 工 業 大 学 情 報 工 学 部 システム 創 成 情 報 工 学 科 講 義 担 当 : 尾 下 真 樹 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

Microsoft Word - chap2.doc

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

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

Microsoft Word - chap5.doc

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

More information

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

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

More information

68 69

70 71 72 73

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 辞 典 著 作 権 について このレポートは 著 作 権 法 で 保 護 されている 著 作 物 です このレポートの 著 作 権 はやまひろに 属 します 著 作 権 者 の 許 可 なく このレポートの 全 部 又 は 一 部 を いかなる 手 段 においても 複 製 転 載 流 用 転 売 等 することを 禁 じます このレポートに 書 かれた

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

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

: 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

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

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

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

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

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 - \203v\203\215\203O\203\211\203~\203\223\203O1new.doc)

(Microsoft Word - \203v\203\215\203O\203\211\203~\203\223\203O1new.doc) 1.プログラム 言 語 1-1 プログラム 言 語 の 種 類 プログラム 言 語 は その 言 語 が 目 的 とする 処 理 別 に 基 本 的 な 記 述 概 念 が 存 在 する プログ ラム 言 語 の 種 類 ごとに 記 述 的 特 徴 や 生 産 性 が 異 なる Program 言 語 低 水 準 言 語 マシン 語 アセンブラ 高 水 準 言 語 手 続 き 型 言 語 FORTRAN

More information

スライド 1

スライド 1 サイトクリエイション 機 能 一 覧 マニュアル 改 定 履 歴 平 成 18 年 5 月 17 日 平 成 18 年 9 月 5 日 平 成 18 年 12 月 11 日 平 成 19 年 4 月 21 日 SiteCreation 機 能 一 覧 マニュアル 配 布 開 始 しました (Ver1.0) 履 歴 機 能 を 追 加 しました (Ver2.0) RSSフィード 作 成 機 能 RSSボタン

More information

Microsoft Word - HTML.docx

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

More information

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

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

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

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

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

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー Web ページ 作 成 2011/ 5/31 Web ページとは IT 用 語 事 典 e-words より Web ページ web page 読 み 方 : ウェブページ WWW システムを 使 ってインターネット 上 で 公 開 されている 文 書 Web ブラウザに 一 度 に 表 示 されるデータのまとまりで テキストデータや HTML によるレイアウト 情 報 文 書 中 に 埋 め 込

More information

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

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

More information

Webデザインの基礎01

Webデザインの基礎01 Webデザインと 広 告 広 報 電 子 商 取 引 &ビジネス 情 報 管 理 1.Web 社 会 を 知 る ウェブで 私 達 の 生 活 はどう 変 わったのか? インターンネットの 検 索 機 能 を 活 用 した 情 報 収 集 ソーシャルネットワークによ るユーザ 同 士 の 情 報 共 有 価 格 ドットコム, 食 べログ 社 会 全 体 の 情 報 の 流 れが, 個 から 個 へ,

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

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

1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3................... 0448051 1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3.................... 4 4........................ 6 5...........................

More information

22. 情 報 の 発 信 伝 達 コミュニケーション Ustream :2007 年 にジョン ハム ブラッド ハンスタブル ジュラ フェヘルに よって 設 立 された 動 画 共 有 サービス 元 々は3 人 が 開 発 した イラク 戦 争 に 派 兵 された 友 人 達 と 家 族 のための

22. 情 報 の 発 信 伝 達 コミュニケーション Ustream :2007 年 にジョン ハム ブラッド ハンスタブル ジュラ フェヘルに よって 設 立 された 動 画 共 有 サービス 元 々は3 人 が 開 発 した イラク 戦 争 に 派 兵 された 友 人 達 と 家 族 のための 2016 年 度 春 学 期 ( 月 V/ 火 II ) 情 報 情 報 発 信 と 伝 達 22. 情 報 の 発 信 伝 達 コミュニケーション 23. 情 報 発 信 のためのHTMLの 基 礎 最 初 に 講 義 資 料 は http://astro.u-gakugei.ac.jp/~nishiura 西 浦 クンの 講 義 室 に 縮 小 版 (PDFファイル)を 置 く 予 定 東 京

More information

Microsoft Word - wsample.docx

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

More information

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

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

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

Microsoft Word - 第4&5回HTML&MIFES入門.doc

Microsoft Word - 第4&5回HTML&MIFES入門.doc 第 4&5 回 HTML & MIFES 入 門 水 野 りか ここでは,いわゆるホームページを 作 成 する 方 法 の 基 礎 を 学 びます ホームページを 作 るための 言 語 は,HTML (Hyper Text Makeup Language)と 呼 ばれています この 言 語 を 書 くためのテキスト エディタが MIFES です HTML で 書 かれたページは,Netscape や

More information

情報処理実習(工基3)

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

More information

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

Microsoft PowerPoint - css.ppt [互換モード] 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 W3Cで 推 奨 される

More information

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

More information

情報資源組織演習B:

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

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

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

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

More information

HTML文章作成

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

More information

2. 画 面 の 分 割 タグを 使 用 することにより 1 つの 画 面 を 縦 横 複 数 に 分 割 することがでる 分 割 されたそれぞれ の 画 面 をフレームと 呼 ぶ 例 えば 目 次 を 常 に 画 面 上 の 決 まったフレームに 固 定 して 表 示 し 目 次 項

2. 画 面 の 分 割 <frame>タグを 使 用 することにより 1 つの 画 面 を 縦 横 複 数 に 分 割 することがでる 分 割 されたそれぞれ の 画 面 をフレームと 呼 ぶ 例 えば 目 次 を 常 に 画 面 上 の 決 まったフレームに 固 定 して 表 示 し 目 次 項 Web ページ 画 面 構 成 の 技 法 1. 配 置 の 制 御 基 本 的 なタグの 使 い 方 については はじめての HTML などを 通 して 学 習 した ここでは もう 少 し 凝 っ た 画 面 構 成 を 行 うための 基 礎 技 法 について 解 説 する 文 字 や 図 などを 画 面 上 の 任 意 の 位 置 に 配 置 するため には タグを 用 いた 表

More information

1/2

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

More information

第 5 部 コンピューターの 仕 組 み 保 存 ができたら 第 21 章 で 作 っていた hello.html に 手 を 加 えて 上 書 き 保 存 し ブラウザーで 確 認 してみよう 例 7: 画 像 を 入 れる

背 景

第 5 部 コンピューターの 仕 組 み 保 存 ができたら 第 21 章 で 作 っていた hello.html に 手 を 加 えて 上 書 き 保 存 し ブラウザーで 確 認 してみよう 例 7: 画 像 を 入 れる <html> <body bgcolor=yellow> <p> 背 景 第 22 章 ウェブページの 作 成 2 画 像 の 表 示 HTMLの 細 かいタグ 自 己 紹 介 ページの 作 成 1. 画 像 を 入 れる Word の 画 面 で 画 像 ( 写 真 や 絵 )を 入 れるときは イメージそのものを 表 示 し たが ウェブページに 画 像 を 入 れるには メモ 帳 の 画 面 で 直 接 画 像 を 表 示 させることはできない 作 業 している HTML

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

(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

Microsoft PowerPoint - css [互換モード]

Microsoft PowerPoint - css [互換モード] 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく 使

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1 山 都 町 移 住 定 住 サイト マイホームページ 操 作 説 明 書 平 成 26 年 3 月 10 日 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 センター 承 認 公 開 申 請 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト

More information

セッション とは 概 要 プロ エージェント 固 有 の 検 索 条 件 を 保 持 したまま 指 定 された 別 のページに 転 送 し そのページの 中 で 検 索 結 果 画 面 を 表 示 することができる 機 能 です 例 えば JOB 検 索 の 際 に 使 用 すると お 客 様 のホ

セッション とは 概 要 プロ エージェント 固 有 の 検 索 条 件 を 保 持 したまま 指 定 された 別 のページに 転 送 し そのページの 中 で 検 索 結 果 画 面 を 表 示 することができる 機 能 です 例 えば JOB 検 索 の 際 に 使 用 すると お 客 様 のホ ホームページオプション 組 み 込 みの 工 夫 セッション を 使 ってみましょう ホームページオプション の 画 面 をお 客 様 サイト 側 へ 組 み 込 む 際 いくつか 工 夫 して 頂 くとサイト 全 体 のデザインを 統 一 させたよりクオリティ の 高 いページを 作 ることができます 組 み 込 む 方 法 としては 1ポップアップ 2フレーム 3インラインフレーム という3 種

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

あいち電子自治体ガイドライン(第1章)

あいち電子自治体ガイドライン(第1章) 1-1 HTML/XHTML 5 1-2 h 6 1-3 TITLE 7 1-4 8 1-5 9 1-6 10 1-7 11 1-8 12 2-1 13 2-2 14 2-3 15 2-4 16 2-5 17 2-6 18 2-7 19 2-8 20 3-1 21 3-2 22 3-3 23 3-4 24 3-5 25 3-6 4 26 3-7 27 3-8 28 - i - 4-1 29 4-2

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

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

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

More information

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

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

More information

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

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

More information

画面デザインガイドライン

画面デザインガイドライン 画 面 デザインガイドライン Version5.0 初 版 2005 年 6 月 2 日 変 更 年 月 日 2005/06/02 初 版 > 変 更 内 容 目 次 > 1 はじめに...1 1.1 開 発 環 境 条 件...1 2 ユーザインタフェース ガイドライン...2 2.1 ガイドラインの 全 体 構 成...2 2.1.1 デザイン 性 に

More information

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き Ver.2 ユーザマニュアル スタートガイド 第 2 版 最 終 更 新 日 2011/7/12 1 目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダーの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き

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

Microsoft PowerPoint - lecture1210.pptx

Microsoft PowerPoint - lecture1210.pptx HTML: HyperText Markup Language 1 ウェブページ 作 成 名 古 屋 大 学 情 報 基 盤 センター 情 報 基 盤 ネットワーク 研 究 部 門 嶋 田 創 通 常 のウェブページはHTMLで 記 されている URLの 最 後 が.htmlで 終 わっている( 右 下 図 )ことが 多 いのはそのせい Windowsは 拡 張 子 が.htmlもしくは.htmの

More information

2 / 44 図 公 開 までの 作 業 フロー

2 / 44 図 公 開 までの 作 業 フロー 別 紙 病 院 情 報 の 公 表 ページの 作 成 手 順 I. 概 要 1. 公 開 形 式 病 院 情 報 の 公 開 は Web ページで 行 うこと 指 標 公 開 ページにおいては 各 指 標 に 規 定 の 属 性 等 の 情 報 を 付 加 すること また 各 指 標 はテキストデータの 形 式 での 公 開 も 行 い そ のデータは 指 標 公 開 ページからダウンロードできること

More information

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き 方

目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き 方 Ver.2 ユーザマニュアル スタートガイド 第 5 版 最 終 更 新 日 2012/7/11 1 目 次 本 書 について... 3 はじめに... 5 第 1 章 コンテンツ 制 作 方 法... 6 1-1 テンプレートの 使 用... 6 1-2 キャラクタエンコーディング... 7 1-3 ヘッダの 書 き 方... 7 1-4 画 像 について... 8 1-5 CSS の 書 き 方...

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

スライド タイトルなし

スライド タイトルなし 1 2 3 .htaccess users.htaccess.htpasswd.htaccess.htpasswd BBS.cgi adminmodemsgheadmsg 4 (0) 5

More information

システム 概 要 PW シリーズは 電 話 着 信 と 同 時 に 画 面 右 下 より Web システムにアクセスを 行 い 画 面 右 下 よりお 客 様 情 報 をポップアップさせます 現 在 使 用 している Web システムが 簡 単 に CTI システムとして 動 作 する 事 が 可

システム 概 要 PW シリーズは 電 話 着 信 と 同 時 に 画 面 右 下 より Web システムにアクセスを 行 い 画 面 右 下 よりお 客 様 情 報 をポップアップさせます 現 在 使 用 している Web システムが 簡 単 に CTI システムとして 動 作 する 事 が 可 PWシリーズ ( 電 話 ポップアップ 編 ) システム 概 要 書 株 式 会 社 ソナーソフトウェア システム 概 要 PW シリーズは 電 話 着 信 と 同 時 に 画 面 右 下 より Web システムにアクセスを 行 い 画 面 右 下 よりお 客 様 情 報 をポップアップさせます 現 在 使 用 している Web システムが 簡 単 に CTI システムとして 動 作 する 事 が

More information

CSSの基礎

CSSの基礎 Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する

More information

文 書 構 造 とスタイル

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

More information

スタイルシート仕様書

スタイルシート仕様書 スタイルシート 仕 様 書 Version 6.1 初 版 2007 年 7 月 31 日 変 更 年 月 日 2007/7/31 初 版 > 変 更 内 容 目 次 > 1 はじめに...1 1.1 概 要...1 1.2 JavaEE 開 発 モデルのprefix 属 性...1 1.3 デザインスタイルシートタグの 設 定...1 2 カラーパターン...2

More information

1 全 体 のレイアウトを 把 握 する 2 段 組 レイアウト 1 段 組 レイアウト 左 サイドメニューが 表 示 され, 新 着 記 事 が 一 覧 (または 簡 略 形 式 ) 投 稿 した 記 事 が, 日 付 順 にそのまま 表 示 される で 表 示 される 管 理 メニュー(ダッシュ

1 全 体 のレイアウトを 把 握 する 2 段 組 レイアウト 1 段 組 レイアウト 左 サイドメニューが 表 示 され, 新 着 記 事 が 一 覧 (または 簡 略 形 式 ) 投 稿 した 記 事 が, 日 付 順 にそのまま 表 示 される で 表 示 される 管 理 メニュー(ダッシュ 編 集 者 ユーザー 用 CONTENTS 全 体 のレイアウトを 把 握 する... 1 管 理 メニュー(ダッシュボード)へログインする... 1 ダッシュボードの 見 方 を 覚 える... 2 新 規 投 稿 の 方 法 について... 3 投 稿 記 事 を 編 集 する... 4 メディア( 外 部 ファイル)を 追 加 する... 5 別 のサイトへリンクする... 6 HTML 編

More information

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

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

More information

<4D6963726F736F667420506F776572506F696E74202D2053454F82CC92B48AEE9162819591CE8DF4837D836A83858341838B2E707074>

<4D6963726F736F667420506F776572506F696E74202D2053454F82CC92B48AEE9162819591CE8DF4837D836A83858341838B2E707074> 2 3 4 5 6 http://jprs.co.jp/ 7 8 9 10 11 https://adwords.google.co.jp/select/keywordtoolexternal 12 13 14 http://www.pythagoras.bz/ Pythagoras 15 16 17 18 19 20

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

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

Microsoft PowerPoint - manualtachiyomi.pptx

Microsoft PowerPoint - manualtachiyomi.pptx ニックネームはここに 載 る!! マイページの 左 上 ブログのプロフィール 欄 メッセージを 送 った 相 の 受 信 箱 クリックしてもらえるような 興 味 を 引 く 名 前 にしましょう 記 事 を 編 集 削 除 する 下 書 き 保 存 されている= 公 開 されていない 公 開 されている リンクが 付 いていて クリックすると 公 開 されている 記 事 が 開 く 記 事 を 編

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

2 3. 使 用 言 語 HTML(HyperText_Markup_Language ) ウェブ 上 の 文 書 を 記 述 するためのマークアップ 言 語 タグ 以 外 は 基 本 日 本 語 を 使 用 文 字 化 けを 防 止 する 為 META タグでキャラクターセットを 宣 言 ( 全

2 3. 使 用 言 語 HTML(HyperText_Markup_Language ) ウェブ 上 の 文 書 を 記 述 するためのマークアップ 言 語 タグ 以 外 は 基 本 日 本 語 を 使 用 文 字 化 けを 防 止 する 為 META タグでキャラクターセットを 宣 言 ( 全 1 アトミクラブホームページメンテナンスマニュアル 2016 年 1 月 28 日 ホームページ 担 当 : 梨 本 1. マニュアルの 目 的 アトミクラブホームページの 継 続 的 維 持 のため メンテナンスに 必 要 な 情 報 をドキュメントに 残 し 定 期 的 に 更 新 する 2. 問 合 わせ 先 レンタルサーバー(ロリホップライトプラン) 上 にホームページを 構 築 している

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

目 次 XHTML 編... 1 共 通 属 性... 1 文 書 構 造... 1 文 書... 2 リスト... 3 テーブル( 表 )... 3 リンク... 6 オブジェクト... 7 スタイルシート... 7 装 飾... 7 フォーム... 7 文 字 実 体 参 照... 9 CSS

目 次 XHTML 編... 1 共 通 属 性... 1 文 書 構 造... 1 文 書... 2 リスト... 3 テーブル( 表 )... 3 リンク... 6 オブジェクト... 7 スタイルシート... 7 装 飾... 7 フォーム... 7 文 字 実 体 参 照... 9 CSS Web クリエイター 能 力 認 定 試 験 スタンダード エキスパート 共 通 XHTML 1.0 対 応 受 験 者 用 リファレンス 目 次 XHTML 編... 1 共 通 属 性... 1 文 書 構 造... 1 文 書... 2 リスト... 3 テーブル( 表 )... 3 リンク... 6 オブジェクト... 7 スタイルシート... 7 装 飾... 7 フォーム... 7 文

More information

スライド 1

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

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

Microsoft Word - CMS操作説明会資料.docx

Microsoft Word - CMS操作説明会資料.docx 平 成 25 年 6 月 24 日 株 式 会 社 ネクストワン 1 今 回 の 操 作 説 明 会 では 次 のようなサンプル 記 事 を 作 成 してみたいと 思 います 2 管 理 画 面 にログインする 1. 九 重 町 役 場 ホームページにアクセスします 2.アドレスバーのホームページ URL の 後 ろに admin と 入 力 します http://www.town.kokonoe.oita.jp/admin/index.php

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

もくじ

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

More information

もくじ

もくじ メルマガ 管 理 機 能 マニュアル 2016/7/4 株 式 会 社 ビズクリエイト 目 次 1. メルマガ 配 信 手 順... 3 2. メルマガ 作 成... 4 新 規 メルマガを 作 成 する... 4 3. メルマガ 一 覧... 8 作 成 したメルマガを 一 覧 で 確 認 する... 8 メルマガの 基 本 設 定 を 確 認 変 更 する... 9 メルマガの 基 本 設 定

More information

untitled

untitled MoogaOne 1. MoogaOne... 1 2. MoogaOne... 1 3.... 1 4.... 1 5.... 2 6.... 2 1.... 2 2.... 2 3. Template.htm... 2 4. index.htm... 4 [ ]... 4 5.... 4 6.... 6 7.... 6 8.... 6 [Template.htm Template-e.htm

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1 ましき はぴまるサイト マイホームページ 操 作 説 明 書 平 成 27 年 12 月 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト デザインの 設 定 (p5) 3 記 事 の 登

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

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