スライド 1

Size: px
Start display at page:

Download "スライド 1"

Transcription

1 Webページの 作 成 Webページの 公 開 平 成 22 年 度 第 9 回 高 等 学 校 教 師 を 対 象 とした 情 報 教 育 講 習 会 ~ 情 報 教 育 コース ~ 情 報 科 学 部 仲 隆

2 2 講 習 会 の 目 的 情 報 教 育 コース 高 等 学 校 の 情 報 教 育 担 当 教 師 を 対 象 に 情 報 教 育 の 方 法 について 講 習 し 高 等 学 校 における 情 報 教 育 の 質 的 向 上 を 図 る ネットワーク サーバ 管 理 コース 高 等 学 校 における 日 常 的 な 業 務 及 び 教 育 に 情 報 技 術 を 活 用 したい 教 師 を 対 象 に 実 務 的 な 内 容 の 講 習 会 を 通 して 教 育 の 情 報 化 に 貢 献 を 図 る

3 3 本 講 習 の 内 容 について 九 州 産 業 大 学 情 報 科 学 部 1 年 次 生 配 当 科 目 情 報 リテラシー ( 講 義 )および 情 報 リテラシー 演 習 にて 使 用 した 教 材 の 内 容 を 本 講 習 向 けに 再 構 成 + 加 筆 修 正 ベースとなったオリジナル 教 材 2009 / 2010 年 度 情 報 リテラシー 2コマ 分 2009 / 2010 年 度 情 報 リテラシー 演 習 2コマ 分

4 情 報 リテラシー シラバス(1) 4

5 情 報 リテラシー シラバス(2) 5

6 情 報 リテラシー 演 習 シラバス(1) 6

7 情 報 リテラシー 演 習 シラバス(2) 7

8 Webページの 作 成 WWWとHTML Webページの 作 り 方 Web アクセシビリティ

9 9 WWW(World Wide Web) いろいろな 情 報 資 源 を 統 合 的 に 扱 う 情 報 資 源 のネットワーク (on Internet) 様 々な 技 術 の 集 合 HTML (HyperText Markup Language) URI (Universal Resource Identifier) URL(Universal Resource Locator)はURIの 一 部 ページの アドレス HTTP (HyperText Transfer Protocol)

10 HTML (Hyper Text Markup Language) 10 Webページ 記 述 用 に 開 発 された ハイパーテキ スト 記 述 用 言 語 SGML(Standard Generalized Markup Language)のサブセット

11 11 SGML HTML SGML 文 章 にマーク 付 けするための 言 語 HTML SGML を 元 にWebページを 記 述 するために 開 発 HTMLは 便 利 他 の 目 的 にも 使 いたい! しかしWebページ 記 述 に 特 化 されている!! SGMLは 複 雑 すぎる!!

12 12 XML XHTML XML (extensible Markup Language) SGMLを 元 にした 汎 用 のデータ 記 述 言 語 現 在 さまざまなところで 使 われている XHTML HTMLはXMLではないので 不 便 XMLの 一 部 としてHTMLを 再 設 計 今 後 は 主 流 になると 思 われる

13 13 SGML XHTML SGML: 元 々の 元 祖 ( 複 雑 汎 用 性 あり) HTML: Webページ 記 述 用 ( 単 純 汎 用 性 無 し) XML: 汎 用 データ 記 述 用 ( 単 純 汎 用 性 あり) XHTML: Webページ 記 述 用 (XML 用 システムを 利 用 可 能 ) HTML SGML XML XHTML

14 14 HTML の 今 後 HTMLは1999 年 公 開 の 4.01 が 最 新 XHTML に 切 り 替 わることが 期 待 されていた XHTML の 普 及 は 必 ずしも 進 んでいない 新 しいHTML 仕 様 の 策 定 がスタート HTML 年 1 月 に 最 初 の 草 稿 が 公 開 2010 年 9 月 に 正 式 勧 告 予 定

15 15 HTML5 参 考 サイト HTML5.JP - 次 世 代 HTML 標 準 HTML5 情 報 サ イト HTML5とは? 変 わるWebと 注 目 の 新 要 素 HTML5.0の 情 報 サイト

16 Webページの 例 16

17 17 このWebページの 実 体 <html> <head> <title>webページサンプル</title> </head> <body> <h1>world Wide Web</h1> <p>world Wide Web は WWW や Web とも 呼 ばれる インターネットの 爆 発 的 普 及 の 原 動 力 と なったアプリケーションである これは 以 下 の3つの 要 素 技 術 から 構 成 される </p> <ul> <li>html: HyperText Markup Language</li> <li>uri: Universal Resource Identifier</li> <li>http: HpyerText Transfer Protocol</li> </ul> <p> 情 報 リテラシーでは これらのうち<strong>HTML</strong>について 詳 しく 解 説 する なお <a href="http://www.w3.org/markup">html の 正 式 な 仕 様 </a>も 参 考 になる </p> <p><img src="http://www.w3.org/icons/valid-html401" alt="valid HTML 4.01 Strict" height="31" width="88"></p> </body> </html>

18 18 HTMLの 書 き 方 文 書 の 構 造 の 例 タイトル 作 者 段 落 列 挙 ( 箇 条 書 き) 引 用 文 書 の 構 造 ( 構 成 要 素 ) を HTMLの 要 素 として マークアップ( 印 付 け) していく ブラウザが その 構 造 を 見 やすく 表 示

19 19 HTML 文 書 の 構 成 要 素 の 例 タイトル 見 出 し 段 落 画 像 リンク 箇 条 書 き 強 調

20 20 文 書 の 構 成 要 素 とHTML 要 素 との 対 応 例 文 書 の 構 成 要 素 タイトル 見 出 し 段 落 箇 条 書 き 強 調 引 用 画 像 リンク HTMLの 要 素 title h1 h2 h3 h4 h5 h6 p ul em strong blockquote img a

21 21 HTMLの 要 素 要 素 は 開 始 タグ 内 容 終 了 タグ で 構 成 < 要 素 > が 開 始 タグ </ 要 素 > が 終 了 タグ <title>, </title>, <p>, <ul> など 終 了 タグを 省 略 できるものもある p 要 素 li 要 素 など XHTMLや 新 HTML では 終 了 タグは 省 略 不 可 能 終 了 タグがないもの( 空 要 素 )もある img 要 素 hr 要 素 など タグは 半 角 文 字 XHTMLや 新 HTML では 空 要 素 は <img /> のように 開 始 タグを /> で 終 わらせる

22 22 HTML 文 書 の 基 本 構 成 HTML 文 書 はヘッダと 本 体 で 構 成 ヘッダはhead 要 素 に 書 く 本 体 はbody 要 素 に 書 く 全 体 がhtml 要 素 ヘッダに 文 書 の 説 明 を 記 述 タイトルはヘッダの 中 本 体 は 文 書 本 文 を 記 述 <html> <head> </head> <body> </body> </html> ここがヘッダ (head 要 素 ) ここが 全 体 (html 要 素 ) ここが 本 体 (body 要 素 )

23 23 このWebページの 実 体 ( 再 掲 ) <html> <head> <title>webページサンプル</title> </head> <body> <h1>world Wide Web</h1> <p>world Wide Web は WWW や Web とも 呼 ばれる インターネットの 爆 発 的 普 及 の 原 動 力 と なったアプリケーションである これは 以 下 の3つの 要 素 技 術 から 構 成 される </p> <ul> <li>html: HyperText Markup Language</li> <li>uri: Universal Resource Identifier</li> <li>http: HpyerText Transfer Protocol</li> </ul> <p> 情 報 リテラシーでは これらのうち<strong>HTML</strong>について 詳 しく 解 説 する なお <a href="http://www.w3.org/markup">html の 正 式 な 仕 様 </a>も 参 考 になる </p> <p><img src="http://www.w3.org/icons/valid-html401" alt="valid HTML 4.01 Strict" height="31" width="88"></p> </body> </html>

24 24 HTML 要 素 の 構 成 の 注 意 点 開 始 タグと 終 了 タグの 関 係 は 数 学 の 開 きカッコと 閉 じカッコと 同 じ 良 い 例 : <p> 一 部 <em> 強 調 </em>する</p> 悪 い 例 : <p> 一 部 <em> 強 調 </p>したつもり</em> タグは 半 角 文 字 で 記 述 タグは 大 文 字 小 文 字 ともに 可 XHTMLや 新 HTMLでは 小 文 字 のみ

25 25 文 書 をマークアップする 見 出 し 部 分 を h1 要 素 で マークアップ 見 出 しのレベルで h2, h3, 開 始 部 分 に 開 始 タグ <h1>を 追 加 終 了 部 分 に 終 了 タグ </h1>を 追 加 (1) 見 出 し <h1> World Wide Web </h1>

26 26 文 書 をマークアップする 段 落 部 分 ( 一 つの 段 落 )を p 要 素 (Paragraph)でマークアップ 開 始 部 分 に 開 始 タグ<p>を 追 加 終 了 部 分 に 終 了 タグ</p>を 追 加 HTML 中 の 改 行 位 置 は 気 にしな くて 良 い (2) 段 落 <p> World Wide Web は WWW や Web とも 呼 ばれる インターネッ トの 爆 発 的 普 及 の 原 動 力 となったアプリケーションである これは 以 下 の3つの 要 素 技 術 から 構 成 される </p>

27 27 文 書 をマークアップする 箇 条 書 き 部 分 全 体 を ul 要 素 (Unordered List) でマークアップ 各 箇 条 書 き 項 目 を li 要 素 (List Item)でマーク アップ (3) 箇 条 書 き <ul> <li> <li> <li> </ul> HTML: HyperText Markup Language URI: Universal Resource Identifier HTTP: HpyerText Transfer Protocol </li> </li> </li>

28 28 文 書 をマークアップする 強 調 部 分 を strong 要 素 でマークアップ (4) 強 調 <p> 情 報 リテラシーでは これらのうちHTMLについて リテラシーでは これらのうち<strong>HTML</strong>に 詳 しく 解 説 する なお HTMLの 正 式 な 仕 様 も 参 考 になる ついて 詳 しく 解 説 する なおHTMLの 正 式 な 仕 様 も 参 考 になる </p> </p>

29 29 文 書 をマークアップする (5)リンク <p> 情 報 リテラシーでは これらのうち<strong>HTML<strong>について 詳 し く 解 説 する なおHTMLの する なお<a>HTMLの 正 式 正 な 式 仕 な 様 仕 も 様 参 </a>も 考 になる 参 考 になる </p> <a href= >HTMLの 正 式 な 仕 様 </a>も 参 考 になる </p> リンク 部 分 を a 要 素 で マークアップ(Anchor) リンク 先 を href 属 性 で 指 定 する (Hyper REFerence)

30 30 文 書 をマークアップする の 正 式 な 仕 様 </a>も 参 考 になる</p> 画 像 を 入 れる 部 分 に img 要 素 をマーク (IMaGe) 画 像 のURIを src 属 性 で 指 定 (SouRCe) 代 替 テキストや 画 像 サイズ も 属 性 で 指 定 画 像 を 段 落 にする (6) 画 像 の 正 式 な 仕 様 </a>も 参 考 になる</p> <p> <img src= alt= Valid HTML 4.01 Strict height= 31 width= 88 > </p> <img> src= > src=http://www.w3.org/icons/valid-html401 alt= Valid HTML 4.01 Strict height= 31 width= 88 >

31 31 様 々な 要 素 :テキスト(1) 見 出 し h1 要 素 h2 要 素 h6 要 素 (Heading) <h1> </h1>, <h2> </h2>, 1が 大 見 出 し( 章 ) 順 に 小 見 出 し( 節 小 節 ) 段 落 ( 一 般 の 文 章 ) p 要 素 (Paragraph) <p> </p>

32 32 様 々な 要 素 :テキスト(2) 事 例 <h1> 情 報 リテラシー</h1> <h2>htmlの 説 明 </h2> <p>htmlの 規 格 はW3Cが 規 定 </p>

33 33 様 々な 要 素 :リスト(1) 箇 条 書 き ul 要 素 (Unordered List) <ul> </ul> 番 号 つき 箇 条 書 き ol 要 素 (Ordered List) <ol> </ol> リスト 要 素 ( 箇 条 書 きの 各 項 目 ) li 要 素 (List Item) <li> </li>

34 34 事 例 様 々な 要 素 :リスト(2) <ul> <li>webページ 記 述 用 言 語 </li> <li>sgmlのサブセット</li> </ul>

35 35 様 々な 要 素 : 画 像 (1) img 要 素 (IMaGe) 属 性 で 情 報 を 指 定 src 属 性 (SouRCe) 画 像 ファイルの 場 所 をURIで 指 定 alt 属 性 (ALTernative text) 画 像 が 表 示 できないときのための 代 替 文 字 列 を 指 定 width 属 性 画 像 の 幅 を 指 定 表 示 を 高 速 化 するため 利 用 height 属 性 画 像 の 高 さを 指 定 表 示 を 高 速 化 するため 利 用 <img src= alt= width= height= >

36 36 事 例 様 々な 要 素 : 画 像 (2) <img src="topadd.gif" width="73" height="52" alt=" 九 州 産 業 大 学 ">! 大 文 字 小 文 字 をファイル 名 と 同 じにする Windowsでは 区 別 しないが UNIXでは 大 文 字 小 文 字 を 区 別 する

37 37 様 々な 要 素 :リンク(1) a 要 素 (Anchor) href 属 性 でリンク 先 の URI を 指 示 (Hyper REFerence) <a href= > </a>

38 38 様 々な 要 素 :リンク(2) 事 例 <p>htmlの 規 格 は <a href="http://www.w3.org">w3c</a>が 規 定 </p>

39 39 様 々な 要 素 :その 他 文 字 の 強 調 em 要 素 (EMphasise) strong 要 素 横 罫 線 hr 要 素 (Horizontal Rule) HTML 要 素 の 種 類 の 数 が 多 いため 必 要 に 応 じ てリファレンスブックやウェブページを 適 宜 参 照 さ れたい

40 40 Webページ 作 成 の 過 程 1. HTMLファイルの 作 成 1 テキストエディタ(TeraPad,メモ 帳 )でHTMLファイ ルを 作 成 / 修 正 2 作 成 したHTMLファイルをWebブラウザ(Firefox, Internet Explorer)で 確 認 2. HTMLファイルのアップロード& 公 開 1 作 成 したHTMLファイルをWebサーバへ 転 送 2 転 送 したHTMLファイルをWebブラウザで 確 認 3. HTMLファイルの 追 加 修 正 1 追 加 修 正 分 のHTMLファイルに 対 して 手 順 1と2

41 Webページの 作 成 テキストエディタを 使 った 基 本 的 なWebページの 作 成 ~ 自 己 紹 介 /お 気 に 入 り 集 のページを 作 ろう ~

42 42 補 足 :ページ 内 容 の 選 択 個 人 情 報 を 世 界 中 に 公 開 することの 是 非 調 査 結 果 ( 勉 強 した 成 果 )の 公 開 学 校 行 事 や 生 徒 の 各 種 活 動 の 公 開 校 内 の 日 常 風 景 ( 部 活 動 授 業 等 ) 体 育 祭 や 文 化 祭 地 域 との 交 流 先 生 方 と 生 徒 さんの 共 同 制 作 で 学 校 をPR?

43 作 成 例 43

44 44 Webページ(HTMLファイル)の 作 り 方 手 動 でHTMLを 書 く エディタ(メモ 帳 TeraPadなど)を 利 用 HTMLに 関 する 知 識 が 必 要 自 動 でHTMLを 生 成 する Webページ 作 成 支 援 ソフトを 利 用 Blog, Wiki, CMS(Contents Management System) などの 利 用 HTMLに 関 する 知 識 は 不 要

45 45 Webページ 作 成 支 援 ソフト Webオーサリングツール (Web Authoring Tool) とも 呼 ばれる 専 用 ツール IBM ホームページビルダー Adobe DreamWeaver KompoZer (フリーソフト) 汎 用 ツール Word, Excel

46 46 KompoZer Netscape Composer を 元 に 開 発 した NVU を 改 良 オープンソースのWebオーサリングツール WYSIWYG (What You See Is What You Get) Webエディタ 内 蔵

47 47 Word/ExcelによるWebページの 作 成 既 存 文 書 のWebページ 化 の 一 つ [ 名 前 を 付 けて 保 存 (A)] ファイルの 種 類 (T) を Webページ(*.htm;*.html) に 変 更 ファイル 名 +.files フォルダに 画 像 などが 含 まれる

48 PDFファイルの 作 成 Word/Excel 等 からのPDF 化

49 49 PDFファイルの 広 がりと 重 要 性 PDF(Portable Document Format) Adobe Systems 社 によって 開 発 電 子 文 書 のためのフォーマット 電 子 的 に 配 布 可 能 相 手 のコンピュータの 機 種 や 環 境 に 依 存 しない PDFファイルを 作 成 できソフトが 数 多 く 存 在 Adobe Acrobat Primo PDF (フリーソフト) 瞬 簡 PDF ZERO (フリーソフト)

50 50 印 刷 を 選 択 デスクトップの 教 材 フォ ルダ IT 講 習 会 情 報 教 育 仲 サンプルWordファ イル.doc

51 プリンタとしてPrimoPDFを 選 択 51

52 プリンタとしてPrimoPDFを 選 択 52

53 53 プリンタとしてPrimoPDFを 選 択 作 成 修 正 したPDFファイルを Z: WWW-KSU フォルダに 保 存 ファイル 名 は sample.pdf 保 存 後 開 いて 内 容 を 確 認

54 54 Blog(Weblog) 元 々は 個 人 運 営 で 日 々 更 新 される 日 記 的 な Webサイトの 総 称 Blogを 作 成 するためのツールやサービスが 充 実 HTMLを 知 らなくてもBlogを 書 くことができる 特 別 なツール 不 要 Webブラウザで 利 用 可 能 Webページの 発 行 編 集 などが 行 なえる

55 Blogの 例 55

56 56 Wiki Webブラウザから 簡 単 にWebページの 発 行 編 集 などが 行 なえる 独 自 の 整 形 ルール で 文 章 を 記 述 複 数 人 が 共 同 でWebサイトを 構 築 していく 利 用 法 を 想 定 語 源 はハワイ 語 の Wikiwiki ( 速 い 急 ぐ 形 式 張 らないといった 意 味 )

57 Wikiの 例 57

58 58 Webページ 作 成 の 手 順 1. テキストエディタを 起 動 2. HTMLファイルを 作 成 修 正 3. 作 成 修 正 したHTMLファイルを Z: WWW- KSU に 保 存 4. Webブラウザで 表 示 確 認

59 59 テキストエディタ 起 動 テキストエディタ メモ 帳 秀 丸 エディタ TeraPad HTML 要 素 のタグを 見 た 目 で 区 別 できるよう 自 動 的 に 色 付 けする 機 能 が 付 いているほうが 便 利

60 60 HTMLファイルの 作 成 修 正 テキストエディタでHTMLタグを 含 むWebページ の 内 容 を 入 力 下 記 の 作 成 例 を 参 考 に 自 分 なりの 工 夫 をして 作 成 すること HTMLファイルの 作 成 例 を 参 照 作 成 するHTMLファイルの 種 類 ホームページ(index.htm) お 気 に 入 りのページ(links.htm)

61 index.htm 61

62 参 考 :links.htm 62

63 63 参 考 : 作 成 例 のソース 前 述 のサンプルページは 情 報 リテラシーのペー ジにリンクあり lectures/il/2009/webpages/ Webブラウザでページのソースを 参 照 同 じところにリンクあり

64 64 Webページの 中 身 (ソース)の 見 方 ソース ソースコード source code の 略 称 Webブラウザから 見 ることが 可 能 Internet Explorerでは [ページ] [ソースの 表 示 ] Firefox では [ 表 示 ] [ページのソース]

65 65 HTMLファイルの 保 存 作 成 修 正 したHTMLファイルを Z: WWW-KSU フォルダに 保 存 ファイル 名 は 半 角 英 数 字 で! ホームページの 名 前 index.htm お 気 に 入 りのページの 名 前 links.htm

66 66 Webブラウザで 表 示 確 認 HTMLファイルをダブルクリック 表 示 されたページ 内 容 と 自 分 の 想 像 したものと が 異 なる 場 合 HTMLファイルをテキストエディタで 修 正 & Webブラウザで 再 確 認

67 67 Webブラウザで 表 示 確 認 ( 続 き) 場 合 によっては 表 示 ( 見 え 方 )が 異 なることもあ るので 注 意! Webブラウザの 種 類 文 字 サイズ フォント( 書 体 ) ウィンドウサイズ Firefox と IE の 両 方 で 見 てみると 良 い HTML ファイルを 右 クリック プログラムから 開 く Firefox もしくは Internet Explorer

68 68 ブラウザによる 見 栄 えの 違 い w3m Firefox 携 帯 (iモード)

69 69 HTML-lint HTMLの 文 法 的 な 正 しさのチェックツール 文 法 が 正 しければ 良 いというものではない しかし それなりの 根 拠 ( 例 えば WAI)はあるの で 正 しいほうが 望 ましい Wordが 生 成 するHTMLの 採 点 結 果 は 悲 惨 例

70 70 参 考 例 (HTML-lint 向 け 改 良 版 ) ホームページ 改 良 版 lectures/il/2009/webpages/ 下 川 のホームページその2

71 参 考 :Webページ チェックリスト(1) 71

72 参 考 :Webページ チェックリスト(2) 72

73 73 STYLE 要 素 の 追 加 HTML 要 素 ごとに 文 字 色 や 背 景 色 フォント サイズなどの 指 定 HEAD 要 素 に STYLE 要 素 を 追 加 追 加 例 <style type="text/css"> <!-- body { color: #602727; background: #D1EEEE; } h2 { margin: 0em 2em 0em 0em; font-size: 1.6em; font-weight: 600; border-style: solid; border-width: 0.2em 0em 0em 1em; border-color: blue; } --> </style>

74 74 参 考 例 (STYLE 要 素 の 追 加 ) ホームページ 改 良 版 lectures/il/2009/webpages/ 下 川 のホームページその3

75 75 外 部 スタイルシート CSS 前 述 の STYLE 要 素 を ( 別 ファイルとして) 外 部 スタイルシート(CSSファイル)として 用 意 CSS(Cascading Style Sheets)ファイル *.css CSSファイルもテキストエディタで 作 成 HTMLファイルのHEAD 要 素 内 で 使 用 する CSSファイルを 指 定 使 用 例 : <link rel="stylesheet" type="text/css href="hoo.css">

76 76 CSSファイルの 作 成 方 法 (1) CSSファイルには 1つ 以 上 の 規 則 集 合 が 含 まれる 規 則 集 合 :セレクタ( 選 択 子 )と 宣 言 ブロックから 構 成 p.id { color : #ff3300 } セレクタ: スタイルが 適 用 される 対 象 を 示 す( 上 例 では p.id の 部 分 ) 宣 言 ブロック: { から } までの 部 分 1つ 以 上 の 宣 言 を 含 む 宣 言 : color : #ff3300 の 部 分 プロパティ( 特 性 ): 宣 言 の 内 : より 前 ( 上 例 では color ) 値 : 宣 言 の 内 : より 後 ( 上 例 では #ff3300 )

77 77 CSSファイルの 作 成 方 法 (2) CSSファイルで 指 定 した 規 則 集 合 を HTMLファ イルのHTML 要 素 に 適 用 する 際 の 記 述 例 CSSファイル 内 p.id { color : #ff3300 } HTMLファイル 内 <p class="id"> </p>

78 78 参 考 例 (CSSファイルの 使 用 ) ホームページ 改 良 版 lectures/il/2009/webpages/ 下 川 のホームページその4 さらに 改 変 して 外 部 スタイルシートを

79 80 漢 字 を 表 現 する 文 字 コードには 大 きく4 種 類 JIS (ISO-2022-JP) Shift JIS 文 字 コードについて (HTML 作 成 について 補 足 ) EUC ( 日 本 語 EUC, EUC-JP) Unicode (UTF-8) 詳 細 については 以 下 のページを 参 照 Cyber Librarian 日 本 の 文 字 コード 文 字 コードの 話

80 81 文 字 化 け 情 報 通 信 では 送 信 者 が 使 う 文 字 コードと 受 信 者 が 使 う 文 字 コードが 一 致 することが 必 要 一 致 しない 場 合 いわゆる 文 字 化 け が 発 生 携 帯 会 社 が 違 う 場 合 の 絵 文 字 化 けも 原 因 は 同 じ Webでも サーバから 送 られてくるデータの 文 字 コードが 分 からないと 文 字 化 けの 原 因

81 82 HTMLでの 対 策 JIS でファイルを 作 っておくと 文 字 化 け しにくい TeraPad で 文 字 / 改 行 コード 指 定 保 存 で JIS を 指 定 Webサーバ 管 理 者 に 最 終 確 認 を 取 るとよい head 要 素 中 で ファイルの 文 字 コードを 指 定 する 方 法 も <meta http-equiv= Content-Type content="text/html; charset=iso-2022-jp"> 上 の 例 は JIS の 場 合 Shift JIS の 場 合 ISO-2022-JP ではなく Shift_JIS と 記 述 EUC-JP の 場 合 は EUC-JP と 記 述

82 84 Web Accessibility(a11y) a11y = accessibility : アクセシビリティ できるだけ 多 くの 人 に 情 報 を 提 供 するには? 視 聴 覚 障 害 者 もアクセスしてくるかも 画 像 表 示 できないブラウザを 利 用 しているかも 障 害 者 がWebを 知 覚 理 解 ナビゲーション インター ラクション 可 能 視 覚 障 害 聴 覚 障 害 肢 体 不 自 由 発 話 障 害 認 知 障 害 脳 機 能 障 害 高 齢 者, 一 時 的 な 障 害 状 況 による 障 害 ユーザビリティも 向 上

83 85 Web a11y の 例 代 替 テキスト イメージの 代 わりに 表 示 されるテキスト ブラウザによる 見 栄 えの 違 いの 例 での 九 産 大 ロゴ オーディオキャプション デバイス 非 依 存 (キーボードだけでも 操 作 可 能 ) 明 確 で 一 貫 したデザインとナビゲーション

84 86 Web a11y は 機 会 均 等 に 不 可 欠 Webがあらゆる 場 面 ( 含 公 的 サービス)で 利 用 されている Webなら 障 害 者 もアクセスしやすいようにできる 企 業 の 社 会 的 責 任 (CSR)である a11y に 対 応 したWebにすることで 人 々の 暮 らし が 改 善 し 全 体 として 社 会 に 利 益 をもたらす

85 87 障 害 者 以 外 への 利 点 高 齢 者 ( 日 本!) 読 み 書 きが 不 得 手 な 人 その 言 語 に 堪 能 でない 人 ネットワークが 遅 い 人 Webの 初 心 者 明 確 で 一 貫 したデザイン ナビゲーション リンク サーバーサイド イメージマップにテキストリンク 追 加 新 しくブラウザを 開 く 際 の 事 前 情 報

86 89 参 考 サイト(Web ally) ウェブアクセシビリティチェックサイトHAREL (NTTデータ) e_ aspx Webページのソースコードをチェックし アクセシビリ ティへの 適 合 度 を 点 数 で 表 示 みんなのウェブ 情 報 バリアフリーのための 情 報 提 供 サイト ( 情 報 通 信 研 究 機 構 )

87 ネットセキュリティ/モラルの 教 育 (1) 90 必 修 科 目 情 報 リテラシー にて 実 施 警 察 庁 および 都 道 府 県 警 察 のサイバー 犯 罪 対 策 部 門 のコンテンツの 活 用 ( 協 力 依 頼 ) 利 用 コンテンツ 県 警 講 演 (サイバー 犯 罪 対 策 部 門 へ 依 頼 ) 警 察 庁 監 修 情 報 セキュリティ 対 策 ビデオ ポリスチャンネル ビデオライブラリ

88 91 警 察 庁 監 修 情 報 セキュリティ 対 策 ビデオ ココロノスキマ アクセスの 代 償 ~あなたの 知 らないネット 事 情 ~ 嘘 ~ 出 会 い 系 サイトによる 犯 罪 被 害 に 遭 わないために~ 仕 掛 けられた 罠 ネットオークション ネットバンキングの 危 険 性 サイバー 犯 罪 事 件 簿 3 ~NET SPY ネット スパイ~ 企 業 の 情 報 セキュリティ サイバー 犯 罪 事 件 簿 2 ~ 危 険 なアクセス~ ワンクリック 詐 欺 出 会 い 系 サイト 等

89 92 参 考 : 動 的 なWebページ アクセスごとに 変 化 のあるページ サーバ 側 でコンテンツを 作 り 替 えるページ CGI: Common Gateway Interface Java Servlet PHP クライアント 側 でプログラムが 動 くページ Java Applet JavaScript

90 93 その 他 参 考 webページ W3C 今 回 講 義 で 紹 介 した HTML は 説 明 のため 簡 略 化 W3C のページは 正 確 な HTML を 使 用 Getting started with HTML 同 上 日 本 語 版 ( 非 公 式 )

91 94 マルチメディアコンテンツ 静 止 画 像 動 画 像 音 声 音 楽

92 95 静 止 画 像 GIF: Graphic Interchange Format アイコンのように 色 数 が 少 ない 画 像 向 き JPEG: Joint Photographic Experts Group 写 真 やCGのように 色 数 が 多 い 画 像 向 き BMP: BitMaP Windows 標 準 の 画 像 形 式 ファイルサイズが 無 駄 に 大 きい PNG: Portable Network Graphics GIFにおける 特 許 問 題 を 解 決 するために 開 発 W3C 推 奨

93 96 動 画 像 MPEG (.mpg) Moving Picture Experts Group が 開 発 業 界 標 準 様 々な 会 社 により 開 発 された 独 自 規 格 開 発 元 名 称 代 表 的 な 拡 張 子 Microsoft Video for Windows.avi Windows Media.wmv,.asf,.asx Real Media Real Media.rm,.ram Apple Quick Time.mov Adobe Flash.swf Flash Video.flv

94 97 音 声 音 楽 MIDI (.midi,.midi) 音 符 データなのでサイズが 小 さい MP3: MPEG Layer-3 の 略 (.mp3) 波 形 データだが 非 常 にファイルサイズが 小 さい 様 々な 会 社 により 開 発 された 独 自 規 格 開 発 元 名 称 代 表 的 な 拡 張 子 Microsoft Wave.wav Windows Media.asx,.asf,.wma Real Media Real Audio.ra,.ram,.rm Apple AIFF.aiff,.aif

95 Webページの アップロード& 公 開 作 成 したWebページを Webサーバへ 転 送

96 99 Webページの 公 開 までの 手 順 1. Webページをデザイン 2. Webページを 構 成 するHTMLファイルや 画 像 ファイル 等 を 作 成 3. Webブラウザで 表 示 確 認 4. 問 題 があれば2へ 戻 る 5. 公 開 用 Webサーバへ 転 送 (アップロード) 6. サーバ 上 のWebページを 表 示 確 認 7. 問 題 があれば2または5へ 戻 る

97 100 WWWの 仕 組 み HTTPアクセス アクセス クライアント Webサーバ FTPサーバ コンテンツ 作 成 PC データ 例 ) 学 生 用 FTPサーバ : ftp-st.is.kyusan-u.ac.jp 学 生 用 Webサーバ: www-st.is.kyusan-u.ac.jp

98 101 本 講 習 でのページの 公 開 Z: WWW-KSUに 公 開 したいHTMLファイルを 保 存 ~ ユーザ 名 /ファイル 名 でア クセス 可 能 ~ ( 破 線 符 号 )は 直 接 入 力 ( 半 角 英 数 字 入 力 )で shift + ^ ~ の 代 わりに %7E の3 文 字 でも 可

99 102 参 考 :FTPによるファイルのアップロード 基 本 的 にWebサーバはファイルのアップロード 機 能 を 持 たない そこでFTPサーバを 併 用 ファイルをFTPサーバに 転 送 (アップロード) FTPサーバに 転 送 したデータにはWebサーバを 通 じてアクセスできる

100 103 参 考 :FTPによるファイルのアップロード 方 法 ファイルをWebサーバーに 送 る FFFTP([すべてのプログラム]ー[リモートアクセス]) 1. 学 内 個 人 用 Webページサーバに 接 続 2. 転 送 するファイル(index.htm 画 像 ファイル)を 選 択 しアップロード( 転 送 )

101 104 参 考 :Webページのアップロード& 公 開 作 業 内 容 1. パスワードの 変 更 ( 適 宜 ) 2. 公 開 用 ディレクトリ(フォルダ) public_html の 作 成 最 初 の1 度 だけやれば 良 い 3. PCで 作 成 したHTMLファイルをFTPサーバに 転 送 4. アップロードしたWebページへアクセス 5. HTMLファイルの 修 正 へ 戻 る( 修 正 するたび 転 送 する)

102 105 アクセス 制 限 の 設 定 方 法 (1) 条 件 : Webサーバとして Apache を 使 用 制 限 方 法 ( ウェブブラウザでのフィルタ 制 限 ) 1.ドメイン(IPアドレス)による 制 限.htaccess ファイルのみ 使 用 2.パスワードによる 制 限 (Basic 認 証 ).htaccess ファイル.htpasswd ファイルを 使 用 1.および2.の 制 限 を 一 緒 に 適 用 可.htaccess ファイル.htpasswd ファイルを 使 用

103 106 アクセス 制 限 の 設 定 方 法 (2) 条 件 : Webサーバとして Apache を 使 用 作 成 した.htaccess.htpasswd を 制 限 をかけ たいファイルと 同 じ 場 所 (ディレクトリ)に 保 存.htaccess.htpasswd の 保 存 場 所 に 存 在 するディ レクトリ( 子 ディレクトリ)も 適 用

104 107 ドメイン(IPアドレス)による 制 限.htaccess ファイルの 例 <Limit GET POST> 特 定 のホスト(コンピュータ)からの アクセスのみを 許 可 する 場 合 Satisfy any Order Deny,Allow Deny from all Allow from as.kyusan-u.ac.jp Allow from /22 </Limit> ネットマスクを 利 用 したホスト 指 定

105 108 参 考 :ネットマスク IPアドレスをネットワークID 部 分 とホストID 部 分 と に 分 離 する 際 の 指 定 方 法 例 : /24 IPアドレス の 各 数 値 (10 進 数 )を8 桁 の2 進 数 に 変 換 そのうち 上 位 ( 左 から)24 桁 はネッ トワークID 部 分 よって ( 下 位 8 桁 が ) ~ ( 下 位 8 桁 が )からのアク セス 可

106 109 パスワードによる 制 限 (Basic 認 証 ).htaccess ファイルの 例 AuthType Basic Basic 認 証 の 宣 言 AuthName members AuthUserFile /home/foo/public_html/.htpasswd <Limit GET POST> Require valid-user </Limit>.htpasswd ファイルの 例 Webサーバで htpasswd コマンドを 使 って 作 成 or.htpasswd ファイルをウェブサイトで 作 成 student:cfu7fksyacvfx

107 110 ドメイン/パスワードによる 制 限.htaccess ファイルの 例 AuthType Basic AuthName members AuthUserFile /home/foo/public_html/.htpasswd <Limit GET POST> Require valid-user Satisfy any Order Deny,Allow Deny from all Allow from as.kyusan-u.ac.jp Allow from /24 </Limit> any 指 定 は ドメイン 認 証 or パスワード 認 証 いずれかを 通 過 すればO.K.の 意 味

108 111 参 考 ページ:アクセス 制 限 All About [ホームページ 作 成 ] 基 本 認 証 でアク セス 制 限 をかける 方 法 ate/closeup/cu a/.htaccess ファイルを 簡 単 作 成.htaccess Editor

109 112 モバイル 用 ウェブページの 作 成 主 に 緊 急 連 絡 用 で 使 用 される 事 例 が 多 い 学 校 のリスク 管 理 の 顔 となることも 必 要 最 小 限 の 内 容 (コンテンツ)を 掲 載 文 字 を 中 心 に 内 容 情 報 の 更 新 タイミングも 重 要 使 用 タグも 最 小 限 に 主 要 なキャリアで 閲 覧 確 認 を NTT docomo / au (KDDI) / softbank キャリアによって 使 えないタグも

110 113 作 業 :QRコードの 作 成 URLを 入 れたQRコードを 作 成 例 : 九 産 大 情 報 科 学 部 モバイル 向 けサイト QRのススメ さっそく 作 る URL(http://~) の 作 る タイトル URL を 入 力 し OKボタン 作 成 したQRコードを 携 帯 電 話 で 読 み 取 りアクセ ス (2 次 元 )バーコードリーダ 機 能 を 使 用

111 お 疲 れ 様 でした 講 習 内 容 についてのお 問 い 合 わせは 下 記 電 子 メールアドレスまで

112 115 情 報 教 育 講 習 会 リンク 集

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

スライド 1

スライド 1 九州産業大学 平成 22 年度教員免許状更新講習 8 月 2 日 ( 月 ) 選択領域工学 情報系講座 (F) ホームページ作成技術の基礎と応用 Ⅰ ホームページ作成技術の基礎 九州産業大学情報科学部稲永健太郎 inenaga@is.kyusan-u.ac.jp http://www.is.kyusan-u.ac.jp/~inenaga/ 2 講習会の概要 ホームページの作成方法をわかりやすく学ぶ講座です

More information

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6.....................

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6..................... web 0448039 1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6...................... 3 7 HTML CSS.................... 3 8....................

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

■新聞記事

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

More information

Microsoft Word - chap2.doc

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

More information

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

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

More information

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

2.3 本学でよく使う基本ツール

2.3 本学でよく使う基本ツール 2.3.1 テキストエディタ(TeraPad) 第 2 部 第 3 章 本 学 でよく 使 う 基 本 ツール 1.はじめに 学 内 の 演 習 室 PC には Windows 標 準 のメモ 帳 以 外 にも TeraPad や 秀 丸 Sublime Text といった 複 数 のテキストエディタがインスト ールされています これらのテキストエディタはメモ 帳 と 同 じように 速 く メモ 帳

More information

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

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

More information

(Microsoft PowerPoint - ANC-Net\203z\201[\203\200\203y\201[\203W\214\366\212J\225\373\226@.pptx)

(Microsoft PowerPoint - ANC-Net\203z\201[\203\200\203y\201[\203W\214\366\212J\225\373\226@.pptx) ANC-Netホームページ 公 開 方 法 CGI 利 用 可 能 環 境 の 開 始 に 伴 う 改 訂 2009.3 ネットワークシステム 管 理 課 1 ANC-Netホームページ 公 開 方 法 基 本 編 1 ホームページの 領 域 について 2 ホームページのURLについて 3 サーバへのアップロードについて 応 用 編 4 アクセスカウンターについて 5 CGIとPHPについて 6.htaccess

More information

山梨県ホームページ作成ガイドライン

山梨県ホームページ作成ガイドライン 17 7 ...1...4...4...4...4...5...5 W3C...5...6...6...6...7...8...8...10...10...10... 11...12...12...13...13...13...14...14...14...15...15...16...16...16...16...16...17...18 15 (2003 ) 69.7 81.1 43.6 19.6

More information

Lecture/CompPracR2003/12th

Lecture/CompPracR2003/12th Lecture/CompPracR2003/12th 2016 年 7 月 17 日 コンピュータ 演 習 ( 再 ) 第 12 回 (1) Webページの 作 成 (1) Webページを 作 成 する 道 具 (1) テキストエディタを 使 うメリット デメリット (2) HTML (2) HTMLとは (2) HTMLの 書 き 方 (3) HTMLファイルの 構 造 (3) 空 白 と 改 行

More information

1.5. 根 拠 となる 規 格 ウェブアクセシビリティに 関 する 国 内 の 標 準 規 格 である JIS X :2010 高 齢 者 障 害 者 等 配 慮 設 計 指 針 - 情 報 通 信 における 機 器,ソフトウェア 及 びサービス - 第 3 部 :ウェブコンテンツ (

1.5. 根 拠 となる 規 格 ウェブアクセシビリティに 関 する 国 内 の 標 準 規 格 である JIS X :2010 高 齢 者 障 害 者 等 配 慮 設 計 指 針 - 情 報 通 信 における 機 器,ソフトウェア 及 びサービス - 第 3 部 :ウェブコンテンツ ( 六 戸 町 ウェブアクセシビリティガイドライン 2015 年 4 月 1 日 1. はじめに 1.1. 目 的 六 戸 町 ウェブアクセシビリティガイドライン ( 以 下 本 ガイドラインという)は 日 本 工 業 規 格 (JIS X 8341-3)を 踏 まえ 六 戸 町 がウェブサイトにおいて 障 害 者 高 齢 者 の 使 いやすさに 最 大 限 配 慮 して 情 報 提 供 を 行 なうため

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

2 2-1 HTMLの 構 造 等 公 開 URLが 静 的 なHTMLであること 判 読 不 可 能 な 文 字 を 含 むものや 文 字 数 が 多 すぎるURL(いわゆる 動 的 なHTML)は 原 則 として 不 可 とする 2-2 任 意 なURLが 使 用 でき コンテンツ 作 成 時

2 2-1 HTMLの 構 造 等 公 開 URLが 静 的 なHTMLであること 判 読 不 可 能 な 文 字 を 含 むものや 文 字 数 が 多 すぎるURL(いわゆる 動 的 なHTML)は 原 則 として 不 可 とする 2-2 任 意 なURLが 使 用 でき コンテンツ 作 成 時 1 1-1 サイト 全 般 デザイン 等 サイト 全 体 が 標 準 化 統 一 化 されたページデザインとすること ただし サイトで 異 なるデザインで 作 成 表 示 することができること 1-2 ヘッダー フッターは 原 則 すべてのページで 統 一 したデザインとすること 1-3 ロゴ イラスト バナーなどサイトに 応 じたデザインで 作 成 すること 1-4 スマートフォンやタブレット 端

More information

項 目 設 定 設 置 可 能 項 目 数 100 項 目 投 票 フォームの 設 置 可 能 投 票 項 目 数 1 項 目 (10 選 択 肢 ) 必 須 項 目 設 定 条 件 項 目 設 定 添 付 ファイル 合 計 容 量 入 力 項 目 を 必 須 項 目 に 設 定 できます フォーム

項 目 設 定 設 置 可 能 項 目 数 100 項 目 投 票 フォームの 設 置 可 能 投 票 項 目 数 1 項 目 (10 選 択 肢 ) 必 須 項 目 設 定 条 件 項 目 設 定 添 付 ファイル 合 計 容 量 入 力 項 目 を 必 須 項 目 に 設 定 できます フォーム 更 新 日 :2015 年 4 月 14 日 料 金 初 期 費 用 月 額 料 金 無 料 サーバーの 初 期 セットアップ 時 以 外 または 複 数 フォームメーラーを インストールする 場 合 には 別 途 費 用 が 必 要 となります 無 料 スペック 100 個 作 成 可 能 フォーム 数 一 般 投 票 注 文 フォームに 対 応 設 置 可 能 項 目 数 100 項 目 添 付

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

情報処理実習(工基3)

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

More information

07_経営論集2010 小松先生.indd

07_経営論集2010 小松先生.indd 19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT

More information

HTML文章作成

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

More information

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

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

More information

別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 CMS 要 件 一 覧 NO ( 大 分 類 ) NO ( 中 分 類 ) NO ( 小 分 類 ) 3 静 的 HTML 作 成 4 HTMLソース 直 接 編 集 5 CSSソース 直 接 編 集 6 画 像 掲 載 7 アクセシ

別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 CMS 要 件 一 覧 NO ( 大 分 類 ) NO ( 中 分 類 ) NO ( 小 分 類 ) 3 静 的 HTML 作 成 4 HTMLソース 直 接 編 集 5 CSSソース 直 接 編 集 6 画 像 掲 載 7 アクセシ 別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 CMS 要 件 一 覧 NO ( 大 分 類 ) NO ( 中 分 類 ) NO ( 小 分 類 ) 説 明 利 用 者 組 織 管 理 パスワード 管 理 登 録 修 正 削 除 パスワード 期 限 管 理 組 織 名 組 織 ID 組 織 パスワードを 登 録 修 正 削 除 する 管 理 者 自 身 がパスワードの 設 定 変

More information

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

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

More information

第5回

第5回 情 報 教 育 演 習 II 第 5 回 HTML(4) 前 回 に 引 き 続 き Webの 中 心 的 な 技 術 HTML について 実 習 をします 今 回 で HTMLのまとめ になります HTML(4) 1. 水 平 線 をつくる( 復 習 ) 2.イメージを 貼 り 付 ける 今 回 の 課 題 1.HTMLファイルを 作 成 する 2.HTMLファイルの 文 法 をチェックする -

More information

CSSの基礎

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

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

文 書 構 造 とスタイル

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

More information

学生用_目次

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

More information

演 習 中 心 の 講 義 とし 解 説 した 事 項 は 基 本 的 に 演 習 で 動 作 を 確 認 する 講 義 を 通 し 机 上 の 知 識 ではなく 知 識 を 活 用 する 力 を 身 につけることを 目 指 す 演 習 室 (1312 室 )の 制 限 で 本 講 義 の 履 修

演 習 中 心 の 講 義 とし 解 説 した 事 項 は 基 本 的 に 演 習 で 動 作 を 確 認 する 講 義 を 通 し 机 上 の 知 識 ではなく 知 識 を 活 用 する 力 を 身 につけることを 目 指 す 演 習 室 (1312 室 )の 制 限 で 本 講 義 の 履 修 Webプログラミング1 ガイダンス Web (1 章 ) 2013/4/10( 水 ) Webプログラミング1 ガイダンス 1/31 2/31 計 算 機 上 で 効 率 的 に 情 報 を 蓄 え 分 析 し それを 配 信 する 方 法 について WWW(World Wide Web)を 中 心 に 学 習 する 関 連 技 術 (HTML CGI JavaScript XMLなど) に ついても

More information

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

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

More information

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

高知大学 学生用

高知大学 学生用 高 知 大 学 学 生 用 moodle2 moodle(ムードル)は Web を 通 じて 利 用 する 授 業 サポートのシステムです 学 生 ユーザは 参 加 している 科 目 (コース)の 授 業 コンテンツを 使 って 受 講 ( 活 動 ) することができます ご 利 用 の 推 奨 ブラウザ Internet Explorer 8 以 上 Firefox 4 以 上 Google Chrome

More information

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

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

More information

1/2

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

More information

ホームページ作成技法

ホームページ作成技法 Webページプログラミング Dr. Anna Yamaguchi Course URL: http://www2.obirin.ac.jp/annay/ 1 Dr. Anna Yamaguchi 工 学 博 士 : 東 京 都 立 大 学 大 学 院 ( 現 首 都 大 学 東 京 ) 工 学 研 究 科 電 気 工 学 博 士 号 Internet Packet Loss Recovery Using

More information

(3)sb フォルダを 開 き,フォルダ 内 にある history.txt readme.txt util フォルダを 削 除 する (4)sb_ext フォルダ 内 にある ext フォルダを sb フォルダ 内 にコピーする (5)sb フォルダ 名 を 変 更 する ここで 設 定 したフォ

(3)sb フォルダを 開 き,フォルダ 内 にある history.txt readme.txt util フォルダを 削 除 する (4)sb_ext フォルダ 内 にある ext フォルダを sb フォルダ 内 にコピーする (5)sb フォルダ 名 を 変 更 する ここで 設 定 したフォ シ リ ー ン Serene バ ッ チ Bachの 設 定 と 運 用 1 Serene Bach のダウンロードと 展 開 (1)2つの 圧 縮 ファイルをデスクトップにダウンロードする 仙 台 市 教 育 センター 教 育 の 情 報 化 研 究 委 員 会 校 務 情 報 化 部 会 教 育 センター 参 考 URL http://www.sendai-c.ed.jp/hoka.html http://serenebach.net/download/

More information

Microsoft Word - 311Tools_END

Microsoft Word - 311Tools_END 11.1 テキストエディター(TeraPad) 第 11 章 さらに 使 いこなすためのツール Windows の 標 準 で 搭 載 されているテキストエディターのメモ 帳 Word などに 比 べて メモ 帳 は 軽 く ちょっとした 文 章 を 書 くのに 非 常 に 便 利 です しかし メモ 帳 は 軽 いだけに 機 能 性 はそれほど 高 くありません この 章 で 紹 介 する TeraPad

More information

情報基礎実習2013第8回テキスト

情報基礎実習2013第8回テキスト 情 報 基 礎 実 習 第 8 回 2014 年 6 月 12 日 ( 木 ) 6 月 13 日 ( 金 ) 担 当 教 員 : 逸 村 裕 高 久 雅 生 TF: 池 田 光 雪 普 段 我 々がアクセスする Web サイトは ほぼ 全 てが 様 々な 言 語 や 技 術 を 併 用 して 運 用 さ れている その 中 でも 最 も 基 礎 的 な 言 語 である Hyper Text Markup

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

03 CMS機能審査表.xls

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

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

ホームページ作成技法

ホームページ作成技法 Webページプログラミング Dr. Anna Yamaguchi Course URL: http://www2.obirin.ac.jp/annay/ 1 Dr. Anna Yamaguchi 工 学 博 士 : 東 京 都 立 大 学 大 学 院 ( 現 首 都 大 学 東 京 ) 工 学 研 究 科 電 気 工 学 博 士 号 Internet Packet Loss Recovery Using

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

0序文‐1章.indd

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

More information

Microsoft Word - infA-2011-11a-html.doc

Microsoft Word - infA-2011-11a-html.doc WWW の 仕 組 みと HTML ファイル 1.WWW(World Wide Web)の 仕 組 みと 基 礎 用 語 通 常 Web ページを 閲 覧 する 際 には Web ブラウザと 呼 ばれるアプリケーションを 使 用 し 閲 覧 したい HTML 1 ファイルの 送 信 を そのファイルを 持 つ Web サーバ(WWW サーバ)に 依 頼 する( 図 11) Web サー バは 依 頼

More information

untitled

untitled 25 10 12 11 24 (1) 14 (2) 26 10 44 (3) (4) (5) 27 10 68 (6) (7) (8) 25 10 ( ) (1) (2) (3) ) city.yokohama.lg.jp city.yokohama.jp WEB WEB WEB WEB WEB WEB 1 25 10 WEB WEB (1) (2) (3) (4) 25 10 (1) WEB (2)

More information

Taro-01_Web_html自習テキストⅠ.

Taro-01_Web_html自習テキストⅠ. 平 成 18 年 度 学 校 Web ページ 作 成 研 修 講 座 HTML の 基 礎 Ⅰ ~メモ 帳 で Web ページを 作 ろう!!~ 今 回 の 勉 強 内 容 メモ 帳 /ファイルの 保 存 / 文 字 入 力 /ページタイトルの 設 定 文 字 色 の 設 定 / 文 字 サイズの 設 定 / 水 平 線 /リンクの 設 定 岩 手 県 立 総 合 教 育 センター 情 報 教 育

More information

教員用

教員用 高 知 大 学 教 員 用 moodle2 1.1.moodle を 利 用 するためには 1.2.コースの 保 全 1.3.moodle へのログイン 1.4.ログアウト 2.1.コースの 説 明 2.2.ブロック 一 覧 2.3.HTML テキストエディタを 利 用 する 2.4.アイコン 編 集 アイコンの 説 明 3.1.ユーザを 登 録 する 3.2.ユーザを 削 除 する 4.1.ファイルのアップロード

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. はじめに クラウドコンピューティングを 用 いた 技 術 の 進 歩 により 手 元 にサーバが 無 くてもクラウドサーバを 用 い て 手 軽 に 情 報 発 信 が 容 SURE: Shizuoka University REp http://ir.lib.shizuoka.ac.jp/ Title セキュリティに 考 慮 したクラウドサーバの 構 築 Author(s) 太 田, 諭 之 Citation 技 術 報 告. 19, p. 83-86 Issue Date 2014-03-10 URL http://doi.org/10.14945/00008050

More information

Microsoft Word - 2009.06.doc

Microsoft Word - 2009.06.doc 情 報 基 礎 実 習 第 6 回 HTML の 仕 組 み 2009 年 5 月 28 29 日 長 谷 川 秀 彦 逸 村 裕 本 日 のメニュー HTML ( Hyper Text Markup Language ) を 使 って 箇 条 書 き 画 像 他 のファイルへ のリンクなどを 組 み 込 んだ Web ページを 作 成 する Word, Excel や 専 用 の Web ページ

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

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

ホームページの作り方 講習会テキスト

ホームページの作り方 講習会テキスト ホームページの 作 り 方 2008 年 5 月 更 新 明 治 大 学 講 習 の 前 に この 講 習 は ホームページ ビルダー10 を 利 用 してホームページを 作 成 し 駿 河 台 地 区 設 置 の WWW サー バーで 公 開 する 手 順 を 実 習 する 講 習 です( 注 1 最 新 のバージョンと 異 なる 場 合 もあります) 講 習 では2つ ページを 作 成 します

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

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

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

More information

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 レンタルショッピングカートマニュアル Vol.2 ~ デザイン 設 定 編 ~ ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 ファイル 管 理 ファイルのアップロード/ダウンロード デザイン 設 定 >>

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

NetLec16Web.ppt

NetLec16Web.ppt 大 阪 市 立 大 学 創 造 都 市 研 究 科 ネットワークシステム 概 論 7 ウェブ 帝 塚 山 学 院 大 学 情 報 メディア 学 科 教 授 兼 ICTセンター 長 大 阪 市 立 大 学 名 誉 教 授 / 堺 市 セキュリティアドバイザ 中 野 秀 男 ネットワークシステム 概 論 1 今 日 の 話 キラーアプリ WWWシステム WWWシステムの 展 開 WWWサーバ HTML

More information

NetLec14Web.ppt

NetLec14Web.ppt 大 阪 市 立 大 学 創 造 都 市 研 究 科 ネットワークシステム 概 論 6 Web 帝 塚 山 学 院 大 学 情 報 メディア 学 科 教 授 兼 ICTセンター 長 大 阪 市 立 大 学 名 誉 教 授 / 大 阪 市 ITアドバイザー 中 野 秀 男 [ 検 索 ] 情 報 ネットワーク 概 論 1 今 日 の 話 前 回 の 質 問 と 残 した(Webメール 等 ) 部 分 キラーアプリ

More information

<925393968ED28CA48F438E9197BF875428303731313031292E786C73>

<925393968ED28CA48F438E9197BF875428303731313031292E786C73> NECユーザー 会 実 務 担 当 者 研 修 会 資 料 平 成 19 年 11 月 1 日 - NECユーザー 会 ユーザーシステム 研 究 会 - 於 仙 台 市 情 報 産 業 プラザ 東 日 本 硝 子 業 厚 生 年 金 基 金 目 次 ~ 本 研 修 のテーマ Yahoo(ヤフー)のブリッフケースがあれば FDUもCD- ROMもいらない P2~3 ~ 無 料 インターネット 上 に300メガの

More information

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

More information

Acrobat早分かりガイド

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

More information

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

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

More information

簡単なアイコンの説明

簡単なアイコンの説明 Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) 付 録 内 容 の 入 力 内 容 文 字 装 飾 表 の 挿 入 添 付 ファイルのアップロード リンク 設 定 株 式 会 社 アイ ディ エス Joruri 操 作 マニュアル/ 内 容 の 入 力 機 種 依 存 文 字 はご 利 用 しないでください 下 記 のようなウィンドウズに 依 存 する 機 種 依 存

More information

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

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

More information

スライド 1

スライド 1 Webプログラミング2 2012 年 版 第 1 回 ガイダンス/Webプログラミング 概 要 (1) 担 当 : 斉 藤 典 明 (NTT セキュアプラットフォーム 研 究 所 ) ガイダンス 自 己 紹 介 現 職 : 日 本 電 信 電 話 ( 株 ) セキュアプラットフォーム 研 究 所 主 任 研 究 員 これまでの 経 歴 : グループウェア 系 ネットワークサービス 知 識 共 有 の

More information

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

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

More information

秋 田 大 学 WebClass 利 用 マニュアル 学 生 用 -2016.3- 総 合 学 務 課 教 務 担 当 目 次 WebClassとは p1 内 部 構 成 と 利 用 の 流 れ p1 内 部 構 成 利 用 の 流 れ WebClassへのアクセス(ログイン) 方 法 p3 ログアウト ページ 移 動 p4 ログアウト ページ 移 動 コースリスト コースメニュー 画 面 p5

More information

詳 しくは ユーザーズマニュアルの Web アクセス の 項 目 をご 覧 ください http://www.cc.tsukuba.ac.jp/wp/wp-content/uploads/usersmanual.pdf (2.1) 上 記 の 個 人 用 設 定 メニューにログインして Web アクセ

詳 しくは ユーザーズマニュアルの Web アクセス の 項 目 をご 覧 ください http://www.cc.tsukuba.ac.jp/wp/wp-content/uploads/usersmanual.pdf (2.1) 上 記 の 個 人 用 設 定 メニューにログインして Web アクセ 汎 用 レンタルサーバでのウェブページ 開 設 要 領 (2015.10.01) 1. 基 本 情 報 ここでは rose.cc.tsukuba.ac.jp というウェブサーバでの 例 を 用 いてご 説 明 します (このホスト 名 部 分 は 実 際 に 利 用 中 のサーバ 名 に 読 み 替 えてご 覧 ください ) 1.1. サイト 用 コンテンツの 設 置 場 所 (ドキュメントルート)

More information

付 録 B コンテンツへのアクセスを 制 限 する B.1 アクセス 制 限 の 概 要 アクセスを 制 限 したいコンテンツが 格 納 されているフォルダに.htaccess およ び.htpasswd ファイルをアップロードすることで IP アドレス(ドメイン 名 ) やユーザー 認 証 による

付 録 B コンテンツへのアクセスを 制 限 する B.1 アクセス 制 限 の 概 要 アクセスを 制 限 したいコンテンツが 格 納 されているフォルダに.htaccess およ び.htpasswd ファイルをアップロードすることで IP アドレス(ドメイン 名 ) やユーザー 認 証 による 付 録 B コンテンツへのアクセスを 制 限 する B.1 アクセス 制 限 の 概 要 B.2 Windows でアクセス 制 限 を 設 定 する B.3 Mac OS X でアクセス 制 限 を 設 定 する 97 付 録 B コンテンツへのアクセスを 制 限 する B.1 アクセス 制 限 の 概 要 アクセスを 制 限 したいコンテンツが 格 納 されているフォルダに.htaccess およ

More information

産 農 産 物 の 地 産 地 消 の 推 進 と 置 賜 産 農 産 物 の 愛 用 運 動 を 実 施 することにより 置 賜 地 域 における 農 業 の 活 性 化 並 びに 地 域 の 活 性 化 を 図 ることを 目 的 に 平 成 年 度 に 設 立 したものである 設 立 以 降 生

産 農 産 物 の 地 産 地 消 の 推 進 と 置 賜 産 農 産 物 の 愛 用 運 動 を 実 施 することにより 置 賜 地 域 における 農 業 の 活 性 化 並 びに 地 域 の 活 性 化 を 図 ることを 目 的 に 平 成 年 度 に 設 立 したものである 設 立 以 降 生 おきたま 食 の 応 援 団 ウェブサイトの 作 成 及 び 運 用 仕 様 書 委 託 業 務 の 名 称 置 賜 産 農 産 物 愛 用 運 動 推 進 事 業 業 務 委 託 委 託 業 務 の 概 要 () 委 託 業 務 の 目 的 平 成 年 度 に 設 立 した おきたま 食 の 応 援 団 活 動 を 充 実 させるため おき たま 食 の 応 援 団 ウェブサイト( 以 下 本 サイト

More information

スタイルシートを 用 いた Web ページの 運 用 静 岡 大 学 工 学 部 技 術 部 太 田 諭 之, 大 橋 和 義, 後 藤 克 嘉, 水 野 保 則 tsoota@ipc.shizuoka.ac.jp 1.はじめに 静 岡 大 学 工 学 部 技 術 部 のホームページは 2008 年

スタイルシートを 用 いた Web ページの 運 用 静 岡 大 学 工 学 部 技 術 部 太 田 諭 之, 大 橋 和 義, 後 藤 克 嘉, 水 野 保 則 tsoota@ipc.shizuoka.ac.jp 1.はじめに 静 岡 大 学 工 学 部 技 術 部 のホームページは 2008 年 Departmental Bulletin Paper / 紀 要 論 文 スタイルシートを 用 いたWebページの 運 用 太 田, 諭 之 ; 大 橋, 和 義 ; 後 藤, 克 嘉 ; 水 野, 保 則 技 術 職 員 による 技 術 報 告 集. 2009, 17, p. 24-27. http://hdl.handle.net/10076/10274 スタイルシートを 用 いた Web ページの

More information

教員用

教員用 高 知 大 学 教 員 用 moodle2 1.1.moodle を 利 用 するためには 1.2.コースの 保 全 1.3.moodle へのログイン 1.4.ログアウト 2.1.コースの 説 明 2.2.ブロック 一 覧 2.3.HTML テキストエディタを 利 用 する 2.4.アイコン 編 集 アイコンの 説 明 3.1.ユーザを 登 録 する 3.2.ユーザを 削 除 する 4.1.ファイルのアップロード

More information

橡ホームページの作り方

橡ホームページの作り方 1. 1.1. HTML Word HTML(Hyper Text Markup Language) html htm MS-WORD MS-WORD HTML HTML HTML (1.0) 1 1978 7 10 S 3

More information

画 面 画 面 縦 表 示 多 選 択 肢 表 示 利 点 画 面 縦 利 用 項 目 数 少 画 面 間 延 欠 点 似 手 法 階 層 化 情 報 同 格 選 択 肢 提 示 場 合 適 手 法 同 様 着 数 多 欠 点 メニュー [3]タブ コンテンツエリア [a] 画 面 上 部 にメニュ

画 面 画 面 縦 表 示 多 選 択 肢 表 示 利 点 画 面 縦 利 用 項 目 数 少 画 面 間 延 欠 点 似 手 法 階 層 化 情 報 同 格 選 択 肢 提 示 場 合 適 手 法 同 様 着 数 多 欠 点 メニュー [3]タブ コンテンツエリア [a] 画 面 上 部 にメニュ 2-6-2 スマートフォンにおける 画 面 分 割 と 配 置 画 面 小 同 時 画 面 上 配 置 難 閲 覧 中 操 作 中 画 面 表 示 場 合 合 両 者 切 替 利 用 工 夫 必 要 [1]ドロップダウン 2 6-2 W e b ペ ー ジ 画 面 構 成 画 面 上 部 設 以 外 画 面 使 用 配 置 図. a 下 方 向 滑 込 入 表 示 図. b 項 目 下 位 要 素

More information

1 全 国 データベースの 概 要 1.1 全 国 データベースについて 1-2 1.2 全 国 データベースの 機 能 1-5 1.3 全 体 マップ 1-7 1.4 物 件 種 別 と 物 件 種 目 1-13

1 全 国 データベースの 概 要 1.1 全 国 データベースについて 1-2 1.2 全 国 データベースの 機 能 1-5 1.3 全 体 マップ 1-7 1.4 物 件 種 別 と 物 件 種 目 1-13 基 本 編 1 全 国 データベースの 概 要 1-1 2 全 国 データベースを 始 める 2-1 3 基 本 操 作 を 知 ろう 3-1 1 全 国 データベースの 概 要 1.1 全 国 データベースについて 1-2 1.2 全 国 データベースの 機 能 1-5 1.3 全 体 マップ 1-7 1.4 物 件 種 別 と 物 件 種 目 1-13 1 全 国 データベースの 概 要 1.1

More information

11

11 ( 40 ) 1 ipad ) LAN (Local Area Network) WAN (Wide Area Network) 2 TCP/IP 3 LAN LAN EMOBILE WiMAX WILLCOM ) 4 ( www(world wide web,) ) 5 6 7 8 9 10 index.html Web IE, FireFox, Safari ( ) 11 IP IP xx.xx.xx.xx

More information

Microsoft Word - 2010.09.doc

Microsoft Word - 2010.09.doc 情 報 基 礎 実 習 9 回 HTML の 仕 組 み 2010 年 6 月 17 18 日 長 谷 川 秀 彦 逸 村 裕 本 日 のメニュー HTML ( Hyper Text Markup Language ) を 使 って 箇 条 書 き 画 像 他 のファイルへ のリンクなどを 組 み 込 んだ Web ページを 作 成 し Word, Excel, PowerPoint や 専 用 の

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

1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 高 いフレームレートで 再 生 ができると 一 般 的 に 動 画 は 滑 らかに 動 作 する 試 験 範 囲 : 5-2.マルチメディアと 動 的 表 現 試

1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 高 いフレームレートで 再 生 ができると 一 般 的 に 動 画 は 滑 らかに 動 作 する 試 験 範 囲 : 5-2.マルチメディアと 動 的 表 現 試 ウェブデザイン 技 能 検 定 3 級 学 科 練 習 問 題 本 練 習 問 題 の 著 作 権 は 当 協 会 に 帰 属 します 協 会 の 提 供 する 一 部 又 は 全 ての 練 習 問 題 を 無 断 で 複 写 転 載 営 利 利 用 することを 禁 止 します 内 容 解 答 その 他 一 切 のお 問 い 合 わせは 受 け 付 けておりません 本 練 習 問 題 と 実 際 の

More information

スライド 1

スライド 1 e 研 修 PDCA 運 用 チェック Simple e-learning Management System Plus 操 作 説 明 書 管 理 者 機 能 ( 運 用 チェックテーマ 資 材 作 成 管 理 編 ) 05 年 月 Ver..7 アーチ 株 式 会 社 機 能 e 研 修 管 理 機 能 LOGIN 画 面 (PC 環 境 用 ) 説 明 e 研 修 管 理 機 能 LOGIN

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

ウェブアクセシビリティガイドライン

ウェブアクセシビリティガイドライン 兵 庫 県 小 野 市 ウェブアクセシビリティガイドライン 第 1 版 平 成 24 年 12 月 情 報 管 理 課 目 次 1 ガイドライン 策 定 の 目 的... 1 2 ガイドラインの 適 用 範 囲... 1 3 ウェブアクセシビリティの 必 要 性... 1 4 根 拠 となる 規 格... 1 5 配 慮 の 対 象 となる 利 用 者... 2 6 達 成 等 級 と 達 成 基

More information

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 レンタルショッピングカートマニュアル ~ デザイン 設 定 編 ~ ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 ファイル 管 理 ファイルのアップロード/ダウンロード デザイン 設 定 >> ファイル

More information

CMS操作手順書

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

More information

3. 管 理 画 面 (ダッシュボード) ログインすると 下 図 のダッシュボードの 画 面 となります ( 権 限 によって 左 のメニューが 異 なります ) 4.ブログの 投 稿 方 法 管 理 画 面 の 左 側 のメニューから 投 稿 をクリックします ここに 投 稿 された 公 開 記

3. 管 理 画 面 (ダッシュボード) ログインすると 下 図 のダッシュボードの 画 面 となります ( 権 限 によって 左 のメニューが 異 なります ) 4.ブログの 投 稿 方 法 管 理 画 面 の 左 側 のメニューから 投 稿 をクリックします ここに 投 稿 された 公 開 記 2011.12.8 カメリア パルの 会 ホームページ 編 集 マニュアル http://pal.nono1.jp 1.はじめに カメリア パルの 会 のホームページは フリーのブログシステム(WORDPRESS)を 使 用 してい ます このシステムの 特 徴 としては ブログの 基 本 的 使 用 方 法 である 日 記 を 追 加 するだけでなく 固 定 的 なページを 作 成 することができ

More information

スライド 1

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

More information

ホームページとは何?

ホームページとは何? ホームページ 作 成 にあたっての 基 本 事 項 ホームページとは? インターネットを 介 して 誰 もが 閲 覧 できるように 作 られたものを ホームページ と 言 います ホームページには 文 字 だけでなく 画 像 や 動 画 音 楽 なども 埋 め 込 むことができま す またホームページに 掲 載 されている 情 報 の 中 でひとまとめに 括 られたものを コンテ ンツ と 呼 んでいます

More information

Microsoft Word - wsample.docx

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

More information

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet

Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet 2012 Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheets CSS2 CSS3 Web Web2.0 Web3.0 Web IT Web Homepage

More information

Microsoft Corporation のガイドラインに 従 って 画 面 写 真 を 使 用 しています Microsoft Windows Windows Vista は 米 国 Microsoft Corporation の 米 国 及 びその 他 の 国 における 登 録 商 標 又 は

Microsoft Corporation のガイドラインに 従 って 画 面 写 真 を 使 用 しています Microsoft Windows Windows Vista は 米 国 Microsoft Corporation の 米 国 及 びその 他 の 国 における 登 録 商 標 又 は 書 類 閲 覧 用 端 末 要 件 平 成 25 年 4 月 金 融 庁 総 務 企 画 局 企 業 開 示 課 Microsoft Corporation のガイドラインに 従 って 画 面 写 真 を 使 用 しています Microsoft Windows Windows Vista は 米 国 Microsoft Corporation の 米 国 及 びその 他 の 国 における 登 録 商

More information

kagoemon-a

kagoemon-a かごえもんの 初 期 設 定 は 全 ての 設 定 で 行 います 基 本 設 定 ショッピングカートシステム ( 注 文 フォーム ) に 関 する 基 本 設 定 を 行 います 基 本 設 定 の 管 理 画 面 用 パスワード とは? 商 品 注 文 における 送 料 および 注 文 完 了 時 に 自 動 送 信 されるショップの 専 用 メールアドレス メール 文 に 記 載 する 挨

More information

32bit または 64bit アーキテクチャに 対 応 快 適 な 操 作 性 を 得 るために 高 性 能 CPU を 推 奨 します HDD 容 量 は 約 1GB 以 上 1GB 以 上 にはコンテンツ 領 域 は 含 まれません またコンテンツの 増 大 に 比 例 してシステム 領 域

32bit または 64bit アーキテクチャに 対 応 快 適 な 操 作 性 を 得 るために 高 性 能 CPU を 推 奨 します HDD 容 量 は 約 1GB 以 上 1GB 以 上 にはコンテンツ 領 域 は 含 まれません またコンテンツの 増 大 に 比 例 してシステム 領 域 CMSKIT Ver.2.3 動 作 環 境 2015 年 10 月 20 日 株 式 会 社 ノア 本 書 は CMSKIT Ver.2.3 をサーバーに 導 入 して 実 行 させるとき お 客 様 にご 用 意 いただく 動 作 環 境 を 示 しています 動 作 環 境 とは 株 式 会 社 ノアが CMSKIT Ver.2.3 の 正 常 動 作 を 確 認 した 環 境 をいいます 本

More information

情報技術基礎クラス8

情報技術基礎クラス8 情 報 技 術 基 礎 クラス8 第 5 回 (2005.5.25) 講 師 : 斉 藤 匡 人 今 日 の 寄 り 道 (3D-tcpdump) 3D-tcpdump ソフトウェアを 作 っています http://jp.3d-tcpdump.org 先 週 の IPAX 2005 で 発 表 したものです TA の sada, ichiriki 君 たちと 作 っています 言 語 は Java (Java3D)+

More information

19 2. アクセシビリティ 20 3. アクセシビリティ 21 2. アクセシビリティ 22 2. アクセシビリティ 23 2. アクセシビリティ 24 2. アクセシビリティ 25 2. アクセシビリティ 26 2. アクセシビリティ 27 2. アクセシビリティ 28 2. アクセシビリティ

19 2. アクセシビリティ 20 3. アクセシビリティ 21 2. アクセシビリティ 22 2. アクセシビリティ 23 2. アクセシビリティ 24 2. アクセシビリティ 25 2. アクセシビリティ 26 2. アクセシビリティ 27 2. アクセシビリティ 28 2. アクセシビリティ 1 1. 導 入 実 績 機 2 1. 導 入 実 績 機 3 1. 機 機 熱 海 市 ホームジリニューアル 業 務 委 託 CMS 機 要 件 一 覧 既 に 市 町 で1 件 以 上 ホームジの 再 構 築 及 び 運 用 の 実 績 があるこ 導 入 するCMSは 熱 海 市 と 同 規 模 以 上 の 自 治 体 へ 導 入 された 実 績 が あり 現 在 も 稼 動 しているこ 閲 覧

More information

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

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

More information