WebCluster スライドショーで見る操作ガイド -12- 地図や動画の貼り付け 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. escで中断、リターンキーで進みます.

Presentation on theme: "WebCluster スライドショーで見る操作ガイド -12- 地図や動画の貼り付け 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. escで中断、リターンキーで進みます."— Presentation transcript:

1 WebCluster スライドショーで見る操作ガイド -12- 地図や動画の貼り付け 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. escで中断、リターンキーで進みます

2 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 概 要 ホームページに地図や動画を貼り付けるこ とができます。 地図は、オフィスや会場までのアクセス地 図として利用できます。 また、商品やサービスの説明をホームビデ オ(カメラ)で撮影して動画として掲載する ことなどができます。 ※地図は地図提供のサービス、動画は、動画配信 サービスを利用する必要があります。 ※本ガイドでは、GoogleMap、YouTubeを利用 しています。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます

3 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ① 貼り付けたいページを編集できる状態にする メニューから[ページ編集]を実行 して、編集したいページを選択し ます。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます ［ページ編集］を実行します 編集したいページの［ページ編 集］を実行します

4 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ② 記事を修正（テンプレートページの修正） ここでは、テンプレートページを 修正した後、地図と動画を貼り付 ける手順で進めます。 記事の大枠の見出しを修正します。 外枠と内枠の間あたりをクリック します。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます 外枠と内枠の間の［このあた り］をクリックします

5 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ③ 見出しを修正 コンテンツ編集のウィンドゥが表 示されます。 ページ見出しを修正します。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます ［ページ見出し］を修正します 記事等の編集については『6項 記事 の編集、7項 記事の追加』を参照く ださい

6 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ④ 地図用の記事を追加 地図用の記事を追加します。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます ［記事を追加する］を実行しま す

7 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑤ 追加記事に見出しと本文を入力します 追加用の記事の編集ウィンドゥが 表示されます。 見出しと本文を入力します。 ※入力しなくてもOKです。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます ［見出し］と［本文］を入力し ます

8 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑥ 本文の編集モードをソースコードにします 本文をソースコードで編集するた めのモードに切換えます。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます ［ソース］ボタンを実行します

9 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑦ 地図のソースコードを取得します 地図を表示するためのソースコー ドを取得します。 ここでは、GoogleMapを利用しま す。 ①ブラウザの新しいタブで目的の 地図を表示させます。 ②地図を埋め込む「ソース(タグ) コード」を表示させます。 ③表示された埋め込み用コードを ［Ctrl+C]でコピー(保存)してお きます。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます ［Ctrl+C］で保存します 埋め込み用コードの取得は、それぞれの サービスやそのバージョンの使い方に従っ てください

10 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑧ 本文に地図のソースコードを埋め込みます 本文で埋め込みたい位置にカーソ ルを出現させ、[Ctrl+V]で貼り付 け(ペースト)します。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます ［Ctrl+V］で貼り付け（ペー スト）します

11 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑨ 本文に地図のソースコードを埋め込みます 表示を最下段までスクロールさせ [登録]ボタンをクリックして完了 です。 コンテンツ編集のウィンドゥに 戻ったら、さらに同じようにウィ ンドゥの最下段の[登録]ボタンを クリックします。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます ［登録］ボタンをクリックしま す

12 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑩ プレビューで確認してみます [プレビュー]を実行してプレ ビュー画面で確認します。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます ［プレビュー］メニューを実行 します 埋め込まれたソース(タグ)コー ドに相当するところは、編集 状態では見ることができませ ん

13 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑪ プレビュー 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます 埋め込まれたソース(タグ)コー ドの箇所に地図が表示されて います

14 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑫ 動画の貼り付け － 貼り付けるための記事を用意する 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます ここでは、YouTubeの動画を貼り 付けてみます。 目的のページに動画を貼り付ける 記事を追加して用意します。 ※記事の追加については、①、④ のページを参照ください。 ここでは、本文をソースコードで 編集できる状態にしたところから 説明します。(⑥ページと同じ状態 です) 記事等の編集については『6項 記事 の編集、7項 記事の追加』を参照く ださい

15 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑬ 動画のソース(タグ)コードを取得します ここでは、YouTubeを利用します。 ①ブラウザの新しいタブで目的の 動画を表示させます。 ②動画を埋め込む「ソースコード (タグ)コード」を表示させます。 ③表示された埋め込み用コードを ［Ctrl+C]でコピー(保存)してお きます。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます ［Ctrl+C］で保存します 埋め込み用コードの取得は、それぞれの サービスやそのバージョンの使い方に従っ てください

16 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑭ 動画の埋め込み用コードを貼り付ける 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます 本文で埋め込みたい位置にカーソ ルを出現させ、[Ctrl+V]で貼り付 け(ペースト)します。 ［Ctrl+V］で貼り付け（ペー スト）します ウィンドゥ最下段の[登録]を実行 して貼り付け作業を終了します。 ［Ctrl+V］で貼り付け（ペー スト）します

17 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑮ プレビューで確認してみます [プレビュー]を実行してプレ ビュー画面で確認します。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます ［プレビュー］メニューを実行 します

18 -12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。 ⑯ プレビュー 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます 埋め込まれたタグ（コード） の箇所に動画が表示されてい ます

19 Thank you ! ご視聴頂きまして、ありがとうございました。 ご不明な点などがありましたら、下記 「お問合わせ」からお問合わせ下さい。 お問合わせページhttp://webcluster.jp/mail.html WebCluster専用サイトhttp://webcluster.jp/ サービスへのログインhttp://region.bz/login/24 ［ご注意］ ・本コンテンツの複製、転載はお断りします。 （本コンテンツへのリンク等はOKです。弊社へのご連絡は必要ありません。） ・本コンテンツの著作権は株式会社アイ･オー･データ機器にあります。 ・操作方法、画面デザインは、予告なく変更されます。 転載 / 複製を禁ず． Copyright allrights reserved. I-O DATA DEVICE,INC. ＩＩＩＩＩ ＩＩ ＩＩＩ ＩＩＩＩ Ｉ ＩＩＩ escで中断、リターンキーで進みます