User Guide : images


Publishing / FTX / User Guide / images

Images

Including images in your pages is very similar to including links to other pages. Assuming the image is one of your own or one you have permission to link to, simply enclose its URL in double angle brackets, for example:

You write...

<<http://www.baseplate.com/ideas/human-scale/clock/clock-hands.jpg>>

You get...

Note: LUGNET automatically looks up the width and height (in pixels) of your image. Also be aware that border lines will not appear around your images.

Images as links

You may want to make your image “clickable.” That is, when a visitor clicks on your image, it results in the display of new content such as a larger view of your picture, or perhaps another page.

To make a linked image, write the destination URL (the “target”) between the first and second opening angle brackets, for example:

You write...

<http://www.baseplate.com/ideas/human-scale/clock/ <http://www.baseplate.com/ideas/human-scale/clock/clock-hands.jpg>>

You get...

Note: If such links become illegibly long, you can split them at a whitespace character, as shown above.

Adding alternate text

Some web browsers can display text labels in place of images they are unable to show. These labels are sometimes referred to as “alt tags” and may also show up in a little box above your cursor as it passes over an image.

To include alternate text with your image, type the text inside the angle brackets, after the image URL, for example:

You write...

<<http://www.baseplate.com/ideas/human-scale/clock/clock-hands.jpg Clock>>

You get...

Adding alternate text to linked images is similar:

You write...

<http://www.baseplate.com/ideas/human-scale/clock/ <http://www.baseplate.com/ideas/human-scale/clock/clock-hands.jpg Clock>>

You get...

About the notation: Some logic for the curious

If you are familiar with HTML, this double angle bracket notation may seem a bit odd. Let’s back up for a moment and revisit links. If you look at their general form in FTX, you’ll see a pattern of text:

      <url label>

The URL is a target destination. If present, a label will be displayed (typically underlined text in blue or purple) in place of the actual URL.

Applying this to an image on the page, the same holds true:

      <url <image>>

Now, if you wanted to show an image with no target URL, you would simply omit that portion, leaving you with this:

      <<image>>

And if you wanted to show alternate text, you would use this:

      <<image label>>

So, the FTX notation is actually quite consistent: In each case, an opening angle bracket is followed by a URL, which is optionally followed by an indication of what to display, followed finally by a closing angle bracket.

All text, images, or trademarks in this document are the intellectual property of their respective owners.