NWE Help: Web: Authoring: Mozilla Composer: Images and Links

NWE Home :: Help :: Web :: Authoring :: Composer

Integrating images and hypertext links into web documents makes them vastly more powerful than traditional texts. Composer makes doing both rather simple. We'll do images first, then links.

To add an image to any document, you first need to have the image saved in your web directory. You can browse the web for images or use image search engines. The image should be saved as a gif or jpeg.

Locate the cursor in the part of the document where you'd like to see the image, then press the "Image..." button on the bottom toolbar (it's the second from right, and looks like several small shapes). You'll see the following dialog box:

Click the "Choose File" button below the "Image Location" box, click on the name of the image you'd like to use, and press OK. You'll see the image name appear in the URL box.

Type a few words to describe the image in the "Alternative text" box. (This text is displayed while the image is loading, if it can't load, or if someone with a text-only browser looks at your pages.) Then press the "OK" button to add the image to your web document.

Fill in the alternative text field to have alternative text for the image. Alternative text is needed so that text only browsers can have some data.

For more about URLs to use when adding images, see our Adding images page.

 

Links

To add a link, select the text or image you'd like to link to another document, image, or web page, then press the "Link" button on the bottom toolbar (it's a double-ended arrow, the third from the right). You'll see this window:

If you're linking to a file on another server, type the URL of the file in the "Link destination" box (for example, http://www.ufl.edu would make a link to the UF homepage. To link to a file in your web directory, click on the "Choose File" button below the "Link Location" box, select the name of the file you'd like to link to, and press OK. You'll see the link name appear in the "Link location" box.

Always test your links to make sure they behave as they are supposed to!

For more about URLs to use when adding links, see our Adding links HTML pages.