Working with Photos, etc..

Enhancing Your Web Site

1

Why Photos, etc.

• Photos can greatly enhance a web site. Members like to see their photos. Those interested in your Chapter can be attracted by good photos.
• Photos showing an active, involved Chapter attract people who may become members.
• A web page about an Alzheimer’s Walk is more relevant and attractive with an Alzheimer’s logo. And a photo showing member(s) participating in it makes it come to life. It tells a story, visually, and commands more attention.

2

Working with photos

• Size matters. You only have 75 megabytes of space, so if you plan on posting lots of photos, you need to reduce them in size. A 640 x 400 pixel photo will be about 102 kilobytes in size. A 2144 x 1424 photo will be 1.86 megabytes. Do the math: 40 photos vs. 700 photos!
• The photos when displayed on a NARFE website will not be more than 1,000 pixels in width, and most show less, so any more is wasted file space.

​

​

3

Resizing photos

• There should be free photo editing applications on your computer. Microsoft Paint or Apple Photo will do it.
• Take a look around your computer, see what you have and get used to working with it.
• ALWAYS chose “SAVE AS” for any reduced-sized photos. This saves your originals.
• Do not resize up. You lose detail and the resulting image may be blurry.

​

​

4

Photo Albums

• All graphic files, including photos must be uploaded into a photo album.
• Because of this, you will want to create a “hidden” (not visible) photo album to hold useful images such as the state Federation logo, Alzheimer’s logo, etc..
• You will want separate photo albums for each event.
• Next, we will walk through creating a photo album of each type, published and hidden, and then publishing photos.

​

5

Your first Photo Album

• Go to Content Management and select “Manage Album”

​

6

Creating the Album

• Givethe Album a name, click on “Make It Public”, then click on “Add Album” button.

​

7

Upload photos

• Now you click “Add Photo” to the Album and upload photo, giving it a caption.
• Put check mark in “Make this album public” and album is now visible

8

A “popup” is next

• A window comes up allowing you to find the photo on your computer to select it by clicking on “Open”

9

Give it a caption and upload it

• Give it a Photo Caption (name) and click on “Add new photo”-the NARFE server will then upload the image.

10

Continue the photo uploads until your album is fully uploaded.

Note

• The "Photo Caption" automatically appears below the image when you insert it into your pages, and as the caption when viewing photo albums.

11

Hidden photo albums

• “Hidden” photo albums are used to store images you will use to enhance your web pages
• They are created in the same way as any other photo album and images uploaded identically, except “Make this album public” is UNCHECKED

12

“Hidden” images

• These are images to spice up your web pages
• You may upload and use a jpg, png or gif file only
• I have six useful images in my “hidden” album, 4 logos: 2 NARFE logos, the NARFE Florida logo, and the 2016 National Convention logo, plus a photo of the Sarasota Bayfront for our Home page and one of the restaurant where we meet

​

13

Adding an image to a new page

• This is how I created my Chapter’s Home Page
• Select “Welcome”, category “Home” and check “Visible” and insert a Title-in this case I chose “Welcome to Sarasota, FL Chapter 242”

​

14

Image insertion

​

​

​

​

15

Now, prepare to add the Image by selecting “Add Image to Content” and a window will appear allowing you to identify the image you want and to bring it into your web (next slide)

Image insertion

16

Now bring in the image by highlighting the image code and copying it to the clipboard-you can do this quickly by clicking on the Control (CTRL) and C keys at the same time ( on a Mac, Command (CMD) and C )

Note that each graphic shows its assigned photo caption under it (entered when uploading each item).

Image insertion

17

Click where you want the image in “intro Text” and then paste (CONTROL+V keys)

AND type in a label in Full Text

Don’t forget to “Save” when done!

Note

• Content type "Welcome" is special because only the title and Intro Text are displayed. Although you are required to enter something into "Full Text" it is not displayed.

18

Result:

19

Lastly: Helping your visitors

20

For those not familiar with the navigation symbols, we provide an explanation.

Icon

NEXT: Maintenance

• Thank you for viewing this presentation!
• We hope that you found it helpful.

21