情報公開システム論2.pptx
|
|
|
- きみお しどり
- 7 years ago
- Views:
Transcription
1 情 報 公 開 システム 論 (2) 横 山 輝 明 講 師 神 戸 情 報 大 学 院 大 学
2 電 子 文 書 としてのWebページ 2
3 ホームページ(1) ホームページ 自 由 に 作 成 安 価 世 界 中 に 公 開 多 彩 な 表 現 力 双 方 向 性 - 島 根 県 立 大 学 - 島 根 県 立 大 学 短 期 大 学 部 h7p:// shimane.ac.jp/ 3
4 ホームページ(2) さまざまなサービス 双 方 向 性 の 利 用 表 現 力 の 向 上 CMSとしてシステム 化 チャット: KentWebチャットシステム h7p:// web.com/chat/sample/windy.cgi 掲 示 板 : h7p:// Wikipedia: h7p://a.wikipedia.org/ Mixi: h7p:// 4
5 ホームページ(3) オンライン 専 業 のニュースサイト Gigazine: 5
6 ハイパーテキスト (1) ハイパーテキストとは 文 書 (テキスト) 間 に 意 味 や 連 想 などに 基 づいた 関 係 性 を 与 える 仕 組 みと 実 現 機 構 膨 大 な 文 書 情 報 処 理 のための 文 書 管 理 機 構 Memex (1945) 関 連 システム (1960~) WWW (1990) 一 次 元 的 な 紙 の 本 に 対 する 新 しい 文 書 の 提 案 例 : 百 科 事 典 の 注 釈 や 関 連 項 目 の 表 記 6
7 ハイパーテキスト (2) As We May Think (1945, Vannevar Bush) 夢 の 文 書 管 理 装 置 memex(memory Extension: 記 憶 拡 張 装 置 )の 構 想 を 提 案 マイクロフィルムやレコードの 管 理 装 置 データ 間 に 連 想 関 係 を 与 える h7p:// 7
8 ハイパーテキスト (3) Douglas Carl Engelbart マウスを 発 明 ハイパーテキストの 概 念 を 実 現 NLS (on- Line System)を 実 装 (1960 年 代 ) 文 書 管 理 システム 記 述 や 操 作 が 難 しく 利 用 は 広 がらなかった 8
9 ハイパーテキスト (4) Theodor Holm Nelson 1960 年 Project Xanaduを 開 始 ハイパーテキスト 機 構 の 実 現 プロジェクト 活 動 継 続 中 Xanadu 公 式 サイト: h7p://xanadu.com/ 1965 年 ハイパーテキスト という 言 葉 を 発 明 1968 年 HyperText EdiWng Systemを 提 案 Side- by- side connecwon as schemawcally illustrated in 1965 h7p:// 9
10 余 談 : マルチメディア 1990 年 代 にパソコンマルチメディアブーム コンピュータの 進 化 が 背 景 マルチメディアとは 数 値 処 理 文 字 処 理 AV( 音 声 画 像 ビデオ) 処 理 を 加 えた 複 合 型 メディアのこと コンピュータ ソフトウェア ゲーム クリエイター 業 界 の 垣 根 を 越 えたコンテンツ 作 り 世 界 初 のCDROMドライブ 内 蔵 パソコン 富 士 通 FM- TOWNS 英 会 話 学 習 ゲーム EMIT 10
11 HTMLタグ 11 11
12 タグ: 基 本 ヘッダ 基 本 タグ <html> HTMLの 開 始 と 終 了 を 定 義 <head> ヘッダ 要 素 を 定 義 <body> ボディ 要 素 を 定 義 ヘッダ 関 連 <title> ページのタイトルを 定 義 <base> リンクのベースとなるパスを 定 義 <meta> HTML/XHTML 文 書 の 情 報 を 定 義 <link> 他 の 文 書 との 関 係 を 定 義 <style> 文 書 のスタイルを 定 義 12
13 タグ 例 : 基 本 ヘッダ HTMLヘッダ( 緑 ) head 部 とbody 部 の 指 定 ( 青 ) HTML 本 文 ( 白 ) <html> <head> <meta h7p- equiv="content- Type" content="text/html; charset=shij_jis" /> <Wtle> 情 報 公 開 システム 論 </Wtle> </head> <body> <h1>xhtmlとは</h1> <p>xhtmlとは </p> </body> </html> 13
14 タグ: 文 章 構 成 <h1>~<h6> 見 出 しを 定 義 <p> パラグラフ( 段 落 )を 定 義 <div> ディビジョン(1つのブロック)を 定 義 <span> テキストの 範 囲 を 指 定 ( 何 もしない) <br/> 強 制 改 行 <hr/> 罫 線 を 表 示 <pre> 改 行 スペース 等 を 保 ったまま 表 示 14
15 タグ 例 : 文 章 構 成 HTMLヘッダ + HTMLボディ (ヘッダ 部 省 略 ) <body> <h1>xhtmlとは1</h1> <h2>xhtmlとは2</h2> <h2>xhtmlとは3</h2> <p>こんな 感 じで 一 段 落 を 指 定 します </p> <p>さらに 続 けて もう 一 段 落 です </p> 改 行 したいときは <br> <hr> 仕 切 りの 罫 線 を 入 れてみました </body> 15
16 タグ: フォントスタイル <b> テキストをボールド 体 に 指 定 <big> フォントサイズを 大 きく 指 定 <i> テキストをイタリック 体 に 指 定 <small> フォントサイズを 小 さく 指 定 <sub> テキストを 下 付 きに 指 定 <sup> テキストを 上 付 きに 指 定 <tt> テレタイプ 文 字 に 指 定 16
17 タグ: リンク <img> 画 像 を 配 置 <a> ハイパーリンクを 定 義 17
18 タグ 例 : リンク 画 像 と 外 部 リンク src, href 属 性 にURLを 指 定 ( 赤 字 の 部 分 ) (ヘッダ 部 省 略 ) <body> 島 根 県 立 大 学 ロゴ <br> <img src=" /> <br> 島 根 県 立 大 学 への <a href=" </body> 18
19 参 考 : 画 像 URLの 確 認 方 法 画 像 の 上 で 右 クリック プロパティ アドレス 欄 を 確 認 コピーペースト 19
20 タグ: リスト <ul> リスト 形 式 を 定 義 <ol> 番 号 付 きリストであることを 定 義 <li> リスト 形 式 の 各 リストを 定 義 <dl> 見 出 し 付 きリストであることを 定 義 <dt> リストの 見 出 しを 定 義 <dd> リストの 各 項 目 を 定 義 20
21 タグ 例 : リスト リスト 数 字 つきリスト ul, ol 項 目 は li で 指 定 <body> <ul> <li>リストa</li> リストAの 内 容 <li>リストb</li> リストBの 内 容 <li>リストc</li> リストCの 内 容 </ul> <ol> <li>リスト1</li> リスト1の 内 容 <li>リスト2</li> リスト2の 内 容 <li>リスト3</li> リスト3の 内 容 </ol> </body> 21
22 タグ: テーブル <table> テーブル( 表 )を 定 義 <caption> テーブルの 表 題 を 定 義 <tr> テーブルに 新 しい 行 を 定 義 <th> ヘッダセル( 項 目 名 のセル)を 定 義 <td> データセル( 通 常 のセル)を 定 義 <thead> テーブルのヘッダ 部 を 定 義 <tbody> テーブルのボディ 部 を 定 義 <tfoot> テーブルのフッタ 部 を 定 義 <colgroup> テーブルの 列 グループを 定 義 <col> 列 グループの 中 で 列 を 定 義 22
23 演 習 :HTMLの 作 成 23
24 演 習 目 的 HTML 利 用 のイメージをつかむ すること HTMLファイルの 作 成 HTMLファイルの 閲 覧 24
25 HTMLの 書 き 方 1 全 体 構 造 の 作 成 HTML 文 書 の 基 本 構 成 形 に 合 わせて 用 意 コピーでよい 2 文 書 の 追 加 文 書 を 書 き 加 える タグの 利 用 25
26 HTMLの 基 本 構 造 ヘッダ HTML 文 書 の 設 定 タグ データ 修 飾 入 れ 子 構 造 タグの 入 れ 子 <name>taro yamada</name> タグ 構 造 : 赤 字 がタグ 白 字 がデータ <users type="array"> <user> <id>99999</id> <name>taro yamada</name> </user> </users> 入 れ 子 構 造 : タグが 別 のタグの 中 に 入 る 入 れ 子 NG <user>teruaki<id>99999</user></id> <user>teruaki<id>99999</id> 入 れ 子 NG: タグが 閉 じる 前 に 別 のタグを 開 く 入 れ 子 NG: タグが 閉 じていない 26
27 HTMLの 構 成 HTMLヘッダ + HTMLボディ <html> <head> <Wtle> 情 報 公 開 システム 論 </Wtle> </head> <body> <h1>xhtmlとは</h1> <p>xhtmlとは </p> </body> </html> 27
28 HTML 記 述 の 注 意 タグの 取 り 扱 い タグ( 要 素 タイプ 名 属 性 名 )は 小 文 字 で 記 述 属 性 の 値 は 必 ず 引 用 符 で 囲 む <xxx property=" 属 性 値 "> 終 了 タグを 省 略 しない <xxx>~</xxx> <yyy /> & の 書 き 換 え & は & と 記 述 Q&A Q&A 28
29 課 題 テンプレート 基 本 的 な 形 準 備 titleタグ 内 を 書 き 換 えてみる bodyタグ 内 にHTMLタグを 書 く <html> <head> <Wtle> 情 報 公 開 システム 論 </Wtle> </head> <body> 好 きなことをここに 書 いてみる </body> </html> 29
30 課 題 : HTMLの 利 用 本 文 を 記 述 する bodyタグ 内 に 何 でもいいので 簡 単 な 文 書 を 書 く 自 己 紹 介 とか? 利 用 するタグ <h1>, <h2>, <p>, <br> <img> <a> <ul>か<ol>の 一 方 条 件 <h1>, <h2>, <p>, <br>は1つ 以 上 使 う 画 像 1つ 以 上 リストを1つ 以 上 リンクを1つ 以 上 ファイル 名 e 学 籍 番 号.html 例 : e html 30
31 CSSについて 31 31
32 CSSとは Cascading Style Sheets の 略 Webページの 見 た 目 を 規 定 する 言 語 HTMLは 構 造 を 規 定 HTMLと 組 み 合 わせる 32
33 スタイルシートの 例 <html> <head> <title> 情 報 公 開 システム 論 </title> <style type="text/css"> H1 { color: red; } <style type="text/css">~</ style> 内 に 記 述 </style> </head> <body> 好 きなことをここに 書 いてみる </body> </html> 33
34 簡 単 なスタイルシート タグ への スタイル 指 定 タグ( 緑 )にスタイル( 赤 )を 指 定 複 数 のタグを 選 択 できる 複 数 のスタイルを 記 述 できる H1 { border- color: red; } H1 タグの border- color を red に 指 定 (=H1タグに 赤 枠 をつける) (タグ) { (スタイル): ( 指 定 ); (スタイル): ( 指 定 ); 複 数 個 を 並 べて 記 述 } 34
35 スタイルシート 命 令 色 フォントサイズ フォント 装 飾 マージン 枠 ( 無 数 に 存 在 ) 35
36 CSS: 色 の 指 定 color: 色 を 指 定 する /* 名 前 で 指 定 */ H1 { color: red; } /* 数 値 で 指 定 (16 進 数 )#RRGGBB */ H1 { color: #ff0000; } /* 数 値 で 指 定 (0~255)rgb(R, G, B) */ H1 { color: rgb(255, 0, 0); } /* 数 値 で 指 定 (0~100%) rgb(r, G, B) */ H1 { color: rgb(100%, 0%, 0%); } 36
37 CSS: フォントの 指 定 font-size: 文 字 の 大 きさを 指 定 する /* 名 前 で 指 定 */ BODY, TH, TD { font- size: large; } /* 数 値 で 指 定 */ BODY, TH, TD { font- size: 16pt; } /* 文 字 サイズを 指 定 するキーワード */ xx- small, x- small, small, medium, large, x- large, xx- large 37
38 長 さ 大 きさの 指 定 さまざまな 単 位 で 指 定 が 可 能 10em... 文 字 の 高 さを 基 準 とした1 文 字 分 の 長 さ 10px... 10ピクセル 10in... 10インチ(1in=2.54cm) 10cm... 10センチメートル(1cm=10mm) 10mm... 10ミリメートル(10mm=1cm) 10pt... 10ポイント(1pt=1/72in) 38
39 CSS: フォント 装 飾 text-decoration: 装 飾 の 指 定 文 字 の 飾 りつけ H1 { text- decorawon: blink; } underline( 下 線 ) overline( 上 線 ) line- through( 打 ち 消 し 線 ) blink( 点 滅 ) 39
40 CSS: 背 景 の 指 定 background-color: 背 景 色 を 指 定 する background-image: 背 景 画 像 の URLを 指 定 する /* 背 景 色 の 指 定 */ H1 { background- color: #ccccff; } /* 背 景 画 像 の 指 定 */ BODY { background- image: url(h7p:// } 40
41 CSS: 枠 の 指 定 border-color: 枠 の 色 border-width: 枠 の 太 さ border-style: 枠 の 線 H1 { border- color: red; border- width: 1px; border- style: solid; } none( 線 無 し) do7ed( 点 線 ) dashed( 粗 い 点 線 ) solid( 実 線 ) double( 二 重 線 ) groove( 谷 線 ) ridge( 山 線 ) inset( 内 線 ) outset( 外 線 ) 41
42 スタイルシートの 記 法 基 本 は タグ に 対 して スタイル を 指 定 タグ XHTMLのタグ( 図 中 の 緑 ) 複 数 指 定 も 可 能, (カンマ)で 区 切 る スタイル スタイル 指 定 ( 図 中 の 赤 ) (CSSキーワード): と ( 指 定 する 値 ); コロン(:)とセミコロン(;)に 注 意 H1 { border- color: red; border- width: 1px; border- style: solid; } スタイルシートの 指 定 例 (タグ) { /* コメント 欄 は 無 視 される*/ (スタイル): ( 指 定 ); (スタイル): ( 指 定 ); 複 数 個 を 並 べて 記 述 } スタイルシートの 記 法 42
43 スタイルシートの 埋 め 込 み (1) <html> <head> <meta http-equiv="content-type" content="text/html; charset=shift_jis" /> <title> 情 報 公 開 システム 論 </title> <style type="text/css"> H1 { color: red; } </style> <style type="text/css">~ </style> 内 に 記 述 </head> <body> 好 きなことをここに 書 いてみる </body> </html> 43
44 スタイルシートの 埋 め 込 み (2) <html> CSSを 外 部 ファイルにて 定 義 <head> 外 部 ファイルから 読 み 込 み <meta http-equiv="content-type" content="text/html; charset=shift_jis" /> <title> 情 報 公 開 システム 論 </title> <link rel="stylesheet" type="text/css" href="xxx.css"> </head> <body> 好 きなことをここに 書 いてみる </body> </html> CSSを 定 義 したファイル xxx.css CSSをここに 記 述 H1 { color: red; } 44
45 クラスやIDの 割 り 当 て クラス タグをグループ 化 する 仕 組 み 同 一 タグを 種 類 分 けしてデザインしたい 場 合 に 利 用 同 じH1でも 違 うデザインを 使 いたい ID タグに 名 前 をつける 仕 組 み ひとつひとつのタグを 区 別 して 扱 いたい 場 合 に 利 用 個 別 の 部 分 にデザインを 指 定 したい <h1 class="midashi1"> 見 出 しとして 扱 う!</h1> <h1 class="midashi2"> 見 出 しとして 扱 う!</h1> <h1 id="special">idで 名 前 をつけた!</h1> 同 じH1でも クラスやIDを 用 いることで 区 別 して 指 定 できる 45
46 div, spanタグ divとspanタグは 何 もしないタグ 文 章 中 で クラスやIDを 割 り 当 てるために 用 いる スタイルシートのために 用 いられる spanタグは 改 行 しない divタグはブロックとなる( 改 行 する) <span id="myname"> 横 山 輝 明 </span>です <br/> テストの<span class="keyword"> 文 章 </span>です このようにして 文 章 を <span class="keyword"> 記 述 </span>している 途 中 で 一 部 をdivタグや spanタグで 囲 んでクラスやIDを 指 定 することができます クラスやIDで 場 所 指 定 してスタイルシートを 指 定 するために 用 いられます 46
47 クラスやIDの 指 定 クラス: タグ 名 に. (ドット)で 続 けて 指 定 ID: タグ 名 に # で 続 けて 指 定 H1.midashi { border- color: red; } H1タグのmidashiクラスすべて.midashi { border- color: red; } タグを 制 限 せずに 指 定 (midashiクラスすべて) H1#myname { border- color: red; } H1タグのmyname IDすべて #myname { border- color: red; } タグを 制 限 せずに 指 定 (myname IDすべて) 47
48 スタイルシートの 利 点 見 た 目 と 構 造 を 分 離 できる 見 た 目 を 一 度 に 指 定 できる 見 た 目 を 一 度 に 変 更 できる 好 きな 見 た 目 に 変 更 できる 48
49 参 考 サイト 検 索 してみる css 入 門 など とほほのスタイルシート 入 門 とほほのWWW 入 門 49
50 演 習 :CSSの 追 加 50
51 演 習 目 的 CSS 利 用 のイメージをつかむ すること HTMLファイルへのCSS 追 加 HTMLファイルの 閲 覧 51
52 スタイルシートの 追 加 (1) HTMLヘッダ 内 に 直 接 記 述 <html> <head> <title> 情 報 公 開 システム 論 </title> <style type="text/css"> H1 { color: red; } <style type="text/css">~</ style> 内 に 記 述 </style> </head> <body> 好 きなことをここに 書 いてみる </body> </html> 52
53 スタイルシートの 追 加 (2) 外 部 ファイルで 指 定.css ファイルを 作 成 ファイルの 中 にCSSを 記 述 <html> <head> <title> 情 報 公 開 システム 論 </title> <link rel="stylesheet" href="default.css" type="text/css" /> </head> <body> 好 きなことをここに 書 いてみる </body> </html> H1 { color: red; } <style type="text/css">~</ style> 内 に 記 述 default.css ファイル ファイル 内 にCSSの 指 定 を 記 述 53
54 課 題 : CSSの 追 加 利 用 CSSの 追 加 先 ほどのHTMLファイルにCSSでデザイン 追 加 文 字 サイズ 色 背 景 などを 指 定 余 裕 があればCLASS, IDを 指 定 ファイル 名 e 学 籍 番 号.html 例 : e html e 学 籍 番 号.css 例 : e css 提 出 tel1203@gmail.com へメール タイトル: 情 報 公 開 システム 論 HTML 宛 先 ファイル 名 タイトル 厳 守 本 文 には 感 想 やコメントなども 任 意 でどうぞ 54
55 WWWとWebページ 55
56 インターネットの 特 徴 自 由 に 利 用 可 能 な 通 信 基 盤 通 信 と サービス が 分 離 インターネットは 通 信 のみ 提 供 サービス は 自 由 に 作 成 できる 56
57 インターネットとWWW インターネット 世 界 中 に 普 及 した 通 信 基 盤 WWW インターネット 上 の 情 報 公 開 システム WWWコンテンツ WWW 上 で 提 供 されるコンテンツ 動 的 なサービスも 提 供 される コンテンツ WWW インターネット 57
58 インターネット 時 代 の 幕 開 け Windows 95 (1995/11/23) インターネットプロトコル 内 蔵 ブラウザは 含 まず Internet Explorer 1.0 ブラウザ 追 加 ダウンロードして 利 用 WWWの 一 般 化 58
59 Webページ 表 現 力 の 変 遷 Yahoo!トップページ (1994) Yahoo!トップページ (2000) Yahoo!トップページ (2008) 画 像 動 画 Flashの 導 入 HTMLの 表 現 力 向 上 Yahoo!トップページ (1995) Images: Yahoo's steady home page transformation 59
60 WWWの 歴 史 1989/3 T.B- LeeがWWWのアイデアを 提 案 InformaWon Management: A Proposal 1990/11 WWW 誕 生 WorldWideWeb: Proposal for a HyperText Project, T.B- Lee 欧 州 原 子 核 研 究 機 構 (CERN)の 膨 大 な 文 書 管 理 のため 1991/8 WWW 公 開 を 広 報 1992/9 日 本 初 のWebページ 1992 Mosaicの 誕 生, Netscape 1992 W3C 設 立 CSS HTMLやXML 拡 張 の 規 格 の 標 準 化 推 進 団 体 60
61 HyperTextの 実 現 Tim Berners- Lee 欧 州 原 子 核 研 究 機 構 (CERN)の 膨 大 な 文 書 管 理 を 目 的 InformaWon Management: A Proposal (1989/3) WWWの 基 本 的 なアイデア HyperTextを 実 装 WorldWideWeb: Proposal for a HyperText Project (1990/11) 1991/8 WWWシステムを 公 開 h7p://groups.google.com/group/alt.hypertext/msg/ 395f282a67a1916c 61
62 世 界 最 初 のWebページ I promised to post a short summary of the WorldWideWeb project. Mail me with any queries. WorldWideWeb - Executive Summary The WWW project merges the techniques of information retrieval and hypertext to make an easy but powerful global information system. The project started with the philosophy that much academic information should be freely available to anyone. It aims to allow information sharing within internationally dispersed teams, and the dissemination of information by support groups. 1992/11/3 時 点 のCERN Webページ 欧 州 核 物 理 研 究 機 構 スイスジュネーブ 1991/8/7にTim Berners-Leeが ネットニュースへ 投 稿 したメッセージ 出 典 : 62
63 WWWのHyperText 構 造 HyperText 構 造 : 文 書 と 文 書 の 関 係 性 WWW 文 書 構 造 HTMLで 記 述 された 文 書 他 文 書 への 参 照 をハイパーリンクとして 設 定 文 書 (HTMLで 記 述 された 文 書 ) アンカー アンカー 文 書 (HTMLで 記 述 された 文 書 ) 文 書 ( 文 書 内 に 被 リンク 箇 所 を 持 つ 場 合 もある) フラグメント 箇 所 63
64 World Wide Web 世 界 規 模 の 文 書 共 有 システム HyperText 文 書 世 界 中 の 文 書 間 でのリンク 構 造 最 も 一 般 的 なインターネットアプリケーション 情 報 公 開 /コミュニケーション/ 商 用 利 用 などさま ざまなアプリケーションが 登 場 巨 大 なアプリケーションプラットホームへと 変 化 64
65 WWWの 三 大 要 素 URI: 住 所 の 記 載 方 法 HTTP: データのやりとりの 方 法 HTML: Webページの 記 述 言 語 65
66 URI 書 式 スキーム 部 対 象 リソースへのアクセス 手 段 WWWではhttp/https (ファイル 取 得 ではftpが 利 用 されることも) リソース 部 対 象 リソースの 識 別 子 WWWではHTML 文 書 HTML 文 書 を 格 納 するサーバの 所 在 とサーバ 内 のファイル 格 納 場 所 スキーム 部 リソース 部 http : // ホスト 所 在 (FQDNからIPアドレス) ファイルパス 66
67 HTTP Webサーバとブラウザ 間 での 通 信 プロトコル HyperText Transfer Protocol HTML 文 書 やその 他 のファイル 伝 送 に 利 用 通 信 形 態 クライアントサーバ 型 リクエストレスポンス 型 RFC
68 HTTP 機 構 HTTP 特 徴 リクエスト&レスポンス クライアントとサーバで 異 なる 機 能 を 提 供 <HTML> <TITLE> 自 己 紹 介 </TITLE> <BODY> <H1> 名 前 </H1> <P> 横 山 輝 明 </P> <H1> 挨 拶 </H1> <P> みなさん こんにちは <A HREF="ht t p: //www. cyber - u. ac. j p/"> サイバー 大 学 </A> の 横 山です </P> </BODY> </HTML> 2 格 納 HTMLファイルの 取 出 4 取 得 HTMLファイルの 表 示 1 HTTPリクエストの 送 信 3 HTTPレスポンスの 送 信 インターネット Webサーバ ブラウザ (Webクライアント) 68
69 HTML HTMLとは Webページを 記 述 するためのマークアップ 言 語 W3Cが 規 格 策 定 最 新 版 はHTML 4.01 HTMLの 特 徴 文 書 の 論 理 構 造 や 見 栄 えなどを 記 述 文 書 中 に 画 像 や 音 声 などを 配 置 できる 他 の 文 書 へのハイパーリンクを 設 定 できる 69
70 HTML 構 文 WWWの 文 書 記 述 記 法 タグと 呼 ばれる 命 令 文 < > で 囲 まれた 命 令 文 <( 開 始 タグ)> </( 終 了 タグ)> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html lang="ja" dir="ltr"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <meta name="keywords" content="サイバー 大 学,サイバー,CU,インターネット 大 学, 吉 村 作 治, 吉 村 教 授, 世 界 遺 産 学 部, 世 界 遺 産,エジプト,IT 総 合 学 部,ソフトバンク,ソ フトバンクのインターネット 大 学,オンデマンド, 動 画, 大 学, 教 育, 学 部, 講 座 "> <meta name="description" content="サイバー 大 学 インターネットを 使 って 学 ぶ 日 本 で 初 めての 大 学 2007 年 4 月 開 学 "> <title>it 総 合 学 部 サイバー 大 学 </title> 70
71 HTMLの 例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " html4/loose.dtd"> <html lang="ja" dir="ltr"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <meta name="keywords" content="サイバー 大 学,サイバー,CU,インターネット 大 学, 吉 村 作 治, 吉 村 教 授, 世 界 遺 産 学 部, 世 界 遺 産,エジプト,IT 総 合 学 部,ソフトバンク,ソフトバンクのインターネット 大 学,オンデ マンド, 動 画, 大 学, 教 育, 学 部, 講 座 "> <meta name="description" content="サイバー 大 学 インターネットを 使 って 学 ぶ 日 本 で 初 めての 大 学 2007 年 4 月 開 学 "> <title>サイバー 大 学 </title> <link rel="shortcut icon" href="/favicon.ico"> <link rel="start" href="/index.html" title="ホーム"> <link rel="contents" href="/sitemap/index.html" title="サイトマップ"> <link rel="stylesheet" href="/shared/css/common.css" type="text/css" media="screen,tv,projection"> <link rel="stylesheet" href="/shared/css/print.css" type="text/css" media="print"> <link rel="alternate stylesheet" href="/shared/css/fontsize_small.css" type="text/css" media="all" class="fontsize" タグと id="fontsize-small" 呼 ばれる 命 令 title=" と 本 文 字 サイズ: 小 "> <link rel="stylesheet" href="/shared/css/fontsize_medium.css" type="text/css" media="all" class="fontsize" id="fontsize-medium" 表 示 される 以 title=" 外 にも 文 字 サイズ: 大 量 の 標 準 情 "> 報 <link rel="alternate stylesheet" href="/shared/css/fontsize_large.css" type="text/css" media="all" class="fontsize" id="fontsize-large" title=" 文 字 サイズ: 大 "> もともとは 論 理 構 造 の 記 述 71
72 HTMLのレンダリング <HTML> <TITLE> 自 己 紹 介 </TITLE> <BODY> <H1> 名 前 </H1> <P> 横 山 輝 明 </P> <H1> 挨 拶 </H1> <P> みなさん こんにちは <A HREF=" サイバー 大 学 </A> の 横 山 です </P> </BODY> </HTML> HTMLの 特 徴 テキストファイル タグの 入 れ 子 構 造 冗 長 意 味 構 造 のみを 記 述 体 裁 は 別 途 CSS (Cascading Style Sheet)で 指 定 見 出 し リンクなど 簡 単 なHTMLファイルの 例 ブラウザ 出 力 例 72
73 初 期 のWebページ 73
74 デザインの 分 離 CSS (Cascading Style Sheets) HTML 要 素 のデザイン 指 定 レイアウト 文 字 種 類 サイズ 色 などの 装 飾 を 指 定 W3Cが 標 準 化 CSS 2.1が 提 案 (2008 年 現 在 ) CSSの 利 点 HTMLと 独 立 したデザイン 指 定 CSSを 切 り 替 えることで 多 機 種 多 環 境 へ 対 応 デザインとコンテンツの 分 業 <div id="id">テストの 文 字 列 </div> <div class="class">テストの 文 字 列 </div> HTMLタグでのid, class 指 定 p#id { color: #ff3300; font-size: 24px } pタグのid= id を 持 つタグの 装 飾 指 定 74
75 スタイルシート 例 75
76 WWW 現 在 もっとも 普 及 したハイパーテキスト 実 装 ハイパーテキスト 機 能 の 簡 単 な 実 装 Webページとリンク ユーザーに 文 書 の 格 納 場 所 を 意 識 させない サーバクライアントモデルでの 文 書 管 理 WWWを 支 える 技 術 サーバクライアントの 通 信 モデル URI, HTTP, HTML 76
77 WWWの 三 大 要 素 URI 文 書 などの 情 報 の 場 所 を 表 す 表 記 法 HTTP 文 書 などの 情 報 を 転 送 する 通 信 プロトコル HTML 文 書 を 記 述 するための 表 記 法 簡 単 なハイパーテキスト 構 造 を 持 つ 77
78 Trojan room Coffee- Pot コーヒー 残 量 確 認 サービス 英 ケンブリッジ 大 学 コンピュータ 研 究 所 内 の コーヒーポットの 残 量 表 示 WWW 最 初 期 のWebカメラアプ リケーション 1993 年 ~2001 年 h7p:// coffee.html 78
79 ファイル 公 開 の 方 法 79
80 インターネットとWWW インターネット 世 界 中 に 普 及 した 通 信 基 盤 WWW インターネット 上 の 情 報 公 開 システム WWWコンテンツ WWW 上 で 提 供 されるコンテンツ 動 的 なサービスも 提 供 される コンテンツ WWW インターネット 80
81 HTTP 機 構 HTTP 特 徴 リクエスト&レスポンス クライアントとサーバで 異 なる 機 能 を 提 供 <HTML> <TITLE> 自 己 紹 介 </TITLE> <BODY> <H1> 名 前 </H1> <P> 横 山 輝 明 </P> <H1> 挨 拶 </H1> <P> みなさん こんにちは <A HREF="ht t p: //www. cyber - u. ac. j p/"> サイバー 大 学 </A> の 横 山です </P> </BODY> </HTML> 2 格 納 HTMLファイルの 取 出 4 取 得 HTMLファイルの 表 示 1 HTTPリクエストの 送 信 3 HTTPレスポンスの 送 信 インターネット Webサーバ ブラウザ (Webクライアント) 81
82 FTP 概 要 FTP 概 要 FTPはファイル 転 送 のツール Webサーバへのファイル 転 送 に 利 用 インターネット Webサーバ ファイル 転 送 <HTML> <TITLE> 自 己 紹 介 </TITLE> <BODY> <H1> 名 前 </H1> <P> 横 山 輝 明 </P> <H1> 挨 拶 </H1> <P> みなさん こんにちは <A HREF="ht t p: //www. cyber - u. ac. j p/"> サイバー 大 学 </A> の 横 山です </P> </BODY> </HTML> ブラウザ (Webクライアント) 公 開 するファイルを 準 備 して Webサーバに 転 送 する ( 転 送 にjpを 利 用 ) 82
83 FTPクライアント FTPのファイル 転 送 するソフトウェア さまざまなものが 存 在 今 回 はFFFTPを 使 う sourceforge に 最 新 版 h7p://sourceforge.jp/projects/ffjp/ 83
84 FFFTPの 利 用 イメージ 手 元 のパソコンの 中 ファイルを 相 互 に 転 送 する ネットワーク 上 の コンピュータの 中 84
85 FTP 設 定 サーバ (ホスト 名 ): ユーザアカウント (ユーザー 名 ):shimane (パスワード): ( 口 頭 で 伝 える) アップロード 場 所 ( 右 側 のサーバ 領 域 ) 後 で 説 明 する クイック 接 続 で サーバへの 接 続 を 開 始 する 85
86 演 習 :アップロード 86
87 演 習 :アップロード アップロードする FFFTPを 利 用 public_html 内 にグループのディレクトリを 作 成 そのディレクトリ 内 にファイルをアップロード 閲 覧 する h7p:// u.info/~shimane/ PC 携 帯 から 他 グループのページも 閲 覧 する 87
情報公開システム論2.pptx
情 報 公 開 システム 論 (2) 神 戸 情 報 大 学 院 大 学 横 山 輝 明 電 子 文 書 としてのWebページ 2 ホームページ(1) ホームページ 自 由 に 作 成 安 価 世 界 中 に 公 開 多 彩 な 表 現 力 双 方 向 性 - 島 根 県 立 大 学 - 島 根 県 立 大 学 短 期 大 学 部 h,p://www.u- shimane.ac.jp/ 3 ホームページ(2)
第3回HP講習会資料ver1.2(2007.9.20)
1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート
Microsoft PowerPoint - InfPro_I9.pptx
今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ
文 書 構 造 とスタイル
第 4 回 の 内 容 文 書 構 造 とスタイル CSSの 基 礎 図 表 の 利 用 文 書 構 造 とスタイル 自 己 紹 介 のHTML 文 書 放 送 太 郎 の 自 己 紹 介
Lecture/CompPracR2003/12th
Lecture/CompPracR2003/12th 2016 年 7 月 17 日 コンピュータ 演 習 ( 再 ) 第 12 回 (1) Webページの 作 成 (1) Webページを 作 成 する 道 具 (1) テキストエディタを 使 うメリット デメリット (2) HTML (2) HTMLとは (2) HTMLの 書 き 方 (3) HTMLファイルの 構 造 (3) 空 白 と 改 行
HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d
第 10 回 HTMLの の 基 礎 HTMLとは 作 成 手 順 基 本 形 改 行 と 段 落 整 形 済 みテキスト 横 線 見 出 し リスト1(UL,OL) リスト2(DL) インライン 画 像 リンク HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd
ホームページ制作スターターズ
HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述
PowerPoint プレゼンテーション
1 山 都 町 移 住 定 住 サイト マイホームページ 操 作 説 明 書 平 成 26 年 3 月 10 日 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 センター 承 認 公 開 申 請 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト
html_text
HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web
Microsoft PowerPoint - 08回目.pptx
1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading
Microsoft PowerPoint - css [互換モード]
![Microsoft PowerPoint - css [互換モード]](/thumbs/39/20119160.jpg "Microsoft PowerPoint - css [互換モード]")
情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく 使
2 詳 細 なレイアウトを 記 述 できる HTMLよりレイアウト 記 述 力 が 高 い 例 )テキストや 画 像 を 好 きな 位 置 に 配 置 できる HTMLから レイアウトに 関 する 記 述 を 除 去 で きる HTMLがシンプルに 文 法 間 違 いを 減 らせる 情 報 を 正
1 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく
1/2
札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト (2) 1 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト HTMLの 基 礎 知 識 (2) 1 画 像 の 表 示 HPに 画 像 を 表 示 させてみる まず HTML 文 書 と 同 じフォルダ 内 にJPEGファイル( 拡 張 子.jpg )を1 個 準 備 する ( 画
スライド 1
第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの
Microsoft PowerPoint - css.ppt [互換モード]
![Microsoft PowerPoint - css.ppt [互換モード]](/thumbs/41/22472741.jpg "Microsoft PowerPoint - css.ppt [互換モード]")
情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 W3Cで 推 奨 される
目 次 1.ログイン 方 法 P2 2.ログアウト 方 法 P3 3. 基 本 設 定 変 更 サイトネーム スローガンの 設 定 P10~11 カラーバリエーションの 選 択 P12 メニュースタイル 色 の 設 定 P12 4.トップページの 画 像 編 集 画 像 の 変 更 P13~14 T
ホームページングサービス G o o d P a g e E a s y GoodPageASPシリーズ 操 作 マニュアル 基 本 操 作 編 (EASY+のメニュー 操 作 については メニュー 操 作 編 をご 覧 下 さい) ASPシリーズ(SUPERLITE EASY EASY+)の 基 本 操 作 手 順 は 共 通 ですが マニュアルではGoodPageEASYの 画 面 で 説 明
Fckeditor の 基 本 的 な 使 い 方 Point!! fckeditor を 上 手 く 使 うコツ 始 めにページ 内 に 一 通 り 文 章 ( 画 像 や 表 を 含 む)を 書 いてから 文 字 装 飾 をして 下 さい 編 集 したいテキストや 画 像 を 選 択 し アイコ
Fckeditor マニュアル 目 次 Fckeditor の 基 本 的 な 使 い 方... 2 記 事 の 登 録 プレビューの 前 に... 2 リンクを 挿 入... 5 画 像 を 挿 入 する... 6 PC に 保 存 している 画 像 の 挿 入... 6 WEB 上 の 画 像 を 挿 入... 8 文 字 装 飾... 10 文 章 を 見 出 しにする... 10 太 文 字
CSSの基礎
Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する
PowerPoint プレゼンテーション
1 履 修 履 歴 データベースの 仕 組 み 学 生 が 履 修 履 歴 を 登 録 して 企 業 へデータを 送 信 すると 企 業 担 当 者 が 履 修 履 歴 データを 見 られるようになります 不 特 定 の 企 業 に 履 修 履 歴 データが 閲 覧 されるわけではありません < 基 本 的 な 流 れ> A 社 データ ベース 応 募 企 業 へ データを 送 信 学 生 A 専
KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2
目 次 動 作 環 境 特 長 方 法 方 法 起 動 終 了 方 法 方 法 操 作 方 法 使 方 使 方 使 方 詳 細 設 定 使 方 KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2 KINGSOFT Office 2016 特 長 主 特 長 以
PowerPoint プレゼンテーション
1 ましき はぴまるサイト マイホームページ 操 作 説 明 書 平 成 27 年 12 月 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト デザインの 設 定 (p5) 3 記 事 の 登
コンピュータ基礎実習(上級) 第二回
コンピュータ 基 礎 実 習 ( 上 級 ) 第 四 回 ウェブページの 作 成 について3 清 水 淳 紀 前 回 までの 内 容 ページの 作 成 方 法 ( 編 集 アップロード 確 認 ) ページはKompozer やメモ 帳 等 で 編 集 する ページを 公 開 するには アップロードをする 必 要 がある Internet Explorerなどでページを 開 き F5キーで 表 示 を
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.テキストメール 編 集 開 封
006-021_責）Wordトレ2-1章_斉
. Wordの 起 動 Wordの 基 礎 知 識. Wordの 起 動 Wordの 起 動 は 次 のように 行 います 他 のアプリケーションソフトのように いくつかの 起 動 方 法 があります スタートメニューからの 起 動 スタートメニューから 起 動 する 方 法 は 次 の 通 りです [スタート]メニューの[すべてのプログラム]から[Microsoft-Office]の [Microsoft-Word]を
Microsoft Word - 201009_page新機能について.doc
@page 新 機 能 について 1. 全 体 背 景 とページ 背 景 画 像 に 画 像 の 入 力 背 景 にグラデーションを 採 用 する 11. 全 画 面 基 本 項 目 の 設 定 の 実 行 ボタンを 選 択 2 背 景 色 を 白 にし カスタマイズ 画 像 を 使 用 する をチェックする グラデーション 画 像 を 横 に 繰 り 返 し 表 示 を 選 択 背 景 とページを
ＸＭＬ形式の電子報告書作成に当たっての留意事項
XML 形 式 の 電 子 報 告 書 作 成 に 当 たっての 留 意 事 項 Excel テンプレート 入 力 方 式 において 社 内 システム 等 から 直 接 XML 形 式 の 電 子 報 告 書 ( 以 下 XML 送 信 ファイル という)を 作 成 する 場 合 以 下 の 点 にご 留 意 ください ( 留 意 事 項 1)ファイル 名 称 拡 張 子 XML 送 信 ファイルのファイル
■新聞記事
情 報 処 理 C (P.1) 情 報 処 理 C (2016 年 度 ) ホームページ 作 成 入 門 テキストエディタ(メモ 帳 TeraPad など)でHTMLファイルを 作 成 する HTML(Hyper Text Markup Language ) ホームページを 記 述 するための 言 語 のこと テキストエディタの 起 動 (TeraPad の 場 合 ) [スタート]-[プログラム]-[テキストエディタ]-[TeraPad]
1.2. ご 利 用 環 境 1.2.1. 推 奨 ブラウザ Internet Explorer 10 11 Google Chrome(バージョン 32 時 点 で 動 作 確 認 済 み) Mozilla Firefox(バージョン 26 時 点 で 動 作 確 認 済 み) Safari 7
1. アーカイブデータベースを 検 索 / 閲 覧 する 1.1. データの 検 索 方 法 東 京 アーカイブ では 以 下 に 分 類 されるカテゴリの 画 像 データ 資 料 データを 閲 覧 できます 江 戸 城 浮 世 絵 双 六 和 漢 書 江 戸 東 京 の 災 害 記 録 絵 葉 書 写 真 帖 近 代 の 地 図 東 京 府 東 京 市 関 係 資 料 番 付 建 築 図 面 書
■デザイン
Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) デザイン デザインでは 各 ページ 内 に 構 成 されるパーツである ピース と それをページ 内 に 配 置 し 構 成 する レイアウト を 作 成 できます また スタイルシート でピース レイ アウトの HTML を 制 御 し 装 飾 する CSS を 設 定 できます ピース デザイン>ピース ピース をクリックすると
目 次 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. メール 一 覧 画 面...
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
練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と
ウェブデザイン 技 能 検 定 3 級 実 技 練 習 問 題 本 練 習 問 題 の 著 作 権 は 当 協 会 に 帰 属 します 協 会 の 提 供 する 一 部 又 は 全 ての 練 習 問 題 を 無 断 で 複 写 転 載 営 利 利 用 することを 禁 止 します 内 容 解 答 その 他 一 切 のお 問 い 合 わせは 受 け 付 けておりません 本 練 習 問 題 と 実 際 の
目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの
Google Blogger 入 門 目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの 編 集... 9 テンプレートの 設 定... 10 ブログの
■新聞記事
PowerPoint2013 基 本 操 作 P.1 PowerPoint2013 基 本 操 作 1.PowerPoint2013 の 起 動... 2 2.スライドのサンプル... 3 3.スライドの 作 成... 4 4. 文 字 の 入 力 とテキストボックス... 5 5. 図 の 作 成 と 書 式 設 定... 5 6.グラフの 作 成... 6 7. 背 景 デザインと 配 色...
PowerPoint プレゼンテーション
定 型 カタログ 作 成 ツール CatalogPacker のご 紹 介 平 成 26 年 7 月 8 日 共 同 印 刷 株 式 会 社 トータルソリューションオフィス 藤 森 良 成 定 型 カタログ 作 成 ツール CatalogPacker の 概 要 CatalogPacker は 定 型 カタログを 製 作 を 行 うための Web to Print システムです Webブラウザ 上
スライド 1
e 研 修 PDCA 運 用 チェック Simple e-learning Management System Plus 操 作 説 明 書 管 理 者 機 能 ( 運 用 チェックテーマ 資 材 作 成 管 理 編 ) 05 年 月 Ver..7 アーチ 株 式 会 社 機 能 e 研 修 管 理 機 能 LOGIN 画 面 (PC 環 境 用 ) 説 明 e 研 修 管 理 機 能 LOGIN
2 Wee とは Wee はホームページの 更 新 ツールです Wee は サイトの 枠 組 みをWeb 製 作 業 者 が 作 成 し 更 新 は お 客 様 に 自 由 にしていただこうというコンセプトの 製 品 です インターネットに 繋 がる 場 所 ならどこからでも ブラウザでホームページ
1 ホームページ 更 新 ツール Wee&Wee Mobile のご 紹 介 http//www.i 2 Wee とは Wee はホームページの 更 新 ツールです Wee は サイトの 枠 組 みをWeb 製 作 業 者 が 作 成 し 更 新 は お 客 様 に 自 由 にしていただこうというコンセプトの 製 品 です インターネットに 繋 がる 場 所 ならどこからでも ブラウザでホームページの
Microsoft Word - FBE3A91F.doc
広 島 大 学 ウェブマネジメントシステム 共 通 事 項 (Ver:2009.04.16) 本 システムに 関 する 問 い 合 わせ 本 システムに 関 する 問 い 合 わせは 下 記 までご 連 絡 ください 社 会 連 携 情 報 政 策 室 広 報 グループ 内 線 :5017 5017 6131 E-mail mail:koho@office.hiroshima koho@office.hiroshima-u.ac.jp
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
スライド 1
立 命 館 大 学 校 友 会 本 部 提 供 校 友 会 ホームページ 操 作 マニュアル 担 当 : 泉 慎 平 izumi@humanweb.net 株 式 会 社 ヒューマンウェブ 600-8269 京 都 市 下 京 区 七 条 通 堀 川 西 入 ル 朝 日 ビル2F TEL.075-352-3477 FAX.075-352-2877 目 次 各 ページの 説 明 ホームページ 構 成..03
Microsoft Word - 不正アクセス行為の禁止等に関する法律等に基づく公安
不 正 アクセス 行 為 の 禁 止 等 に 関 する 法 律 等 に 基 づく 公 安 委 員 会 による 援 助 等 の 措 置 に 関 する 訓 令 平 成 12 年 7 月 1 日 警 察 本 部 訓 令 第 25 号 改 正 平 成 14 年 11 月 22 日 本 部 訓 令 第 29 号 平 成 16 年 3 月 25 日 本 部 訓 令 第 6 号 平 成 24 年 5 月 1 日
地域ポータルサイト「こむねっと ひろしま」
5. エディタの 使 い 方 5.1. エディタとは? NetCommons の 全 モジュールで 共 通 する 編 集 画 面 です 5.2. 通 常 のエディタの 使 い 方 (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (11) (12) (13) (14) (15) (16) (17)(18) (19)(20)(21) (22) (23) (24) (25)
1 全 体 のレイアウトを 把 握 する 2 段 組 レイアウト 1 段 組 レイアウト 左 サイドメニューが 表 示 され, 新 着 記 事 が 一 覧 (または 簡 略 形 式 ) 投 稿 した 記 事 が, 日 付 順 にそのまま 表 示 される で 表 示 される 管 理 メニュー(ダッシュ
編 集 者 ユーザー 用 CONTENTS 全 体 のレイアウトを 把 握 する... 1 管 理 メニュー(ダッシュボード)へログインする... 1 ダッシュボードの 見 方 を 覚 える... 2 新 規 投 稿 の 方 法 について... 3 投 稿 記 事 を 編 集 する... 4 メディア( 外 部 ファイル)を 追 加 する... 5 別 のサイトへリンクする... 6 HTML 編
スライド 1
ホームページサービスLite 操 作 マニュアル 目 次 はじめに 第 章 システム 起 動 第 章 ホームページアドレス 設 定 第 章 デザイン 編 集 デザインテンプレート 第 4 章 HOME 編 集 画 像 アップロード 方 法 第 5 章 会 社 案 内 編 集 第 6 章 主 要 設 備 編 集 第 7 章 ホームページ 公 開 第 8 章 会 社 案 内 カタログ 出 力 4 5 6
タグの 内 側 で 関 数 を 定 義 してタグ 側 で 実 行 することもできます <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
Microsoft Word - 資料5-1_資料掲載_ver201603.docx
( 資 料 5-1) 授 業 資 料 の 掲 載 授 業 資 料 を 掲 載 する 手 順 について 説 明 します. ここでは,PDF と Powerpoint ファイルを 例 に 説 明 しますが, 他 の 形 式 のファイルも 資 料 として 掲 載 可 能 です. 1. コースメニュー 画 面 のコンテンツ 一 覧 から, 資 料 の 新 規 作 成 を 選 択 あるいは, 編 集 / 削
Microsoft Word - 03accessデータベース演習レジメ.doc
Access データベース 演 習 1ワードでデータベースの 基 礎 になるテキストデータを 整 形 し 2Excel でのデータベースの 基 本 的 な 扱 いに 慣 れ さらに3Access を 用 いて クエリやリレーションシップの 概 念 を 理 解 し Excel との 連 携 を 実 践 することを 目 的 とする 題 材 としては 定 期 試 験 対 策 用 の 英 単 語 リストを
HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー
Web ページ 作 成 2011/ 5/31 Web ページとは IT 用 語 事 典 e-words より Web ページ web page 読 み 方 : ウェブページ WWW システムを 使 ってインターネット 上 で 公 開 されている 文 書 Web ブラウザに 一 度 に 表 示 されるデータのまとまりで テキストデータや HTML によるレイアウト 情 報 文 書 中 に 埋 め 込
TIPS - 棚 割 りを 開 始 するまで Liteを 起 動 し 企 業 情 報 の 追 加 を 行 い 棚 割 を 行 う 企 業 の 追 加 をして 下 さい 企 業 情 報 の 追 加 時 に エラーメッセージが 表 示 された 場 合 別 途 TIPS トラブルが 発 生 した 場 合
TIPS 目 次 TIPS 項 目 棚 割 りを 開 始 するまで 商 品 画 像 の 追 加 方 法 商 品 情 報 の 一 括 更 新 登 録 方 法 棚 割 情 報 の 連 携 方 法 小 売 様 棚 割 ソフトとの 棚 割 情 報 連 携 について 他 棚 割 ソフトとの 棚 割 情 報 連 携 について 棚 割 情 報 のExcel 取 込 について 棚 板 設 定 の 詳 細 商 品 設
研究者総覧システム
関 西 大 学 学 術 情 報 システム 操 作 マニュアル 検 索 用 第 1.5 版 2010/4/1 関 西 大 学 更 新 履 歴 版 数 作 成 日 内 容 1.0 2008/11/28 新 規 作 成 1.1 2009/04/08 画 像 の 変 更 ログイン 画 面 への 遷 移 を 追 加 キーワード 検 索 の 対 象 を 変 更 概 要 の 変 更 対 象 ブラウザの 追 加 1.2
目 次 1. ログイン/ログアウト 1.1 ログインする p.2 1.2 ログアウトする p.3 2. 受 講 一 覧 画 面 p.4 3. 授 業 ページの 閲 覧 3.1 授 業 ページへの 遷 移 p.5 3.2 授 業 資 料 を IT s class.からダウンロードする p.6 3.3
IT s class. 学 生 操 作 マニュアル 明 治 学 院 大 学 情 報 センター 目 次 1. ログイン/ログアウト 1.1 ログインする p.2 1.2 ログアウトする p.3 2. 受 講 一 覧 画 面 p.4 3. 授 業 ページの 閲 覧 3.1 授 業 ページへの 遷 移 p.5 3.2 授 業 資 料 を IT s class.からダウンロードする p.6 3.3 レポート
目 次 1. ログイン...3 2. ユーザー 登 録...4 3. TOP...6 4. 職 員...8 (1) 職 員 の 名 刺 表 示...8 (2) 職 員 の 名 刺 一 括 ダウンロード...8 (3) 職 員 の 名 刺 帳 から 検 索...8 5. 検 索...9 (1) 氏 名
特 許 取 得 済 み 平 成 26 年 9 月 15 日 株 式 会 社 メディケア 名 刺 ネットクラブ 画 面 説 明 書 1 目 次 1. ログイン...3 2. ユーザー 登 録...4 3. TOP...6 4. 職 員...8 (1) 職 員 の 名 刺 表 示...8 (2) 職 員 の 名 刺 一 括 ダウンロード...8 (3) 職 員 の 名 刺 帳 から 検 索...8 5.
ホームページ掲載用原稿入稿のご案内
ホームページ 掲 載 用 原 稿 入 稿 のご 案 内 この 度 は スマイルサーバ 簡 単 ホームページ 制 作 入 稿 コース にお 申 し 込 み 頂 きまして 誠 にありがとうございます 本 コースは 弊 社 指 定 の 入 稿 フォーマット( 本 資 料 の2ページ 目 以 降 )に 従 って お 客 様 にテンプレート 選 定 及 びホームペ ージ 基 本 情 報 や 各 ページに 掲
（１）
第 回 アビリンピック 京 都 大 会 ホームページ 部 門 練 習 問 題 (1) 仕 様 1 ホームページの 内 容 府 立 京 都 高 等 技 術 専 門 校 のホームページを 作 成 する 2 ページ 構 成 とファイル index.html guid.html course.html mystyle.css ie.css 以 上 のファイルと 素 材 はホームページよりダウンロードして
スライド 1
アリババ ワールドパスポート 製 品 詳 細 ご 利 用 ガイド 2010/03/11 Ver1.00 2012/10/09 Ver1.50 お 問 い 合 わせ 先 アリババ 株 式 会 社 メール:infoggs@alibaba-inc.jp 103-0007 東 京 都 中 央 区 日 本 橋 浜 町 2-12-4 エスエス 製 薬 本 社 ビル4F 目 次 文 字 装 飾 の 追 加 変 更
Flash基礎Chapter1_3稿.indd
Chapter 1 Flashの 概 要 PREPARATION Chapter1 で 使 用 するフォルダー 本 講 座 で 使 用 するデータは 映 像 教 材 ページからダウンロードしてください ダウンロードしたデータは 展 開 し デスクトップに 用 意 してください Flas hの 概 要 Chapter 1 1-1 Flashとは Flash は アニメーションや RIA を 作 成 することができるアプリケーションです
OpenCity2説明
和 光 市 市 民 活 動 支 援 サイト 新 掲 示 板 (FCKエディタ)について 通 常 ホームページを 作 成 するには HTML という 専 門 言 語 の 知 識 が 必 要 ですが FCK エディ タを 使 えば ワードやエクセルと 同 じ 感 覚 で タイトル 文 字 を 太 字 にしたり 表 を 作 成 したり 画 像 を 挿 入 したり 更 にはワードで 作 成 した 文 章 スタイルそのままにコピー&ペースト
<4D6963726F736F667420576F7264202D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A83858341838B8169342E33566572816A2E646F63>
商 品 管 理 商 品 管 理 を 行 うためのメニューです 4.1 商 品 管 理 のサイドメニュー 商 品 管 理 には 以 下 のサイドメニューがあります 商 品 一 覧 登 録 済 みの 商 品 の 一 覧 を 表 示 します 既 に 登 録 済 みの 商 品 の 検 索 検 索 した 商 品 を 編 集 する 際 に 使 用 します 新 規 作 成 商 品 を 新 規 登 録 する 画 面
<4D6963726F736F667420576F7264202D20979897708ED28FDA8DD7837D836A83858341838B2E646F6378>
デジタル 化 資 料 送 信 サービス の 利 用 方 法 目 次 1 はじめに(サービスの 概 要 利 用 上 の 注 意 ) p.1 2 検 索 の 仕 方 ( 本 を 探 す) p.3 3 閲 覧 の 仕 方 ( 本 を 読 む) p.7 1 はじめに 1.1 サービスの 概 要 について デジタル 化 資 料 送 信 サービス ( 送 信 サービス)は 国 立 国 会 図 書 館 でデジタル
研究者情報データベース
研 究 者 情 報 管 理 システム 研 究 者 向 けデータ 一 括 登 録 機 能 操 作 マニュアル 2013 年 6 月 4 日 目 次 1. はじめに... 1 1.1 本 マニュアルの 注 意 事 項... 1 2. 操 作 手 順... 2 2.1 データ 登 録 手 順... 2 2.2 データ 読 み 込 みエラー 時 の 対 応 手 順... 13 3. 登 録 データ 一 覧...
InfoPros13_digest.key
! CSS sample2.css h1 h1 { color : blue ; } : ; { } : 14 : : p { font-size: 14pt; } p { font-style: italic; } p { text-decoration: underline; } p { font-size:
第7章 Webページによる情報の発信
筑 波 大 学 情 報 処 理 実 習 Webページによる 情 報 の 発 信 情 報 処 理 実 習 用 手 引 き P.197~226 World Wide Web (WWW) インターネット 上 のハイパーテキストシステム 1989 年 にCERNの 物 理 学 者 Tim Berners-Leeが 発 明 WWWはインターネットとも 呼 ばれるが, 両 者 は 同 義 語 ではない WebページのアドレスURL
第9回
第 9 回 2016 年 7 月 16 日 情 報 教 育 演 習 II 第 9 回 (1) CSS(4) (1) 今 回 の 課 題 (2) リストの 記 号 や 番 号 の 設 定 (2) クラスの 利 用 (2) クラスとは (2) クラスを 使 った 設 定 (3) CSSファイルでの 設 定 (3) HTMLファイルでの 利 用 (3) クラスの 利 用 例 (1) (3) クラスの 利
Microsoft Word - 311Tools_END
11.1 テキストエディター(TeraPad) 第 11 章 さらに 使 いこなすためのツール Windows の 標 準 で 搭 載 されているテキストエディターのメモ 帳 Word などに 比 べて メモ 帳 は 軽 く ちょっとした 文 章 を 書 くのに 非 常 に 便 利 です しかし メモ 帳 は 軽 いだけに 機 能 性 はそれほど 高 くありません この 章 で 紹 介 する TeraPad
Microsoft PowerPoint - final.ppt
相 互 連 携 可 能 な 情 報 提 供 シス テムの 研 究 用 語 体 系 および 検 索 システムへの 適 用 高 久 雅 生 筑 波 大 学 図 書 館 情 報 メディア 研 究 科 博 士 後 期 課 程 2004 年 9 月 1 日 学 位 論 文 最 終 発 表 会 1 目 次 背 景 と 目 的 検 索 システム 間 の 連 携 1JAPAN/MARC 検 索 システム 2Dublin
機 能 概 要 概 要 平 成 24 年 度 シームレスな 地 域 連 携 医 療 の 実 現 実 証 事 業 に 対 応 するため 地 域 連 携 システム( 能 登 北 部 版 )を 構 築 する 機 能 < 機 能 追 加 変 更 一 覧 > 1. 画 像 連 携 機 能 院 内 で 撮 影
厚 生 労 働 省 シームレスな 健 康 情 報 活 用 基 盤 実 証 事 業 地 域 連 携 システム システム 仕 様 書 1 機 能 概 要 概 要 平 成 24 年 度 シームレスな 地 域 連 携 医 療 の 実 現 実 証 事 業 に 対 応 するため 地 域 連 携 システム( 能 登 北 部 版 )を 構 築 する 機 能 < 機 能 追 加 変 更 一 覧 > 1. 画 像 連
PowerPoint プレゼンテーション
創 薬 基 盤 推 進 研 究 事 業 (4 次 公 募 ) H27 年 度 公 募 に 係 る 府 省 共 通 研 究 開 発 管 理 システム (e-rad)への 入 力 方 法 について 1 目 次 1.はじめに 2. 実 際 の 応 募 手 続 き 3. 応 募 手 続 き 完 了 の 確 認 2 1-a. はじめに1 注 意 事 項 1. 平 成 27 年 度 の 創 薬 基 盤 推 進
クリック クリック リンクを 張 るためのタグ タグ <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
<4D6963726F736F667420576F7264202D20574254816995B68F918DEC90AC89898F4B899E977095D2816A2E646F63>
文 書 作 成 演 習 ( 応 用 編 ) (Word007,Excel007) 文 書 作 成 演 習 ( 応 用 編 ) のテキストを 参 考 にしながら, 次 の 学 級 だよりを 作 成 してみましょう IPA 教 育 用 画 像 素 材 集 より < 演 習 のための 準 備 > 演 習 用 素 材 のフォルダをデスクトップ 上 に 作 成 します IPA 教 育 用 画 像 素 材 集
Microsoft Word - ML_ListManager_10j.doc
メーリングリスト 利 用 の 手 引 き(リスト 管 理 者 編 ) for LyrisSynaptive ListManager 10j 第 5 版 目 次... 1 1. メーリングリストとは?... 2 2. メーリングリストの 開 設... 2 2-1 管 理 者 画 面 へのログイン... 2 2-2 リスト 管 理 者 自 身 のパスワードの 変 更... 4 3. メンバーの 登 録...
<IE の 設 定 について> 従 来 版 をすでにご 利 用 の 方 の 場 合 互 換 表 示 設 定 がある 状 態 になっていると 思 わ れますので 必 ず 解 除 の 設 定 を 行 ってください 従 来 版 では IE の 10 以 上 では 互 換 表 示 設 定 が 必 要 でした
地 盤 情 報 検 索 サイト KuniJiban の 新 たな 検 索 画 面 ( 地 理 院 地 図 版 )について これまで 本 サイトで 地 盤 情 報 検 索 の 背 景 地 図 として 使 用 しておりました 電 子 国 土 web システム が 平 成 27 年 7 月 に 運 用 を 停 止 することから 新 たに 地 理 院 地 図 を 背 景 地 図 とする 検 索
< 目 次 > 8. 雇 用 保 険 高 年 齢 雇 用 継 続 給 付 27 ( 育 児 休 業 給 付 介 護 休 業 給 付 ) 8.1 高 年 齢 雇 用 継 続 給 付 画 面 のマイナンバー 設 定 27 8.2 高 年 齢 雇 用 継 続 給 付 の 電 子 申 請 28 8.3 高
雇 用 保 険 マイナンバー 改 定 向 け 操 作 説 明 書 < 目 次 > 1.マイナンバー 等 の 法 令 改 定 対 応 について 3 1.1 法 令 改 定 の 変 更 点 3 1.2 その 他 主 要 な 変 更 点 4 2.マイナンバー 管 理 システムとの 連 携 設 定 5 2.1 マイナ de 社 労 夢 の 運 用 設 定 5 2.2 マイナ de 社 労 夢 CL の 運
項 目 設 定 設 置 可 能 項 目 数 100 項 目 投 票 フォームの 設 置 可 能 投 票 項 目 数 1 項 目 (10 選 択 肢 ) 必 須 項 目 設 定 条 件 項 目 設 定 添 付 ファイル 合 計 容 量 入 力 項 目 を 必 須 項 目 に 設 定 できます フォーム
更 新 日 :2015 年 4 月 14 日 料 金 初 期 費 用 月 額 料 金 無 料 サーバーの 初 期 セットアップ 時 以 外 または 複 数 フォームメーラーを インストールする 場 合 には 別 途 費 用 が 必 要 となります 無 料 スペック 100 個 作 成 可 能 フォーム 数 一 般 投 票 注 文 フォームに 対 応 設 置 可 能 項 目 数 100 項 目 添 付
スライド 1
新 機 能 マニュアル( 事 業 者 向 け) 平 成 22 年 7 月 新 機 能 概 要 携 帯 電 話 メールアドレス 入 力 項 目 追 加 ( 詳 細 2P) ページデザイン 選 択 (5パターン) ページレイアウトが 選 択 可 能 になります ( 詳 細 3P) Googleマップ 設 定 Googleマップを 自 動 表 示 します ( 詳 細 4P) QRコードの 表 示 / 非
Microsoft PowerPoint - J_AuthorManual_JPSJ.ppt [互換モード]
![Microsoft PowerPoint - J_AuthorManual_JPSJ.ppt [互換モード]](/thumbs/39/20103114.jpg "Microsoft PowerPoint - J_AuthorManual_JPSJ.ppt [互換モード]")
ScholarOne Manuscripts オンライン 投 稿 マニュアル 1 語 表 の 切 替 え 2 ログイン 34 アカウント 作 成 5 メインメニュー 6 ダッシュボード 7 Step 1: 種 別 タイトル 抄 録 8 Step 2: キーワード 9 Step 3: 著 者 10 Step 4: 希 望 査 読 者 11 Step 5: 設 問 1213 Step 6: ファイルアップロード
Microsoft Word - TCⅡﾏﾆｭｱﾙ_第6章_ doc
.1 章 -1 .1 様 々な 機 能 を 利 用 し 簡 単 にイメージ 通 りの 加 工 が 行 えます した は 元 を 残 し 新 規 として 保 存 されます また 再 できる 加 工 内 容 の 場 合 は 上 書 き 保 存 することができます.1.1 面 について 配 置 面 ( 第 4 章 ) ペンスコープ 面 ( 第 5 章 ) 一 覧 面 ( 第 12 章 )( 複 数 選 択
１-１ 一覧画面からの印刷
第 7 章 公 報 の 印 刷 7-1 一 覧 画 面 からの 印 刷 検 索 された 公 報 は 印 刷 することができます 目 次 印 刷 や 公 報 全 文 複 数 件 の 公 報 印 刷 も 可 能 です はじめに 検 索 画 面 から 結 果 一 覧 ボタンを 押 して 検 索 結 果 一 覧 画 面 を 表 示 させます 印 刷 方 法 をご 確 認 ください 一 括 選 択 ( 反 転
改 定 履 歴 改 訂 日 改 訂 理 由 及 び 内 容 承 認 者 確 認 者 改 訂 者 05/8/7 新 版 発 行 05/0/5 推 奨 動 作 環 境 を 追 記
代 理 店 様 向 け 業 務 支 援 システム Ke-web オペレーションマニュアル 05/0 ケニス 株 式 会 社 改 定 履 歴 改 訂 日 改 訂 理 由 及 び 内 容 承 認 者 確 認 者 改 訂 者 05/8/7 新 版 発 行 05/0/5 推 奨 動 作 環 境 を 追 記 総 則 本 文 書 の 位 置 付 け 本 文 書 は 代 理 店 向 け 営 業 支 援 システム
治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.3 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバン
2014 年 1 月 7 日 治 験 依 頼 者 各 位 新 潟 市 民 病 院 治 験 管 理 室 Excel 形 式 の 電 子 プロトコール 提 出 の 御 依 頼 当 院 では 効 率 的 で 正 確 な 治 験 の 実 施 のため 電 子 カルテ 内 に 専 用 の Excel 形 式 による 電 子 プロトコールを 導 入 しております つきましては 治 験 依 頼 の 際 に 下 記
SchITコモンズ【活用編】
2016 SchIT コモンズ 活 用 編 株 式 会 社 スキット 1. 画 像 のサイズ 変 更 (リサイズ) 1. 画 像 の 大 き さ( 幅 )を 変 更 (ア) 画 像 を 挿 入 する 場 合 は[ 画 像 の 挿 入 ]のマークをクリックします [ 参 照 ]をクリックし 任 意 の 場 所 から 挿 入 したい 画 像 を 選 択 し [ 画 像 の 挿 入 ]をクリックします (イ)
通 知 カード と 個 人 番 号 カード の 違 い 2 通 知 カード ( 紙 )/H27.10 個 人 番 号 カード (ICカード)/H28.1 様 式 (おもて) (うら) 作 成 交 付 主 な 記 載 事 項 全 国 ( 外 国 人 含 む)に 郵 送 で 配 布 希 望 者 に 交
1 マイナンバー 制 度 の 導 について( 案 ) 平 成 27 年 7 22 日 部 会 議 資 料 総 務 部 ( 政 管 理 課 情 報 政 策 課 庶 務 課 ) 市 活 部 ( 市 窓 課 籍 住 記 録 課 ) 通 知 カード と 個 人 番 号 カード の 違 い 2 通 知 カード ( 紙 )/H27.10 個 人 番 号 カード (ICカード)/H28.1 様 式 (おもて) (うら)
6 2 1
6 1 6 (1) (2) HTML (3) 1 Web 1 Web Web 1 Web HTML 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML HTML5 takahagi
メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ
.3 1...3 メール 受 信 タブのサブメニューから 直 接 受 信 箱 以 外 のフォルダを 表 示 することもできます 共 有 メー ルボックスのフォルダは 指 定 できません 3. 35 メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受
スライド 1
Android 版 目 視 録 運 用 操 作 マニュアル 作 成 2012/03/22 更 新 2014/09/26 目 視 録 とは 携 帯 またはパソコンで 施 工 写 真 を 登 録 確 認 できるシステムです ご 利 用 の 為 にはIDとパスワードが 必 要 です TEG ログインID ( ) パスワード ( ) https://teg.mokusiroku.com/
スライドの 編 集 とリンク スライドのレイアウトやデザインが 決 まったら 文 字 の 編 集 をしたり スライドの 順 序 変 更 やリンク 設 定 をして 見 栄 えの 良 いプレゼンテーションを 作 成 しましょう ファイル MP05 完 成.ppt を 開 き 内 容 を 編 集 していき
モジュール MP-06 MP-06 スライドの 編 集 とリンク 岡 山 県 情 報 教 育 センター スライドの 編 集 とリンク スライドのレイアウトやデザインが 決 まったら 文 字 の 編 集 をしたり スライドの 順 序 変 更 やリンク 設 定 をして 見 栄 えの 良 いプレゼンテーションを 作 成 しましょう ファイル MP05 完 成.ppt を 開 き 内 容 を 編 集 していきます
演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: W
Webデータ 管 理 HTML+CSS (4) (2 章 ) 2011/10/26( 水 ) 1/21 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z:
あいち電子自治体ガイドライン（第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
1.3 利 用 方 法 図 1 国 立 国 会 図 書 館 デジタルコレクション 送 信 サービスの 対 象 資 料 本 文 の 閲 覧 は 図 書 館 サービスカウンター 備 え 付 けの 専 用 パソコン(1 台 )のみでの 利 用 となります 利 用
デジタル 化 資 料 送 信 サービス の 利 用 方 法 目 次 1 はじめに(サービスの 概 要 利 用 上 の 注 意 利 用 方 法 ) p.1 2 検 索 の 仕 方 ( 本 を 探 す) p.3 3 閲 覧 の 仕 方 ( 本 を 読 む) p.7 1 はじめに 1.1 サービスの 概 要 について デジタル 化 資 料 送 信 サービス ( 送 信 サービス)は 国 立 国 会 図 書
ホームページとは何？
ホームページ 作 成 にあたっての 基 本 事 項 ホームページとは? インターネットを 介 して 誰 もが 閲 覧 できるように 作 られたものを ホームページ と 言 います ホームページには 文 字 だけでなく 画 像 や 動 画 音 楽 なども 埋 め 込 むことができま す またホームページに 掲 載 されている 情 報 の 中 でひとまとめに 括 られたものを コンテ ンツ と 呼 んでいます
Microsoft Word - WBT（PP応用編）.docx
PowerPoint2007の 利 用 応 用 編 広 島 県 立 教 育 センター PowerPoint2007 の 利 用 ( 基 本 編 )で 作 成 したスライドを 基 に,さらに 工 夫 する 演 習 です Ⅰ リンク 機 能 の 設 定 をしてみましょう 画 像 は IPA 教 育 用 画 像 素 材 集 より 演 習 1 動 作 設 定 ボタンをクリックすると 該 当 のスライドが 表
1 林 地 台 帳 整 備 マニュアル( 案 )について 林 地 台 帳 整 備 マニュアル( 案 )の 構 成 構 成 記 載 内 容 第 1 章 はじめに 本 マニュアルの 目 的 記 載 内 容 について 説 明 しています 第 2 章 第 3 章 第 4 章 第 5 章 第 6 章 林 地
( 資 料 3) 林 地 台 帳 及 び 地 図 整 備 マニュアル( 案 ) 概 要 本 資 料 は 現 時 点 での 検 討 状 況 を 基 に 作 成 したものであり 今 後 事 務 レベルの 検 討 会 等 を 経 て 成 案 を 得 ることとしてい ます 平 成 28 年 7 月 林 野 庁 計 画 課 1 林 地 台 帳 整 備 マニュアル( 案 )について 林 地 台 帳 整 備 マニュアル(
MetaMoJi ClassRoom/ゼミナール 授業実施ガイド
本 書 では 管 理 者 向 けに MetaMoJi ClassRoom/ゼミナールで 年 度 更 新 を 実 施 する 手 順 について 説 明 して います 管 理 者 ガイドと 合 わせてご 覧 ください Excelは 米 国 Microsoft Corporationの 米 国 およびその 他 の 国 における 登 録 商 標 または 商 標 です Apache OpenOffice Apache
ひらがなを 入 力 する 濁 点 などを 入 力 する 漢 字 を 入 力 する 漢 字 に 変 換 する 一 度 入 力 した 文 字 の 再 変 換 は 全 角 半 角 文 字 を 切 り 替 える 文 章 を 入 力 し 漢 字 変 換 する 数 字 を 入 力 する 英 文 字 を 入 力
目 次 及 びページ 内 容 見 本 目 次 起 動 する 新 規 文 書 作 成 する 既 存 の 文 書 を 開 く 編 集 する 作 成 文 書 を 保 存 する 終 了 する パソコンのキーと 操 作 方 法 ソフトがフリーズした 場 合 の 操 作 法 キー 操 作 Word 2013 Word 2010 Word 2007 Word 2000/2003 Writer 日 本 語 入 力
1 書 誌 作 成 機 能 (NACSIS-CAT)の 軽 量 化 合 理 化 電 子 情 報 資 源 への 適 切 な 対 応 のための 資 源 ( 人 的 資 源,システム 資 源, 経 費 を 含 む) の 確 保 のために, 書 誌 作 成 と 書 誌 管 理 作 業 の 軽 量 化 を 図
平 成 2 8 年 3 月 25 日 NACSIS-CAT 検 討 作 業 部 会 NACSIS-CAT/ILL の 軽 量 化 合 理 化 について( 基 本 方 針 )( 案 ) これからの 学 術 情 報 システム 構 築 検 討 委 員 会 ( 以 下, これから 委 員 会 ) は これか らの 学 術 情 報 システムの 在 り 方 について ( 平 成 27 年 5 月 29 日 )
Microsoft PowerPoint - c3_op-manual.pdf
研 究 者 学 術 情 報 データベース 操 作 説 明 -- - 研 究 者 DBのログイン 画 面 へのアクセス 手 順 () 立 命 館 大 学 トップページ http://www.ritsumei.jp/index_j.html 研 究 産 学 官 連 携 ページ http://www.ritsumei.ac.jp/research/ 研 究 産 学 官 連 携 をクリック 研 究 産 学
モール管理者マニュアル 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 編 集 ツール...
(Microsoft Word - Easy\203y\201[\203W\221\200\215\354\203K\203C\203h.doc)
Easy ページ 操 作 ガイド http://359ch.com ところチャンネル( 資 ) Easy ページサービス 操 作 ガイド 2009.1.8 版 1. はじめに Easy ページサービスとは パソコンからブラウザを 利 用 して 簡 単 にホームページを 公 開 更 新 できるサービス です Docomo や AU SoftBank 等 の 携 帯 電 話 を 利 用 して 同 様 にホームページを
PowerPoint プレゼンテーション
受 講 ガイド 講 座 によって ご 利 用 可 能 な 機 能 が 異 なります ご 受 講 いただく 前 に gaccoの 講 座 は インターネットに 接 続 した 状 態 でご 利 用 いただくeラーニング 講 座 です 学 習 にはパソコンやタブレット スマートフォン およびインターネットに 接 続 できる 環 境 が 必 要 です また gaccoではシステム 動 作 環 境 の 公 表
<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378>
アンケートフォームを 設 置 する 方 法 < 目 次 > 1 アンケートフォームを 利 用 するための 設 定 をする 2 1-1 アンケートフォームの 詳 細 設 定 をする 1-2 アンケートフォームの 入 力 画 面 を 作 成 する 1-3 お 客 さんが 入 力 内 容 を 確 認 するためのページを 作 成 する 1-4 アンケート 完 了 後 に 表 示 するお 礼 画 面 を 作
A
A. ツールボタン の 使 い 方 下 の 図 は NetCommons の 共 通 エディタで 表 示 されるツールボタンの 一 覧 です 書 式 設 定 左 からフォント サイズ スタイルを 設 定 するためのプルダウンメニューです 効 果 をつけたい 箇 所 の 先 頭 でク リックするか 効 果 をつけたい 箇 所 をカーソルで 選 択 してボタンをクリックします 文 字 効 果 左 から