Inserting Images into web pages:

  • While editing the content of a page with the FCKeditor, click the spot on the page where you want to place your image.
  • Click the 'Insert/Edit Image' button.
    • (Looks the same as it does in Microsoft Word, yellow button with mountains and moon.)
    • This brings up the 'Image Properties' window.
  • If this is a new image, click the 'Upload' tab.
    • Click 'Browse' to find the image on your hard drive and then click 'Send it to the Server'.
  • If you’ve used this image before, you can simply enter the URL as ‘images/filename.jpg’ or ‘images/filename.gif’
  • Now you can control how it's displayed.
    • 1st, set the 'Alternative Text'. This can really help with search engines. Just type a brief description of the image.
    • Your set the width and height, but these cans cause the image to look a little rough. It’s better to create a new image at the size you need in a graphics editor. Most web page images look best at about 150 to 200 pixels tall or wide.
    • Border – if you want a solid color frame around the image. You usually won’t want this.
    • HSpace and Vspace puts a space or buffer between the image and anything next to it. 3, 4 or 5 is usually sufficient. Playa round with it, see what you think looks best.
    • Align – ‘Left’ or ‘Right’ are the most common settings. Choosing ‘Left’ or ‘Right’ causes the adjacent text to wrap around the image.
  • Links – making image links
    • In the Image Properties window, click the ‘Link’ tab.
    • Enter the address of the web page you’re linking to in the URL field.
    • If you’re linking to another website, set the Target to “New Window” so it opens in a new window and doesn’t take visitors away from your site.
    • Note: Links are extremely significant to Search engines, but they cannot read image links (like banners). Text links are generally preferable. When exchanging links with other sites, request that they use a text link when linking back to your site. It is highly recommended that, if you must use image links, include a text links right below it.