View
0
Download
0
Category
Preview:
Citation preview
WebCluster スライドショーで見る操作ガイド
-12- 地図や動画の貼り付け
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC.
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
概 要
ホームページに地図や動画を貼り付けることができます。 地図は、オフィスや会場までのアクセス地図として利用できます。 また、商品やサービスの説明をホームビデオ(カメラ)で撮影して動画として掲載することなどができます。 ※地図は地図提供のサービス、動画は、動画配信サービスを利用する必要があります。 ※本ガイドでは、GoogleMap、YouTubeを利用しています。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
① 貼り付けたいページを編集できる状態にする
メニューから[ページ編集]を実行して、編集したいページを選択します。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
[ページ編集]を実行します
編集したいページの[ページ編集]を実行します
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
② 記事を修正(テンプレートページの修正)
ここでは、テンプレートページを修正した後、地図と動画を貼り付ける手順で進めます。 記事の大枠の見出しを修正します。 外枠と内枠の間あたりをクリックします。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
外枠と内枠の間の[このあたり]をクリックします
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
③ 見出しを修正
コンテンツ編集のウィンドゥが表示されます。 ページ見出しを修正します。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
[ページ見出し]を修正します
記事等の編集については『6項 記事の編集、7項 記事の追加』を参照ください
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
④ 地図用の記事を追加
地図用の記事を追加します。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
[記事を追加する]を実行します
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
⑤ 追加記事に見出しと本文を入力します
追加用の記事の編集ウィンドゥが表示されます。 見出しと本文を入力します。 ※入力しなくてもOKです。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
[見出し]と[本文]を入力します
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
⑥ 本文の編集モードをソースコードにします
本文をソースコードで編集するためのモードに切換えます。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
[ソース]ボタンを実行します
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
⑦ 地図のソースコードを取得します
地図を表示するためのソースコードを取得します。 ここでは、GoogleMapを利用します。 ①ブラウザの新しいタブで目的の地図を表示させます。 ②地図を埋め込む「ソース(タグ)コード」を表示させます。 ③表示された埋め込み用コードを[Ctrl+C]でコピー(保存)しておきます。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
[Ctrl+C]で保存します 埋め込み用コードの取得は、それぞれのサービスやそのバージョンの使い方に従ってください
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
⑧ 本文に地図のソースコードを埋め込みます
本文で埋め込みたい位置にカーソルを出現させ、[Ctrl+V]で貼り付け(ペースト)します。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
[Ctrl+V]で貼り付け(ペースト)します
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
⑨ 本文に地図のソースコードを埋め込みます
表示を最下段までスクロールさせ[登録]ボタンをクリックして完了です。 コンテンツ編集のウィンドゥに戻ったら、さらに同じようにウィンドゥの最下段の[登録]ボタンをクリックします。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
[登録]ボタンをクリックします
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
⑩ プレビューで確認してみます
[プレビュー]を実行してプレビュー画面で確認します。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
[プレビュー]メニューを実行します
埋め込まれたソース(タグ)コードに相当するところは、編集状態では見ることができません
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
⑪ プレビュー
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
埋め込まれたソース(タグ)コードの箇所に地図が表示されています
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
⑫ 動画の貼り付け - 貼り付けるための記事を用意する
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
ここでは、YouTubeの動画を貼り付けてみます。 目的のページに動画を貼り付ける記事を追加して用意します。 ※記事の追加については、①、④のページを参照ください。 ここでは、本文をソースコードで編集できる状態にしたところから説明します。(⑥ページと同じ状態です)
記事等の編集については『6項 記事の編集、7項 記事の追加』を参照ください
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
⑬ 動画のソース(タグ)コードを取得します
ここでは、YouTubeを利用します。 ①ブラウザの新しいタブで目的の動画を表示させます。 ②動画を埋め込む「ソースコード(タグ)コード」を表示させます。 ③表示された埋め込み用コードを[Ctrl+C]でコピー(保存)しておきます。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
[Ctrl+C]で保存します 埋め込み用コードの取得は、それぞれのサービスやそのバージョンの使い方に従ってください
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
⑭ 動画の埋め込み用コードを貼り付ける
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
本文で埋め込みたい位置にカーソルを出現させ、[Ctrl+V]で貼り付け(ペースト)します。
[Ctrl+V]で貼り付け(ペースト)します
ウィンドゥ最下段の[登録]を実行して貼り付け作業を終了します。
[Ctrl+V]で貼り付け(ペースト)します
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
⑮ プレビューで確認してみます
[プレビュー]を実行してプレビュー画面で確認します。
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
[プレビュー]メニューを実行します
-12- 地図や動画の貼り付け ページ内に地図や動画を貼りつける操作です。
⑯ プレビュー
転載/複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. IIIII IIIII IIIII III
埋め込まれたタグ(コード)の箇所に動画が表示されています
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. IIIII IIIII IIIII III
Recommended