Chapter 7. Create and edit a website page with an image slideshow

Click on a section title to jump down the web-page:

A.         Introduction

B.         Start a new slideshow page

C.         Add text content

D.         Select images

E.          Save or discard your work

A. Introduction

1. A slideshow is a special type of page in the Wildfire system. It is intended to give maximum display area to a collection of images.

2. What does a website visitor see on a slideshow page?

The page contains brief text at the top and a large slideshow frame.

120. Website page with a slideshow

a) The images change automatically and continue to do so in a loop.

b) Place the mouse cursor over an image to pause the slideshow on that image.

c) Use the arrow buttons at right and left to go forward or back manually.

d) Dots under the image caption indicate how many images are in the slideshow.

3. Add slideshow pages to your website to group photos and images by subject or theme.

4. Much of the process of creating a slideshow is the same as creating a page. Review the process of creating a page in Unit 02, Chapter 3, Section B.

5. Text above a slideshow should be enough to inform the website visitor about the subject of the images without taking up much of the image viewing area on the page. Text may also be added below a slideshow.

Return to top...

B. Start a slideshow page

1. At the Overview screen, click the Add new dropdown menu, then click on the option Slideshow.

121. Add new Slideshow from Overview screen

a) The page editing screen Add new Slideshow opens.

Return to top...

C. Add text content

1. Write a page title in each Navigation Language.

2. A slideshow page gives the option of having text above and/or below the slideshow itself.

122. Options for text above and below slideshow

3. Click on one of the links titled Text above or Text below. (You may use both.)

a) The standard text editing box appears. You are already familiar with its use.

4. Write a small amount of text in each Navigation Language to introduce the slideshow and explain how to use the viewer.

Return to top...

D. Select images

1. The section titled Images is between the two links for Text above and Text below.

123. Images section of Add new Slideshow screen

a) Click +Add files at the bottom left of the gray frame.

b) A file browser window opens showing your computer’s file system.

(Depending on your computer settings, you may see your files in either list mode or icon mode.)

124. Select slideshow images from files on your computer

c) Choose one or more files (allowed file types are .png, .gif, .jpg, .jpeg). A maximum of 20 image files is recommended.

d) Click on the button Open.

e) Your files are now listed inside the gray frame.

125. Slideshow images ready to upload

f) Click on the link Start upload.

g) As files are successfully uploaded, the dash inside a red circle changes to a checkmark inside a green circle.

h) Alternate methods of selecting image files are covered in Chapter 9.

2. Once image files are uploaded, they are shown in a chart, with a thumbnail image next to the original filename.

126. Chart of images uploaded for Slideshow

a) In the field called Alternate text, write a brief description of each image in the Publication Language. This serves as a caption for the image in the slideshow viewer.

The alternate text also functions as metadata to help search engines correctly identify the images on your website, so care should be taken to write clear and helpful descriptions.

b) To change the order of the images:

(1) Move the mouse cursor over the four-pointed arrow to the left of the thumbnail image.

(2) Click and hold.

(3) Drag the arrow up or down to the desired position.

(4) Release the click.

c) If needed, the image can be rotated clockwise 90˚.

(1) Click on the circular arrow at the upper left of the thumbnail image.

d) Remove an image from the slideshow by clicking on the button Remove at right.

Return to top...

E. Save or discard your work

1. To make the page immediately visible, click on the button Save and publish at bottom left.

2. To save the page but not make it visible, click on the button Save as draft at bottom left.

3. To exit without saving your work, click on the button Cancel at bottom left.

a) A pop-up screen asks you to confirm if you want to stay on the page or leave the page without saving your work. Click on the button that states your choice.

4. When you save your work, you will exit the Add new Slideshow editing screen and see a preview of the public version of the page.

5. When you cancel your work, you will exit the Add new Slideshow editing screen and return to the Overview screen.



This video for the module above is taken from the Wildfire Tutorial Video series.

24 Create a Page with an Image Slideshow


Return to top...