| << Chapter < Page | Chapter >> Page > |
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の入力例とその表示結果例を述べていきます。
マルチメディアファイルをモジュールに組み込む場合、以下の事に注意してください。
タイプ はMIMEタイプとマッチしなくてはなりません。例えば、もし画像ファイルをPNG形式でモジュールに追加しようとするなら、属性タイプは
image/png でなければなりません。入力は以下のように行ってください。
<media type="image/png" src="mypicture.png"/> 画像ファイルの種類とConnexionsモジュールで使用される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
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>
Notification Switch
Would you like to follow the 'Connexions tutorial and reference (japanese version)' conversation and receive update notifications?
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|