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
The Bold button turns text to bold.
- Select your text and click on Bold.
The Numbered List button creates a numbered list.
- Type your text and click on Numbered List.
The Bullet List button create a bulleted list.
- Type your text and click on Bullet List.
To apply headings
- Select your text.
- From the toolbar click on Paragraph Style, and choose from the five heading styles.
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.
- 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
- Copy the text. In Microsoft Word, under the Home tab, select Copy or use these shortcut keys: Control (Ctrl) + C
- Open your web page in CMS. Make sure your cursor is inside the placeholder where you want to paste the text.
- On the CMS toolbar, select Paste Plain Text.
- Do not select Paste. The two buttons are next to each other on the toolbar so look carefully for the right one.
- 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.
- Format the text using the tools provided on the CMS toolbar.
This page describes how to insert links. Included are an explanation of the different types of links.
Keep in mind that links should:
- Open in a new window
- Contain keywords and context on what it leads to
- Never be labeled as "Click Here"
- Be the only items underlined on any page
Create Web address links
Web address links connect to another page on the Internet.
- 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.
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.
- Select the text you'd like to link from. With email links, this is usually the recipient's name.
- Click on the Link Manager .
- Select the Email tab near the top of the dialog box
- 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.
- Click Okay .
- 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
- 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.
- 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.
- Click on the Link Manager button.
- Select the Anchor tab near the top of the dialog box.
- Insert a name for your anchor.
- Click OK .
To insert an anchor link
- Select the text you'd like to the link from.
- Click on the Link Manager button
- From the Existing Anchor list, choose your anchor.
- 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:
- Place your cursor at the location on the page where you want to add a top link.
- On the CMS toolbar, select the Insert Code Snippet button.
- Choose "ToTop" from the Code Snippet drop-down menu .
- 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.