Section 6: Using Special HCC Components

6.1: Archive of Background Images

1. Click on the "Browse Archive of Background Images" button. A second window will appear with a list of image groupings. To move between windows, use the "Window" menu from the Menu bar at the top of the web browser.
   
   
2. Click on one of the categories in the Background Images screen. The first ten image samples will appear. Using the navigation menu at the bottom of the screen, search until you find one you want to test
   
   
   
   
3. Click on either the image or the image name. A Graphic Tester will appear in a new window to give you a sense of the graphic's appearance. If you do not like the selection, close the Graphic Tester window and return to the Graphic Archives screen.
   
   
4. Enter the Image URL in the Background Image blank of the Page Style edit screen. Either type the URL or copy it from the Graphic Tester window or from the Graphics Archive sample page and paste it in the blank.

   Note: If the background image you chose does not appear on the web page, check the accuracy of the URL you inserted.

6.2: The Graphics Archive

1. Click on the "Browse Graphics Archive" button. A second window will appear with a list of image groupings. To move between windows, use the "Window" menu from the Menu bar at the top of the web browser. (See first figure in section 6.1.)
   

2. Click on one of the categories. The first ten image samples will appear. Keep searching until you find one you want to test using the navigation menu at the bottom of the screen.
   

3. Click on either the image or the image name. A Graphic Tester will appear in a new window to give you a sense of the graphic's appearance. If you do not like the selection, close the Graphic Tester window and return to the Graphic Archives screen.
   

4. Enter the Image URL in the blank on the Image Edit Screen. Either type the URL or copy it from the Graphic Tester window or from the Graphics Archive sample page and paste it into the image block edit page as shown in the following figures:
   S

   

Note: If the URL you inserted has any errors, you will see the symbol for a broken image which is:

6.3: The Graphics Tester

The Graphics Tester is divided into three sections. The first section allows you to see how a specific image looks against the background of a web page. The second section allows you to test the results of text/link color selections. The final section allows you to view the full effect of a possible background image. The Graphics Tester allows you to plug elements into each section to see how they work together.

Test a specific image

Test text and link colors

Test background images and/or colors

6.4: To Test a Graphic or Background Image

1. Enter the Graphics Library/Archive from edit screen.
2. Click on the image or the name of the image you would like to see. This step opens up the Graphics Tester with all elements set at the default except the one you are testing.
3. To test an element with the other options you have already selected, enter the information in the appropriate blank and click on the "Try This . . . " button. For example, you may like a particular background image, but you may not be sure which text or link color shows up best against it. Enter a color and click the "Try These Colors" button. The Graphics Tester will reload applying the new elements. If you want to see how a graphic from the Graphics Archive looks, copy the URL from the Archive page, paste it into the Test Image URL blank in first section, and click on the "Try These Values" button.
4. Copy the relevant information from the Graphics Tester into the edit screen. You may end up copying the elements from several different screens as you test before choosing the final information to put into the edit screen. Use the Window menu from web browser's menu bar to get back to the edit screen.

6.5: Create Links to Other Web Pages

1. Select "Turn xxLINKxx (URL,TEXT) into clickable links" from the options list.
2. Within the text blank type: xxLINKxx
3. Immediately after xxLINKxx, type an open parenthesis mark: (. Do not put a space between the final x and the "(".
4. Enter the complete URL of the desired link. (See Appendix B and Appendix G for URL conventions.)
5. Type a comma immediately after the URL.
6. Type the text you want the web browser to display as the link. On the web page, this part normally appears in a different color and will be underlined.
7. Type a close parenthesis: ).
8. Space after the parenthesis and continue typing as normal.

To Make a Graphic Link

Images are made into clickable links in the Image Edit Block. See Section 5.10.

[Previous] [Contents] [Next]