広 島 大 学 ウェブマネジメントシステム エディタ 操 作 (Ver:2009.04.16) 本 システムに 関 する 問 い 合 わせ 本 システムに 関 する 問 い 合 わせは 下 記 までご 連 絡 ください 社 会 連 携 情 報 政 策 室 広 報 グループ 内 線 :5017 5017 6131 E-mail mail:koho@office.hiroshima koho@office.hiroshima-u.ac.jp - 1 -
目 次 1.エディタについて 4 2. 各 ツールの 説 明 5 3. 利 用 方 法 8 3-1.テキスト 8 3-1-1. 段 落 と 改 行 8 3-1-2. 段 落 の 配 置 ( 左 揃 え 右 揃 え 中 央 揃 え 両 端 揃 え) 8 3-1-3.インデントをつける 9 3-1-4.リスト 番 号 付 きリストにする 9 3-2. 文 字 装 飾 10 3-2-1. 太 字 斜 体 下 線 打 ち 消 し 線 添 え 字 上 付 き 文 字 10 3-2-2. 文 字 色 文 字 の 背 景 色 10 3-2-3.スタイル 12 3-2-4.フォントの 書 体 とサイズの 変 更 13 3-3.ハイパーリンク 14 3-3-1.ハイパーリンクの 追 加 14 3-3-2.ハイパーリンクの 解 除 14 3-3-3.ハイパーリンクウィンドウの 各 項 目 の 説 明 15 3-4.アンカー 17 3-4-1.アンカーの 追 加 17 3-4-2.アンカーへのリンク 17 3-5. 画 像 18 3-5-1. 画 像 の 挿 入 18 3-5-2.イメージプロパティウィンドウの 各 項 目 の 説 明 19 3-5-3. 画 像 の 編 集 21 3-5-4. 画 像 の 削 除 22-2 -
3-6.Flash 22 3-6-1. Flash 作 成 のアクセシビリティ 22 3-6-2. Flash の 挿 入 23 3-6-3.Flash プロパティウィンドウの 各 項 目 の 説 明 24 3-6-3. Flash の 編 集 26 3-6-4. Flash の 削 除 26 3-7. PDF Word Excel ファイルの 挿 入 27 3-8.テーブル( 表 作 成 ) 28 3-8-1.テーブルの 挿 入 28 3-8-2.テーブルプロパティの 項 目 の 説 明 29 3-8-3.テーブルの 編 集 30 3-8-4.テーブルのコピー 31 3-8-5.テーブルの 削 除 31 3-8-6.セルの 編 集 32 3-9.テンプレートの 利 用 37 3-9-1. テンプレートの 選 択 37 3-9-2. テンプレートからの 変 更 38 3-10. 色 選 択 ウィンドウについて 39 4.ファイルの 管 理 (サーバーブラウザー) 40 4-1. サーバーブラウザーとは 40 4-2. サーバーブラウザーを 開 く 40 4-3.フォルダ 41 4-3-1.フォルダの 作 成 42 4-3-2. フォルダ 名 の 変 更 43 4-3-3 フォルダの 削 除 43 4-4.ファイル 44 4-4-1.ファイルのアップロード 44 4-4-2.ファイル 名 の 変 更 45 4-4-3.ファイルの 削 除 45-3 -
1.エディタについて 広 島 大 学 ウェブマネジメントシステムでは コンテンツ 管 理 お 知 らせ 行 事 管 理 デ ザイン 管 理 でのフリーブロックの 入 力 フォームで ワードライクなエディタを 利 用 しま す Word のようなツールバー 画 面 上 で 公 開 される 表 示 とほぼ 同 じ 表 示 の 編 集 画 面 エディタは オープンソースの FCKeditor Version 2.6.3 を 採 用 しており ページ 上 で 画 像 を 動 かしたり テキストを 入 力 したり パレットから 背 景 色 を 選 択 したりする ことで HTML が 生 成 されます また 画 面 上 で 公 開 される 表 示 とほぼ 同 じ 表 示 での 編 集 ができます - 4 -
2. 各 ツールの 説 明 各 ツールの 名 称 と 機 能 を 説 明 します エディタの 表 示 設 定 テンプレートの 利 用 ソースツール クリックすると HTML 表 示 になり HTML での 入 力 ができます 解 除 する 場 合 は 再 度 クリックして 下 さい テンプレート( 雛 形 )ツール エディタで 使 用 するテンプレートを 選 択 できます (お 知 らせ 行 事 用 のみ) 基 本 操 作 切 り 取 りツール 文 字 や 画 像 を 切 り 取 りします コピーツール 文 字 や 画 像 をコピーします 貼 り 付 けツール 文 字 や 画 像 を 貼 り 付 けします 元 に 戻 すツール 実 行 した 操 作 を 元 に 戻 します やり 直 しツール 実 行 した 操 作 をやり 直 します 検 索 ツール 文 字 の 検 索 を 行 います 置 き 換 えツール 文 字 の 置 き 換 えを 行 います すべて 選 択 ツール エディタ 内 のテキストや 画 像 等 をすべて 選 択 します - 5 -
文 字 の 装 飾 太 字 ツール 文 字 を 太 字 にします 斜 体 ツール 文 字 を 斜 体 にします 下 線 ツール 文 字 に 下 線 を 引 きます 打 ち 消 し 線 ツール 文 字 に 取 り 消 し 線 を 引 きます 添 え 字 ツール 文 字 を 添 え 字 にします 上 付 き 文 字 ツール 文 字 を 上 付 き 文 字 にします リスト 表 示 インデント 段 落 番 号 の 追 加 / 削 除 ツール クリックすると 段 落 番 号 を 追 加 します 箇 条 書 きの 追 加 / 削 除 ツール クリックすると 箇 条 書 きを 追 加 します インデント( 段 落 単 位 で 字 下 げ) 解 除 ツール インデントを 解 除 します インデント( 段 落 単 位 で 字 下 げ)ツール インデントを 行 います 左 揃 え 中 央 揃 え 右 揃 え 両 端 揃 え 左 揃 えツール 文 字 を 左 揃 えにします 中 央 揃 えツール 文 字 を 中 央 揃 えにします 右 揃 えツール 文 字 を 右 揃 えにします 両 端 揃 えツール 文 字 を 両 端 揃 えにします - 6 -
ハイパーリンク アンカー リンク 挿 入 / 編 集 ツール リンクの 挿 入 編 集 を 行 います リンク 削 除 ツール リンクを 削 除 します アンカー 挿 入 / 編 集 ツール アンカーの 挿 入 編 集 を 行 います 画 像 Flash テーブル 横 罫 線 イメージ 挿 入 / 編 集 ツール イメージの 挿 入 編 集 を 行 います Flash 挿 入 / 編 集 ツール Flash の 挿 入 編 集 を 行 います テーブル 挿 入 / 編 集 ツール テーブルの 挿 入 編 集 を 行 います 横 罫 線 ツール 横 罫 線 を 追 加 します スタイル フォーマット 書 体 文 字 サイズ スタイルツール 見 出 しスタイルを 指 定 できます フォントツール 文 字 の 書 体 を 指 定 できます 文 字 サイズツール 文 字 サイズを 指 定 できます テキスト 色 ツール 文 字 色 を 指 定 できます 背 景 色 ツール 文 字 の 背 景 色 を 指 定 できます 最 大 化 最 大 化 ツール エディタのサイズを 最 大 にします 解 除 するには 再 度 クリックして 下 さい - 7 -
3. 利 用 方 法 3-1.テキスト 3-1-1. 段 落 と 改 行 通 常 改 行 する 場 合 は Shift キーを 押 しながら Enter キーを 押 して 下 さい Shift キーを 押 さず Enter キーで 改 行 すると 改 行 前 と 改 行 後 の 行 が 別 段 落 と 判 別 され 行 間 が 開 きます 中 央 揃 えやインデント 等 を 利 用 する 場 合 は この 段 落 単 位 で 行 いますので 改 行 なのか 段 落 を 変 えるのかを 意 識 する 必 要 があります HTML だと ここは Shift キーを 押 しながら 改 行 Shift キーを 利 用 しな い 場 合 は 行 間 が 開 く <p>あいうえお<br /> かきくけこ</p> <p>さしすせそ</p> 3-1-2. 段 落 の 配 置 ( 左 揃 え 右 揃 え 中 央 揃 え 両 端 揃 え) 配 置 の 変 更 をする 場 合 は 段 落 にカーソルをあて 配 置 用 のツールをクリックします 右 の 図 は あいうえお かきくけこ という 段 落 を 中 央 揃 えにした 例 です さしすせそ も 一 緒 に 中 央 揃 えになった 場 合 は あ いうえお かきくけこ と 同 じ 段 落 ということになり ますので 段 落 を 分 けなければいけません 3-1-2 を 参 照 して 下 さい - 8 -
3-1-3.インデントをつける インデントをつけるには 段 落 にカーソルをあて インデントツールをクリックします 複 数 回 クリックすると 40px ずつ 加 算 して 右 に 動 きます 1 回 クリックするたびに 40px 右 に 移 動 します 解 除 するには インデント 解 除 ツールをクリック して 下 さい 複 数 のインデントを 解 除 する 場 合 は 複 数 回 クリックして 下 さい 1 回 クリックするたびに 40px 解 除 されます 段 落 毎 に 移 動 しますので 意 図 しない 行 が 一 緒 に 移 動 する 場 合 は 同 じ 段 落 ということになります 3-1-2 を 参 照 して 下 さい 3-1-4.リスト 番 号 付 きリストにする リストと 番 号 付 きリストを 作 成 するには 作 成 したい 場 所 にカーソルを 置 き 箇 条 書 きの 追 加 / 削 除 ツール をクリックします リストの 記 号 又 は リスト 番 号 が 表 示 されますので そのまま 入 力 し Enter キーを 押 すと 次 のリストを 入 力 することができます 箇 条 書 き 追 加 / 削 除 ツールを クリックするとリスト 記 号 が 表 示 テキストを 入 力 リストを 終 了 する 場 合 は 2 回 Enter キーを 押 して 下 さい 先 にリストとなるテキストを 複 数 行 入 力 した 後 全 部 を 選 択 して 箇 条 書 きの 追 加 / 削 除 ツールをクリッ クしても 同 じようにリストに 変 更 することができ ます Enter キーを 押 すと 次 のリ ストが 入 力 できます リストから 番 号 リストに 変 更 する 場 合 は 全 部 選 択 して ツールをクリックすると 変 更 します - 9 -
3-2. 文 字 装 飾 3-2-1. 太 字 斜 体 下 線 打 ち 消 し 線 添 え 字 上 付 き 文 字 文 字 の 装 飾 をする 場 合 は 装 飾 したい 文 字 を 選 択 して それぞれのツールをクリックし ます また 解 除 する 場 合 は 解 除 したい 文 字 を 選 択 して もう 一 度 ツールをクリック します 太 字 ツール あいうえお あいうえお 斜 体 ツール あいうえお あいうえお 下 線 ツール あいうえお あいうえお 打 ち 消 し 線 あいうえお あいうえお 添 え 字 ツール あいうえお あいうえお 上 付 き 文 字 ツール あいうえお あいうえお 3-2-2. 文 字 色 文 字 の 背 景 色 (1) 文 字 の 色 を 変 更 する 文 字 色 を 変 更 するには 変 更 したい 文 字 列 を 選 択 し テキスト 色 ツールをクリックします パレットから 変 更 色 をクリック 基 本 色 のパレットが 表 示 されますので 希 望 の 色 を 選 択 しクリックして 下 さい パレット 以 外 の 色 を 指 定 したい 場 合 は その 他 の 色 をクリックして 下 さい 色 選 択 ウィンドウが 表 示 されます 色 選 択 ウィンドウについては P40 3-10. 色 選 択 ウィン ドウについて を 参 照 して 下 さい - 10 -
(2) 文 字 の 背 景 色 を 変 更 する 文 字 の 背 景 色 を 変 更 するには 文 字 列 を 選 択 し 背 景 色 ツールをクリックします 文 字 色 の 変 更 と 同 じようにパレットが 表 示 されます ので 希 望 の 色 をクリックして 下 さい パレット 以 外 の 色 を 指 定 したい 場 合 は その 他 の 色 をクリックして 下 さい 色 選 択 ウィンドウが 表 示 されます 色 選 択 ウィンドウについては P39 3-10. 色 選 択 ウィンドウについて を 参 照 して 下 さい - 11 -
3-2-3.スタイル 広 島 大 学 ウェブページのデザインに 合 わせた 共 通 のスタイルを 適 応 することができま す 適 用 の 注 意 点 スタイルを 設 定 し 改 行 すると 次 の 行 にも 同 じスタイルが 適 応 されます その 場 合 は スタイルから なし を 選 択 します また 表 示 については 残 像 が 残 るなどして HTML ソースを 操 作 しなければ 修 正 不 可 能 になる 場 合 があります 回 避 方 法 としては 先 にテキストを 入 力 した 後 Enter キーで 次 の 段 落 を 作 成 してからテキストを 選 択 し スタイルを 適 応 させるようにします 適 応 方 法 テキストをドラッグして 反 転 させ スタイルをプルダ ウンから 選 択 すると 適 応 されます 組 み 合 わせで 適 応 するスタイル 次 の 見 出 しは 2 種 類 のスタイルを 組 み 合 わせて 適 応 させます 1 度 目 のスタイルを 選 択 後 続 けて 2 度 目 のスタイルを 選 択 して 下 さい (1) ラインタイプ1 + 背 景 色 を 白 にする (2) ラインタイプ2 + 背 景 色 を 白 にする (3) ラインタイプ3 + 背 景 色 を 白 にする 解 除 方 法 スタイルのプルダウンより なし を 選 択 します - 12 -
3-2-4.フォントの 書 体 とサイズの 変 更 (1)フォントの 書 体 フォントの 書 体 の 変 更 は 変 更 したい 文 字 列 をドラッグ で 選 択 し フォントのプルダウンより 選 択 します 利 用 できるフォントと 表 示 例 (2)フォントのサイズ フォントのサイズの 変 更 は 変 更 したい 文 字 列 をドラッ グで 選 択 し サイズのプルダウンより 選 択 します フォントのサイズ - 13 -
3-3.ハイパーリンク 3-3-1.ハイパーリンクの 追 加 (1)リンクをつけるテキスト 又 は 画 像 を 選 択 し リン ク 挿 入 / 編 集 ツールをクリックします (2)ハイパーリンクを 設 定 するためのウィンドウが 表 示 されます ハイパーリンク 情 報 タブを 選 択 し URL にリン ク 先 の URL を 入 力 します サーバーブラウザーを 利 用 すると アップロードファイ ルへのリンクを 挿 入 することが 出 来 ます 詳 しくは P27 PDF Word Excel ファイル をご 参 照 下 さい (3) 次 に ターゲット タブを 選 択 し ターゲットの プルダウンから そのリンクをどのウィンドウで 開 く かを 選 択 します 何 も 設 定 しない 場 合 は 同 じウィンドウで 開 きます (4) OK をクリックすると リンクが 挿 入 されます 3-3-2.ハイパーリンクの 解 除 リンクテキストを 選 択 し リンク 解 除 ツールをクリッ クすると リンクが 削 除 されます - 14 -
3-3-3.ハイパーリンクウィンドウの 各 項 目 の 説 明 1 2 3 4 タブ:ハイパーリンク 情 報 1リンクタイプ URL 通 常 の Web ページへリンクしたい 場 合 に 選 択 しま す このページのアンカー 同 じページ 内 のアンカーへリン クしたい 場 合 に 選 択 します アンカーとは ページ 内 の 特 定 の 位 置 に 名 前 をつけておくこで リンクを 使 って その 場 所 へ 移 動 することができます Email メールアドレスを 設 定 する 場 合 に 利 用 します メールアドレスを 指 定 しユーザーがリンクをクリックした 場 合 に メーラーが 立 ち 上 がりメールを 送 信 することができます 2プロトコル リンクタイプを URL に 設 定 した 場 合 URL へ http:// 等 3URL からのフルパスを 指 定 します プロトコルは 自 動 的 に 選 択 することができますので プロトコル は 特 に 設 定 する 必 要 はありません また URL へ http:// 等 から の URL を 入 力 すると 自 動 的 にリンクタイプも URL を 選 択 します 4サーバーブラウザー PDF ファイル 等 アップロードしたファイルへのリンクを 設 定 することも 可 能 です 詳 しくは P40 4.ファイルの 管 理 (サー バーブラウザー) を 参 照 して 下 さい - 15 -
1 ターゲット 1ターゲット フレーム ターゲットとは リンク 先 をどのウィンドウで 開 くかの 設 定 で す <なし> 同 じウィンドウで 開 きます <ポップアップウィンドウ> ポップアップウィンドウとし て 開 きます < 新 しいウィンドウ> 新 しいウィンドウで 開 きます <フレーム>< 最 上 位 ウィンドウ>< 同 じウィンドウ>< 親 ウィンドウ> の 4 つはフレームを 利 用 しないので 利 用 することはありません フレームを 利 用 しないので 利 用 することはありません 高 度 な 設 定 は 通 常 利 用 しません - 16 -
3-4.アンカー アンカーとは ページ 内 の 特 定 の 場 所 にダイレク トにアクセスできるようにする 名 前 をつけること です アンカーをつけるテキスト を 選 択 し アンカー 挿 入 / 編 集 ツールをクリック 3-4-1.アンカーの 追 加 (1)アンカーをつけたいテキストを 選 択 し アンカ ー 挿 入 / 編 集 ツールをクリックして 下 さい (2) アンカープロパティ ウィンドウが 開 きます ので アンカー 名 を( 半 角 英 数 ハイフン アン ダーバーのみ 使 用 可 ) 入 力 し OK をクリックして 下 さい 広 島 大 学 のウェブページでは 既 に top というアンカーを 利 用 していますので 付 ける 場 合 は top は 付 けないようにして 下 さい 3-4-2.アンカーへのリンク アンカーをつけると リンク 挿 入 / 編 集 ツー ルを 利 用 して その 場 所 にリンクを 貼 ること ができるようになります ( 右 図 ) リンクタイプで このページのアンカー を 選 択 (1)リンク 挿 入 / 編 集 ツールをクリックしま す (2)リンクタイプの 項 目 で このページのア ンカー を 選 ぶと アンカーを 選 択 するプル ダウンが 表 示 され ページ 内 にあるアンカー を 選 択 できるようになります (3) OK をクリックすると 完 了 です エレメント ID とは アンカーの 代 わりにペー ジ 内 の ID へも 同 じようにリンクを 貼 ることがで きます アンカーを 選 択 という 表 示 に 変 わり 設 定 したアンカーを 選 ぶことができる - 17 -
3-5. 画 像 エディタでは 画 像 ファイルをページに 貼 り 付 けることができます 3-5-1. 画 像 の 挿 入 (1)エディタの 画 像 を 挿 入 したい 場 所 にカーソルをあて イメージ 挿 入 / 編 集 ツール をクリックします (2)イメージプロパティが 表 示 されますので サー バーブラウザー(2)をクリックし アップロード した 画 像 を 選 択 して 下 さい URL(1)に 画 像 の URL が 挿 入 されます サーバーブラウザー ファイルのアップロードにつ いては P40 4.ファイルの 管 理 (サーバーブラウザー) をご 参 照 下 さい 1 2 ファイルブラウザー 上 でサムネイル( 縮 小 画 像 )をクリックする と 指 定 できます (3) 代 替 テキスト 幅 高 さ リンク 等 必 要 に 応 じて 設 定 して 下 さい 項 目 については P19 3-5-2.イメージプロパティウィンドウの 各 項 目 の 説 明 をご 参 照 下 さ い (4) OK をクリックすると 挿 入 されます - 18 -
3-5-2.イメージプロパティウィンドウの 各 項 目 の 説 明 1 2 4 5 3 6 7 8 9 10 11 12 1URL 3 代 替 テキスト 4 幅 5 高 さ 8ボーダー 9 横 間 隔 10 縦 間 隔 11 行 揃 え 12プレビュー 画 像 ファイルへのパスを 挿 入 します サーバーブラウザー(2)をクリックと アップロードしたファイル をクリックで 選 択 することによって 自 動 的 に URL が 挿 入 されます 画 像 の alt 属 性 に 挿 入 されるテキストを 入 力 します 日 本 語 で 入 力 することができます 検 索 対 策 として 必 要 項 目 となりますので 入 力 することを 推 奨 します 画 像 の 幅 と 高 さを 指 定 することができます (6)をクリックしておくと 縦 横 の 比 率 を 保 持 したままサイズを 変 更 することができます (7)をクリックすると 元 のサイズに 戻 すことができます 強 制 的 に 画 像 を 指 定 したサイズに 縮 めるため 画 質 が 劣 化 する 可 能 性 が あります また 大 きい 容 量 の 画 像 の 縦 横 を 縮 めても 容 量 は 変 わらないの で 先 に 容 量 を 小 さくしてからアップロードして 下 さい 本 システムでは ボーダーサイズを 指 定 しても 表 示 されません 横 のマージン( 余 白 )を 数 字 で 入 力 して 下 さい 単 位 :ピクセル 縦 のマージン( 余 白 )を 数 字 で 入 力 して 下 さい 単 位 :ピクセル 画 像 の 配 置 を 指 定 できます 挿 入 ファイルのプレビューを 確 認 することができます また 行 揃 えをすることによって テキストの 回 り 込 みを 確 認 する ことができます - 19 -
1 3 2 1URL 3ターゲット 画 像 にリンクを 貼 ることができます 直 接 http:// からの URL を 入 力 または サーバーブラウザー(2)を 利 用 すると アップロー ドしたファイルへのリンクを 貼 ることができます ターゲットとは リンク 先 をどのウィンドウで 開 くかの 設 定 です <なし> 同 じウィンドウで 開 きます <ポップアップウィンドウ> ポップアップウィンドウとして 開 き ます < 新 しいウィンドウ> 新 しいウィンドウで 開 きます <フレーム>< 最 上 位 ウィンドウ>< 同 じウィンドウ>< 親 ウィンドウ>の 4 つ はフレームを 利 用 しないので 利 用 することはありません - 20 -
3-5-3. 画 像 の 編 集 エディタ 上 で 画 像 を 修 正 します マウス 操 作 で 画 像 のサイズを 変 更 画 像 を 選 択 し 枠 線 の 四 角 いポイン トをマウスでドラッグアンドドロ ップすることによって サイズ 変 更 ができます Shift キーを 押 しながら 角 のポイ ントを 操 作 すると 縦 横 の 比 率 を 保 持 します 画 像 の 入 れ 替 え 属 性 の 変 更 ここにマウスを 当 てて 縮 める 画 像 の 入 れ 替 えや 属 性 (サイズ 説 明 など) を 変 更 する 場 合 は 画 像 を 選 択 し 右 クリックメニューのイメージプロパティ を 選 択 する 又 は 画 像 追 加 ツールをクリック します 画 像 を 選 択 して 右 クリック イメージプロパティ( 右 図 )が 表 示 されま すので 項 目 を 編 集 し OK をクリックする と 編 集 できます 詳 しい 内 容 は P18 3-5-1. 画 像 の 挿 入 を 参 照 して 下 さい - 21 -
3-5-4. 画 像 の 削 除 (1) 画 像 を 選 択 して Delete キーを 押 してください ここでの 削 除 は エディタ 上 に 貼 り 付 けた 画 像 の 削 除 であり サーバー 上 には 残 ってい ます サーバー 上 のファイルの 削 除 は P40 4.ファイルの 管 理 (サーバーブラウザー) をご 参 照 下 さい 3-6.Flash エディタでは Flash ファイルをページに 貼 り 付 けることができます Flash ファイルは swf という 拡 張 子 が 付 くファイルです Flash は Macromedia 社 ( 現 Adobe 社 )が 開 発 した 音 声 やベクターグラフィックスのア ニメーションを 組 み 合 わせて Web コンテンツを 作 成 するソフトであり ここでは それ によって 作 成 されたコンテンツのことを 指 します Flash によって 作 られたファイルを 閲 覧 するには Web ブラウザに 専 用 のプラグイン Flash Player をインストールしておく 必 要 があります この Flash Player は 無 料 で 配 布 されており インストールされていないブラウザで 閲 覧 した 場 合 は ダウンロー ドを 促 すメッセージが 表 示 されます 3-6-1.Flash 作 成 のアクセシビリティ Flash(Flash コンテンツ)は Flash 関 連 のマニュアル 技 術 書 を 参 考 に 作 成 してくだ さい 作 成 に 当 たっては キーボードだけの 操 作 音 声 読 み 上 げ (スクリーンリーダ) へ の 対 応 等 アクセシビリティに 十 分 配 慮 して 下 さい また Flash(Flash コンテンツ)を Web ページに 挿 入 する 際 には 未 対 応 ブラウザで 閲 覧 した 場 合 でも 内 容 が 分 かるようにテキストを 挿 入 する 等 の 配 慮 も 必 要 です 広 島 大 学 ウェブアクセシビリティ 指 針 をご 参 照 下 さい http://www.hiroshima-u.ac.jp/top/koho/p_52b24e.html - 22 -
3-6-2.Flash の 挿 入 (1)エディタ 上 で Flash を 挿 入 したい 場 所 にカーソルをあて Flash 挿 入 / 編 集 ツール をクリックします 1 2 (2)Flash プロパティが 表 示 されますので サーバーブラウザー(2)をクリックし アップ ロードした Flash ファイルを 選 択 して 下 さい URL(1)に Flash のパスが 挿 入 されます サーバーブラウザー ファイルのアップロードに ついては P40 4.ファイルの 管 理 (サーバーブラウザ ー) をご 参 照 下 さい (3) 幅 高 さ 等 必 要 に 応 じて 設 定 して 下 さい 各 項 目 については P24 3-6-3.Flash プロパティウィンドウの 各 項 目 の 説 明 をご 参 照 下 さ い (4) OK をクリックすると 挿 入 され エディタ 上 では 下 図 のように 表 示 されます 確 認 画 面 で 再 生 を 確 認 できます - 23 -
3-6-3.Flash プロパティウィンドウの 各 項 目 の 説 明 1 2 3 4 1URL 3 幅 高 さ 4プレビュー Flash ファイルのパスを 指 定 します サーバーブラウザー(2)を 利 用 すると 自 動 的 に 挿 入 されます Flash の 幅 と 高 さを 半 角 数 字 で 入 力 して 下 さい Flash ファイルを URL に 指 定 するとプレビューが 表 示 されます - 24 -
5 6 7 8 9 10 12 11 5 拡 大 縮 小 設 定 すべて 表 示 外 が 見 えない 様 に 拡 大 上 下 左 右 にフィッ ト から 選 択 できます 6 再 生 チェックを 入 れるとページが 表 示 されると 直 ちに 再 生 され ます 7ループ 再 生 チェックを 入 れると Flash ファイルが 最 後 まで 再 生 される と 先 頭 に 戻 って 再 生 を 繰 り 返 します 8Flash メニュー 可 能 チェックを 入 れると Flash ファイルを 右 クリック(Mac の 場 合 は Command キーを 押 しながらクリック)したときにポップ アップされるメニューを 表 示 させます 9Id Id を 指 定 することができます ( 半 角 英 数 ハイフンで 指 定 ) Id を 指 定 すると ここではアンカーの 代 わりになります 10スタイルシートクラス スタイルシートのクラスを 入 力 できますが 本 システムでは このクラスは 用 意 されていませんので 特 に 指 定 する 必 要 は ございません 11Title 属 性 Flash ファイルのタイトルを 入 力 します ( 日 本 語 可 ) 12スタイルシート インラインのスタイルを 入 力 できます - 25 -
3-6-3.Flash の 編 集 (1) 編 集 する Flash を 選 択 し Flash 挿 入 / 編 集 ツールをクリックするか 右 クリックか ら Flash プロパティ を 選 択 して 下 さい (2)Flash プロパティウィンドウが 表 示 されますので 編 集 が 可 能 です 3-6-4.Flash の 削 除 (1) 削 除 する Flash を 選 択 して Delete キーを 押 してください ここでの 削 除 は エディタ 上 に 貼 り 付 けた Flash の 削 除 であり サーバー 上 には 残 って います サーバー 上 のファイルの 削 除 は P40 4.ファイルの 管 理 (サーバーブラウザー) をご 参 照 下 さい - 26 -
3-7.PDF Word Excel ファイルの 挿 入 PDF Word Excel ファイルをダウンロードさせるリ ンクを 作 成 します (1)リンクを 貼 る 画 像 やテキストを 選 択 し リンク 挿 入 / 編 集 ツールをクリッ クします (2)サーバーブラウザー(1)をクリッ クし サーバーブラウザーより ダウ ンロードさせるファイルをアップロー ドし 選 択 します 1 サーバーブラウザー ファイルのアップ ロードについては P40 4.ファイルの 管 理 (サーバーブラウザー) をご 参 照 下 さ い (3)URL にファイルのパスが 自 動 的 に 挿 入 されます ターゲットタブ(2)をクリックし ターゲットを 新 しいウィンドウ に 設 定 して 下 さい (4) OK をクリックすると リンクが 挿 入 されます 2 ターゲット 及 びリンクの 挿 入 編 集 削 除 については P14 3-3.ハイパーリンク をご 参 照 下 さい - 27 -
3-8.テーブル( 表 作 成 ) テーブルは データを 表 組 みで 表 示 します また 線 のない 表 示 を 作 成 し レイアウト 枠 として 利 用 できます 3-8-1.テーブルの 挿 入 (1)テーブルを 挿 入 したい 位 置 にカーソルをあて テーブルツールをクリックします (2)テーブルプロパティが 表 示 されますので 各 項 目 を 設 定 します 必 ず 指 定 する 項 目 は 行 列 テーブル 幅 セル 余 白 セル 間 隔 ボーダーサイズであり 初 期 値 が 入 力 されています 用 途 に 合 わせて 変 更 して 下 さ い 各 項 目 については P29 3-8-2.テーブルプロパティ の 項 目 の 説 明 をご 参 照 下 さい (3) OK をクリックすると 完 了 です ボーダーサイズ( 枠 線 )を 0 にした 場 合 ボーダーサイズを 0 にした 場 合 は エディタ 上 では 表 示 薄 い 点 線 で 表 示 されますが プレビュー 及 び 公 開 ページでは 表 示 されません 通 常 レイアウト 枠 として 利 用 されます エディタ 上 では 薄 く 表 示 実 際 に 枠 線 は 表 示 なし - 28 -
3-8-2.テーブルプロパティの 項 目 の 説 明 1 2 3 4 5 11 12 6 8 9 10 7 1 行 2 列 行 と 列 を 半 角 数 字 で 設 定 します 3Headers テーブルのヘッダを 指 定 します HTML の 知 識 が 必 要 です None 全 て<td>で 構 成 FirstRow 最 初 の 行 のみ<th>で 構 成 FirstColumn 最 初 の 列 のみ<th>で 構 成 Both 最 初 の 列 と 最 初 の 行 を<th>で 構 成 4ボーダーサイズ 枠 線 の 太 さを 半 角 数 字 で 入 力 します ( 単 位 :ピクセル) 5キャプションの 整 列 11で 指 定 する 表 題 の 配 置 を 指 定 します 6テーブル 幅 テーブルの 幅 を 指 定 します ( 単 位 :ピクセル 又 はパーセント) 最 大 にしたい 場 合 は 100 と 入 力 し 7でパーセントを 指 定 します 8テーブル 高 さ テーブルの 高 さを 指 定 します セルによって 変 化 しますので 指 定 しないことを 推 奨 します 9セル 内 余 白 セル 内 の 余 白 をピクセル 単 位 で 指 定 します 10セル 内 間 隔 セルとセルの 間 隔 (セル 間 の 空 白 )を 半 角 数 字 で 入 力 して 下 さい ( 単 位 :ピクセル) 11キャプション 表 題 を 入 力 します 12テーブルの 目 的 構 造 テーブルの 目 的 構 造 を 指 定 します - 29 -
3-8-3.テーブルの 編 集 テーブルを 編 集 するにはテーブルを 選 択 し 右 クリ ックからテーブルプロパティをクリックします テーブルプロパティが 表 示 されます 行 列 以 外 の 項 目 が 編 集 可 能 です また テーブルを 選 択 し 枠 に 表 示 されるポイントをドラッグすることによって 幅 高 さを 変 更 することができます - 30 -
3-8-4.テーブルのコピー テーブルのコピーをします 右 クリックするとメニューにコピーがありますが ブラウザによってはセキュリティ 警 告 が 出 て コピーができない 場 合 がありますので 次 の 方 法 を 利 用 するとコピーが 可 能 です テーブルとその 下 の 段 落 をマウスでなぞって 選 択 します Ctrl キーを 押 しながら C キーを 押 します 次 の 段 落 にカーソルを 置 いて Ctrl キーを 押 しながら V キ ーを 押 します コピーが 完 了 します この 段 落 から 上 へマウス をドラッグして 選 択 Ctrl + C でコピー この 段 落 にカーソルを 置 い て Ctrl + V で 貼 り 付 け 3-8-5.テーブルの 削 除 テーブルを 削 除 する 場 合 は テーブルを 選 択 し 右 クリックか ら テーブルの 削 除 を 選 択 すると 削 除 されます - 31 -
3-8-6.セルの 編 集 (1)セルの 属 性 変 更 特 定 のセルの 属 性 の 編 集 は 編 集 したセルを 1 つ 又 は 複 数 選 択 し 右 クリックのメニューからセル セルプロパ ティを 選 択 します 列 をドラッグで 選 択 する と 複 数 のセルを 一 括 編 集 が 可 能 右 クリックメニューのセル セルプロパテ ィをクリック セルプロパティが 表 示 されます 1 2 4 5 6 3 7 8 9 10 11-32 -
1 幅 2 高 さ 4 折 り 返 し 5セルの 横 の 整 列 6セル 縦 の 整 列 幅 と 高 さを 数 字 で 設 定 します 単 位 (3)はピクセル 又 は パーセ ントを 選 択 できます テーブルの 幅 高 さを 設 定 する 場 合 は テーブル 幅 を 超 えたり 同 じ 列 で 幅 が 違 うなど 矛 盾 が 生 じると 期 待 どおりに 表 示 されな い 場 合 があります セル 内 で 文 字 を 押 し 返 す 場 合 は Yes 折 り 返 さない 場 合 は No を 選 択 します セル 内 容 の 配 置 を 左 中 央 右 から 選 択 できます セル 内 容 の 縦 方 向 の 配 置 を 上 中 央 下 ベースライン か ら 選 択 できます 7Cell Type 8 縦 幅 ( 行 数 ) 9 横 幅 ( 列 数 ) 10 背 景 色 11ボーダーカラー Data 又 は Header が 選 択 できます Header を 選 択 すると 自 動 的 に 太 字 で 中 央 揃 えになります セルを 結 合 した 場 合 に 縦 方 向 で 何 個 分 かを 数 字 で 選 択 します 間 違 えるとテーブルの 列 数 と 行 数 に 矛 盾 が 生 じますので ご 注 意 下 さい セルを 結 合 した 場 合 に 横 方 向 で 何 個 分 かを 数 字 で 選 択 します 間 違 えるとテーブルの 列 数 と 行 数 に 矛 盾 が 生 じますので ご 注 意 下 さい セルの 背 景 色 を 指 定 できます 色 を RGB コードで 指 定 することも できますが 選 択 ボタンをクリックすると 色 を 視 覚 的 に 選 択 できますので そちらを 利 用 して 下 さい 色 選 択 ウィンドウを 参 照 して 下 さい セルのボーダーカラーを 指 定 できます 色 を RGB コードで 指 定 す ることもできますが 選 択 ボタンをクリックすると 色 を 視 覚 的 に 選 択 できますので そちらを 利 用 して 下 さい 色 選 択 ウィンドウを 参 照 して 下 さい - 33 -
(2) 行 を 追 加 削 除 する 行 を 追 加 する 場 合 は セルを 選 択 して 右 クリ ックから 行 列 の 前 に 挿 入 又 は 列 の 後 に 挿 入 を クリックします 削 除 する 場 合 は 行 行 削 除 をクリックします 例 1)セル 2 を 選 択 して 列 の 前 に 挿 入 例 2)セル 2 を 選 択 して 列 の 後 に 挿 入 例 3)セル 3 を 選 択 して 行 削 除 - 34 -
(3) 列 を 追 加 削 除 する 列 を 追 加 する 場 合 は セルを 選 択 して 右 ク リックのカラム カラムの 前 に 挿 入 又 はカラ ムの 後 に 挿 入 をクリックします セル 1 を 選 択 して カラムの 前 に 挿 入 セル1を 選 択 して カラムの 後 ろに 挿 入 削 除 する 場 合 は カラム 列 削 除 をクリックします セル1を 選 択 して 列 削 除 (4)セルを 結 合 分 割 する セルの 結 合 結 合 したいセルをドラッグで 複 数 選 択 し て 右 クリックのメニューよりセル セル 結 合 をクリックします セル 1 と 2 をドラックで 選 択 して セル 結 合 - 35 -
セルの 分 割 分 割 するセルを 1 つ 選 択 して 右 クリックのメニューよりセル セルを 水 平 方 向 分 割 又 は セルを 垂 直 方 向 に 分 割 をクリックします 例 1) セル 2 を 選 択 して セルを 水 平 方 向 分 割 例 2)セル 2 を 選 択 して セルを 垂 直 方 向 に 分 割 - 36 -
3-9.テンプレートの 利 用 テンプレート( 雛 形 )は 同 じ 形 式 でページを 作 成 できる 機 能 です 本 システムでは お 知 らせ 行 事 の 記 事 を 作 成 するためのテンプレートを 用 意 しておりますので 用 途 に 合 わせてご 利 用 下 さい 3-9-1.テンプレートの 選 択 テンプレートツールをクリックすると テンプレートを 選 択 する テンプレート 内 容 ウィンドウが 表 示 されます 置 換 えする エディタ 上 に 既 に 入 力 内 容 がある 場 合 は 削 除 されます 現 在 のエディタの 内 容 と 置 換 えをし ます (1)にチェックが 入 った 状 態 で 使 用 するテンプレートを 選 択 し クリ ックすると 挿 入 されます 追 加 で 挿 入 する 現 在 のエディタの 内 容 と 置 換 えをし ます (1)にチェックが 入 っていない 状 態 で 使 用 するテンプレートを 選 択 し クリックすると カーソルを 置 い たところから 追 加 で 挿 入 されます 1-37 -
挿 入 後 は 以 下 のように 表 示 されます 3-9-2.テンプレートからの 変 更 画 像 の 指 定 画 像 の 位 置 をクリックで 選 択 し 右 クリックからイメー ジプロパティ 又 は イメージ 追 加 / 編 集 ツールをクリッ クします イメージプロパティが 表 示 されますので 画 像 を 選 択 し て 下 さい 画 像 の 選 択 方 法 は P18 3-5. 画 像 をご 参 照 下 さい テキストの 変 更 テキストの 変 更 はそのまま 入 力 で 変 更 可 能 です 慣 れない 場 合 は 変 更 箇 所 を 選 択 してから 入 力 し 改 行 する 場 合 は Shift キーを 押 しながら Enter で 改 行 してく ださい - 38 -
3-10. 色 選 択 ウィンドウについて 文 字 色 文 字 の 背 景 色 セルの 背 景 色 等 を 変 更 する 際 に 色 選 択 ウィンドウが 表 示 され ます 1 色 の 一 覧 (1)から 選 択 してクリック すると 選 択 色 に RGB コード(2)が 表 示 されますので OK をクリックして 下 さい 2-39 -
4.ファイルの 管 理 (サーバーブラウザー) 4-1.サーバーブラウザーとは 本 システムで 利 用 するサーバーブラウザーは サーバー 内 のフォルダやファイルを 表 示 でき ファイルのアップロード 名 前 の 変 更 削 除 を 行 うことができます エディタに 画 像 を 貼 り 付 ける PDF ファイルのダウンロードを 付 ける 等 の 操 作 は 一 度 このサーバー 上 に 各 種 ファイルをアップロードして エディタに 追 加 します 4-2.サーバーブラウザーを 開 く サーバーブラウザーを 開 くには 以 下 のツールを 利 用 します 1 イメージ 挿 入 / 編 集 ツール( 画 像 ファイル) Flash 挿 入 / 編 集 ツール(Flash ファイル) リンク 挿 入 / 編 集 ツール(その 他 ) それぞれ 別 ウィンドウが 開 きますので サーバ ーブラウザー というボタンをクリックして 下 さい イメージ 挿 入 / 編 集 ツールを 利 用 した 場 合 リソースのタイプ(2) 2 イメージ 挿 入 / 編 集 ツールを 利 用 すると イメージ Flash 挿 入 / 編 集 ツールを 利 用 すると Flash リンク 挿 入 / 編 集 ツ ールを 利 用 すると プルダウンでリソー スを 選 択 できるようになっています リソースにより アップロードファイル の 形 式 に 制 限 がかかりますので 適 切 な ツールをご 利 用 下 さい - 40 -
4-3.フォルダ フォルダは アップロードファイルを 格 納 するための 入 れ 物 です ファイルを 分 かりやすく 整 理 して 管 理 できますので 自 由 に 作 成 して 下 さい フォルダを 選 択 すると そのフォルダの 中 が 表 示 されます フォルダの 中 にもフォルダを 作 成 することが 出 来 ます また 左 にフォルダの 階 層 が 表 示 され クリックするとフォルダを 移 動 することが 出 来 ます 上 の 階 層 へ 各 フォルダへ 移 動 - 41 -
4-3-1.フォルダの 作 成 ファイルを 管 理 しやすくするために フォルダを 作 成 します 右 下 の 新 しいフォルダを 作 成 をクリックして 下 さい フォルダの 名 前 を 入 力 するダイアログボックスが 開 きますので フォルダ 名 を( 半 角 英 数 ハイフン アンダーバーのみ 使 用 可 )で 入 力 し OK をクリックして 下 さい ここでは images というフォルダを 作 成 しました - 42 -
4-3-2.フォルダ 名 の 変 更 (1)フォルダ 下 の 鉛 筆 の 付 いたアイコン をクリックして 下 さい (2) 新 しいフォルダ 名 を( 半 角 英 数 ハイフン アンダーバー のみ 入 力 可 ) 入 力 し OK を クリックして 下 さい フォルダ 名 を 変 更 すると 以 前 にこのフォルダを 利 用 して 画 像 等 をアップロードし エディタで 利 用 している 場 合 は 指 定 し 直 さなければなりませんので ご 注 意 下 さい 4-3-3.フォルダの 削 除 (1)フォルダ 下 の のついたアイコン をクリックして 下 さい (2) 確 認 をするダイアログボックス( 下 図 )が 表 示 されますので OK をクリックする と 削 除 されます 削 除 を 止 める 場 合 は キャンセル をクリックして 下 さい フォルダを 削 除 すると フォルダ 以 下 の 全 てのフォルダ ファイルが 削 除 されます - 43 -
4-4.ファイル 4-4-1.ファイルのアップロード (1)アップロードするフォルダを 選 択 して 下 さい (2)サーバーブラウザーの 下 の 参 照 (1)をクリックし ファイルを 選 択 するダイア ログボックス(4)が 表 示 されますので アップロードするファイルを 選 択 して 下 さい (3) 参 照 の 左 のテキストボックス(2)にファイルのパスが 差 し 込 まれた 状 態 で ア ップロード (3)をクリックして 下 さい 2 1 3 4 (4)アップロードが 完 了 します 画 像 の 場 合 はサムネイル( 縮 小 画 像 )が 表 示 されます - 44 -
4-4-2.ファイル 名 の 変 更 ファイル 名 の 変 更 は ファイル 下 の 鉛 筆 マークのアイコン をクリックして 下 さい 新 しいファイル 名 を( 半 角 英 数 ハイフン アンダーバーのみ 使 用 可 ) 入 力 し OK をクリックして 下 さい ファイル 名 を 変 更 すると 以 前 にこの 画 像 をエディタで 利 用 している 場 合 は 指 定 し 直 さなけ ればなりませんので ご 注 意 下 さい 4-4-3.ファイルの 削 除 ファイルの 削 除 は ファイル 下 の マークのアイコン をクリックして 下 さい 確 認 をするダイアログボックス( 下 図 )が 表 示 されますので OK をクリックすると 削 除 されます 削 除 を 止 める 場 合 は キャンセル をクリックして 下 さい - 45 -