<< Chapter < Page Chapter >> Page >

The <media> element is the primary building block for including multimedia files in your module. In its simplest form, a <media> element contains three pieces of information:

  • A unique id
  • Alt text
  • A media subtype element, such as <image>

The code snippet below shows a simple example of <media> element: <media id="media_example" alt="a dog on a bed"><image mime-type="image/jpeg" src="image1.jpg"/></media>

This code results in the following display:

a dog on a bed

Note that the resulting image displays inline ; when included as the child of another element, such as <para> , the media element will display in line with the surrounding text by default: <para id="myparagraph"><media id="media_example2" alt="a dog on a bed"><image mime-type="image/jpeg" src="image1.jpg"/></media>This is my dog. Isn't he cute?</para>

This code results in the following display:

a dog on a bed This is my dog. Isn't he cute?

Each <media> must contain a media subtype element from the following list:

  • <image>
  • <video>
  • <flash>
  • <audio>
  • <java-applet>
  • <labview>
  • <text>
  • <download>

The<Figure>Element

The <figure> element allows you to set a media element apart from the surrounding text and highlight it as a labeled figure within the module. In it's simplest form, a <figure> contains two pieces of information:

  • A unique ID
  • A <media> element

The code snippet below shows an example of a <figure> element: <figure id="figure_example"><media id="dog_on_bed" alt="a dog on a bed"><image mime-type="image/jpeg" src="image1.jpg"/></media></figure>

This example results in the following:

a dog on a bed

You'll notice that the figure is labeled as " [link] " - this information was not provided in the CNXML code, but is instead supplied automatically by Connexions based on the figure's place within the document. As you add, move, and delete figures in your module, you do not have to worry about keeping track of the figure numbering - this is done for you when the page is displayed to the reader. Also, unlike the <media> example shown previously, the image in this example is displayed in block mode rather than inline mode.

When referring to figures in your Connexions modules, you can take advantage of the figure's unique ID to create a dynamic reference that is automatically labeled for you. To do so, simply create an empty <link> that points to the <figure> ; in this case, <link target-id="figure_example" /> results in the following link: [link] .

Connexions will automatically label the text of the link to match the figure's label. Dynamic references can also be created for other "numbered" elements, such as <equation> , <example> , <exercise> , etc.

The <figure> also provides additional options that allow you to further highlight and describe an enclosed <media> element. The following example illustrates several additional elements:

  • <title> , which adds a title to the figure.
  • <caption> , which adds a caption allowing the author to provide a description or context for the figure.
  • <label> , which overrides the default 'Figure' label; this is especially useful for modules not written in English.
<figure id="figure_example_extended"><label>Figura</label><title>Mi Perro Benny</title><media id="dogpic" alt="Perro sentado en la cama"><image mime-type="image/jpeg" src="image1.jpg" /></media><caption>Este es mi perro Benny haciendo lo que hace mejor.</caption></figure> This example results in the following display:

Mi perro benny

Perro sentado en la cama
Este es mi perro Benny haciendo lo que hace mejor.

Questions & Answers

Application of nanotechnology in medicine
what is variations in raman spectra for nanomaterials
Jyoti Reply
I only see partial conversation and what's the question here!
Crow Reply
what about nanotechnology for water purification
RAW Reply
please someone correct me if I'm wrong but I think one can use nanoparticles, specially silver nanoparticles for water treatment.
Damian
yes that's correct
Professor
I think
Professor
what is the stm
Brian Reply
is there industrial application of fullrenes. What is the method to prepare fullrene on large scale.?
Rafiq
industrial application...? mmm I think on the medical side as drug carrier, but you should go deeper on your research, I may be wrong
Damian
How we are making nano material?
LITNING Reply
what is a peer
LITNING Reply
What is meant by 'nano scale'?
LITNING Reply
What is STMs full form?
LITNING
scanning tunneling microscope
Sahil
how nano science is used for hydrophobicity
Santosh
Do u think that Graphene and Fullrene fiber can be used to make Air Plane body structure the lightest and strongest. Rafiq
Rafiq
what is differents between GO and RGO?
Mahi
what is simplest way to understand the applications of nano robots used to detect the cancer affected cell of human body.? How this robot is carried to required site of body cell.? what will be the carrier material and how can be detected that correct delivery of drug is done Rafiq
Rafiq
if virus is killing to make ARTIFICIAL DNA OF GRAPHENE FOR KILLED THE VIRUS .THIS IS OUR ASSUMPTION
Anam
analytical skills graphene is prepared to kill any type viruses .
Anam
what is Nano technology ?
Bob Reply
write examples of Nano molecule?
Bob
The nanotechnology is as new science, to scale nanometric
brayan
nanotechnology is the study, desing, synthesis, manipulation and application of materials and functional systems through control of matter at nanoscale
Damian
Is there any normative that regulates the use of silver nanoparticles?
Damian Reply
what king of growth are you checking .?
Renato
What fields keep nano created devices from performing or assimulating ? Magnetic fields ? Are do they assimilate ?
Stoney Reply
why we need to study biomolecules, molecular biology in nanotechnology?
Adin Reply
?
Kyle
yes I'm doing my masters in nanotechnology, we are being studying all these domains as well..
Adin
why?
Adin
what school?
Kyle
biomolecules are e building blocks of every organics and inorganic materials.
Joe
anyone know any internet site where one can find nanotechnology papers?
Damian Reply
research.net
kanaga
sciencedirect big data base
Ernesto
Introduction about quantum dots in nanotechnology
Praveena Reply
hi
Loga
what does nano mean?
Anassong Reply
nano basically means 10^(-9). nanometer is a unit to measure length.
Bharti
how did you get the value of 2000N.What calculations are needed to arrive at it
Smarajit Reply
Privacy Information Security Software Version 1.1a
Good
Got questions? Join the online conversation and get instant answers!
Jobilize.com Reply

Get the best Algebra and trigonometry course in your pocket!





Source:  OpenStax, Ideas and tools for improving connexions modules and collections. OpenStax CNX. Mar 22, 2010 Download for free at http://cnx.org/content/col11184/1.2
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'Ideas and tools for improving connexions modules and collections' conversation and receive update notifications?

Ask