Working With Images
Preparing Images for Use on Your Site
Before you can use an image on your page you must upload it to a folder within WebMedley. Prior to uploading an image, use an image editor to make the following adjustments: (If you need an image editor you can download a free one called Irfanview from our resources page.)
1.) Keep the width of the image at approximately 300 pixels wide or less. This ensures that the image won't be too wide to display on your visitor's display.
2.) Set the resolution of the image to 72 dpi (dots per inch). Higher resolutions will not appear any more detailed on a computer's display but will increase the time it takes to download and become visible to a visitor.
3.) Save the image as a .jpg or .gif file. These are standard file types for internet use. Generally, .jpg works best for images and .gif works best for clip art.
4.) Make sure the file name doesn't contain any of the following characters, which will cause errors during upload or as you insert the image on the page: / ? < > \ : * | " ' ^
To add an image to your page you must first upload it. There are two ways to do this: Use the file manager (particularly when uploading multiple images) or upload "as you go" when inserting a new image.
Adding Images to Your Media Folder Using File Manager:
On the navigation bar, click on the "Admin" link
and select File Manager. This will open the File Manager window:
1.) To create a new folder, enter a name for the folder in the box in the upper left hand corner of the file manager and click the folder with the Green down arrow button.
2.) In the task bar at the top of the File Manager, click on Upload. This will open the uploading window.
3.) Click on the browse button to search for image files stored on your computer. Double click on the name or the image you wish to upload and click "Add" to the right of the Browse field.
4.) The name of the file will "jump" to the box below. You can upload multiple files by browsing and adding. The upload box will expand as you add files to it.
5.) When you have finished adding files, click "upload new file" in the botton right-hand corner. The files will upload and you will be returned to the File Manager window. Your files will be visible in the list on this page.
(Note that the default number of file names displayed per page is 10. You can change this setting in the bottom right hand corner of the File Manager window, or use the forward and backward buttons to move through the list of uploaded files.)
6.) Your files are now ready for use.
Uploading Images "As You Go"
If you want to upload images one-by-one as you work on your site, you may do so. Be aware, however, that images uploaded using this method will be saved in the default folder in the File Manager, rather than in folders you specify. If you have just a few images, this will not be a problem, but should you wish to organize multiple image files you'll need to use the Admin->File Manager->Upload function to create and manage folders and the image files they contain.
Uploading and adding a single image to your page:
1.) Click in the Edit Text field to position your cursor where you want the image to be inserted.
2.) Click the "Insert/edit image" button. 
3.) Click on the "Upload" tab.
4.) In the Upload window, select "browse" and locate the image file you wish to upload.
5.) Double click on the image, or select the image file and click "open."
6.) Click "Send it to the server."
7.) You will get a message "your file has been sucessfully uploaded," and you will be taken to the Image Properties window. To add the image to the page, follow the instructions below beginning with step #2.
Adding an image to a Text/HTML Module
Most of the time, you'll want to use images alongside text in a Text/HTML module.
1.) To insert an image, click on the "Insert/edit image" button: This will open the Image Properties window:
2.) Fill in alternative text describing the image. This will help people who can't view images on their computer, or for the visually impaired who use special software to read the content of web pages to them.
3.) If desired, you may alter the image size using the width and height fields. This will adjust the image size (not the file size) proportionately, i.e., as you change the width, the height will change as well to keep the image from distorting. Keep in mind, however, that it is best to resize images before you upload them, and use the image adjustment feature only to make small changes to image sizes.
4.) Add a border if desired. A border gives a nice, "finished" look to your images. Border widths begin at 0 for none and increase from 1 .
5.) If desired, enter values for the horizontal and vertical spacing - these are the offsets from the top and left margins and controls the space between the image and any text that surrounds it.
6.) Alignment will assign text wrapping based on location of the image. If the image is aligned to the left, text will appear and wrap to the right of the image; if the image is aligned to the right, the text will appear and wrap to the left.
Managing Image Attributes
Using Insert/Edit Image Button
1.) Select the image you wish to alter.
2.) Click the Insert/Edit Image Button.
3.) Make your changes and click "okay."
By Right Clicking on Image
1.) Right Click on Image
2.) Select Image Properties from list of options
3.) Make your changes and click "okay."
Deleting Images
By Using Toolbar
1.) Click on the image to select it.
2.) Click on the “cut” button
By Using Keyboard
1.) Click on the image to select it.
2.) Strike the "delete" key or hold down the shift key and strike the "x" key.
By Using Mouse
1.) Right click on image and select “cut” from list of options
Copying Images
By Using Toolbar
1.) Click on the image to select it.
2.) Click on the “copy” button.
By Using Keyboard
1.) Click on the image to select it.
2.) Hold down the "Ctrl" key and strike the "C" key
By Using Mouse
1.) Right click on image
2.) Select “copy” from list of options.
Pasting Images
By Using Toolbar
1.) Click on the page where you want the image to be pasted.
2.) Click on the “paste” button - 
By Using Keyboard
1.) Click on the page where you want the image to be pasted.
2.) Hold down the "Ctrl" key and strike the "V" key.
By Using Mouse
1.) Right click on the page where you want the image to be pasted.
2.) Select “paste” from list of options
Using An Image in an Image Module
Upload the image to the file manager as outlined above. For detailed instructions on using the Image Module, click HERE.
Working With Flash Objects
Inserting Flash
Uploading Flash Objects Using File Manager
On the navigation bar, click on the "Admin" link and select File Manager. This will open the File Manager window.
1.) To create a new folder, enter a name for the folder in the box in the upper left hand corner of the file manager and click the folder with the Green down arrow button.
2.) In the task bar at the top of the File Manager, click on Upload. This will open the uploading window.
3.) Click on the browse button to search for flash object files stored on your computer. Double click on the name or the flash object you wish to upload and click "Add" to the right of the Browse field.
4.) The name of the file will "jump" to the box below. You can upload multiple files by browsing and adding. The upload box will expand as you add files to it.
5.) When you have finished adding files, click "upload new file" in the bottom right-hand corner. The files will upload and you will be returned to the File Manager window. Your files will be visible in the list on this page. (Note that the default number of file names displayed per page is 10. You can change this setting in the bottom right hand corner of the File Manager window, or use the forward and backward buttons to move through the list of uploaded files.)
6.) Your files are now ready for use.
Uploading flash objects "As You Go"
If you want to upload flash objects one-by-one as you work on your site, you may do so. Be aware, however, that flash objects uploaded using this method will be saved in the default folder in the File Manager, rather than in folders you specify. If you have just a few flash objects or images to manage, this will not be a problem, but should you wish to organize multiple flash object files you'll need to use the Admin->File Manager->Upload function to create and manage folders and the flash object files they contain.
Uploading and adding a single flash objects to your page "as you go"
1.) Click in the Edit Text field to position your cursor where you want the flash object to be inserted.
2.) Click the Insert/edit Flash button.
3.) Click on the "Upload" tab.
4.) In the Upload window, select "browse" and locate the flash file you wish to upload.
5.) Double click on the Flash object, or select the flash file and click "open."
6.) Click "Send it to the server."
7.) You will get a message "your file has been sucessfully uploaded," and you will be taken to the flash properties window.
8.) At this point you'll see the name of your uploaded flash object is in URL field
9.) You will have the option to adjust the width and height of the file, if necessary.