Microsoft Word - 2011年度卒業論文.doc



Similar documents
PowerPoint プレゼンテーション

Microsoft Word - FBE3A91F.doc

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


Microsoft Word - 311Tools_END

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

調 査 結 果 トピック1: 性 年 代 別 利 用 率 の 利 用 率 は 男 女 ともに 各 年 代 で 大 きく 伸 長 している 2011 年 9 月 の 調 査 では の 年 代 別 利 用 率 は 男 女 とも が 最 も 高 く が 23.9% が 20.5%だったが 今 年 の 調

(2)【講義】

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

Tohtech Career Navi

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

CSI情報管理システム

1.2. ご 利 用 環 境 推 奨 ブラウザ Internet Explorer Google Chrome(バージョン 32 時 点 で 動 作 確 認 済 み) Mozilla Firefox(バージョン 26 時 点 で 動 作 確 認 済 み) Safari 7

<4D F736F F D2090C389AA8CA72D92F18F6F2D D F ED28CFC82AF91808DEC837D836A B E838B A815B816A2E646F6378>

PowerPoint プレゼンテーション

Cloud Disk とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケーション (オンラインストレージ)です 本 資 料 について Cloud Disk サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアントと 本

PowerPoint プレゼンテーション

目 次 機 能 概 要 配 信 管 理 1. メールの 配 信 履 歴 と 予 約 を 確 認 する

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

<4D F736F F D ED28FDA8DD7837D836A B2E646F6378>

Microsoft PowerPoint - コピー ~ KUMA★NAVI使い方ガイド_120928(最終版)

FAQ案(Linkup Manager)

参加表明書・企画提案書様式

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

1 書 誌 作 成 機 能 (NACSIS-CAT)の 軽 量 化 合 理 化 電 子 情 報 資 源 への 適 切 な 対 応 のための 資 源 ( 人 的 資 源,システム 資 源, 経 費 を 含 む) の 確 保 のために, 書 誌 作 成 と 書 誌 管 理 作 業 の 軽 量 化 を 図

平 成 19 年 度 東 北 地 区 国 立 大 学 法 人 等 技 術 職 員 研 修 日 程 表 ( 情 報 技 術 分 野 ) 時 間 日 8:00 9 月 18 日 ( 山 形 地 区 ) 9 月 19 日 ( 米 沢 地 区 ) 9 月 20 日 ( 米 沢 地 区 ) 9 月 21 日

SchITコモンズ【活用編】

2. データを 検 索 する なごやコレクションのデータを 検 索 するための 方 法 として キーワード 検 索 詳 細 検 索 の 二 通 りの 検 索 方 法 が あります 2.1. キーワードから 探 す キーワードを 入 力 する トップページの 入 力 ボックスに 検 索

Microsoft Word - 資料5-1_資料掲載_ver docx

<4D F736F F D2093CD8F6F82AA954B977682C88C9A95A882CC94BB926682CC DD5F48508C668DDA E646F63>

2011論稿_吉川宏之.indd

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

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

目 次 ログインする 前 に... 4 メンバー 管 理 編 ( 管 理 者 )... 5 ログインする... 6 トップページについて... 7 メンバー 管 理 をする... 8 メンバー 管 理 画 面 について 医 療 機 関 指 定 新 規 追 加 指 定...

「災害用伝言板(web171)」の提供について~「災害用ブロードバンド伝言板(web171)」に新機能を追加しリニューアル~

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

よりメンバーに 配 布 した 第 2 期 は 第 1 期 に 開 発 した 大 気 時 間 値 集 計 解 析 ツールをベースに 機 能 改 良 を 行 った 国 立 環 境 研 究 所 では メンバーから 寄 せられる 要 望 使 い 勝 手 に 関 する 意 見 感 想 不 具 合 発 生 など

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

スライド 1

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

Microsoft Word - 生物学技研報告ONLINE ガイドブック.doc

2 出 願 資 格 審 査 前 記 1の 出 願 資 格 (5) 又 は(6) により 出 願 を 希 望 する 者 には, 出 願 に 先 立 ち 出 願 資 格 審 査 を 行 いますので, 次 の 書 類 を 以 下 の 期 間 に 岡 山 大 学 大 学 院 自 然 科 学 研 究 科 等

5-2 一 般 ユーザー 用 :メール 2 送 信 者 のリンクをクリックすると 受 信 メールの 内 容 を 見 ることができます 受 信 メール 内 容 画 面 項 目 送 信 者 宛 先 CC 本 文 (テキスト) 本 文 (HTML) メールアドレスのリンクをクリックするとアドレス 帳 へ

基 本 編 1 らんらん パスワード 変 更 の 方 法 (1) 下 記 1~2のいずれかの 方 法 で らんらんかしわ ( 以 下 らんらん という)の TOPページへ 入 る 1かしわシティネットの 右 バナーの 下 から2 番 目 らんらん をクリック 又 は 2Yahoo,Googleで ら

メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ

BizDataBank とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケーション (オンラインストレージ)です 本 資 料 について BizDataBank サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアントと

地域のホームページ作成支援 広島市地域ポータルサイト (地域団体様向け)

工 事 名 能 代 南 中 学 校 体 育 館 非 構 造 部 材 耐 震 改 修 工 事 ( 建 築 主 体 工 事 ) 入 札 スケジュール 手 続 等 期 間 期 日 期 限 等 手 続 きの 方 法 等 1 設 計 図 書 等 の 閲 覧 貸 出 平 成 28 年 5 月 24 日 ( 火

PowerPoint プレゼンテーション

Gmail 利用者ガイド

(3) その 他 市 長 が 必 要 と 認 める 書 類 ( 補 助 金 の 交 付 決 定 ) 第 6 条 市 長 は 前 条 の 申 請 書 を 受 理 したときは 速 やかにその 内 容 を 審 査 し 補 助 金 を 交 付 すべきものと 認 めたときは 規 則 第 7 条 に 規 定 す

(2)大学・学部・研究科等の理念・目的が、大学構成員(教職員および学生)に周知され、社会に公表されているか

2 その 年 中 の 特 定 支 出 の 額 ( 前 払 をした 特 定 支 出 ) 問 資 格 取 得 費 に 該 当 する 専 門 学 校 (2 年 制 )の 授 業 料 等 の 支 出 をしましたが この 特 定 支 出 については その 支 出 した 年 分 の 特 定 支 出 の 額 の

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

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

モバイル 充 電 安 全 認 証 の 概 要 MCPC (モバイルコンピューティング 推 進 コンソーシアム )は 業 界 の 枠 を 越 えてモバ イルコンピューティングを 普 及 促 進 することを 目 的 とし 1997 年 に 発 した 任 意 団 体 です このたび MCPCはスマートフォ

Microsoft Word _Office365ProPlus利用マニュアル.docx

目 次 1. 提 案 依 頼 にあたって 本 件 の 目 的 岩 手 県 立 大 学 ウェブサイトリニューアルの 概 要 概 要 スケジュールの 目 安 契 約 期 間 費 用...

雇用保険被保険者資格取得届(様式)編

Microsoft Word - 佐野市生活排水処理構想(案).doc

WebAlertクイックマニュアル

工 事 名 渟 城 西 小 学 校 体 育 館 非 構 造 部 材 耐 震 改 修 工 事 ( 建 築 主 体 工 事 ) 入 札 スケジュール 手 続 等 期 間 期 日 期 限 等 手 続 きの 方 法 等 1 設 計 図 書 等 の 閲 覧 貸 出 平 成 28 年 2 月 23 日 ( 火

Microsoft PowerPoint _リビジョンアップ案内_最終.pptx

スライド 1

06.9- はじめての 本 や 論 文 の 探 し 東 京 大 学 本 部 情 報 基 盤 課 [ 学 術 情 報 リテラシー 担 当 ] TREE(UTokyo REsource Explorer)とは TREE [UTokyo REsource Explorer] は シンプルに ひとつ

目 次 ログイン 方 法... 3 基 本 画 面 構 成... 4 メールサービス... 5 メールサービス 画 面 構 成... 5 アカウント 詳 細 / 設 定... 6 高 機 能 フィルター... 7 ユーザーフィルター 設 定... 8 新 規 フィルターの 追 加... 8 My ホ

Microsoft PowerPoint - c3_op-manual.pdf

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

<4D F736F F F696E74202D B E E88E68C9A90DD8BC65F E DC58F4994C52E >

ホームページとは何?

Microsoft Word - 新ユーザー専用ページ機能詳細・マニュアル.doc

は 本 業 務 には 含 まない 10. 引 継 ぎ 1 従 前 受 注 者 からの 引 継 ぎ 本 業 務 の 履 行 期 間 の 開 始 前 に 本 業 務 と 同 様 の 業 務 を 受 注 している 者 ( 以 下 従 前 受 注 者 という )が いるので 本 業 務 の 履 行 に 支

ez_meishi.ppt

1 EC サイトの 構 築 (ア) 基 本 要 件 サイト 全 体 を CMS で 管 理 できること 商 品 登 録 数 を 100 以 上 可 能 とし 拡 張 できること 会 員 登 録 したユーザーにメールマガジンを 送 ることが 出 来 るようにすること Facebook や twitte

検 索 しよう... 1 結 果 を 見 よう ~ 検 索 結 果 一 覧 ~... 2 結 果 を 見 よう ~ 検 索 結 果 詳 細 ( 図 書 )~... 3 結 果 を 見 よう ~ 検 索 結 果 詳 細 ( 雑 誌 )~... 4 ログインしよう... 5 私 の 本 棚 を 活 用

改 版 履 歴 版 数 日 付 内 容 担 当 V /4/1 初 版 NII

預 金 を 確 保 しつつ 資 金 調 達 手 段 も 確 保 する 収 益 性 を 示 す 指 標 として 営 業 利 益 率 を 採 用 し 営 業 利 益 率 の 目 安 となる 数 値 を 公 表 する 株 主 の 皆 様 への 還 元 については 持 続 的 な 成 長 による 配 当 可

Office365 ProPlus 利用方法について

求 職 者 訓 練 の 御 案 内 受 講 生 募 集! 京 都 府 では 求 職 者 の 方 の 再 就 職 を 支 援 するために 短 期 の 職 業 訓 練 を 実 施 します 受 講 の 対 象 者 は 公 共 職 業 安 定 所 に 求 職 申 込 みをされている 方 で 下 記 の 条

贈与税 faq

Flash基礎Chapter1_3稿.indd

PDF閲覧制限システム(簡易版)概説書

求 職 者 訓 練 の 御 案 内 W e b デ ザ イ ン 科 受 講 生 募 集! 京 都 府 では 求 職 者 の 方 の 再 就 職 を 支 援 するために 短 期 の 職 業 訓 練 を 実 施 します 受 講 の 対 象 者 は 公 共 職 業 安 定 所 に 求 職 申 込 みをされ

検 討 検 討 の 進 め 方 検 討 状 況 簡 易 収 支 の 世 帯 からサンプリング 世 帯 名 作 成 事 務 の 廃 止 4 5 必 要 な 世 帯 数 の 確 保 が 可 能 か 簡 易 収 支 を 実 施 している 民 間 事 業 者 との 連 絡 等 に 伴 う 事 務 の 複 雑

< C815B D836A B2E786C73>

Microsoft Word - Jimdo基礎編(8版)

様 式 5 平 成 28 年 度 NOSAI 夏 期 臨 床 実 習 事 前 アンケート * 申 込 をした 方 に を 付 けてください スタンダード 編 ステップアップ 編 氏 名 所 属 大 学 学 年 1. NOSAI 夏 期 臨 床 実 習 への 参 加 を 希 望 する 理 由 動 機

PowerPoint プレゼンテーション

CENTNET 導 入 の 手 引 き 変 更 履 歴 No. 変 更 日 変 更 番 号 変 更 枚 数 備 考 /07/ 版 発 行 - システムリプレースにより 全 面 刷 新 //07/ 版 発 行 3 誤 字 等 の 修 正 /

Microsoft Word - 養生学研究投稿規定(改)

代 議 員 会 決 議 内 容 についてお 知 らせします さる3 月 4 日 当 基 金 の 代 議 員 会 を 開 催 し 次 の 議 案 が 審 議 され 可 決 承 認 されました 第 1 号 議 案 : 財 政 再 計 算 について ( 概 要 ) 確 定 給 付 企 業 年 金 法 第

改 定 履 歴 改 訂 日 改 訂 理 由 及 び 内 容 承 認 者 確 認 者 改 訂 者 05/8/7 新 版 発 行 05/0/5 推 奨 動 作 環 境 を 追 記

Microsoft Word - eラーニングFAQ_final.docx

する ( 評 定 の 時 期 ) 第 条 成 績 評 定 の 時 期 は 第 3 次 評 定 者 にあっては 完 成 検 査 及 び 部 分 引 渡 しに 伴 う 検 査 の 時 とし 第 次 評 定 者 及 び 第 次 評 定 者 にあっては 工 事 の 完 成 の 時 とする ( 成 績 評 定

資料2-2 定時制課程・通信制課程高等学校の現状

スライド 1

2 シ ス テ ム が 2 4 時 間 日 安 定 的 に 稼 働 す る 機 材 と 設 置 環 境 を 整 え る こ と ( 2 ) ソ フ ト ウ ェ ア 1 既 に 導 入 実 績 の あ る CMS で あ る こ と 2 Windows7(Windows IE1 1 ) で

SXF 仕 様 実 装 規 約 版 ( 幾 何 検 定 編 ) 新 旧 対 照 表 2013/3/26 文 言 変 更 p.12(1. 基 本 事 項 ) (5)SXF 入 出 力 バージョン Ver.2 形 式 と Ver.3.0 形 式 および Ver.3.1 形 式 の 入 出 力 機 能 を

<4D F736F F D F4390B3208A948C E7189BB8CE F F8C668DDA97702E646F63>

R4財務対応障害一覧

Transcription:

2011 年 度 卒 業 論 文 セミナーウェブの 設 計 文 学 部 人 間 関 係 学 科 4 年 Aクラス 学 籍 番 号 08500025 氏 名 松 本 梨 佐

目 次 1. はじめに 1 2. ホームページのしくみ 2 3. ホームページ 公 開 までの 手 順 3 4. HTML とは 4 (1) HTML とは (2) スタイルシートとは 5. 要 件 定 義 6 6. 構 成 図 設 計 7 (1) 構 成 図 (2) 工 夫 した 点 7. 全 体 像 11 (1) 作 成 に 使 用 するソフトウェア ハードウェア (2) 全 体 像 8. おわりに 21 参 考 文 献 一 覧 22

1.はじめに 近 年 ではインターネットが 一 般 化 している 日 本 の 人 口 の 約 5 人 に4 人 がインターネッ トを 利 用 する 時 代 である 1 日 のインターネット 使 用 頻 度 は 新 聞 や 広 告 を 読 む 時 間 より 長 いというデータもある そこでこのインターネットの 普 及 率 に 着 目 した 私 もセミナー のホームページを 作 成 し セミナーの 紹 介 を 含 め 他 の 学 生 には 私 たちのセミナーの 活 動 や セミナー 生 にはスケジュールなどの 情 報 を 共 有 し 掲 示 板 などでコミュニケーションを 図 り 有 効 にホームページを 活 用 してもいたいと 考 えた また 今 までになかったウェブ 上 での 卒 業 研 究 の 発 表 の 場 を 設 けることによって 自 宅 にいながら 簡 単 に 閲 覧 できるよう になる 今 までに 授 業 で 習 得 した 知 識 を 活 用 し ホームページのしくみ ホームページをウェブ 上 に 公 開 するまでの 手 順 はどのような 方 法 なのか 今 回 作 成 したホームページのコンテン ツ 全 体 像 などを 簡 単 な 図 式 にまとめわかりやすく 説 明 していく

2.ホームページのしくみ (1)ホーページのしくみ 現 在 インターネットや 携 帯 デイバスで Web サイトを 閲 覧 することは 日 常 的 な 光 景 になっ ている Web サイト 内 のホームページが ネットワークにつながっているパソコンやモバ イル 機 器 から 見 るしくみについて 説 明 する ホームページを Web ブラウザに 表 示 する 元 のデータは 自 分 のパソコン 上 で 作 成 し プロ バイダやホームページ 開 設 サービスのサーバー 内 にある 作 成 されたホームページに 表 示 するデータが サーバーに 送 られると インターネット 上 での 住 所 (URL)を 持 つように なる この URL にネットワークに 接 続 された 機 器 からアクセスすると Web ブラウザにサ ーバーにあるホームページにデータが 表 示 されるしくみになっている 下 記 の 図 1 参 照 1 ホームページを 作 成 する(ローカル 環 境 : 自 分 のパソコン) 2 FTP ソフトを 使 って 作 成 したホームページのデータをサーバーに 転 送 する 3 ホームページのデータが web サーバーに 置 かれる 4 他 のコンピューター( 閲 覧 者 )から Web サーバーの 住 所 (URL)にアクセスする HTML 4 FTP サーバー =ウェブサーバー ブラウザで 閲 覧 3 1 HTML ファイル CSS ファイル 画 像 ファイル 4 2 FTP ソフトを 使 って アップロード FTP クライアント ホームページ 作 成 スマートフォンで 閲 覧 図 1 ホームページのしくみ

3.ホームページ 公 開 までの 手 順 ホームページを 自 分 のパソコンで 作 成 し インターネット 上 へ 公 開 するには 下 記 のよう ないくつかの 手 順 が 必 要 である 1 コンテンツの 内 容 を 考 える 2 テキストファイルと 画 像 ファイルを 作 成 する 3 フォルダを 作 成 しファイルを 保 存 する 4 ブラウザでホームページを 確 認 する 5 内 容 を 追 加 修 正 して 更 新 する 6 FTP ソフトでサーバーにアップロードする 7 インターネットに 接 続 しブラウザで 確 認 する 図 2 ホームページ 公 開 までの 手 順 ホームページを 構 成 する HTML や CSS ファイルは 通 常 Windows や Mac に 標 準 につ いてくるメモ 帳 などのテキストエディタを 使 って 作 成 するが 今 回 は 標 準 添 付 のテキスト エディタよりも 機 能 性 が 高 く 無 料 のソフトウェアを 使 用 する なお Word などワープロ ソフトは ファイルを 作 成 すると Word 独 自 の 情 報 を 含 んでしまうのでホームページの 作 成 には 向 かないので 気 をつけなければならない 画 像 ファイルを 加 工 するためのソフト サ ーバーにアップロードするソフトもウェブ 上 で 高 機 能 の 無 料 ダウンロードソフトを 使 用 す る 必 要 なデータをサーバーにアップロードできたら インターネット 上 でホームページ がきちんと 表 示 されているかブラウザで 確 認 する 必 要 がある この 時 ブラウザやパソコ ンの 種 類 バージョンによっては 見 え 方 が 変 わる 可 能 性 があるため 1つのパソコンの ブラウザで 表 示 するのではなく 種 類 の 違 うパソコンやブラウザで 表 示 しなければならな い 今 回 作 成 するゼミホームページは 川 場 ゼミの 紹 介 ゼミ 内 の 情 報 共 有 をテーマにし 第 4 章 から 上 記 のホームページ 公 開 までの 手 順 を 元 にコンテンツの 内 容 を 詳 細 に 説 明 し セミナーウェブの 設 計 をしていく

4.HTMLとは インターネットは 従 来 のメディアとは 異 なり 世 界 中 で 情 報 交 換 が 行 われている また 新 聞 社 やテレビ 局 などの 特 定 のものではなく さまざまなルートを 通 じて 情 報 をリアルタ イムで 伝 達 できる このインターネットで 標 準 的 に 利 用 されているのが www(world wide web)と 呼 ばれる ドキュメントシステムである www の 中 には 無 数 の web サイトが 存 在 し それらの web サイトを 構 成 しているのが web ページである (1) HTML とは 現 在 のインターネットで 使 用 されている www の 技 術 は 1989 年 スイスのジュネーブに ある 欧 州 素 粒 子 物 理 研 究 所 に 勤 務 していたバーナーズ リー(Tim Berners Lee) 氏 により 開 発 された 当 時 膨 大 に 膨 れ 上 がった 研 究 論 文 をコンピューターで 簡 単 に 管 理 することが 出 来 ない かと 研 究 を 行 っていた また 文 章 をコンピューター 内 に 保 管 するだけでなく 関 連 文 章 の 検 索 時 間 の 短 縮 の 研 究 も 行 われていた リー 氏 は 文 章 の 中 のキーワードに 別 の 文 章 へと 辿 る 仕 掛 けの リンク を 考 案 した この 方 法 は 文 章 から 文 章 へとリンクしていくのは 通 常 の 紙 ベースでは 不 可 能 であるた め シンプルな 文 章 を 越 える 文 章 という 意 味 で HyperText(ハイパーテキスト) と 呼 ばれ た この HyperText を 作 るためには 文 章 の 中 にリンクの 情 報 を 埋 め 込 む 必 要 がある それ に 加 え 文 字 の 書 式 や 画 像 の 表 示 情 報 なども 設 定 しなければならない これには タグ というコンピューター 言 語 を 使 い 指 定 する 文 章 にタグをマークづけることにより HyperText ができあがる このタグこそが HyperText をマークアップするための 言 語 つ まり HTML (HyperText Markup Language )なのである (2)スタイルシートとは 本 来 は Web ページの 見 栄 えを 良 くするために 作 成 された しかし ページレイアウト を 細 かくデザインした Web サイトが 多 くなってくると 複 数 な Web デザイン(ページレイ アウト)を 実 現 する 為 には 本 来 想 定 された HTML の 使 い 方 とは 違 った 形 で Web ページが 制 作 されるようになった そこで www で 利 用 される 技 術 の 標 準 化 を 定 める 団 体 W3C(The World Wide Web Consortium) は 1996 年 にスタイルシート 1997 年 に HTML を 勧 告 し Web ペ ージの 内 容 とデザインを 分 離 することを 推 奨 した HTML で 文 書 の 構 造 を スタイルシート(CSS)で 装 飾 ( 文 字 のサイズ カラー)やレ イアウトなど 文 書 の 見 た 目 (デザイン)を 指 定 した 1998 年 にはスタイルシート(バージョン 2.0)が W3C から 勧 告 され さらに 複 雑 な

Web ページのデザインを 指 定 できるようになった この 頃 から 徐 々にスタイルシートが 利 用 され 始 め 近 年 のブログ 普 及 もあり ほとんどのブログで 見 た 目 を 指 定 するのにスタイ ルシートを 利 用 するのが 一 般 的 になった HTML で 文 書 の 構 造 スタイルシート(CSS)で Web ページのデザイン 指 定 を 行 う ス タイルシートの 設 定 を 変 えることにより Web ページのデザインも 変 わってくる HTML 分 離 している CSS スタイルシート CSS Web ページ1 HTML CSS Web ページ2 CSS Web ページ3 図 2 HTML とスタイルシート(CSS)について

5. 要 件 定 義 セミナーの Web を 作 成 するにあたり セミナー 生 へどのような 機 能 や 実 装 が 必 要 か 要 望 をまとめ 下 記 のような 回 答 が 得 られた テーマ 川 場 ゼミ 紹 介 ゼミ 内 の 情 報 交 換 課 題 発 表 の 場 必 要 なコンテンツ スケジュール アクセスカウンター 1 2 年 生 へのゼミ 紹 介 ページ 卒 論 紹 介 ページ 課 題 発 表 ページ 掲 示 板 教 授 紹 介 ページ 教 授 の HP とのリンク リクルートページ セミナー 日 常 紹 介 ページ 図 3 モチーフの 鳥 の 絵 柄 以 上 の 項 目 を 元 にセミナーWeb の 設 計 を 行 う セミナーWeb を 設 計 するときにはまず 読 者 に 伝 えたいコンテンツ( 中 身 )の 内 容 を 考 える 必 要 がある 今 回 制 作 するセミナーの Web では 閲 覧 対 象 をセミナー 生 活 水 女 子 大 学 の 学 生 とする ここで 読 者 に 伝 えたい 目 的 は 川 場 セミナーの 紹 介 やセミナー 内 での 情 報 の 共 有 後 輩 へ 向 けた 卒 業 論 文 を PDF としてリンクを 作 り 今 までの 手 段 よりも 簡 単 に 卒 業 論 文 を 閲 覧 できるようにすることである そして ただ 紹 介 するだけではなく 可 愛 ら しい 鳥 の 絵 柄 をモチーフに 暖 かいイメージの HP にし HP のロゴも 従 来 あった 活 水 女 子 大 学 のマークをアレンジし 誰 でも 気 軽 に 閲 覧 できるようにした 次 に 上 記 で 挙 げたコンテンツを 説 明 していく まず スケジュールに 関 しては Google カレンダーを 引 用 し ゼミ 内 でスケジュールを 共 有 する アクセスカウンターは HP にアクセスされた 数 をカウントし 表 示 する 1 2 年 生 へゼミ 紹 介 ページでは 1 2 年 生 へ 向 けセミナーの 紹 介 を 行 う 卒 業 論 文 紹 介 のペ ージでは セミナー 生 の 卒 業 論 文 を PDF 化 し Web 上 で 閲 覧 できるようにする 課 題 発 表 のページでは セミナー 生 への 課 題 を 発 表 するページである 掲 示 板 は セミナー 生 が 書 き 込 める 掲 示 板 をつくり コミュニケーションを 図 る 教 授 紹 介 ページは 川 場 教 授 の 紹 介 と 教 授 の HP へリンクできるようにする リクルートページは 1 2 3 年 生 へ 向 け 就 職 活 動 のアドバイスなどを 行 う セミナー 日 常 紹 介 ページでは 写 真 をつかいセミナー の 紹 介 や 雰 囲 気 を 閲 覧 してもらう

6. 構 成 図 設 計 (1) 構 成 図 ここでは 構 成 図 を 使 い 第 2 章 でまとめたコンテンツを 元 にセミナーウェブの 構 成 図 で 説 明 する FC2 掲 示 板 無 料 掲 示 板 構 築 ツールを 作 成 し HP と 相 互 にリンクする 川 場 教 授 HP TKX s LAB 川 場 教 授 の HP と セミナーの HP が 相 互 に リンクする 外 部 リンク 外 部 リンク Kawaba Seminer 川 場 ゼミナール 公 式 HP リンク: Google カレンダー カウンター What s New セミナーロゴ などをまとめたトップページ Kawaba Seminer 川 場 教 授 紹 介 Kawaba Seminer 卒 論 発 表 Kawaba Seminer 課 題 について 川 場 教 授 の 紹 介 ページ ゼミ 生 の 卒 業 論 文 を PDF 化 して 紹 介 するページ 課 題 を 発 表 するページ Kawaba Seminer 1 2 年 生 の 皆 様 へ 1 2 年 生 へ 向 け セミナーの 紹 介 のページ Kawaba Seminer リクルート 就 職 活 動 についてまとめた ページ Kawaba Seminer ゼミの 日 常 写 真 館 ゼミの 日 常 の 写 真 と ゼミ 生 の 紹 介 をまとめた ページ 図 4 作 成 するセミナーHP

(2) 工 夫 した 点 セミナーウェブ 全 体 今 回 作 成 したセミナーウェブは 無 料 で 構 築 できる HP のテンプレートを 基 本 にして 作 成 した トップページ Google カレンダー Google カレンダーでは 予 定 やカレンダーを 仲 間 内 で 共 有 し たり ウェブサイトに 公 開 することができる この 特 徴 を 活 かし セミナーウェブ 上 で 読 者 自 身 が Google カレンダーにログインすると 川 場 教 授 の 授 業 の 日 程 と 学 内 にいら っしゃるか 確 認 でき そのカレンダー 内 に 各 自 のカレンダーも 追 加 でき 読 者 予 定 と 合 わせて 見 ることができる トップページに Google カレンダーが 表 示 されているのでカ レンダー 上 でクリックするとログイン 画 面 にリンクする カレンダーは 教 授 の 学 内 と 学 外 の2 種 類 作 成 している 外 部 へリンク クリック 図 5 トップページ 図 6Google カレンダー カウンター 無 料 のレンタルカウンター 構 築 ツールを 使 用 して 作 成 このセミナー ウェブに 合 ったアクセスカウンターの 表 示 形 式 を 候 補 の 中 から 選 択 し その 表 示 形 式 の タグをコピーし HTML 内 で 貼 り 付 けるとウェブ 上 で 表 示 される このカウンターは セミナーHP にアクセスした 数 を 毎 日 の 合 計 と 全 ての 日 のアクセスの 合 計 が 表 示 される 図 7 カウンター

What s New セミナーウェブの 更 新 履 歴 を 表 示 する セミナーロゴ 活 水 女 子 大 学 の 校 章 を GIMP2 で 文 字 と 組 み 合 わせセミナーウェブ のロゴを 作 成 した 図 8 セミナーウェブのロゴ 川 場 教 授 紹 介 ページ 川 場 教 授 の 紹 介 を 行 い 教 授 の HP 画 面 を 貼 り HP 画 面 上 でクリックすると 教 授 の 外 部 HP と 相 互 にリンクさせた 外 部 へリンク クリック 図 9 川 場 教 授 紹 介 ページ 図 10 川 場 教 授 の HP 卒 論 発 表 ページ ゼミ 生 の 卒 業 論 文 を PDF 化 し 各 卒 業 論 文 を 簡 単 に 説 明 し デジタルで 論 文 を 閲 覧 できる ようにした 課 題 発 表 ページ 各 学 年 の 課 題 を 発 表 できるようにし ウェブ 上 で 確 認 できるようにした 1 2 年 生 への 紹 介 ページ 当 セミナーの 概 要 を 説 明 し セミナーが 始 まって 卒 業 論 文 を 完 成 させるまでの 流 れや 当 ゼ ミの 紹 介 を 行 った リクルートページ 1 2 3 年 生 へ 向 け 就 職 活 動 の 流 れや 参 考 書 リクルート HP の 紹 介 を 行 った

ゼミ 掲 示 板 無 料 のレンタル 掲 示 板 構 築 ツールの FC2 掲 示 板 でゼミ 掲 示 板 を 作 成 した この FC2 掲 示 板 は アカウントを 取 得 すれば 誰 でも 無 料 でレンタルできる 掲 示 板 である この 掲 示 板 でゼ ミ 内 のコミュニケーションを 図 るため 誰 でも 書 き 込 めるようにした 外 部 へリンク クリック 図 11 トップページ 図 12 FC2 掲 示 板 ゼミの 日 常 写 真 館 ページ セミナー 生 以 外 の 学 生 に 向 け セミナー 生 の 紹 介 も 兼 ねゼミの 風 景 の 写 真 を 掲 載 する 他 のページにも 掲 載 することでよりセミナーの 雰 囲 気 を 理 解 してもらうようにした

7. 全 体 像 作 成 に 使 用 した ソフトウェアとハードウェアを 紹 介 する (1) 使 用 するソフトウェア ハードウェア 種 類 ソフト 名 説 明 ブラウザ Windows の 標 準 ブラウザ シェア1 位 Internet Explorer テキストエディタ ez-html ほとんどすべての 規 格 の HTML 文 法 データを 包 括 し ている 補 完 機 能 つきの HTML に 特 化 したエディタ ー 画 像 ファイルを 加 工 するソフトウェア GIMP UNIX 系 OS で 広 く 使 われてい る 画 像 処 理 ソフト フリーソ フトウェアながら 多 彩 な 機 能 を 備 え 商 用 のフォトレタ ッチソフトに 劣 らないとい われている FTP ソフト 作 成 したホームページを 公 開 するためのソフトウェア FFFTP 図 13 使 用 するソフトウェア CPU メモリ Disk 図 14 使 用 するハードウェア Pentium 2GB 250GB まず 作 成 したファイルをブラウザで 確 認 する 必 要 がある 現 在 今 回 使 用 するブラウ ザは Internet Explorer である これは Windows に 標 準 でインストールされており 世 界 シェア No.1 のウェブブラウザである 日 本 でも 最 も 利 用 されている その 他 のブラウ ザとして シェア2 位 オープンソースのウェブブラウザである Mozilla Firefox 2008 年 に 提 供 を 開 始 した Google ブランドのウェブブラウザである Google Chrome Mac OS X iphone に 標 準 で 搭 載 されているタブ 切 り 替 え 型 の Web ブラウザである Safari 携 帯 用 も 提 供 する Opera などがあげられる ホームページは 世 界 中 でさまざまなブラウザ で 閲 覧 されているので より 多 くの 環 境 やブラウザで 確 認 する 必 要 がある

次 にテキストエディタにつて 説 明 を 行 う 今 回 は 標 準 添 付 のテキストエディタよりも 機 能 性 が 高 く ウェブ 上 の 無 料 のソフトウェアの ez-html を 使 用 する この ez-html は ほとんどすべての 規 格 の HTML 文 法 データを 包 括 しているため 適 切 な 場 所 に 適 切 な 要 素 属 性 属 性 値 を 自 動 的 に 候 補 として 出 してくれるため 文 法 にも 正 確 で 美 しいソ ースをコーディングする 事 ができるのが 特 徴 である また HTML ファイルを 作 成 するた めのソフトウェアは 文 章 をテキストファイル 形 式 で 保 存 できるものなら Windows なら ワードパット メモ 帳 MacOS X では テキストエディット などの 簡 易 的 なテキ ストエディタが 標 準 で 用 意 されている これらのソフトウェアは 単 純 な 機 能 しか 持 ってい ないが HTML ファイルを 作 成 するには 十 分 使 用 できる また 画 像 ファイルは デジタルカメラや 携 帯 カメラなどで 撮 影 した 画 像 の 大 きさを 変 更 したり 加 工 するためのソフトウェアは GIMP を 使 用 する これは UNIX 系 OS で 広 く 使 われている 画 像 処 理 ソフト フリーソフトウェアながら 多 彩 な 機 能 を 備 え 商 用 の フォトレタッチソフトに 劣 らないといわれている グラフィックソフトには 無 料 なもの から 安 価 で 高 機 能 なもの 高 額 だが 高 性 能 で 定 番 のものと 用 途 に 応 じて 種 類 はさまざま である 今 回 は GIMP を 使 用 したが 比 較 的 ユーザーに 使 用 されグラフィックの 定 番 で ある Photoshop もある 通 常 自 分 のパソコン 内 でホームページが 完 成 したら 作 成 したファイルをサーバーに 置 く 必 要 がある サーバーに 転 送 する 仕 方 は FTP ソフトを 使 って Webサーバーへデ ータを 転 送 する ( 下 記 図 参 照 )この 時 サーバーにアクセスするときはユーザー 認 証 のた めに プロバイダやホームページ 開 設 サービスから 契 約 時 に 提 供 される 情 報 ( 接 続 ホスト 名 IP アドレス)が 必 要 になる IP アドレスは FTP クライエント FTP サーバー 両 方 が 持 っている 今 回 は 学 内 にウェブサーバーがあるため 手 動 でデータを 入 れた IP アドレスと HTML を 照 合 し データを 転 送 http://www.---を IP アドレスへ 変 換 3187.222.3.5.---- 2187.222.3.5.---- Web サーバー 4データ URL を 指 定 1http://www.------- DNS サーバー 図 15 ウェブを 閲 覧 するしくみ

(2) 全 体 像 1トップページ カウンター ゼミスケジュール セミナーウェブ 更 新 情 報 2 図 16 トップページ

2 川 場 教 授 紹 介 ページ この 画 面 上 をクリック すると 教 授 の HP へ 図 17 川 場 教 授 紹 介 ページ

3 卒 論 発 表 ページ 図 18 卒 論 発 表 ページ

4 課 題 についてのページ 図 19 課 題 についてのページ

51 2 年 生 の 皆 様 へのページ 図 20 1 2 年 生 の 皆 様 へページ

6リクルートページ 図 21 リクルートページ

7ゼミ 掲 示 板 ページ 図 22 FC2 掲 示 板 ページ

8ゼミの 日 常 写 真 館 ページ 図 23 ゼミの 日 常 写 真 館 ページ

8.おわりに 現 在 インターネット 利 用 者 は 日 本 の 人 口 の 約 5 人 に4 人 となっている 時 代 である 1 日 のインターネット 使 用 頻 度 は 新 聞 や 広 告 を 読 む 時 間 より 長 いというデータもある そ こで このインターネット 普 及 率 に 着 目 した 今 まで 行 えなかったウェブ 上 での 卒 業 論 文 閲 覧 1 2 年 生 へ 向 けたゼミの 紹 介 ゼミ 生 での 情 報 の 共 有 を 目 的 に ゼミのホームペ ージを 作 成 した 卒 業 論 文 を PDF 化 することで 自 宅 でも 閲 覧 できるようにし 外 部 へのリ ンクを 作 ることで このゼミホームページでさまざまなホームページを 閲 覧 できるように なった 今 回 の 卒 業 論 文 を 作 成 する 以 前 は 自 分 がどのゼミに 所 属 するか 選 択 するときに 悩 むこ とがあった そこで このホームページを 作 成 していくうちに1 2 年 生 の 学 生 たちへ 私 たちが 普 段 どのような 事 を 行 っているのかもっと 知 ってもらい ゼミ 選 択 時 に 有 効 にこの ホームページを 活 用 してもらいたいと 考 えるようになった そして これから 川 場 セミナ ーを 担 っていく 後 輩 たちへ 受 け 継 いでもらい さらに 改 良 しユーザーを 増 やしてもらいた と 望 んでいる 今 回 研 究 した 中 で 他 大 学 のゼミホームページを 参 考 に 作 成 したが ウェブ 上 にあるホ ームページと 比 較 すると コンテンツの 内 容 で 改 良 できる 点 が 多 々ある 写 真 をさらに 増 やし ブログ 動 画 などの Flash 機 能 を 充 実 させていかなければならない ホームページ はまだ 進 化 を 続 けている 途 中 である 今 後 このセミナーウェブがどのように 発 展 改 良 し ていくか 注 意 深 く 見 守 っていきたい

参 考 文 献 一 覧 HTML/XHTML&スタイルシート レッスンブック ( 著 者 :エビスコム 2007 年 ) 速 習 Web デザイン 改 定 新 版 HTML&スタイルシート ( 著 者 : 栗 原 明 則 2005 年 ) HTML&StyleSheet TrainingBook なぜホームページがひつようなのか? http://www.ofuton.info/web/com001.html 総 務 省 情 報 通 信 白 書 2010 年 http://www.soumu.go.jp/johotsusintokei/whitepaper/ja/h22/html/me411100.html フリー 素 材 (blue-green) http://bluegreen.jp/ 無 料 アクセスカウンター http://www.ac-counter.com/ 活 水 女 子 大 学 http://www.kwassui.ac.jp/university/ 立 教 大 学 経 済 学 部 石 井 ゼミナール HP http://www.rikkyo.ne.jp/grp/i-zemi/ 東 洋 大 学 経 営 学 部 マーケティング 学 科 住 谷 ゼミナール 公 式 HP http://www.sumiya-seminar.com/