SW Neighborhoods, Inc. Empowering Citizens since 1978

Please Note: You need elevated privileges to upload files (including graphics) to our system. This is a security measure to protect the site against malicious attack by unknown parties. If you would like these privileges, please contact the webmaster with a short request, including your intended uses of this site.

Here’s how to insert images into your web pages. First, either edit an existing page, or create a new web page (see “A Primer on Creating Web Pages” if you don’t know how to do this.) Next you must upload your image files using the attachments dialog box (see image upper-right).

Click “Choose File” to select a file to upload. [Note: this button may be labled “Browse” or something similar, depending on your browser.] Then click “Attach” to mark the file for uploading. (It won’t actually be uploaded until you submit the page for publication.) Repeat this two-step process if you wish to upload more than one file or image. The image below shows the dialog with some files attached.

Notice the “List” checkbox? That’s to display a list of downloadable files in an attachments box at the end of your page. It would look something like this:

You probably don’t want your image files to be listed like that on the page, so uncheck those checkboxes for your image files. You will want leave them checked only for files you explicitly wish to make available for download (e.g. a PDF file). Please see the Attaching Files for Download FAQ page for details.

If you mark for upload a file which you later decide you’d really rather omit, check the “Delete” checkbox. The file will be removed when you “save” the page.

Please note: Unless your images are small, around 20K or less, you should ensure they are not displayed in the teaser (i.e. the “Preview” or “Summary” section). Not all users of our system will have fast InterNet connections.

Displaying images

Once you have uploaded your image files, you still need to display them. Ultimately, this is done with the HTML image tag. There are two different methods to insert the tag:

1. If you don’t know HTML, can use the Rich Text editor and probably avoid learning how to use HTML image tags. It provides a GUI interface which hides the HTML code from you. Start the editor, and click on the graphic icon. The controls are relatively straightforward. We have not yet written a FAQ page describing this, however we do have this brief synopsis.
2. Here’s how to do things the HTML way.