CMA Workshop

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
• Description contains code
• These codes must not exceed 2000 characters

8
Sample Description Code

• objective_79943_7.doc target_blank
• src/images/calendar_87964_7.gif width49
  border0 /

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_7.doc target_blankaltcalendar src/images/calendar_87964_7.gif
  width49 border0 /
• Entire field must not exceed 255 characters

12
Getting the CodeFor those who dont do HTML

• Get the path for the image
• Edit the Image Asset
• Copy the Asset Path to notepad

13
Getting the CodeFor those who dont do HTML

• Get the path for the document
• Edit the Document Asset
• Copy the Asset Path to notepad

14
Getting the CodeFor those who dont 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 CodeFor those who dont 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 CodeFor those who dont do HTML

• The image will be inserted into Web Edit Pro

17
Getting the CodeFor those who dont do HTML

• Select the image by clicking on it
• Click the Create Link button on the tool bar

18
Getting the CodeFor those who dont 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 CodeFor those who dont do HTML

• Switch to HTML view in Web Edit Pro

20
Getting the CodeFor those who dont 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 CodeFor those who dont 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 CodeFor those who dont do HTML

• Special Care in Title Field
• Title of HTML content first
• Then close code --
• Paste the link and image code copied from Web
  Edit Pro next
• Make 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