magnify
Home Online Services Official Parish Website Adding Images to the HTML Module

Adding Images to the HTML Module

Images included on the website need to be saved on the server in order to be inserted. These directions will include how to insert an image as well as uploading an image to the server to then be inserted.

To insert an image:

  1. Edit the content of the HTML module.
  2. When the HTML editor appears, click the Insert/Edit Image button (  ). The Image Properties window will appear.
    Adding Images to the HTML Module 1
  3. If the image does not reside on the SJY server (www.sjy.org) or you know the URL of the image, you can type it in the URL textbox. If you wish to browse the images stored on the server, click Browse Server. The Image Gallery will appear.
    1. Click on a folder to view its contents. Go to the folder that the image is located in or you wish to upload the image to. If your image is already located within the folder (already uploaded), proceed to Step 2. If you need to upload the image to the folder, continue with to the next step.
      1. To upload a new image, make sure you are looking at the content of the folder you wish to upload the image to (i.e. Current Directory: \MinistryFiles\IT). To make a new folder, click the Create a New Sub Folder icon and enter the name of the new folder. Click Create.
        Adding Images to the HTML Module 2
      2. Click the Upload a new file button to open the upload window.
        Adding Images to the HTML Module 3
      3. Click Choose File to browse your computer for the image you wish to upload. Once you’ve found it, left-click on it and click Open.
      4. Click Upload Now. The page should refresh to show your newly uploaded file.
    2. Click on the image you wish to insert.
    3. Back at the Image Properties window, you may make adjustments to your image. When finished, click OK.
  4. Finish editing the HTML content within the editor. Click Save.

 

NOTE: Border – a border around the image. Enter a number which will determine the thickness of the border. The higher the number, the thicker the border.

NOTE: Align – allows text to wrap around the image. If Left is chosen, the image will go to the farthest left of the page and text will be to the image’s right. If Right is chosen, the image will go to the farthest left of the page and text will be to the image’s left. Leaving it blank will have text above and below the image but not next to it.

Print this entry