<< Chapter < Page Chapter >> Page >
An explanation of how to add various types of multimedia objects to your Connexions content. Examples of some of the more common multimedia objects are included.

This module contains Connexions documentation which is out-of-date. The contents of this module are provided here for historical purposes only and should not be considered accurate for the current version of the Connexions website. The current (English-language) version of this module can be located at (External Link) . If you have any additional questions or cannot find the answer to your question, please contact techsupport@cnx.org and we will be happy to assist in any way we can.

If you would like to assist Connexions by helping us update this module with an appropriate translation from the current English version, please contact us at cnx@cnx.org as we would appreciate your help with improving our support for non-English-speaking users.

概要

 Connexionsのモジュールには、様々なタイプのマルチメディアファイルを組み込むことができます。このドキュメントでは、以下に示すタイプのマルチメディアファイルをモジュールに組み込む方法を説明していきます。

 CNXMLの media タグを使用することで、様々なタイプのマルチメディアファイルを、ConnexionsモジュールのWebページに組み込むことができます。 media タグについての解説は CNXML Language Specification を参照してください。ただしファイルに有効なMIME(Multipurpose Internet Mail Extension)がなくてはなりません。MIMEはASCIIフォーマットに翻訳されることなく、インターネット上で音声や動画ファイルの転送を可能にするプロトコルです。詳しくは MIME Types を参照してください。以降では、各マルチメディアファイルを組み込むためのCNXMLの入力例とその表示結果例を述べていきます。

マルチメディアファイル追加の際の注意点

 マルチメディアファイルをモジュールに組み込む場合、以下の事に注意してください。

  • このモジュールで示されているCNXML例は特定のメディアを表示するためのものでるので、もしこれらをコピーしてあなたのモジュールに入れるのなら、あなたの環境に合うようにCNXMLを編集してください。
  • モジュールで表示したいメディアファイルのために、属性 タイプ はMIMEタイプとマッチしなくてはなりません。例えば、もし画像ファイルをPNG形式でモジュールに追加しようとするなら、属性タイプは image/png でなければなりません。入力は以下のように行ってください。 <media type="image/png" src="mypicture.png"/>
  • 有効なMIMEタイプがあるならば、どのようなタイプのメディアファイルも使用することができます。
  • マルチメディアファイル追加のサポートを必要とするか、このモジュールに記載されている以外のファイルに関する質問がありましたら、 techsupport@cnx.rice.edu に連絡してください。
  • param タグで、オプションやパラメタを制御することができます。

画像

 画像ファイルの種類とConnexionsモジュールで使用されるMIMEタイプは以下の通りです。

  • eps - mime-type="application/postscript"
  • png - mime-type="image/png"
  • jpeg - mime-type="image/jpeg"
  • gif - mime-type="image/gif"
 上記がすべてではありません。有効な MIMEタイプ がある画像なら使用することができます。

 モジュールに画像を埋め込むには、以下のようにCNXMLを入力してください。 <figure id="figure-01" orient="horizontal" display="block"><name>Example Figure</name><media id="envimg" alt="An envelope w/ tall text.><image type="image/png" src="envelope-taller.png"/></media><caption>A graphic image displayed as a figure.</caption></figure>

 mediaタグの src 属性には、モジュールで表示したい画像を、場所かソースで指定します。画像がアップロードするか、インターネット上のほかの場所に保存されたイメージの完全なURLを持っている場合、この属性はファイル名のみになる場合があります。

  実際の画面 は以下のようになります。

Example figure

A graphic image displayed as a figure.

  subfigure タグを使用することで、あなたは1つの図の中に2つの画像を置くことができます。これは、画像を左右や上下に並べて表示したい場合に役に立ちます。2つの画像を1つの図の中に表示するには、以下のようにCNXMLを入力してください。 <figure id="figure-2" orient="horizontal" display="block"><subfigure id="subfigure-1"><title>Tall Icon and Envelope</title><media id="tallenv" alt="An envelope w/ tall writing."><image mime-type="image/png" src="envelope-taller.png"/></media><caption>Subfigure 1.</caption></subfigure><subfigure id="subfigure-2"><name>Small Icon and Envelope</name><media id="smallenv" alt="An envelope/ small writing."><image mime-type="image/png" src="envelope.png"/></media><caption>Subfigure 2.</caption></subfigure><caption>Two images displayed horizontally in one figure.</caption></figure>

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, Connexions tutorial and reference (japanese version). OpenStax CNX. Aug 26, 2005 Download for free at http://cnx.org/content/col10298/1.9
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'Connexions tutorial and reference (japanese version)' conversation and receive update notifications?

Ask