情報公開システム論2.pptx

Size: px
Start display at page:

Download "情報公開システム論2.pptx"

Transcription

1 情 報 公 開 システム 論 (2) 神 戸 情 報 大 学 院 大 学 横 山 輝 明

2 電 子 文 書 としてのWebページ 2

3 ホームページ(1) ホームページ 自 由 に 作 成 安 価 世 界 中 に 公 開 多 彩 な 表 現 力 双 方 向 性 - 島 根 県 立 大 学 - 島 根 県 立 大 学 短 期 大 学 部 h,p:// shimane.ac.jp/ 3

4 ホームページ(2) さまざまなサービス 双 方 向 性 の 利 用 表 現 力 の 向 上 CMSとしてシステム 化 チャット: KentWebチャットシステム h,p:// web.com/chat/sample/windy.cgi 掲 示 板 : h,p:// Wikipedia: h,p://a.wikipedia.org/ Mixi: h,p:// 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: 記 憶 拡 張 装 置 )の 構 想 を 提 案 マイクロフィルムやレコードの 管 理 装 置 データ 間 に 連 想 関 係 を 与 える h,p:// 7

8 ハイパーテキスト (3) Douglas Carl Engelbart マウスを 発 明 ハイパーテキストの 概 念 を 実 現 NLS (on- Line System)を 実 装 (1960 年 代 ) 文 書 管 理 システム 記 述 や 操 作 が 難 しく 利 用 は 広 がらなかった 8

9 ハイパーテキスト (4) Theodor Holm Nelson 1960 年 Project Xanaduを 開 始 ハイパーテキスト 機 構 の 実 現 プロジェクト 活 動 継 続 中 Xanadu 公 式 サイト: h,p://xanadu.com/ 1965 年 ハイパーテキスト という 言 葉 を 発 明 1968 年 HyperText EdiVng Systemを 提 案 Side- by- side connecvon as schemavcally illustrated in 1965 h,p:// 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 h,p- equiv="content- Type" content="text/html; charset=shii_jis" /> <Vtle> 情 報 公 開 システム 論 </Vtle> </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> <Vtle> 情 報 公 開 システム 論 </Vtle> </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> <Vtle> 情 報 公 開 システム 論 </Vtle> </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- decoravon: blink; } underline( 下 線 ) overline( 上 線 ) line- through( 打 ち 消 し 線 ) blink( 点 滅 ) 39

40 CSS: 背 景 の 指 定 background-color: 背 景 色 を 指 定 する background-image: 背 景 画 像 の URLを 指 定 する /* 背 景 色 の 指 定 */ H1 { background- color: #ccccff; } /* 背 景 画 像 の 指 定 */ BODY { background- image: url(h,p:// } 40

41 CSS: 枠 の 指 定 border-color: 枠 の 色 border-width: 枠 の 太 さ border-style: 枠 の 線 H1 { border- color: red; border- width: 1px; border- style: solid; } none( 線 無 し) do,ed( 点 線 ) 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 スタイルシートの 追 加 <html> <head> <title> 情 報 公 開 システム 論 </title> <style type="text/css"> H1 { color: red; } <style type="text/css">~</ style> 内 に 記 述 </style> </head> <body> 好 きなことをここに 書 いてみる </body> </html> 52

53 課 題 : CSSの 追 加 利 用 CSSの 追 加 先 ほどのHTMLファイルにCSSでデザイン 追 加 文 字 サイズ 色 背 景 などを 指 定 余 裕 があればCLASS, IDを 指 定 ファイル 名 e 学 籍 番 号.html 例 : e html 提 出 tel1203@gmail.com へメール タイトル: 情 報 公 開 システム 論 HTML 宛 先 ファイル 名 タイトル 厳 守 本 文 には 感 想 やコメントなども 任 意 でどうぞ 53

54 演 習 :Webページの 作 成 54

55 課 題 :Webページ 作 成 グループワーク 演 習 内 容 グループでWebページを 作 成 する 有 益 で 魅 力 的 なコンテンツ 作 成 を 経 験 する 共 同 作 業 による 情 報 公 開 を 経 験 する 演 習 の 手 順 グループ 分 け コンテンツ 作 成 発 表 と 相 互 評 価

56 演 習 :Webページの 作 成 56

57 課 題 :Webページ 作 成 グループワーク 演 習 内 容 グループでWebページを 作 成 する 有 益 で 魅 力 的 なコンテンツ 作 成 を 経 験 する 共 同 作 業 による 情 報 公 開 を 経 験 する 演 習 の 手 順 グループ 分 け コンテンツ 作 成 発 表 と 相 互 評 価

58 演 習 の 流 れ グループ 分 け 5 人 程 度 のグループを 作 る 少 人 数 も 可 テーマ 決 定 Webページの 企 画 他 者 にとって 有 益 で 魅 力 的 な 内 容 全 体 の 構 成 や 役 割 分 担 を 決 める 人 数 x 3ページ 程 度 の 量 を 目 安 コンテンツ 作 成 演 習 時 間 で 作 業 役 割 分 担 は 自 由 結 果 発 表 各 グループが 作 成 内 容 を 発 表 評 価 チーム 内 相 互 評 価 チーム 間 相 互 評 価

59 グループ 分 け 学 生 グループを 作 る 5 人 くらい 個 人 や 少 人 数 でも 可

60 テーマ 決 定 Webページの 企 画 を 決 定 他 者 にとって 有 益 で 魅 力 的 な 内 容 全 体 の 構 成 や 役 割 分 担 を 決 める 最 低 9ページ 人 数 x 3ページ 程 度 の 量 を 目 安 テーマを 発 表 資 料 作 成 して 発 表 資 料 はメールで 提 出 チーム 名 メンバー( 名 前 学 籍 番 号 ) 役 割 分 担 テーマ 説 明 誰 に どのような 内 容 ページ 構 成 どんなページを 用 意 するのか 各 ページはどのようにリンクするのか 文 章 や 図 で 説 明 する ( 設 計 図 になる)

61 コンテンツ 作 成 Webページを 作 成 講 義 時 間 内 に 作 業 他 の 時 間 も 可 取 材 に 外 出 も 可 能 要 相 談 まずはPC 上 で 作 成 後 から 公 開 作 業 方 法 午 前 午 後 の 終 わりに 進 捗 報 告 その 間 は 自 由 に 時 間 をつかってよい 取 材 質 問 など

62 結 果 発 表 作 成 内 容 の 発 表 各 グループが 発 表 メンバー 全 員 で 発 表 必 ず 何 か 喋 る 質 疑 応 答 作 成 したコンテンツを 紹 介 資 料 を 作 成 して 発 表 資 料 は 提 出 テーマ 概 要 どんな 人 向 け どんな 内 容 作 成 したページの 紹 介 こだわったところ 力 を 入 れたところ 感 想

63 評 価 学 生 間 の 相 互 評 価 他 グループを 評 価 内 容 の 質 と 量 見 た 目 やデザイン メンバーを 評 価 作 業 量 グループへの 貢 献 評 価 方 法 他 グループ:1 5 1が 低 3が 普 通 5は 優 秀 メンバー:1 5 1が 低 3が 普 通 5は 優 秀

情報公開システム論2.pptx

情報公開システム論2.pptx 情 報 公 開 システム 論 (2) 横 山 輝 明 講 師 神 戸 情 報 大 学 院 大 学 ytel@kic.ac.jp 電 子 文 書 としてのWebページ 2 ホームページ(1) ホームページ 自 由 に 作 成 安 価 世 界 中 に 公 開 多 彩 な 表 現 力 双 方 向 性 - 島 根 県 立 大 学 - 島 根 県 立 大 学 短 期 大 学 部 h7p://www.u- shimane.ac.jp/

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

HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d

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

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

第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

文 書 構 造 とスタイル

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

More information

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

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

More information

CSSの基礎

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

More information

PowerPoint プレゼンテーション

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

More information

スライド 1

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

More information

Microsoft PowerPoint - 08回目.pptx

Microsoft PowerPoint - 08回目.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading

More information

1/2

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

More information

目 次 1.ログイン 方 法 P2 2.ログアウト 方 法 P3 3. 基 本 設 定 変 更 サイトネーム スローガンの 設 定 P10~11 カラーバリエーションの 選 択 P12 メニュースタイル 色 の 設 定 P12 4.トップページの 画 像 編 集 画 像 の 変 更 P13~14 T

目 次 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の 画 面 で 説 明

More information

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

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

More information

InfoPros13_digest.key

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:

More information

■新聞記事

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

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

演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: W

演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: W Webデータ 管 理 HTML+CSS (4) (2 章 ) 2011/10/26( 水 ) 1/21 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z:

More information

第9回

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

More information

地域ポータルサイト「こむねっと ひろしま」

地域ポータルサイト「こむねっと ひろしま」 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)

More information

006-021_責)Wordトレ2-1章_斉

006-021_責)Wordトレ2-1章_斉 . Wordの 起 動 Wordの 基 礎 知 識. Wordの 起 動 Wordの 起 動 は 次 のように 行 います 他 のアプリケーションソフトのように いくつかの 起 動 方 法 があります スタートメニューからの 起 動 スタートメニューから 起 動 する 方 法 は 次 の 通 りです [スタート]メニューの[すべてのプログラム]から[Microsoft-Office]の [Microsoft-Word]を

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

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

OpenCity2説明

OpenCity2説明 和 光 市 市 民 活 動 支 援 サイト 新 掲 示 板 (FCKエディタ)について 通 常 ホームページを 作 成 するには HTML という 専 門 言 語 の 知 識 が 必 要 ですが FCK エディ タを 使 えば ワードやエクセルと 同 じ 感 覚 で タイトル 文 字 を 太 字 にしたり 表 を 作 成 したり 画 像 を 挿 入 したり 更 にはワードで 作 成 した 文 章 スタイルそのままにコピー&ペースト

More information

PowerPoint プレゼンテーション

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

More information

コンピュータ基礎実習(上級) 第二回

コンピュータ基礎実習(上級) 第二回 コンピュータ 基 礎 実 習 ( 上 級 ) 第 四 回 ウェブページの 作 成 について3 清 水 淳 紀 前 回 までの 内 容 ページの 作 成 方 法 ( 編 集 アップロード 確 認 ) ページはKompozer やメモ 帳 等 で 編 集 する ページを 公 開 するには アップロードをする 必 要 がある Internet Explorerなどでページを 開 き F5キーで 表 示 を

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

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1 履 修 履 歴 データベースの 仕 組 み 学 生 が 履 修 履 歴 を 登 録 して 企 業 へデータを 送 信 すると 企 業 担 当 者 が 履 修 履 歴 データを 見 られるようになります 不 特 定 の 企 業 に 履 修 履 歴 データが 閲 覧 されるわけではありません < 基 本 的 な 流 れ> A 社 データ ベース 応 募 企 業 へ データを 送 信 学 生 A 専

More information

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

More information

(1)

(1) 第 回 アビリンピック 京 都 大 会 ホームページ 部 門 練 習 問 題 (1) 仕 様 1 ホームページの 内 容 府 立 京 都 高 等 技 術 専 門 校 のホームページを 作 成 する 2 ページ 構 成 とファイル index.html guid.html course.html mystyle.css ie.css 以 上 のファイルと 素 材 はホームページよりダウンロードして

More information

KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2

KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2 目 次 動 作 環 境 特 長 方 法 方 法 起 動 終 了 方 法 方 法 操 作 方 法 使 方 使 方 使 方 詳 細 設 定 使 方 KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2 KINGSOFT Office 2016 特 長 主 特 長 以

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

スタイルシートでデザインを整えよう

スタイルシートでデザインを整えよう スタイルシートでデザイン(2) CSS (Cascading Style Sheets) ここまで HTML は 文 章 の 意 味 的 な 役 割 を 記 述 するもので 表 示 はブラウザ 次 第 であること を 強 調 してきました あるブラウザでの 表 示 方 法 を 前 提 に HTML で 見 た 目 を 制 御 しようとす ると 他 の 環 境 では 意 味 が 通 じにくい 相 互

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

WORD 98 入力の手引き

WORD 98 入力の手引き コンピュータ 基 礎 実 習 ( 上 級 ) 第 13 週 スタイルシートの 基 礎 今 回 の 授 業 は スタイルシート(CSS)の 使 い 方 を 解 説 します 1. CSS の 基 本 1.1. CSS とは CSS は Cascading Style Sheets の 略 で ウェブページの 見 栄 えを 設 定 するための 言 語 です CSS は 最 近 多 くのサイトで 使 用 され

More information

2 Wee とは Wee はホームページの 更 新 ツールです Wee は サイトの 枠 組 みをWeb 製 作 業 者 が 作 成 し 更 新 は お 客 様 に 自 由 にしていただこうというコンセプトの 製 品 です インターネットに 繋 がる 場 所 ならどこからでも ブラウザでホームページ

2 Wee とは Wee はホームページの 更 新 ツールです Wee は サイトの 枠 組 みをWeb 製 作 業 者 が 作 成 し 更 新 は お 客 様 に 自 由 にしていただこうというコンセプトの 製 品 です インターネットに 繋 がる 場 所 ならどこからでも ブラウザでホームページ 1 ホームページ 更 新 ツール Wee&Wee Mobile のご 紹 介 http//www.i 2 Wee とは Wee はホームページの 更 新 ツールです Wee は サイトの 枠 組 みをWeb 製 作 業 者 が 作 成 し 更 新 は お 客 様 に 自 由 にしていただこうというコンセプトの 製 品 です インターネットに 繋 がる 場 所 ならどこからでも ブラウザでホームページの

More information

2 / 18 ページ 第 13 講 データの 活 用 とデータマップの 作 成 13-1 ホームページの 保 存 ホームページ(Web ページ)に 表 示 される 様 々な 情 報 を ファイルとして 保 存 することができます http://www1.doshisha.ac.jp/~digitex

2 / 18 ページ 第 13 講 データの 活 用 とデータマップの 作 成 13-1 ホームページの 保 存 ホームページ(Web ページ)に 表 示 される 様 々な 情 報 を ファイルとして 保 存 することができます http://www1.doshisha.ac.jp/~digitex 1 / 18 ページ キャリアアップコンピューティング 第 13 講 [ 全 15 講 ] 2016 年 度 2 / 18 ページ 第 13 講 データの 活 用 とデータマップの 作 成 13-1 ホームページの 保 存 ホームページ(Web ページ)に 表 示 される 様 々な 情 報 を ファイルとして 保 存 することができます http://www1.doshisha.ac.jp/~digitext/data/east.htm

More information

2 詳 細 なレイアウトを 記 述 できる HTMLよりレイアウト 記 述 力 が 高 い 例 )テキストや 画 像 を 好 きな 位 置 に 配 置 できる HTMLから レイアウトに 関 する 記 述 を 除 去 で きる HTMLがシンプルに 文 法 間 違 いを 減 らせる 情 報 を 正

2 詳 細 なレイアウトを 記 述 できる HTMLよりレイアウト 記 述 力 が 高 い 例 )テキストや 画 像 を 好 きな 位 置 に 配 置 できる HTMLから レイアウトに 関 する 記 述 を 除 去 で きる HTMLがシンプルに 文 法 間 違 いを 減 らせる 情 報 を 正 1 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく

More information

Microsoft PowerPoint - css [互換モード]

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

More information

スライド 1

スライド 1 アリババ ワールドパスポート 製 品 詳 細 ご 利 用 ガイド 2010/03/11 Ver1.00 2012/10/09 Ver1.50 お 問 い 合 わせ 先 アリババ 株 式 会 社 メール:infoggs@alibaba-inc.jp 103-0007 東 京 都 中 央 区 日 本 橋 浜 町 2-12-4 エスエス 製 薬 本 社 ビル4F 目 次 文 字 装 飾 の 追 加 変 更

More information

1 林 地 台 帳 整 備 マニュアル( 案 )について 林 地 台 帳 整 備 マニュアル( 案 )の 構 成 構 成 記 載 内 容 第 1 章 はじめに 本 マニュアルの 目 的 記 載 内 容 について 説 明 しています 第 2 章 第 3 章 第 4 章 第 5 章 第 6 章 林 地

1 林 地 台 帳 整 備 マニュアル( 案 )について 林 地 台 帳 整 備 マニュアル( 案 )の 構 成 構 成 記 載 内 容 第 1 章 はじめに 本 マニュアルの 目 的 記 載 内 容 について 説 明 しています 第 2 章 第 3 章 第 4 章 第 5 章 第 6 章 林 地 ( 資 料 3) 林 地 台 帳 及 び 地 図 整 備 マニュアル( 案 ) 概 要 本 資 料 は 現 時 点 での 検 討 状 況 を 基 に 作 成 したものであり 今 後 事 務 レベルの 検 討 会 等 を 経 て 成 案 を 得 ることとしてい ます 平 成 28 年 7 月 林 野 庁 計 画 課 1 林 地 台 帳 整 備 マニュアル( 案 )について 林 地 台 帳 整 備 マニュアル(

More information

TIPS - 棚 割 りを 開 始 するまで Liteを 起 動 し 企 業 情 報 の 追 加 を 行 い 棚 割 を 行 う 企 業 の 追 加 をして 下 さい 企 業 情 報 の 追 加 時 に エラーメッセージが 表 示 された 場 合 別 途 TIPS トラブルが 発 生 した 場 合

TIPS - 棚 割 りを 開 始 するまで Liteを 起 動 し 企 業 情 報 の 追 加 を 行 い 棚 割 を 行 う 企 業 の 追 加 をして 下 さい 企 業 情 報 の 追 加 時 に エラーメッセージが 表 示 された 場 合 別 途 TIPS トラブルが 発 生 した 場 合 TIPS 目 次 TIPS 項 目 棚 割 りを 開 始 するまで 商 品 画 像 の 追 加 方 法 商 品 情 報 の 一 括 更 新 登 録 方 法 棚 割 情 報 の 連 携 方 法 小 売 様 棚 割 ソフトとの 棚 割 情 報 連 携 について 他 棚 割 ソフトとの 棚 割 情 報 連 携 について 棚 割 情 報 のExcel 取 込 について 棚 板 設 定 の 詳 細 商 品 設

More information

ひらがなを 入 力 する 濁 点 などを 入 力 する 漢 字 を 入 力 する 漢 字 に 変 換 する 一 度 入 力 した 文 字 の 再 変 換 は 全 角 半 角 文 字 を 切 り 替 える 文 章 を 入 力 し 漢 字 変 換 する 数 字 を 入 力 する 英 文 字 を 入 力

ひらがなを 入 力 する 濁 点 などを 入 力 する 漢 字 を 入 力 する 漢 字 に 変 換 する 一 度 入 力 した 文 字 の 再 変 換 は 全 角 半 角 文 字 を 切 り 替 える 文 章 を 入 力 し 漢 字 変 換 する 数 字 を 入 力 する 英 文 字 を 入 力 目 次 及 びページ 内 容 見 本 目 次 起 動 する 新 規 文 書 作 成 する 既 存 の 文 書 を 開 く 編 集 する 作 成 文 書 を 保 存 する 終 了 する パソコンのキーと 操 作 方 法 ソフトがフリーズした 場 合 の 操 作 法 キー 操 作 Word 2013 Word 2010 Word 2007 Word 2000/2003 Writer 日 本 語 入 力

More information

■新聞記事

■新聞記事 PowerPoint2013 基 本 操 作 P.1 PowerPoint2013 基 本 操 作 1.PowerPoint2013 の 起 動... 2 2.スライドのサンプル... 3 3.スライドの 作 成... 4 4. 文 字 の 入 力 とテキストボックス... 5 5. 図 の 作 成 と 書 式 設 定... 5 6.グラフの 作 成... 6 7. 背 景 デザインと 配 色...

More information

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

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

More information

(Microsoft Word - Easy\203y\201[\203W\221\200\215\354\203K\203C\203h.doc)

(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 等 の 携 帯 電 話 を 利 用 して 同 様 にホームページを

More information

Microsoft Word - 03accessデータベース演習レジメ.doc

Microsoft Word - 03accessデータベース演習レジメ.doc Access データベース 演 習 1ワードでデータベースの 基 礎 になるテキストデータを 整 形 し 2Excel でのデータベースの 基 本 的 な 扱 いに 慣 れ さらに3Access を 用 いて クエリやリレーションシップの 概 念 を 理 解 し Excel との 連 携 を 実 践 することを 目 的 とする 題 材 としては 定 期 試 験 対 策 用 の 英 単 語 リストを

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

目 次 1.はじめに... 3 2. 書 式 の 説 明... 3 3. 表 紙... 4 4.スケジュール... 5 5. 組 入 れ 基 準... 9 6. 併 用 禁 止 薬... 10 7. 併 用 注 意 薬... 10 8. 同 種 同 効 薬... 10 9. 医 師 モニタリング..

目 次 1.はじめに... 3 2. 書 式 の 説 明... 3 3. 表 紙... 4 4.スケジュール... 5 5. 組 入 れ 基 準... 9 6. 併 用 禁 止 薬... 10 7. 併 用 注 意 薬... 10 8. 同 種 同 効 薬... 10 9. 医 師 モニタリング.. 治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.4 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバンストエンジニアリング 2010 目 次 1.はじめに... 3 2. 書 式 の 説 明... 3 3.

More information

スライド 1

スライド 1 立 命 館 大 学 校 友 会 本 部 提 供 校 友 会 ホームページ 操 作 マニュアル 担 当 : 泉 慎 平 izumi@humanweb.net 株 式 会 社 ヒューマンウェブ 600-8269 京 都 市 下 京 区 七 条 通 堀 川 西 入 ル 朝 日 ビル2F TEL.075-352-3477 FAX.075-352-2877 目 次 各 ページの 説 明 ホームページ 構 成..03

More information

HTML文章作成

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

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

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

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

ホームページ掲載用原稿入稿のご案内

ホームページ掲載用原稿入稿のご案内 ホームページ 掲 載 用 原 稿 入 稿 のご 案 内 この 度 は スマイルサーバ 簡 単 ホームページ 制 作 入 稿 コース にお 申 し 込 み 頂 きまして 誠 にありがとうございます 本 コースは 弊 社 指 定 の 入 稿 フォーマット( 本 資 料 の2ページ 目 以 降 )に 従 って お 客 様 にテンプレート 選 定 及 びホームペ ージ 基 本 情 報 や 各 ページに 掲

More information

Microsoft Word - Jimdo基礎編(8版)

Microsoft Word - Jimdo基礎編(8版) 目 次 第 1 章 本 書 について... 1 1-1 JIMDO とは... 1 1-2 自 分 でホームページを 作 るメリット... 1 1-3 JIMDO の 料 金 プラン... 2 1-4 本 書 で 制 作 するサンプルのホームページ... 3 1-5 サンプルのデータについて... 4 第 2 章 ホームページを 開 設 する... 7 2-1 ホームページを 開 設 する... 7

More information

治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.3 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバン

治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.3 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバン 2014 年 1 月 7 日 治 験 依 頼 者 各 位 新 潟 市 民 病 院 治 験 管 理 室 Excel 形 式 の 電 子 プロトコール 提 出 の 御 依 頼 当 院 では 効 率 的 で 正 確 な 治 験 の 実 施 のため 電 子 カルテ 内 に 専 用 の Excel 形 式 による 電 子 プロトコールを 導 入 しております つきましては 治 験 依 頼 の 際 に 下 記

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 創 薬 基 盤 推 進 研 究 事 業 (4 次 公 募 ) H27 年 度 公 募 に 係 る 府 省 共 通 研 究 開 発 管 理 システム (e-rad)への 入 力 方 法 について 1 目 次 1.はじめに 2. 実 際 の 応 募 手 続 き 3. 応 募 手 続 き 完 了 の 確 認 2 1-a. はじめに1 注 意 事 項 1. 平 成 27 年 度 の 創 薬 基 盤 推 進

More information

HTML入門

HTML入門 HTML ABC of Hyper Text Markup Language 2009 2 HTML2009 Copyright 2009 by BohYoh Shibata 3 WWW HTML WWW WWWworld wide web hyper text resource 4 HTML2009 http WWW httphyper text transfer protocol HTML HTMLhyper

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

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

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

More information

研究者情報データベース

研究者情報データベース 研 究 者 情 報 管 理 システム 研 究 者 向 けデータ 一 括 登 録 機 能 操 作 マニュアル 2013 年 6 月 4 日 目 次 1. はじめに... 1 1.1 本 マニュアルの 注 意 事 項... 1 2. 操 作 手 順... 2 2.1 データ 登 録 手 順... 2 2.2 データ 読 み 込 みエラー 時 の 対 応 手 順... 13 3. 登 録 データ 一 覧...

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

Microsoft Word - word_05.docx

Microsoft Word - word_05.docx 第 1 章 葉 書 き 作 成 と 外 国 語 の 入 力 縦 書 きのはがき 作 成 1. ページレイアウト タブの ページ 設 定 グループから 起 動 ツールボタン をク リックする 2. ページ 設 定 ダイアログボックスの 用 紙 余 白 文 字 数 と 行 数 タブをクリッ クして 指 定 されたとおり 設 定 を 行 う( 用 紙 :はがき 余 白 : 上 下 15 ミリ 左 右 :10

More information

■デザイン

■デザイン Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) デザイン デザインでは 各 ページ 内 に 構 成 されるパーツである ピース と それをページ 内 に 配 置 し 構 成 する レイアウト を 作 成 できます また スタイルシート でピース レイ アウトの HTML を 制 御 し 装 飾 する CSS を 設 定 できます ピース デザイン>ピース ピース をクリックすると

More information

賞 状 を 作 ってみよう 1- 賞 状 フォルダを 使 用 賞 状 のテンプレートから ワードで 賞 状 の 文 章 を 作 成 します あらかじめ EXCEL で 作 成 した 受 賞 者 の 名 簿 から 学 年 クラス 名 前 を 入 れて 印 刷 します 1Excel の 賞 状 名 簿.

賞 状 を 作 ってみよう 1- 賞 状 フォルダを 使 用 賞 状 のテンプレートから ワードで 賞 状 の 文 章 を 作 成 します あらかじめ EXCEL で 作 成 した 受 賞 者 の 名 簿 から 学 年 クラス 名 前 を 入 れて 印 刷 します 1Excel の 賞 状 名 簿. ワード2010 活 用 講 座 ( 差 し 込 み 文 書 ) < 講 座 の 内 容 > 1. テンプレートをダウンロードして 賞 状 を 作 ってみよう 2. 家 庭 訪 問 のお 知 らせを 作 ろう 3. 簡 単 名 札 4. はがき 印 刷 5. 差 込 ファイルを 再 度 開 くときの 注 意 6. 練 習 問 題 123 Word のリボン( 差 し 込 み 文 書 ) 1 2 3 4

More information

<4D6963726F736F667420576F7264202D20979897708ED28FDA8DD7837D836A83858341838B2E646F6378>

<4D6963726F736F667420576F7264202D20979897708ED28FDA8DD7837D836A83858341838B2E646F6378> デジタル 化 資 料 送 信 サービス の 利 用 方 法 目 次 1 はじめに(サービスの 概 要 利 用 上 の 注 意 ) p.1 2 検 索 の 仕 方 ( 本 を 探 す) p.3 3 閲 覧 の 仕 方 ( 本 を 読 む) p.7 1 はじめに 1.1 サービスの 概 要 について デジタル 化 資 料 送 信 サービス ( 送 信 サービス)は 国 立 国 会 図 書 館 でデジタル

More information

A

A A. ツールボタン の 使 い 方 下 の 図 は NetCommons の 共 通 エディタで 表 示 されるツールボタンの 一 覧 です 書 式 設 定 左 からフォント サイズ スタイルを 設 定 するためのプルダウンメニューです 効 果 をつけたい 箇 所 の 先 頭 でク リックするか 効 果 をつけたい 箇 所 をカーソルで 選 択 してボタンをクリックします 文 字 効 果 左 から

More information

スライド 1

スライド 1 ホームページサービスLite 操 作 マニュアル 目 次 はじめに 第 章 システム 起 動 第 章 ホームページアドレス 設 定 第 章 デザイン 編 集 デザインテンプレート 第 4 章 HOME 編 集 画 像 アップロード 方 法 第 5 章 会 社 案 内 編 集 第 6 章 主 要 設 備 編 集 第 7 章 ホームページ 公 開 第 8 章 会 社 案 内 カタログ 出 力 4 5 6

More information

SNSとLMSの強みと弱み 統合環境を目指して (教育学部紀要投稿用)

SNSとLMSの強みと弱み 統合環境を目指して (教育学部紀要投稿用) 学 習 活 動 ごとにみたSNSとLMSの 比 較 - 最 適 な 学 習 支 援 環 境 の 提 供 を 目 指 して- 長 岡 千 香 子 *, 平 岡 斉 士 * *, 喜 多 敏 博 * *, * * * * 熊 本 大 学 大 学 院 自 然 科 学 研 究 科 附 属 減 災 型 社 会 システム 実 践 研 究 教 育 センター * * 熊 本 大 学 大 学 院 社 会 文 化 科

More information

別 添 1 提 案 書 等 作 成 要 領 1 調 達 件 名 PIO-NET2015 に 係 る 運 用 等 支 援 業 務 一 式 2 提 案 書 等 の 提 出 本 調 達 に 係 る 提 案 書 等 は PIO-NET2015 に 係 る 運 用 等 支 援 業 務 一 式 調 達 仕 様

別 添 1 提 案 書 等 作 成 要 領 1 調 達 件 名 PIO-NET2015 に 係 る 運 用 等 支 援 業 務 一 式 2 提 案 書 等 の 提 出 本 調 達 に 係 る 提 案 書 等 は PIO-NET2015 に 係 る 運 用 等 支 援 業 務 一 式 調 達 仕 様 別 紙 6 国 民 生 活 センター 組 織 図 審 議 役 総 務 部 広 報 部 理 事 長 理 事 情 報 管 理 部 監 事 相 談 情 報 部 商 品 テスト 部 教 育 研 修 部 紛 争 解 決 委 員 会 事 務 局 55 / 98 別 添 1 提 案 書 等 作 成 要 領 1 調 達 件 名 PIO-NET2015 に 係 る 運 用 等 支 援 業 務 一 式 2 提 案 書

More information

Microsoft Word - 201009_page新機能について.doc

Microsoft Word - 201009_page新機能について.doc @page 新 機 能 について 1. 全 体 背 景 とページ 背 景 画 像 に 画 像 の 入 力 背 景 にグラデーションを 採 用 する 11. 全 画 面 基 本 項 目 の 設 定 の 実 行 ボタンを 選 択 2 背 景 色 を 白 にし カスタマイズ 画 像 を 使 用 する をチェックする グラデーション 画 像 を 横 に 繰 り 返 し 表 示 を 選 択 背 景 とページを

More information

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

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

More information

Microsoft Word - ML_ListManager_10j.doc

Microsoft Word - ML_ListManager_10j.doc メーリングリスト 利 用 の 手 引 き(リスト 管 理 者 編 ) for LyrisSynaptive ListManager 10j 第 5 版 目 次... 1 1. メーリングリストとは?... 2 2. メーリングリストの 開 設... 2 2-1 管 理 者 画 面 へのログイン... 2 2-2 リスト 管 理 者 自 身 のパスワードの 変 更... 4 3. メンバーの 登 録...

More information

おすすめページ

おすすめページ 4-5 第 4 章 高 度 なリストのデザイン スマートフォン 向 けのCSSを 読 み 込 む スマートフォンのように 画 面 サイズの 小 さい 端 末 で 見 たときは 専 用 のCSSを 読 み 込 むように します 画 面 サイズが 小 さいときはレイアウトを 変 更 する スマートフォンなど パソコンに 比 べて 画 面 の 小 さい 端 末 で Web サイトを 閲 覧 しようとすると

More information

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

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

More information

補 図 100 Webページ 制 作 の 流 れ 2 HTML 文 書 とブラウザ 3 作 成 するページ Webページの 作 成 に 用 いるHTMLの これから 作 成 するWebページの 内 容 を 示 した 紹 介 と そのしくみを 簡 単 に 解 説 する リンク 機 能 など 基 本 的

補 図 100 Webページ 制 作 の 流 れ 2 HTML 文 書 とブラウザ 3 作 成 するページ Webページの 作 成 に 用 いるHTMLの これから 作 成 するWebページの 内 容 を 示 した 紹 介 と そのしくみを 簡 単 に 解 説 する リンク 機 能 など 基 本 的 補 充 資 料 8 Webページ 作 成 基 礎 (ホームページビルダー 編 ) いわてEDネットに 接 続 しているすべての 県 立 学 校 での 学 校 Webページの 公 開 が 平 成 15 年 度 まで に 完 了 し 開 かれた 学 校 づくりの 一 環 として 小 中 学 校 や 幼 稚 園 などでも 積 極 的 にWebページの 公 開 が 進 んでいる これらのWebページの 作

More information

[1]メッセージ

[1]メッセージ Joruri Video 1.0.0 基 本 マニュアル (2012.11.29) Joruri Video Joruri Video では 動 画 のアップロード 再 生 共 有 分 類 検 索 が 可 能 です ログイン すると 次 の 画 面 が 表 示 されます [1]メッセージ Joruri Video を 利 用 するユーザに 通 知 するメッセージを 表 示 します [2] 動 画 アップロード

More information

<4D6963726F736F667420576F7264202D20574254816995B68F918DEC90AC89898F4B899E977095D2816A2E646F63>

<4D6963726F736F667420576F7264202D20574254816995B68F918DEC90AC89898F4B899E977095D2816A2E646F63> 文 書 作 成 演 習 ( 応 用 編 ) (Word007,Excel007) 文 書 作 成 演 習 ( 応 用 編 ) のテキストを 参 考 にしながら, 次 の 学 級 だよりを 作 成 してみましょう IPA 教 育 用 画 像 素 材 集 より < 演 習 のための 準 備 > 演 習 用 素 材 のフォルダをデスクトップ 上 に 作 成 します IPA 教 育 用 画 像 素 材 集

More information

<4D6963726F736F667420576F7264202D20457863656C97F195CF8AB72091808DEC90E096BE8F912091E6312E313294C52E646F63>

<4D6963726F736F667420576F7264202D20457863656C97F195CF8AB72091808DEC90E096BE8F912091E6312E313294C52E646F63> Excel 列 変 換 Ver.1.0.3 操 作 説 明 書 第 1.1 版 Copyright (C) 2008 株 式 会 社 恒 河 沙 変 更 履 歴 版 作 成 日 作 成 者 主 な 変 更 点 第 1.0 版 2008/10/29 ( 株 ) 恒 河 沙 東 野 貴 行 新 規 作 成 第 1.1 版 2008/11/04 ( 株 ) 恒 河 沙 東 野 貴 行 - 2 - 目 次

More information

Microsoft PowerPoint - 第03回目.pptx

Microsoft PowerPoint - 第03回目.pptx 1 情 報 リテラシーII ( 樋 口 担 当 ) 3 回 目 10/10 本 日 の 予 定 2 Webページの 作 成 I.テキストの 記 述 方 法 II.ハイパーリンク III.インラインイメージ( 画 像 ) IV. 表 V. 課 題 3 I.テキストの 記 述 方 法 1. 改 行 4 終 了 タグは 無 い 改 行 していない なすび なすびがいっぱい

More information

CSS / 横 1 段 組 レイアウト ビルダー 起 動 新 規 作 成 名 前 を 付 けて 保 存 (ファイル 名 =01turkey-ta.html 保 存 場 所 =css-2) (1)id= contents 用 の 親 DIV タグを BODY の 中 に 入 れる 右 側 の タグ 一

CSS / 横 1 段 組 レイアウト ビルダー 起 動 新 規 作 成 名 前 を 付 けて 保 存 (ファイル 名 =01turkey-ta.html 保 存 場 所 =css-2) (1)id= contents 用 の 親 DIV タグを BODY の 中 に 入 れる 右 側 の タグ 一 外 部 スタイルシート(CSS)の 基 本 1. 外 部 スタイルシートを 作 るには 1Sマークをクリック 2 外 部 スタイルシートの 追 加 参 照 保 存 場 所 image が 入 っているファイルを 選 択 ファイル 名 に 名 前 を 付 ける( 例 index-ta) 保 存 3スタイルシートマネージャーを 閉 じて 上 書 き 保 存 4Sマークをクリック スタイルシート 情 報

More information

2 課 題 管 理 ( 科 学 研 究 費 補 助 金 ) 画 面 が 表 示 されます 補 助 事 業 期 間 終 了 後 欄 の[ 入 力 ] をクリックします [ 入 力 ]ボタンが 表 示 されていない 場 合 には 所 属 する 研 究 機 関 の 事 務 局 等 へお 問 い 合 わせく

2 課 題 管 理 ( 科 学 研 究 費 補 助 金 ) 画 面 が 表 示 されます 補 助 事 業 期 間 終 了 後 欄 の[ 入 力 ] をクリックします [ 入 力 ]ボタンが 表 示 されていない 場 合 には 所 属 する 研 究 機 関 の 事 務 局 等 へお 問 い 合 わせく 2.6. 研 究 成 果 報 告 書 の 作 成 2.6.1 研 究 成 果 報 告 内 容 ファイルを 作 成 1 科 学 研 究 費 助 成 事 業 の Web ページ 等 から 研 究 成 果 報 告 内 容 ファイル 様 式 をダウンロードし ます 2 ダウンロードした 研 究 成 果 報 告 内 容 ファイル 様 式 に 報 告 内 容 を 記 入 し 保 存 します 所 定 の 様 式

More information

ThinkBoard Free60 Manual

ThinkBoard Free60 Manual 3.TB ファイル 制 作 手 順 簡 単 ガイド (1) 画 面 をキャプチャする ThinkBoard は ワードやエクセル インターネットブラウザなど 普 段 使 っている 画 面 を 利 用 してコンテンツを 作 る 予 め 作 っていた 画 像 を 利 用 してコンテンツを 作 る といった 事 が 可 能 です 以 下 にそれぞれの 手 順 をご 紹 介 します 1-1.ワードやエクセル

More information

(Microsoft Word - \215u\213`\203m\201[\203g20090703.doc)

(Microsoft Word - \215u\213`\203m\201[\203g20090703.doc) 2009/07/03 前 回 のおさらい 関 数 確 認 問 題 水 尾 作 成 の Excel 基 本 動 作 練 習 用 ファイルの 表 タイトルなし を 用 いて 次 の 指 示 を 実 際 に 完 成 させよ 1 セル M50 に セル L50:L54 の 合 計 数 値 をセル K50 の 数 値 で 割 った 結 果 を 表 示 できるよう に 関 数 を 設 定 せよ 2 M50 に

More information

目 次 1. ログイン...3 2. ユーザー 登 録...4 3. TOP...6 4. 職 員...8 (1) 職 員 の 名 刺 表 示...8 (2) 職 員 の 名 刺 一 括 ダウンロード...8 (3) 職 員 の 名 刺 帳 から 検 索...8 5. 検 索...9 (1) 氏 名

目 次 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.

More information

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに

クリック クリック リンクを 張 るためのタグ タグ <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

SchITコモンズ【活用編】

SchITコモンズ【活用編】 2016 SchIT コモンズ 活 用 編 株 式 会 社 スキット 1. 画 像 のサイズ 変 更 (リサイズ) 1. 画 像 の 大 き さ( 幅 )を 変 更 (ア) 画 像 を 挿 入 する 場 合 は[ 画 像 の 挿 入 ]のマークをクリックします [ 参 照 ]をクリックし 任 意 の 場 所 から 挿 入 したい 画 像 を 選 択 し [ 画 像 の 挿 入 ]をクリックします (イ)

More information

Acrobat早分かりガイド

Acrobat早分かりガイド Adobe PDF を 加 工 編 集 する PDF を 再 利 用 する PDF ファイルの Word 文 書 書 き 出 し [ 名 前 を 付 けて 保 存 ] ダイアログが 開 くので ファイルの 書 き 出 し 先 を 指 定 し [ 保 存 ] ボタンをクリックします Acrobat を 使 用 すると Adobe PDF から Word の フォーマットに 書 き 出 してファイルを

More information

目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの

目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの Google Blogger 入 門 目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの 編 集... 9 テンプレートの 設 定... 10 ブログの

More information

アフィリエイターの為のHTML

アフィリエイターの為のHTML アフィリエイターが 覚 えておくべき HTML 辞 典 著 作 権 について このレポートは 著 作 権 法 で 保 護 されている 著 作 物 です このレポートの 著 作 権 はやまひろに 属 します 著 作 権 者 の 許 可 なく このレポートの 全 部 又 は 一 部 を いかなる 手 段 においても 複 製 転 載 流 用 転 売 等 することを 禁 じます このレポートに 書 かれた

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 定 型 カタログ 作 成 ツール CatalogPacker のご 紹 介 平 成 26 年 7 月 8 日 共 同 印 刷 株 式 会 社 トータルソリューションオフィス 藤 森 良 成 定 型 カタログ 作 成 ツール CatalogPacker の 概 要 CatalogPacker は 定 型 カタログを 製 作 を 行 うための Web to Print システムです Webブラウザ 上

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション WiLL Mail トライアルアカウント 用 簡 易 マニュアル 1 メールを 配 信 する(シンプルDB 編 ) 1.データベースを 設 定 する 2.メールを 作 成 する 1 新 規 メールを 作 成 する 2 配 信 対 象 設 定 をする 3 基 本 設 定 をする 4コンテンツを 編 集 する 5 設 定 内 容 を 確 認 する 6 配 信 を 行 う p3,4 p5 p6,7 p8,9

More information

はじめに確認していただきたいこと

はじめに確認していただきたいこと ページの 内 容 を 編 集 する ページ 内 の 領 域 を 追 加 削 除 したり 修 正 したりして 編 集 します 1 編 集 メニュー 表 示 を 押 す 2 編 集 したい 領 域 の 下 にスクロールする グレーの 帯 が 表 示 されています 3 グレーの 帯 の 部 分 にカーソルを 合 わせる 編 集 メニューが 表 示 されます 4 編 集 したい 内 容 に 合 わせて 操

More information

1.3 利 用 方 法 図 1 国 立 国 会 図 書 館 デジタルコレクション 送 信 サービスの 対 象 資 料 本 文 の 閲 覧 は 図 書 館 サービスカウンター 備 え 付 けの 専 用 パソコン(1 台 )のみでの 利 用 となります 利 用

1.3 利 用 方 法 図 1 国 立 国 会 図 書 館 デジタルコレクション  送 信 サービスの 対 象 資 料 本 文 の 閲 覧 は 図 書 館 サービスカウンター 備 え 付 けの 専 用 パソコン(1 台 )のみでの 利 用 となります 利 用 デジタル 化 資 料 送 信 サービス の 利 用 方 法 目 次 1 はじめに(サービスの 概 要 利 用 上 の 注 意 利 用 方 法 ) p.1 2 検 索 の 仕 方 ( 本 を 探 す) p.3 3 閲 覧 の 仕 方 ( 本 を 読 む) p.7 1 はじめに 1.1 サービスの 概 要 について デジタル 化 資 料 送 信 サービス ( 送 信 サービス)は 国 立 国 会 図 書

More information

Microsoft Word - TCⅡマニュアル_第6章_ doc

Microsoft Word - TCⅡマニュアル_第6章_ doc .1 章 -1 .1 様 々な 機 能 を 利 用 し 簡 単 にイメージ 通 りの 加 工 が 行 えます した は 元 を 残 し 新 規 として 保 存 されます また 再 できる 加 工 内 容 の 場 合 は 上 書 き 保 存 することができます.1.1 面 について 配 置 面 ( 第 4 章 ) ペンスコープ 面 ( 第 5 章 ) 一 覧 面 ( 第 12 章 )( 複 数 選 択

More information

MapDK3のインストール

MapDK3のインストール ExifEditor Version 4.6 サポートアドレス:kaneda_supp@yahoo.co.jp 目 次 1. メイン 画 面... 3 1.1. 画 像 表 示... 6 2. Exif 情 報 編 集... 8 2.1. 付 帯 情 報 の 編 集... 10 2.2. 日 付 データの 一 括 編 集... 10 2.3. タイムスタンプ... 11 2.3.1. タイムスタンプ

More information

Ⅰ 校 外 における 研 修 の 留 意 点 1 校 外 における 研 修 のコマ 数 の 考 え ア) 午 前 午 後 の 講 座 は 0.5 日 (0.5 コマ) イ) 全 日 の 講 座 は 1.0 日 (1.0 コマ) 2 校 外 における 研 修 として 選 択 できない 講 座 研 修

Ⅰ 校 外 における 研 修 の 留 意 点 1 校 外 における 研 修 のコマ 数 の 考 え ア) 午 前 午 後 の 講 座 は 0.5 日 (0.5 コマ) イ) 全 日 の 講 座 は 1.0 日 (1.0 コマ) 2 校 外 における 研 修 として 選 択 できない 講 座 研 修 平 成 25 年 度 札 幌 市 10 年 経 験 者 研 修 校 外 における 研 修 ( 共 通 研 修 教 科 指 導 等 研 修 等 )の 入 力 の 手 引 ( 校 外 における 研 修 の 留 意 点 及 び 別 紙 様 式 3 別 紙 様 式 4の 入 力 について) Ⅰ Ⅱ Ⅲ Ⅳ 校 外 における 研 修 の 留 意 点 (p1) 校 外 における 研 修 ( 別 紙 様 式 3)の

More information

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

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

More information