Networked Writing Environment

NWE Home :: Help :: Web :: Authoring :: ASWE

Integrating images and hypertext links into web documents makes them vastly more powerful than traditional texts. asWe 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 magnifying glass to the right of the "Graphics' URL" 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.

You probably noticed the "Align" menu in the image dialog box. Aligning images with HTML can work, but it can also be frustrating. There's really no real way to get it right unless you practice and do a lot of previewing. Use asWe to set different values for the ALIGN attribute in the IMG tag and see how they behave.

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 "Hyperlink..." 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 magnifying glass to the right of the "Link Destination" 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 destination" 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.