Format text with the content section toolbar.

A content section has a WYSIWYG (what-you-see-is-what-you-get) text editor that allows you to create content on your Web page just like you would in a word processor. As you type and use the toolbar to format your text, the text editor builds HTML code behind the scenes to construct your page. If you are using Safari on a Macintosh, follow these instructions.

Each text section has a section title; delete the placeholder text, and type your own title for the section. If you leave the section title blank, the title area will not appear on your published page.

You can enter text into each content section by typing directly in the text box or copying and pasting from a word processing program.

To format your text, click and drag your mouse to highlight the text and then click the appropriate button in the toolbar to apply formatting, such as bold or italics. You can also align the text, change the font color, and insert a bulleted or numbered list with the toolbar. The text editor automatically creates the HTML necessary to format your text.

To view or edit the HTML that is being built behind the scenes, click the source code toggle . Click the source toggle again to return to the WYSIWYG view.

You can also insert a horizontal rule, which is a grey line that can divide sections on the page. To insert a horizontal rule, click

Create a link in a content section.

The content area toolbar also enables you to create a hyperlink without knowing HTML.

Follow the steps below to create a link:

To create a link:

1. Type or copy and paste some text into the content section.
2. Click and drag to highlight the text you want to become the link.
3. Click Insert link . The "Insert/Modify Link" dialog box will appear.
4. You have three methods for creating a link:
   
   URL: Type the URL of the Web site to which you want to link.
   
   Select a page or file: If you want to link to another page or file on your Web site, click Select and then click the Web page or file to which you want to link in the file tree in the left frame.
   
   Catalyst tools: To create a link to one of your existing Catalyst tools, click Link to one of your Catalyst tools, expand the tree, and then locate the tool to which you want to link. Click the title of the tool, and the path will appear in the URL field.
5. To create a tooltip (text that appears when a user hovers their mouse over the link) enter text you want to appear when someone hovers over your link in the "Title" area. You can leave this option blank.
6. If you want your link to open in a new browser window or specific frame, select the appropriate option from the "Target" drop-down menu.
7. Click OK. You will return to the text area with your link created. To test your link, you must preview your Web page.

Insert an image in a content section.

You can insert an image directly into a content section. You can either upload an image and insert it, or select one that is already on your Web site. To insert an image that is already on a Web server (on your Web site):

1. Click . The "Insert Image" dialog box will appear.
2. Enter the URL of an image, or click Select and then select the image file from the folder tree in the left frame. If you would like to preview the image before inserting it into your Web page, click Preview. The image will appear in the "Image Preview" space below.
3. Enter alternate text for accessibility purposes in the space provided.
4. Select the desired alignment for the image from the "Alignment" drop-down menu.
5. If you would like a border (black) around your image, enter the thickness of the border in number of pixels in the "Border" field.
6. Click OK.

To upload and insert an image:

1. Click . The "Insert Image" dialog box will appear.
2. Click Browse and locate the image on your computer.
3. Click Select and select the folder in which you want to save this image from the folder tree in the left frame.
4. Click Upload. The image will be saved on your Web site, and the URL will appear in the "Image URL" field.
5. To upload another image, repeat steps 1-3. To insert this image into your Web page, follow steps 3-6 above.