1. CMA Workshop Image Links and Text Links on the Same Line in a Component

2. Requested Outcome List of links –Each line has two links –First link to HTML document –Second link on image –Second link to Document Asset

3. Samples

4. Full Text One link in the component List of links in the body

5. Full Text – Links in the body Created in a table Must already know URL for each link

6. Description Field (Short Text) Each item is an individual piece of content Link to HTML file created when content created The link to the Document Asset is in the Description/Short Text field

7. Description Field (Short Text) Description contains code These codes must not exceed 2000 characters

8. Sample Description Code <a href=“/documents/november_ objective_79943_7.doc” target=“_blank”> </a>

9. Title Field Each item is an individual piece of content Link to HTML file created when content created The Image and link to the Document Asset is in the Title field

10. Title Field CMA automatically places the open and close codes ( & ) around the entire Title field Title of content is first followed by a close link code ( ) Then need and codes for image link Do not include close link code ( ) at the end

11. Sample Title Field November 2003: Defining Goals and Objectives November 2003: Defining Goals and Objectives Entire field must not exceed 255 charactersEntire field must not exceed 255 characters

12. Getting the Code For those who “don’t do” HTML Get the path for the image Edit the Image Asset Copy the Asset Path to notepad

13. Getting the Code For those who “don’t do” HTML Get the path for the document Edit the Document Asset Copy the Asset Path to notepad

14. Getting the Code For those who “don’t do” HTML Create an image that links to the document in Web Edit Pro –Create a content item –Edit with Web Edit Pro –Insert image using the icon on the tool bar

15. Getting the Code For those who “don’t do” HTML Copy the image path from notepad to File Selection Field Enter the Alt tag in the Title Field of the Picture Properties

16. Getting the Code For those who “don’t do” HTML The image will be inserted into Web Edit Pro

17. Getting the Code For those who “don’t do” HTML Select the image by clicking on it Click the Create Link button on the tool bar

18. Getting the Code For those who “don’t do” HTML Copy the Document Asset Path from notepad to the Link field In Target Frame, select New Window (_blank) Link will be added to the image

19. Getting the Code For those who “don’t do” HTML Switch to HTML view in Web Edit Pro

20. Getting the Code For those who “don’t do” HTML Highlight the code to select it Do not select the paragraph open and close codes ( & ) You may want to paste the code into Notepad temporarily

21. Getting the Code For those who “don’t do” HTML Do not save the content entered in Web Edit Pro Paste the copied code into the Title of Description field as desired. If in the Title field, delete the code and the end and insert it after the title text.

22. Getting the Code For those who “don’t do” HTML Special Care in Title Field Title of HTML content firstTitle of HTML content first Then close code -- Then close code -- Paste the link and image code copied from Web Edit Pro nextPaste the link and image code copied from Web Edit Pro next Make sure there is no close code -- at the end of the fieldMake sure there is no close code -- at the end of the field

23. CMA Workshop Image Links and Text Links on the Same Line in a Component Questions