Format Text

Formatting options are available in the CMS toolbar. They are similar to the basic choices you will find in Microsoft Word.
 

To apply basic formatting options

   Button used to make text bold.

 The Bold button turns text to bold.

   
  •  Select your text and click on Bold.
   This button is used to created a numbered list.

 The Numbered List button creates a numbered list.

   
  •  Type your text and click on Numbered List.
  Button used to create bulleted lists.

The Bullet List button create a bulleted list.

   
  • Type your text and click on Bullet List.

To apply headings

  1. Select your text.
     
  2. From the toolbar click on Paragraph Style, and choose from the five heading styles.

Use the drop down menu to select the heading size for your text.

Copy and Paste from Microsoft Word

Microsoft Word documents contain “behind the scenes” code that will carry over into CMS during the copy/paste process. It will cause the text on your web page to display incorrectly.
You can avoid this problem by selecting Paste Plain Text from the CMS toolbar when you copy and paste from Word into CMS.

Home tab, copy button in MS Word

  1. Select the text to copy from your Microsoft Word document. If you want to select all of the text, use these shortcut keys: Control (Ctrl) + A
  2. Copy the text. In Microsoft Word, under the Home tab, select Copy or use these shortcut keys: Control (Ctrl) + C
  3. Open your web page in CMS. Make sure your cursor is inside the placeholder where you want to paste the text.
  4. On the CMS toolbar, select Paste Plain Text.
  5. Do not select Paste. The two buttons are next to each other on the toolbar so look carefully for the right one.

    Do not select the Paste button from the toolbar

  6. When you use Paste Plain Text , the extra code from Microsoft Word will not be included in the copy/paste process. Also, any text formatting in Word will be lost. That’s why it’s best to wait to format the text until after you’ve pasted it into your web page.
  7. Format the text using the tools provided on the CMS toolbar.

Adding Links

This page describes how to insert links. Included are an explanation of the different types of links.

Keep in mind that links should:

  1. Open in a new window
  2. Contain keywords and context on what it leads to
  3. Never be labeled as "Click Here"
  4. Be the only items underlined on any page

Create Web address links

Web address links connect to another page on the Internet.

Hyperlink dialog box - input external or non-CMS pages, browse to CMS pages

  • Fill in the fields.
  • Link Text - The "link text" is the text that will be underlined on your Web page. For example, this link would read closed overnight.
    Type - Your link type will almost always be "http:" There may be occasion to use "ftp" when linking to files on the ftp server.

    Target - The target is the manner in which the link will open. In most cases, you'll leave this field blank. The default is for the link to open in the same window.

    Open a new browser window only if no navigation exits on the page they go to, or if the page disables the back button. Otherwise, have link open in same browser window.

    Tool tip - The tool tip is text that will appear when the mouse cursor is placed over the hyperlink (text or image).

    You'll notice the wheelchair icon next to this field - this denotes the tool tip aids in making your site more accessible.

    Wheelchair icon denotes items that aid in web accessibility

    CSS Class - This allows you to choose a CSS class for your link. You could select "sub link" to tag your hyperlink as a sub link within the page.

  • Click OK .
  • Test your link.

Create email links

Email links open the default email application on your computer and create a new email message addressed to the provided addresses.

Make sure and insert the email address, the link text and the subject into the hyperlink dialog box.

  1. Select the text you'd like to link from. With email links, this is usually the recipient's name.
     
  2. Click on the Link Manager .

    Insert a hyperlink by clicking on the Link Manager button.
     

  3. Select the Email tab near the top of the dialog box
  4. Address - Input the email address of the recipient.

    Link Text - This is the text that will be underlined as a link. If you selected text before you clicked the hyperlink button, this text will appear here.

    Subject - Input text that will appear in the subject line of the email. If the email link is on a page about creating hyperlinks, put " Need Help With Links " so the recipient knows the reason for the email.

  5. Click Okay .
     
  6. Test your link.

Create anchor links

Anchors are used to navigate within the same page. Anchors are especially useful for long Web pages - allowing the user to jump from one section of a page to another.

It's a two-step process to input an anchor link:

  • Define your anchor, or the location on your page you'd like to jump to.
     
  • Insert anchor link that will jump to your anchor.

To define the anchor

  • Choose a keyword
  • No spaces
  • One or two words
  • Unique enough that you won't use it again

 

  1. Put your cursor where you'd like to define your anchor.

    It's best to define an anchor one line above where you'd like the screen to jump.
     

  2. Input a couple of spaces to have something to select and tag. This gives you some white space between the browser window and the location, as well.
     
  3. Click on the Link Manager button.

    Insert a hyperlink by clicking on the Link Manager button.
     

  4. Select the Anchor tab near the top of the dialog box.

    The Anchor Tab is between the Hyperlink and Email Tabs in the Hyperlink Manager.
     

  5. Insert a name for your anchor.
  6. Click OK .

 

To insert an anchor link

  1. Select the text you'd like to the link from.
     
  2. Click on the Link Manager button

    Insert a hyperlink by clicking on the Link Manager button.
     

  3. From the Existing Anchor list, choose your anchor.
     
  4. Click OK .

Insert To Top links

To return to the top of a page with one click, insert a To Top link. Use To Top links on very long pages at the end of each section.

Note: On the WSDOT intranet, To Top links are created in a different way. Refer to the Intranet Web Toolkit for details at:
http://wwwi.wsdot.wa.gov/Communications/Web/Toolkit.htm

Insert ToTop link from Code Snippet menu

  1. Place your cursor at the location on the page where you want to add a top top link.
     
  2. On the CMS toolbar, select the Insert Code Snippet button.

    Code Snippet button
     

  3. Choose "ToTop" from the Code Snippet drop-down menu .
     
  4. The To Top link is added to the page.

Next, you can create a table for information that can't go into a list or optimize images for the Web before adding them to the page.