MMD-CMS User Manual

Option	Purpose
Page Status	Automatically provides the current status of the posting.
*Version*	This option will *only* appear when you have edited and saved an existing posting. Until the Editor approves the posting, this value will always be Page has Live Version because the posting on the live site currently displays the existing posting content.
Lock Status	Displays a Locked/Not Locked status for the current posting.
Production Manager	Lists saved postings that are in the production queue.
Approval Assistant	Lists postings awaiting approval.
Resource Manager	Lists available resource galleries and resources in those galleries, such as shared images and documents. The Resource Manager can be used to manage the resources you need to create a Web posting. Resources, such as image files, can be added, modified, or deleted. However, you must have Administrative rights in order to modify resources using the Resource Manager.
Preview	Provides a preview of the current posting.
Create New Page	Creates a new posting.
Edit	Edits a single posting or a connected posting.
Delete	Deletes a single posting or a connected posting.
Copy	Copies a single posting or a connected posting.
Move	Moves a single posting or a connected posting.
Submit	Posting is submitted for approval by either an Editor or an Administrator. Status of the is changed to “Waiting For Editor Approval”
Approve	The posting has been approved. The status of the posting is changed to “Published” and the posting is considered published on the Authoring server. However, the posting is not considered “live” to the Web site until it is promoted to the Production server during the day. If you have an immediate need to expedite the posting to production, the Administrator can promote the content to the production server manually as needed.
Decline	The content is rejected by the Editor.
Page Properties	Display the properties of the current posting and can be used to modify properties.
Revision History	Displays all the versions of a posting.
View Revisions by Date	Displays versions of a posting for a specified date.
Channel Properties	Displays standard and custom properties for a channel.

Chapter 4 Web Authoring Tools [top]

Contained within the CMS application are numerous tools that make creating content for the North Carolina Department of Commerce web site simple. They include the Web Authoring Console, the Web Authoring toolbar, placeholders for your content, and placeholder indicators.

Web Authoring Console [top]

The Web Authoring Console provides access to all of the capabilities within NCDOC-CMS. The Web Authoring Console is only available at the page level to users who have appropriate rights in that specific channel.

This section explains how to use each option found on the Web Authoring Console.

Accessing the Web Authoring Console [top]

Navigate to the appropriate page. At this point you are in Live Site mode and the Web Authoring Console only shows the option Switch to Edit Site (Figure 14).

Figure 14 Web Authoring Console in Live Mode

Click the Switch to Edit Site option to enter Edit Site mode. The Web Authoring Console appears with a variable number of options, depending of your access rights to the content, and role within NCDOC-CMS.

The Different Views of the Web Authoring Console [top]

The number of options will vary by the role (Administrator, Author, and Editor) and where you are within NC-DOC. In the following image you see the options based on the three different roles: Author, Editor, and Administrator.

Text Box: The images shown here for the three different roles may not reflect exactly what you see on your screen due to the various settings within NCDOC-CMS.

Options of the Web Authoring Console

The following section describes the options that will be found on the Web Authoring Console. Again, all options described here may not be shown when you are in NCDOC-CMS because of your role.

Production Manager [top]

The Production Manager option provides the capability to view the status of any of your pages currently under production. This includes pages that are saved, waiting for approval, unpublished or have been declined by an Editor for publication.

Figure 15 Production Manager Window

The Production Manager Window (Figure 15) presents a list of all of your pages currently under production or “in construction”. Please note that this list does not include published pages but rather pages that are under construction.

For each page in production, the Production Manager displays the name of the page, the status of the page, the channel in which the page will be published and the date the page was last modified. Clicking the magnifying glass icon next to the page name will present a preview of the page in a new browser window. Clicking the Go To link next to the page name will display your page in the window.

Approval Assistant (Editor Role Only) [top]

Users with Approval Assistant (Figure 16) rights can approve or decline multiple pages at one time. For example, an Author creates a page and “Submits” it to an Editor. The Editor would then use the Approval Assistant to review and either approve or decline the page(s). The Approve option does the same thing but only on a single page basis.

Figure 16 Approval Assistant Shows Pages Waiting for Editor Approval

Resource Manager (Administrator Role Only)

Resource Manager gives an Administrator the right to upload images and attachments to the Shared Resource Gallery for all users to access.

Preview [top]

Preview your page by clicking the Preview icon on the Web Authoring Console. Your content page is displayed in a new browser window. When you are finished previewing the page, close the window by clicking on the X in the upper right corner of the window.

Save and Exit [top]

Click Save and Exit on the Web Authoring Console to complete the authoring process. Your page now displays with the expanded Web Authoring Console.

Note: The page status on the Web Authoring Console should indicate “Saved”. This means that your page has been saved inside NCDOC-CMS but it has not been approved and therefore is not published. It will only be visible to NCDOC-CMS users. If you do not have rights to approve (Editor rights) the page, you will need to click Submit in order to submit the page for the Editor to review, and then approve or decline the page.

Save [top]

Save your page by clicking the Save option on the Web Authoring Console.

Click on Save from the Web Authoring Console. The Create New Page Save New Page window appears (Figure 17).

Figure 17 Save New Page Window

Enter in the Name textbox the name of the page that will be used to reference the page within NCDOC-CMS. The user of the web site will NOT see this name. Use only alphanumeric characters (a-z, 0-9) NO SPACES or special characters are allowed.

Enter in the Display Name textbox the name of the page that will appear in the browser’s title bar. Click OK. The Page Status indicates Saved (Figure 18).

Figure 18 Page Saved

Edit [top]

Figure 19 Console Options When Editing a Page

Clicking the Edit option will open the current page in Edit Site mode to allow you to make revisions.

Navigate to your content page and then select the Edit option from the Web Authoring Console.

Edit the text of your page.

Save your page by clicking the Save option on the Web Authoring Console (Figure 19).

Preview your page by clicking the Preview option on the Web Authoring Console.

Click Save and Exit on the Web Authoring Console. Your page is displayed in Edit Site mode with the expanded Web Authoring Console.

Note: The page status on the Web Authoring Console will indicate “Saved”. Because you have made changes to your page it will require re-approval by an editor in order to be re‑published. Until your new changes have been re-approved, the previously-approved version of your page is still available to website users.

Click Submit to have the page reviewed by an Editor or an Administrator.

Delete [top]

If you have author or editor rights to the page, using this option will remove the content from the channel that it resides in.

Navigate to your content page and then select the Delete option from the Web Authoring Console. A dialog box asks you to confirm the deletion (Figure 20).

Figure 20 Confirm Page Deletion Window

Copy [top]

Use this option to copy the current page to another channel that you have access rights to.

Note: Changes made on one page will not be reflected on the copy of the page. Also, if you try to copy a page from one channel to another with the same name, the page will not be copied. An error message will not appear informing you of the name conflict so pay careful attention!

Navigate to the page that will be copied to the other channel.

Click the Copy option on the Web Authoring Console. The Copy Page Select Destination Channel window appears (Figure 21).

Figure 21 Copy Page Select Destination Channel Window

Navigate to the destination channel for the page using the channel structure and click on that channel. The Destination Channel textbox reflects where the page will be copied (Figure 22).

Figure 22 Destination Channel for Copied Content

After selecting the destination channel click OK to copy the page. The page is copied to the other channel.

Move

This option is used to move the current page to another channel that you have access rights to.

Note: If you try to move a page from one channel to another with the same name, the page will not be moved. An error message will not appear informing you of the name conflict so pay careful attention!

Navigate to the page that will be moved to another channel.

Click the Move option on the Web Authoring Console. The Select Destination channel window appears (Figure 23).

Figure 23 Move Page Select Destination Channel Window

Navigate to the destination channel for the page using the channel structure and click on that channel. The Destination Channel textbox reflects where the page will be moved (Figure 24).

Figure 24 Destination Channel for Moved Content

After selecting the destination channel click OK to move the page.

Submit [top]

Once you have saved a page, you submit it to an Editor or an Administrator for approval. Use the following step to submit the page for approval.

Figure 25 Submitted Page

In the Authoring Console, click Submit. The Page Status changes to Waiting for Editor Approval (Figure 25).

Note: Until your new changes have been approved, the previous version of your page is still available to NCDOC-CMS users and website users.

Approve (Editor Role Only) [top]

After a page has been submitted it needs to be approved by an Editor or an Administrator before appearing on the Live site. This following option on the Web Authoring Console is used to approve a single page.

Navigate to the content page and then select the Approve option from the Web Authoring Console. A Confirmation window appears (Figure 26).

Figure 26 Approve Confirmation Window

Click OK.

The Page Status changes from Waiting for Editor Approval to Published (Figure 27).

Figure 27 Approved Page is Now Published

Decline (Editor Only) [top]

An Editor can decline a page that was submitted if that page is not up to the standards set up by the organization, is missing content, or the content is inaccurate.

Click on the Decline option on the Web Authoring Console to decline a page. The Page Status becomes Editor Declined (Figure 28).

Figure 28 Declined Page

Note: There is no automated email notification sent to the author of the declined page. A page that has been declined must be resubmitted after modifications have been made.

Page Properties

Use this option to view the properties associated with the current page including the name of the file saved on the Authoring Server and display name of the page used for navigation on the site, the start and stop publishing dates, the date the page was last modified and more.

Click on the Page Properties option on the Web Authoring Console. The Page Properties window is displayed (Figure 29).

Figure 29 Page Properties

The table below describes the options found on the Page Properties window. Not all options are used within the NCDOC-CMS.

Page Properties
Field Name	Description
Name	The name of the page on the authoring server.
Display Name	The name of the page on the navigation menu.
URL	The location of the page of the web site.
Template Path	The location of the template used for the creation of the page.
Description	A description of the page you have created.
Publishing Options Section
Start Publishing	Select the Immediately option to publish your page immediately after approval and submission, Or, select the starting date and time using the drop-down boxes.
Stop Publishing	Select the Never option to have your page never expire. Or, select the ending date and time using the drop-down boxes.
Owner	Displays the assigned owner of the page.
Last Modified	Displays the modification history of the page.
Important Page	Select this property to enable template designers to specify actions for an Important Page. For example, an important page could have flashing animation added to it, or could appear first in the navigation pane.
Hide When Published	Select this property to hide the channel or page from visitors on the live site. This may be useful when creating a summary page.
Web Robots Can Crawl Links	Select this property to indicate that Web robots should follow links to other pages or channels.
Web Robots Can Index This Page	Select this property to indicate that Web robots should index the content in a given page or channel.

Figure 30 Page Property Window Definitions

Note: If you make changes to any of the page properties, your page will not require approval prior to those changes taking effect.

Revision History [top]

Use this option to view the revision history of a page over the time period of its existence.

Navigate to the page whose revisions you want to compare and then click on the Revision History option on the Web Authoring Console. The View Revision History window is displayed (Figure 31).

Figure 31 Revision History Window

Click on two checkboxes to compare to revisions made to the page.

Click the Compare button. The View Revision History: Compare Revisions window opens showing you the differences between the two pages (Figure 32).

Figure 32 Compare Revisions Window

Note: You cannot rollback a page to a previous version of that page.

View Revisions by Date [top]

Use this option to view a previous version of the current production page on a specific date. To view a revision of a page by date and time, you must have authoring or editing rights to that page.

Click on the Revisions by Date option on the Web Authoring Console. The View Revisions by Date window is displayed (Figure 33).

Figure 33 View Revisions by Date Window

Select the Date to view the page, and then click OK. The appropriate page version is displayed.

Create a Connected Page [top]

Often times, there will be a situation where a page content exactly mirrors the page content in a different channel. The maintenance of this information can be made easier by using the connected page concept. This allows the content to be updated on one page and this change will immediately be reflected in the other page that is connected.

This option should be used when the content for one page will exactly mirror the proposed page content to exist in a different channel in the website.

Note: Any changes except the Display Name made on one page will be reflected on the both copies of the page, regardless where the changes originate.

Note: Deleting a page on one of the channels will not delete the page on the other channel, regardless where the deletion occurs.

Navigate to the page that will be copied to the other channel.

Click the Create Connected Page option on the Web Authoring Console. The Create Connected Page Select Destination Channel window appears (Figure 34).

Figure 34 Create Connected Page Select Destination Channel

Navigate by clicking the plus ‘+’ signs to the destination channel where the page will be copied using the channel structure.
Click on the channel to be the destination (Figure 35). The Select Destination Channel Select Template window appears (Figure 36).

Figure 35 Selecting the Destination Channel

Figure 36 Selecting the Template

Click on the icon under the column heading Select to complete the copy of the page to the other channel. The copied page opens in the destination channel in Edit Mode. Any changes made to this page will also be reflected in the original pages content.

Channel Properties (Administrator Only) [top]

Use this option to view the properties associated with the current channel including the le name and display name of the channel, and the description of the current channel.

Note: Changes to Channel Properties can only be made by an Administrator.

Click on the Channel Properties option on the Web Authoring Console. The channel Properties window is displayed (Figure 37).

Figure 37 Channel Properties Window

The table below (Figure 38) describes the options found on the Channel Properties window. Not all options are used within the NCDOC-CMS.

Channel Properties
Field Name	Description
Name	The name of the channel on the authoring server.
Display Name	The name of the channel on the navigation menu.
URL	The location of the channel of the web site.
Template Path	The location of the template used for the creation of the channel.
Description	A description of the channel you have created.
Publishing Options Section
Start Publishing	Select the Immediately option to publish your channel immediately. Or, select the starting date and time using the drop-down boxes.
Stop Publishing	Select the Never option to have your channel never expire. Or, select the ending date and time using the drop-down boxes.
Owner	Displays the assigned owner of the channel.
Last Modified	Displays the modification history of the channel.
Important Channel	Select this property to enable template designers to specify actions for an Important channel. For example, an important channel could have flashing animation added to it, or could appear first in the navigation pane.
Hide When Published	Select this property to hide the channel from visitors on the live site. This may be useful when creating a summary channel.

Figure 38 Channel Properties Window Options

Web Authoring Toolbar [top]

When creating or editing a page, the Web Authoring Toolbar (Figure 39) appears in your web browser and has formatting controls like those found in Microsoft Word or PowerPoint. These formatting controls provide the ability to format text, spell check, add images, hyperlinks, tables, etc. in the allowable placeholders on a page.

Note: If the Web Authoring Toolbar does not appear, please contact the NCDOC-CMS Administrator. You may need to have Windows Administrator rights for the Web Authoring Toolbar to be installed on your local machine. The installation process is a one time operation that will be required the first time you use the NCDOC-CMS application.

Figure 39 Web Authoring Toolbar

The formatting controls will be available for use only if the placeholder for the template allows them to be used. This will be illustrated when we look at indicators.

Note: This toolbar will only appear when using Microsoft Internet Explorer version 6.0 and higher.

Placeholders [top]

A NCDOC-CMS template is a collection of placeholders (Figure 40). Placeholders are used to enter your content into the template. Each placeholder includes a gray header that contains one or more indicator icons. The indicator icons appear on the left or right side of a header and represent functions that can be performed within the placeholder.

Figure 40 Placeholders within a Template

There are two types of placeholders:

text (formatted and unformatted)
image

Text Placeholders [top]

Text placeholders can contain a variety of components including attachments, hyperlinks, as well as plain and formatted text. Certain text placeholders will allow you full formatting options available from the Web Authoring toolbar, while others will have a pre-defined set of styles, thereby not allowing you to change the text formatting. The icons in the gray header will indicate what can be entered within the placeholder.

To enter text into the placeholder, place your cursor in the text placeholder box and begin typing. You can also cut and paste text content from other applications.

Note: If you choose to do this, it is extremely important to verify through Preview and in Live Mode that the content has been transferred properly and does not break the overall design of the website!

You can use formatting options in the Web Authoring Toolbar to align your text, create tables and stylize your text using bold, italic, and underline. You also have the capability to perform a spelling check on your text within a placeholder using the spell check function in the Web Authoring Toolbar.

Figure 41 Placeholder Indicators

Image Placeholders [top]

Image placeholders allow you to add images and only images in designated locations in the template.

Placeholder Indicators [top]

The placeholder indicator icons (Figure 41), may be functional depending on the placeholder, appear on the left or right side of the placeholder and indicate the types of content that can be added to the placeholder.

The Web Authoring Toolbar shown below (Figure 42) indicates the icons available for a placeholder that allows partial formatting of the text, hyperlinks, images, and attachments.

Figure 42 Web Authoring Toolbar with Formatting Options Enabled

The following illustration (Figure 43) of a placeholder and its available indicator (T) shows how the Web Authoring Toolbar is restricted from being used.

Figure 43 Placeholder Indicator Bar

The Web Authoring Toolbar illustrated below (Figure 44), reflects the limitations set by the placeholder shown above (Figure 43). The entire Web Authoring Toolbar is inactive except for the spellchecking icon. All of the formatting for the placeholder will be done by the styles sheets that are assigned to the placeholder.

Figure 44 Web Authoring Toolbar Disabled

Images [top]

Figure 45 Image Icon on Placeholder Bar

If the placeholder bar shows an image icon (Figure 45), click on the Insert Image icon on the Web Authoring Toolbar.

If the placeholder has a large icon representing an image (Figure 46) click on the image contained within the placeholder bar.

Figure 46 Image Placeholder

Click inside a placeholder that has an image indicator icon.

Select the Insert Image icon from the Web Authoring Toolbar.

The Insert Image Select Source window is displayed (Figure 47).

Figure 47 Insert Image Select Source Window

The Insert Image Select Source window offers you two (2) choices:

Insert Shared Image > to choose a graphic from a Resource Gallery

Insert Local Image > to choose a graphic located on your computer

Inserting a Local Image [top]

Click on the placeholder indicator icon (Figure 48) to add an image from the image resource folder. The Insert Image Select Source window appears (Figure 49).

Figure 48 Image Placeholder

Select Insert Local Image (The Insert Image window appears Figure 49).

Figure 49 Insert Image Window (Local)

Figure 50 Local Image Browse Dialog Window

Click the Browse button to navigate to the image you would like to use from your computer. The Choose File Window opens (Figure 50).

Select the le type of the image from the Files of Type dropdown box to help narrow the search for graphic image.

Select the image from the list and then click Open. The Insert Image window re-appears (Figure 51).

Figure 51 Insert Image Window (Local)

If the Hyperlink textbox is available, indicated by the placeholder indicators, you can make the image a hypertext link by typing in the URL of a web site.

Enter a few descriptive words about the image in the Alternate Text. This text will be displayed on the content page when the pointer moves over the image. If a user has their graphics disabled on their computer, they will see your alternate text instead.

Click Insert to add the image to your NCDOC-CMS page.

Inserting a Shared Image [top]

Click on the placeholder indicator icon (Figure 52) to add an image from the image resource folder. The Insert Image Select Source window appears (Figure 53).

Figure 52 Image Placeholder

Click on the Insert Shared Image link (Figure 53). The Insert Image Select Resource Gallery window opens (Figure 54).

Figure 53 Select Image Source Window

Figure 54 Insert Image Select Resource Gallery Window

Click on the link NCDOCWeb07 link (Figure 54) to see the images within the folder. The Select Source Select Image window opens (Figure 55).

Figure 55 Select Source Select Image Window

Figure 56 Preview / Select Image Icons

Preview the image by clicking on the Preview Image icon (Figure 56). The Image Preview window appears (Figure 57).

Figure 57 Image Preview Window

Close the preview window by clicking on the “X” at the top right of the window.

Select the image by clicking on the Select Image icon (Figure 56). The Insert Image Insert Image window appears (Figure 58).

Figure 58 Insert Image Window

Add text to the Alternate Text textbox (Figure 59) to allow the text entered in the textbox to appear when the mouse pointer moves over the image when it is in preview or production.

Figure 59 Alternate Text for Image

Click Insert when finished. The image appears in the placeholder. (Figure 60)

Figure 60 Image Inserted in the Placeholder

Attachments [top]

To use this option, position the pointer in the body of the text placeholder where you want to insert an attachment. Then select the Insert Attachment icon from the web toolbar. If the icon is not highlighted, place your cursor in the content placeholder to activate the button.

In your NCDOC-CMS page place your cursor where you would like to add an attachment.

Click the Insert Attachment icon in the Web Author Toolbar. The Insert Attachment Select Source window is displayed (Figure 61).

Figure 61 Insert Attachment Select Source Window

The Insert Attachment Select Source window offers you two (2) choices:

Insert Shared Attachment > to choose a document from a Resource Gallery

Insert Local Attachment > to choose a document located on your computer

Inserting a Local Attachment [top]

From the Select Source window (Figure 61) select Insert Local Attachment. The Select Source Insert Attachment window appears (Figure 62).

Figure 62 Select Source Insert Attachment (local attachment)

Click the Browse button to navigate to the attachment you would like to use from your computer. The Choose File for Local Attachment Window opens (Figure 63).

Figure 63 Choose File for Local Attachment Window

Select the le for the attachment, and then click Open. The Insert Attachment window re-appears (Figure 64).

Figure 64 Insert Attachment Window (Local)

In the Display Text textbox, enter a description to be associated with the attachment.

Click Insert to add the attachment to your NCDOC-CMS page. The page now displays with the attachment added to the placeholder.

Inserting a Shared Attachment [top]

Select Insert Shared Attachment to locate a file. The Insert Attachment Select Resource Gallery window appears (Figure 65).

Figure 65 Insert Attachment Select Resource Gallery Window

Click the plus (“+”) sign (Figure 66) to open the NCDOCWeb07 folder.

Figure 66 The Expanded NCDOCWeb07 Folder

Click the link of the folder Documents. The Insert Attachment Select Attachment window opens (Figure 67).

NOTE: When using a shared attachment, the icon for the attachment will not represent the attachment until the content is displayed on the web site. A generic icon is used as an icon placeholder until that time.

Figure 67 Insert Attachment Select Attachment Window

Select the document by clicking the icon under the Select column. The document’s name appears within the Insert Attachment window (Figure 68).

Figure 68 Insert Attachment Window with Document Name

If necessary, change the text contained within the Display Text textbox.

Click Insert. The attachment icon appears within the body section of the template (Figure 69).

Figure 69 Attachment Icon with the Name of the Attachment

Hyperlinks [top]

A hyperlink is a link from your NCDOC-CMS page to another NCDOC-CMS page or an external Internet page. Similar to standard Internet web pages, NCDOC-CMS hyperlinks appear as clickable, underlined text.

Highlight the text that you would like to appear as a hyperlink.

Click the Add Hyperlink icon from the Web Authoring Toolbar (Figure 70). The Edit Hyperlink dialog box appears (Figure 71).

Figure 70 Web Authoring Toolbar

You have two (2) different types of hyperlinks:

· A link to an external web page on another web server

· A link to an internal page on the NCDOC-CMS server

Figure 71 Edit Hyperlink Window

Linking to an External Page [top]

1. Select the text that will be used for the link (Figure 72).

Figure 72 Selecting the Text to be the Hyperlink

2. Click on the Hyperlink icon found on the CMS toolbar (Figure 73).

Figure 73 Toolbar

The Edit Hyperlink window appears (Figure 74).

Figure 74 Edit Hyperlink Window

Type the external web page’s address in the Hyperlink Address textbox (Figure 75). (The address should always begin with http://).

In the Tooltip textbox (Figure 75), type a title for the link which will be displayed in NCDOC-CMS when a user’s pointer moves over the link.

Figure 75 Tooltip Textbox

Make sure that “New Unnamed Window” is selected in the Open Link In dropdown box (Figure 76).

Figure 76 Open Link In Drop Down Menu

Click OK to add your hyperlink. The text you selected to be the link to the external web page is now blue in color and underlined (Figure 77).

Figure 77 Hyperlink Text within Placeholder

Linking to an Internal Page [top]

1. Select the text that will be used for the link (Figure 78).

Figure 78 Selecting the Text to be The Link

2. Click on the Hyperlink icon found on the CMS toolbar (Figure 79).

Figure 79 Toolbar

The Edit Hyperlink window appears (Figure 80).

Figure 80 Edit Hyperlink Window

3. Click on the Browse button. The Insert Hyperlink Select Internal Link window appears (Figure 81).

Figure 81 Select Internal Link Window

4. Click on the plus (“+”) sign to expand the folder NCDOCWeb07. All the folders within the NCDOCWeb07 folder appear (Figure 82).

Figure 82 Expanded Folders

5. Continue clicking on the plus sign next to the folder (channel) until you find the folder (channel) that contains the page you want to link to (Figure 83).

Figure 83 Homepage to Link To

6. Click on the name of the page not the icon for the page. The name of the page appears in the Selected Item textbox (Figure 84).

Figure 84 Selected Link Textbox

7. Click OK. The name of the page is transferred to the Hyperlink Address textbox (Figure 85).

Figure 85 Hyperlink Address with Value of the Link

8. Enter a phrase in the Tooltip textbox (Figure 86) to display when the mouse pointer hovers over the text that you had earlier selected to be the linked text.

Figure 86 Tooltip Textbox

9. Click OK. The window re-opens with the linked text underlined (Figure 87)

Figure 87 Hypertext Link Displayed in Body Text

10. Preview the page.

11. Point your mouse over the NCDOC link. The tooltip appears (Figure 88).

Figure 88 Tooltip over the Hyperlink

The Tier 1 Template [top]

The Tier 1 template (Figure 90) has a great deal of flexibility containing five placeholders allowing for the usage of images, links, and attachments within the main body placeholder.

Figure 90 Tier 1 Template

The Tier 1 Template Completed [top]

After completing this section the Tier 1 Template will appear as shown below (Figure 91).

Figure 91 Tier 1 Template Completed

Selecting the Template [top]

Click Switch to Edit Site from the Web Authoring Console.
Click Business Services (Figure 92) to navigate to channel where we want to put our new page.

Figure 92 Web Authoring Console.

Select the option Create New Page (Figure 92 Web Authoring Console.). The Select Template Gallery window opens (Figure 93).

Figure 93 Select Template Gallery

From the Select Template Gallery window, click on WebSite link (Figure 94) to see the listing of templates within the folder.

Figure 94 WebSite Folder

The Select Template Gallery Select Template window appears with the first five templates displayed (Figure 95).

Figure 95 WebSite Folder Collapsed

Figure 96 Change the Templates Displayed

The Template column shows you the first five templates to choose from. To see all of the templates at one time, click the drop down menu in the upper right hand corner of the window (Figure 96) and select All.

To preview what the template layout looks like, click on the icon to the left of the name of the template (Figure 97).

Figure 97 Icon to Preview the Tier1Page Template

A preview of the template appears (not shown in documentation).

Close the window that displays the preview of the template and select the icon for the Tier 1 Page template in the column labeled Select (Figure 98).

Figure 98 Selecting the Template

The template appears (Figure 99) with placeholders for you to add your content.

Figure 99 Tier 1 Template Placeholders

Entering the Meta Data [top]

Meta Data are descriptive information about your page content. Meta data information is not displayed on your NCDOC-CMS page. Rather, it is used by the NCDOC-CMS search engine and outside search engines such as Google to effectively categorize your page inside NCDOC-CMS.

The Meta Data should be completed accurately for the NCDOC-CMS search engine and other NCDOC-CMS users to find your page.

Place your cursor in the Description/Summary field and type in a descriptive summary for the content (Figure 100).

Figure 100 Meta Data Description/Summary

Place your cursor in the Keywords field (Figure 101) and enter at least three keywords that can be used for search for this page. You should enter at least three words.

Figure 101 Meta Data Keywords

Entering an Image [top]

If the placeholder bar shows an image icon (Figure 102), click on the Insert Image icon on the web Authoring Toolbar.

If the placeholder has a large icon representing an image (Figure 102) click on the image contained within the placeholder bar.

Figure 102 Image Placeholder

Click inside a placeholder that has an image indicator icon.

Select the Insert Image icon from the Web Authoring Toolbar.

The Insert Image Select Source window is displayed (Figure 103).

Figure 103 Insert Image Select Source Window

The Insert Image Select Source window offers you two (2) choices:

Insert Shared Image > to choose a graphic from a Resource Gallery

Insert Local Image > to choose a graphic located on your computer

Inserting a Local Image [top]

Click on the placeholder indicator icon (Figure 104) to add an image from the image resource folder.

Figure 104 Image Placeholder

The Insert Image Select Source window appears Figure 105).

Figure 105 Image Select Source

Select Insert Local Image (The Insert Image window appears Figure 106).

Figure 106 Insert Image Window (Local)

Figure 107 Local Image Browse Dialog Window

Click the Browse button to navigate to the image you would like to use from your computer. The Choose File Window opens (Figure 107).

Select the le type of the image from the Files of Type dropdown box to help narrow the search for graphic image.

Select the image from the list and then click Open. The Insert Image window re-appears (Figure 108).

Figure 108 Insert Image Window (Local)

If the Hyperlink textbox is available, indicated by the placeholder indicators, you can make the image a hypertext link by typing in the URL of a web site.

Enter a few descriptive words about the image in the Alternate Text. This text will be displayed on the content page when the pointer moves over the image. If a user has their graphics disabled on their computer, they will see your alternate text instead.

Click Insert to add the image to your NCDOC-CMS page.

Inserting a Shared Image [top]

Click on the placeholder indicator icon (Figure 109) to add an image from the image resource folder. The Insert Image Select Source window appears (Figure 110).

Figure 109 Image Placeholder

Click on the Insert Shared Image link (Figure 110). The Insert Image Select Resource Gallery window opens (Figure 111).

Figure 110 Select Image Source Window

Figure 111 Insert Image Select Resource Gallery Window

Click on the link NCDOCWeb07 link (Figure 111) to see the images within the folder. The Select Source Select Image window opens (Figure 112).

Figure 112 Select Source Select Image Window

Figure 113 Preview / Select Image Icons

Preview the image by clicking on the Preview Image icon (Figure 113). The Image Preview window appears (Figure 114).

Figure 114 Image Preview Window

Close the preview window by clicking on the “X” at the top right of the window.

Select the image by clicking on the Select Image icon (Figure 113). The Insert Image Insert Image window appears (Figure 115).

Figure 115 Insert Image Window

Add text to the Alternate Text textbox (Figure 116) to allow the text entered in the textbox to appear when the mouse pointer moves over the image when it is in preview or production.

Figure 116 Alternate Text for Image

Click Insert when finished. The image appears in the placeholder (Figure 117).

Figure 117 Image Inserted in the Placeholder

Deleting an Image [top]

To delete the image, click on the icon resembling an “X” located above the image (Figure 118). To change the Alternative Text of the image, click on the icon resembling a pen. To replace the image, click on the icon.

Figure 118 Image Placeholder Icons

Entering an Image Caption [top]

If a caption is desired (a caption is not required), follow the below instructions:

Click in the image caption placeholder textbox to have the cursor blink in the textbox (Figure 119).

Figure 119 Image Caption Placeholder

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the caption text for the image. All the text for this section is formatted by built-in styles (Figure 120).

Figure 120 Formatted New Text

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 121).

Figure 121 Image with Caption Preview

Entering the Header Text [top]

Click in the header text placeholder textbox one time to have the cursor blink in the textbox (Figure 122).

Figure 122 Header Text Placeholder

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the text for the header. All the text for this section is formatted by built-in styles (Figure 123).

Figure 123 Formatted Header Text

Figure 124 Header Text Preview

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 124).

Entering the Sub-Header Text

Figure 125 Sub-Header Text Placeholder

Click in the sub-header text placeholder textbox one time to have the cursor blink in the textbox (Figure 125).

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the text for the sub-heading. All the text for this section is formatted by built-in styles (Figure 126).

Figure 126 Formatted Sub-Header Text

Figure 127 Sub-Header Text Preview

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 127).

Entering the Body of the Page [top]

Click in the body placeholder textbox one time to have the cursor blink in the textbox (Figure 128).

Figure 128 Body Section of the Template

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the text for the main body (Figure 129).

Figure 129 Unformatted Main Body Text

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 130).

Figure 130 Main Body Unformatted

Formatting the Body of the Page [top]

Using the formatting toolbar found within CMS, you have the options bold, italic, and underline available.

Select the text to be formatted (Figure 131).

Figure 131 Selecting Text to be Formatted

Click on the icon(s) to format the text using the formatting toolbar (Figure 132).

Figure 132 Toolbar

Deselect the text to see the changes (Figure 133).

Figure 133 Formatted Text

Save the page.

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 134).

Figure 134 Formatted Main Body Text Preview

Linking to another Page [top]

Highlight the text that you would like to appear as a hyperlink.

Click the Add Hyperlink icon from the Web Authoring Toolbar (Figure 135). The Edit Hyperlink dialog box appears (Figure 136).

Figure 135 Web Authoring Toolbar

You have two (2) different types of hyperlinks:

· A link to an external web page on another web server

· A link to an internal page on the NCDOC-CMS server

Figure 136 Edit Hyperlink Window

Linking to an External Page

1. Select the text that will be used for the link (Figure 137).

Figure 137 Selecting the Text to be the Hyperlink

2. Click on the Hyperlink icon found on the CMS toolbar (Figure 138).

Figure 138 Toolbar

The Edit Hyperlink window appears (Figure 139).

Figure 139 Edit Hyperlink Window

Type the external web page’s address in the Hyperlink Address textbox (Figure 140). (The address should always begin with http://).

In the Tooltip textbox (Figure 140), type a title for the link which will be displayed in NCDOC-CMS when a user’s pointer moves over the link.

Figure 140 Edit Hyperlink Window and Tooltip Textbox

Make sure that “New Unnamed Window” is selected in the Open Link In dropdown box (Figure 141).

Figure 141 Open Link In Drop Down Menu

Click OK to add your hyperlink. The text you selected to be the link to the external web page is now blue in color and underlined (Figure 142).

Figure 142 Hyperlink Text Displayed

Linking to an Internal Page [top]

1. Select the text that will be used for the link (Figure 143).

Figure 143 Selecting the Text to be The Link

2. Click on the Hyperlink icon found on the CMS toolbar (Figure 144).

Figure 144 Toolbar

The Edit Hyperlink window appears (Figure 145).

Figure 145 Edit Hyperlink Window

3. Click on the Browse button. The Insert Hyperlink Select Internal Link window appears (Figure 146).

Figure 146 Select Internal Link Window

4. Click on the plus (“+”) sign to expand the folder NCDOCWeb07. All the folders within the NCDOCWeb07 folder appear (Figure 147).

Figure 147 Expanded Folders

5. Continue clicking on the plus sign next to the folder (channel) until you find the folder (channel) that contains the page you want to link to (Figure 148).

Figure 148 Homepage to Link To

6. Click on the name of the page not the icon for the page. The name of the page appears in the Selected Item textbox (Figure 149).

Figure 149 Selected Link Textbox

7. Click OK. The name of the page is transferred to the Hyperlink Address textbox (Figure 150).

Figure 150 Hyperlink Address with Value of the Link

8. Enter a phrase in the Tooltip textbox (Figure 151) to display when the mouse pointer hovers over the text that you had earlier selected to be the linked text.

Figure 151 Tooltip Textbox

9. Click OK. The window re-opens with the linked text underlined (Figure 152)

Figure 152 Hypertext Link Displayed in Body Text

10. Preview the page.

11. Point your mouse over the NCDOC link. The tooltip appears (Figure 153).

Figure 153 Tooltip over the Hyperlink

The Press Release Template [top]

The purpose of this template is to contain the content for an individual press release. The content will not display by itself, but rather will be found as a link on the Press Release List template discussed in the next section.

Figure 169 Press Release Template

The Completed Press Release Template [top]

After completing this section the Press Release Template will appear as shown below (Figure 170) in preview.

Figure 170 The Completed Press Release Template

Selecting the Template [top]

Click Switch to Edit Site from the Web Authoring Console.
Click Press Room > Press Releases (Figure 171) to navigate to channel where we want to put our new page.

Figure 171 Web Authoring Console.

Select the option Create New Page (Figure 171). The Select Template Gallery window opens (Figure 172).

Figure 172 Select Template Gallery

From the Select Template Gallery window, click on WebSite link (Figure 173) to see the listing of templates within the folder.

Figure 173 WebSite Folder

The Select Template Gallery Select Template window appears with the first five templates displayed (Figure 174).

Figure 174 WebSite Folder Expanded

Figure 175 Change the Templates Displayed

The Template column shows you the first five templates to choose from. To see all of the templates at one time, click the drop down menu in the upper right hand corner of the window (Figure 175) and select All.

To preview what the template layout looks like, click on the icon to the left of the name of the template (Figure 176).

Figure 176 Icon to Preview the Press Release Template

A preview of the template appears (not displayed in the documentation).

Close the window that displays the preview of the template and then select the icon for Press Release template in the column labeled Select (Figure 177).

Figure 177 Selecting the Template

The template appears (Figure 178) with placeholders for you to add your content.

Figure 178 Press Release Template Placeholders

Entering the Meta Data [top]

The Meta Data should be completed accurately for the NCDOC-CMS search engine and other NCDOC-CMS users to find your page.

Place your cursor in the Description/Summary field and type in a descriptive summary for the content (Figure 179).

Figure 179 Meta Data Description/Summary

Place your cursor in the Keywords field (Figure 180) and enter three keywords that can be used for search for this page. You should enter all three words.

Figure 180 Meta Data Keywords

Entering the Header [top]

Figure 181 Header Section of the Press Release Template

Using the drop down arrow, select which individual is releasing the press release.

Optionally, use the drop down arrow to select the second individual releasing the press release.

If necessary, click the checkbox to display the second individual’s name and office on the press release.

Identify which department is issuing the press release.

Entering the Sub-header [top]

Figure 182 Sub-Header Section of the Press Release Template

Using the drop down menu, select the Release status of the press release.

Select the Contact person from the drop down list. The appropriate phone number for the selected contact person will automatically update.

Enter the Date of the press release.

Entering the Body

Click in the body placeholder textbox one time to have the cursor blink in the textbox.

Enter the text for the body of the press release (Figure 183).

Figure 183 Creating the Press Release Body

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 184).

Figure 184 Press Release Template Preview

Formatting the Body [top]

Using the formatting toolbar found within CMS, you have the options bold, italic, and underline available.

Select the text to be formatted (Figure 185).

Figure 185 Selecting Text to be Formatted

Click on the icon(s) to format the text using the formatting toolbar (Figure 186).

Figure 186 Toolbar

Deselect the text to see the changes (Figure 187).

Figure 187 Formatted Text

Save the page.

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output.

Linking to another Page

Highlight the text that you would like to appear as a hyperlink.

Click the Add Hyperlink icon from the Web Authoring Toolbar (Figure 188).

Figure 188 Web Authoring Toolbar

The Edit Hyperlink dialog box appears (Figure 189).

Figure 189 Edit Hyperlink Window

You have two (2) different types of hyperlinks:

· A link to an external web page on another web server

· A link to an internal page on the NCDOC-CMS server

Linking to an External Page [top]

1. Select the text that will be used for the link (Figure 190).

Figure 190 Selecting the Text to be the Hyperlink

2. Click on the Hyperlink icon found on the CMS toolbar (Figure 191).

Figure 191 Toolbar

The Edit Hyperlink window appears (Figure 192).

Figure 192 Edit Hyperlink Window

Type the external web page’s address in the Hyperlink Address textbox (Figure 193). (The address should always begin with http://).

In the Tooltip textbox (Figure 193), type a title for the link which will be displayed in NCDOC-CMS when a user’s pointer moves over the link.

Figure 193 Edit Hyperlink Window and Tooltip Textbox

Make sure that “New Unnamed Window” is selected in the Open Link In dropdown box (Figure 194).

Figure 194 Open Link In Drop Down Menu

Click OK to add your hyperlink. The text you selected to be the link to the external web page is now blue in color and underlined (Figure 195).

Figure 195 Hyperlink Text Displayed

Linking to an Internal Page [top]

1. Select the text that will be used for the link (Figure 196).

Figure 196 Selecting the Text to be The Link

2. Click on the Hyperlink icon found on the CMS toolbar (Figure 197).

Figure 197 Toolbar

The Edit Hyperlink window appears (Figure 198).

Figure 198 Edit Hyperlink Window

3. Click on the Browse button. The Insert Hyperlink Select Internal Link window appears (Figure 199).

Figure 199 Select Internal Link Window

4. Click on the plus (“+”) sign to expand the folder NCDOCWeb07. All the folders within the NCDOCWeb07 folder appear (Figure 200).

Figure 200 Expanded Folders

5. Continue clicking on the plus sign next to the folder (channel) until you find the folder (channel) that contains the page you want to link to (Figure 201).

Figure 201 Homepage to Link To

6. Click on the name of the page not the icon for the page. The name of the page appears in the Selected Item textbox (Figure 202).

Figure 202 Selected Link Textbox

7. Click OK. The name of the page is transferred to the Hyperlink Address textbox (Figure 203).

Figure 203 Hyperlink Address with Value of the Link

8. Enter a phrase in the Tooltip textbox (Figure 204) to display when the mouse pointer hovers over the text that you had earlier selected to be the linked text.

Figure 204 Tooltip Textbox

9. Click OK. The window re-opens with the linked text underlined (Figure 205)

Figure 205 Hypertext Link Displayed in Body Text

10. Preview the page.

11. Point your mouse over the NCDOC link. The tooltip appears (Figure 206).

Figure 206 Tooltip over the Hyperlink

Attaching a File [top]

In your NCDOC-CMS page place your cursor where you would like to add an attachment.

Click the Insert Attachment icon in the Web Author Toolbar. The Insert Attachment Select Source window is displayed (Figure 207).

Figure 207 Insert Attachment Select Source Window

The Insert Attachment Select Source window offers you two (2) choices:

Insert Shared Attachment > to choose a document from a Resource Gallery

Insert Local Attachment > to choose a graphic located on your computer

Inserting a Local Attachment [top]

From the Select Source window (Figure 209) select Insert Local Attachment.

Figure 208 Insert Attachment Select Source Window

The Select Source Insert Attachment window appears (Figure 62).

Figure 209 Select Source Insert Attachment (local attachment)

Figure 210 Choose File for Local Attachment Window

Click the Browse button to navigate to the attachment you would like to use from your computer. The Choose File for Local Attachment Window opens (Figure 210).

Select the le for the attachment, and then click Open. The Insert Attachment window re-appears (Figure 211).

Figure 211 Insert Attachment Window (Local)

In the Display Text textbox, enter a description to be associated with the attachment.

Click Insert to add the attachment to your NCDOC-CMS page. The page now displays with the attachment added to the placeholder.

Inserting a Shared Attachment [top]

From the Select Source window (Figure 212) select Insert Shared Attachment.

Figure 212 Insert Attachment Select Source Window

The Insert Attachment Select Resource Gallery window appears (Figure 213).

Figure 213 Insert Attachment Select Resource Gallery Window

Figure 214 The Expanded NCDOCWeb07 Folder

Click the plus (“+”) sign (Figure 214) to open the NCDOCWeb07 folder.

Click the link of the folder Documents. The Insert Attachment Select Attachment window opens (Figure 215).

NOTE: When using a shared attachment, the icon for the attachment will not always accurately represent the attachment until the content is displayed on the web site. A generic icon is used as an icon placeholder until that time.

Figure 215 Insert Attachment Select Attachment Window

Select the document by clicking the icon under the Select column. The document’s name appears within the Insert Attachment window (Figure 216).

Figure 216 Insert Attachment Window with Document Name

If necessary, change the text contained within the Display Text textbox.

Click Insert. The attachment icon appears within the body section of the template (Figure 217).

Figure 217 Attachment Icon with the Name of the Attachment

RSS Feeds [top]

RSS (which stands for ‘Really Simple Syndication’) is a newer web technology that allows people to ‘subscribe’ to receive updates from your website. When you publish a new web page or update an existing one, you may select the page to also appear as an “item” in various Commerce RSS feeds. People using RSS readers or news aggregator software then receive an ‘alert’ anytime the page content changes. RSS also allows people to easily add links to your content within their own web pages.

Figure 218 RSS Section of the Template

By default, the checkbox labeled Make RSS Feed (Figure 218) is selected to automatically indicate the page you are creating will be included in a specified RSS feed, making it available to other pages within the NC-DOC website.

Click each checkbox within the RSS section of the template to have the content from the page available to the channel’s checkbox you are selecting.
To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview.

Saving the Content [top]

Click on Save a New Page located on the Web Authoring Console. The Create New Page Save New Page window appears (Figure 219).

Figure 219 Create New Page Save New Page

In the Name textbox, enter a name for your new NCDOC-CMS content page. The name entered here becomes the page’s filename. Spaces are NOT allowed nor are any special characters. Use only alphanumeric characters (a-z, 0-9).

Note: If you save the page with the name of index, it will be the homepage for the channel. This will result in having the page appear automatically after the channel name is clicked and the Display Name will not appear in the navigation bar. You can only have one page named index per channel.

Figure 220 Paged Saved

In the Display Name textbox, enter a name for your new NCDOC-CMS content that will be used in the navigation.
Click OK to save the file. The Edit Site mode window re-appears (Figure 220) indicating that the content has been saved.

Submitting the Content [top]

Saving content does NOT put it into production for public viewing, but allows it to be viewed on the authoring server. The authoring server content is only available to employees of NC-DOC. Therefore, after the content has been saved the next step is to submit it for approval.

Click on the option Submit from the Web Authoring Console (Figure 222).

Figure 222 Submit the Page for Approval

The Web Authoring Console Page Status changes to Waiting for Editor Approval (Figure 223).

Figure 223 Content Submitted: Waiting for Editor Approval

It is now the Editor’s role to approve your pages content. After they approve the content, the page will then be moved into production for everyone to view the page.

The Press Release List Template [top]

This template is used to display the press releases created using the Press Release Template. Each press release created will be a link from the Press Release List template to the actual press release.

Figure 224 Press Release List Template

The Press Release List Template Completed [top]

After completing this section the Press Release List Template will appear similar to the example shown below (Figure 225).

Figure 225 Press Release List Template Completed

Selecting the Template [top]

Click Switch to Edit Site from the Web Authoring Console.
Click Press Room > Press Releases (Figure 226) to navigate to where we want to put the new page.

Figure 226 Web Authoring Console

Select the option Create New Page (Figure 226). The Create New Page Select Template Gallery window opens (Figure 227).

Figure 227 Select Template Gallery

From the Select Template Gallery window, click on WebSite link (Figure 228) to see the listing of templates within the folder.

Figure 228 WebSite Folder

The Create New Page Select Template window appears with the first five templates displayed (Figure 229).

Figure 229 WebSite Folder Expanded

Figure 230 Change the Templates Displayed

The Template column shows you the first five templates to choose from. To see all of the templates at one time, click the drop down menu in the upper right hand corner of the window (Figure 230) and select All.

To preview what the template layout looks like, click on the icon to the left of the name of the template (Figure 231).

Figure 231 Icon to Preview the Press Release Template

A preview of the template appears (not displayed in the documentation).

Close the window that displays the preview of the template and then select the icon for the Press Release List template in the column labeled Select (Figure 232).

Figure 232 Selecting the Template

The template (Figure 233) appears with placeholders for you to add your content.

Figure 233 Press Release List Template Placeholders

Entering the Meta Data [top]

The Meta Data should be completed accurately for the NCDOC-CMS search engine and other NCDOC-CMS users to find your page.

Place your cursor in the Description/Summary field and type in a descriptive summary for the content (Figure 234).

Figure 234 Meta Data Description/Summary

Place your cursor in the Keywords field (Figure 235) and enter three keywords that can be used for search for this page. You should enter all three words.

Figure 235 Meta Data Keywords

Figure 236 Image Icon on Placeholder Bar

Entering an Image [top]

If the placeholder bar shows an image icon (Figure 236), click on the Insert Image icon on the Web Authoring Toolbar.

If the placeholder has a large icon representing an image (Figure 237) click on the image icon contained within the placeholder bar.

Figure 237 Image Placeholder

The Insert Image Select Source window is displayed (Figure 238).

Figure 238 Insert Image Select Source Window

The Insert Image Select Source window offers you two (2) choices:

Insert Shared Image > to choose a graphic from a Resource Gallery

Insert Local Image > to choose a graphic located on your computer

Inserting a Local Image [top]

Select Insert Local Image from the Insert Image Select Source window (Figure 239).

Figure 239 Insert Image Select Source Window

The Insert Image window appears (Figure 240).

Figure 240 Insert Image Window (Local)

Click the Browse button. The Choose File Window opens (Figure 241).

Figure 241 Local Image Browse Dialog Window

Select the le type of the image from the Files of Type dropdown box to help narrow the search for graphic image.

Select the image from the list and then click Open. The Insert Image window re-appears (Figure 242).

Figure 242 Insert Image Window (Local)

If the Hyperlink textbox is available, indicated by the placeholder indicators, you can make the image a hypertext link by typing in the URL of a web site.

Enter a few descriptive words about the image in the Alternate Text. This text will be displayed on the content page when the pointer moves over the image. If a user has their graphics disabled on their computer, they will see your alternate text instead.

Click Insert to add the image to your NCDOC-CMS page.

Inserting a Shared Image [top]

Select Insert Shared Image from the Insert Image Select Source window (Figure 243).

Figure 243 Insert Image Select Source Window

The Insert Image Select Resource Gallery window opens (Figure 244).

Figure 244 Insert Image Select Resource Gallery Window

Click on the NCDOCWeb07 link (Figure 244) to see the images within the folder. The Select Resource Gallery>Select Image window opens (Figure 245).

Figure 245 Select Source Select Image Window

Figure 246 Preview / Select Image Icons

Preview the image by clicking on the Preview Image icon (Figure 246).

The Image Preview window appears (Figure 57).

Figure 247 Image Preview Window

Close the preview window by clicking on the “X” at the top right of the window.

Select the image by clicking on the Select Image icon (Figure 246). The Select Source>Select Resource Gallery>Select Image>Insert Image window appears (Figure 248).

Figure 248 Insert Image Window

Add text to the Alternate Text textbox (Figure 249) to allow the text entered in the textbox to appear when the mouse pointer moves over the image when it is in preview or production.

Figure 249 Alternate Text for Image

Click Insert when finished. The image appears in the placeholder (Figure 250).

Figure 250 Image Inserted in the Placeholder

Deleting an Image [top]

To delete the image, click on the icon resembling an “X” located above the image (Figure 251). To change the Alternative Text of the image, click on the icon resembling a pen. To replace the image, click on the image icon.

Figure 251 Image Placeholder Icons

Entering the Image Caption [top]

If a caption is desired (a caption is not required), follow the below instructions:

Click in the image caption placeholder textbox one time to have the cursor blink in the textbox (Figure 252).

Figure 252 Image Caption Placeholder

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the caption text for the image. All the text for this section is pre‑formatted with built-in styles (Figure 253).

Figure 253 The Formatted New Text

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 254).

Figure 254 Image with Caption Preview

Entering a Press Release Hyperlink [top]

Click in the press release placeholder textbox to have the cursor blink in the textbox.

Figure 255 Body Section of the Template

Select the text within the textbox by dragging the mouse pointer across the text and then delete the text.
Enter the text that will be used to link to the press release previously created (Figure 256).

Figure 256 Text Entered for the Press Release Link

Select the text to be used for the link (Figure 257).

Figure 257 Selecting the Text to Link to the Press Release

Click on the Hyperlink icon found on the CMS toolbar (Figure 258).

Figure 258 Toolbar

The Edit Hyperlink window appears (Figure 259).

Figure 259 Edit Hyperlink Window

Click on the Browse button. The Select Internal Link window appears (Figure 260).

Figure 260 Select Internal Link Window

Click on the plus (“+”) sign to expand the folder NCDOCWeb07.

All the folders within the NCDOCWeb07 folder appear (Figure 261).

Figure 261 Expanded Folders

Continue clicking on the plus sign next to the folder (channel) until you find the folder (channel) that contains the page you want to link to (Figure 262).

Figure 262 Press Release to Link To

Click on the name of the page not the icon for the page. The name of the page appears in the Selected Link textbox (Figure 263).

Figure 263 Selected Link Textbox

Click OK. The name of the page is transferred to the Hyperlink Address textbox (Figure 264).

Figure 264 Hyperlink Address with Value of the Link

Enter a phrase in the Tooltip textbox (Figure 265) to display when the mouse pointer hovers over the text to be the linked text.

Figure 265 Tooltip Textbox

Click OK. The window reopens with the linked text underlined (Figure 266)

Figure 266 Hypertext Link Displayed in Body Text

Preview the page (Figure 267).

Figure 267 Preview of the Press Release List and Press Release Template

RSS Feeds [top]

Figure 268 RSS Section of the Template

By default, the checkbox labeled Make RSS Feed (Figure 268) is selected to automatically indicate the page you are creating will be included in a specified RSS feed, making it available to other pages within the NC-DOC website.

Click each checkbox within the RSS section of the template to have the content from the page available to the channel’s checkbox you are selecting.
To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview.

Saving the Content [top]

Click on Save a New Page located on the Web Authoring Console. The Create New Page Save New Page window appears (Figure 269).

Figure 269 Create New Page Save New Page

In the Name textbox, enter a name for your new NCDOC-CMS content page. The name entered here becomes the page’s filename. Spaces are NOT allowed nor are any special characters. Use only alphanumeric characters (a-z, 0-9).

Figure 270 Paged Saved

In the Display Name textbox, enter a name for your new NCDOC-CMS content that will be used in the navigation.
Click OK to save the file. The Edit Site mode window re-appears (Figure 270) indicating that the content has been saved.

Submitting the Content [top]

Click on the option Submit from the Web Authoring Console (Figure 271).

Figure 271 Submit the Page for Approval

The Web Authoring Console Page Status changes to Waiting for Editor Approval (Figure 272).

Figure 272 Content Submitted: Waiting for Editor Approval

It is now the Editor’s role to approve your page’s content. After they approve the content, the page will then be marked to be moved into production for everyone to view the page.

The Event Item Template [top]

The Event Item template is used to create a page that displays full details for a particular event that will appear in the Calendar template. It is recommended that the event items that you create should be designated for the appropriate event topic with the option to have them appear under other event topics as well. In addition to the event topics, you can also have your events appear based on an event type (Boards & Commissions Meetings, Job Link Events, and Trade Shows, etc.).

Figure 273 The Event Item Template

The Event Item Template Completed [top]

After completing this section the Event Item Template will appear as shown below (Figure 274).

Figure 274 Event Item Template Completed

Selecting the Template [top]

Click Switch to Edit Site from the Web Authoring Console.
Click Business Services (Figure 275) to navigate to channel where we want to put our new page.

Figure 275 Web Authoring Console

Select the option Create New Page (Figure 275). The Select Template Gallery window opens (Figure 276).

Figure 276 Select Template Gallery

From the Select Template Gallery window, click on WebSite link (Figure 277) to see the listing of templates within the folder.

Figure 277 WebSite Folder

The Select Template Gallery Select Template window appears with the first five templates displayed (Figure 278).

Figure 278 WebSite Folder Expanded

Figure 279 Change the Templates Displayed

The Template column shows you the first five templates to choose from. To see all of the templates at one time, click the drop down menu in the upper right hand corner of the window (Figure 279) and select All.
To preview what the template layout looks like, click on the icon to the left of the name of the template (Figure 280).

Figure 280 Icon to Preview the Event Item Template

A preview of the template appears (not displayed in the documentation).

Close the window that displays the preview of the template and then select the icon for the Event Item template in the column labeled Select (Figure 281).

Figure 281 Selecting the Template

The template appears (Figure 282) with placeholders for you to add your content.

Figure 282 Event Item Template Placeholders

Entering the Meta Data [top]

The Meta Data should be completed accurately for the NCDOC-CMS search engine and other NCDOC-CMS users to find your page.

Place your cursor in the Description/Summary field and type in a descriptive summary for the content (Figure 283).

Figure 283 Meta Data Description/Summary

Place your cursor in the Keywords field (Figure 284) and enter three keywords that can be used for search for this page. You should enter all three words.

Figure 284 Meta Data Keywords

Entering the Confirm Text [top]

As we all know, it’s not uncommon for the times and details of an event to change as the actual event time approaches.

The Confirm placeholder (Figure 285) is designed to provide event authors a place to remind readers to make sure they confirm the event is still on before arriving.

Figure 285 Confirm Placeholder

Click in the placeholder textbox to have the cursor blink in the textbox.

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the text for the placeholder. All the text for this section is pre-formatted by built-in styles (Figure 286).

Figure 286 Pre-formatted Confirm Text

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 287).

Figure 287 Confirm Text Preview

Entering the Cancel / Rescheduled Text [top]

This placeholder (Figure 288) provides event authors a place to publish cancellation or rescheduling notices used to alert readers of the page if the event has been cancelled or rescheduled for a later time.

Figure 288 Cancel / Rescheduled Text Placeholder

Click in the placeholder textbox to have the cursor blink in the textbox.

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the text for the placeholder. All the text for this section is pre-formatted in red by built-in styles (Figure 289).

Figure 289 Formatted Cancel Rescheduled Text

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 290).

Figure 290 Cancelled Rescheduled Preview

Categorizing the Event [top]

When you create an event, you need to select which topic(s) and type(s) the event will appear under. This will allow the visitor of the site to display only those events they are interested in attending when they view the master calendar for the web site.

Figure 291 Topic and Type Checkboxes for the Event

Click each checkbox to allow to the event to be filtered by the Calendar application.

Note: You will not be able to preview the result of the checkboxes until the calendar application web page is visible on the web site. You must select at least one topic.

Note: You will not be able to preview the result of this action until the calendar application web page is saved.

Map for the Event [top]

If desired, event authors may provide calendar visitors a map of their event venue

Click the Generate link to map checkbox to allow a link to a Google map appear on the Calendar application.

Figure 292 Generate a Map Link

Entering the Event Title [top]

Click in the placeholder textbox to have the cursor blink in the textbox.

Figure 293 Event Title Placeholder

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the text for the placeholder. All the text for this section is pre-formatted by built-in styles (Figure 294).

Figure 294 Pre-formatted Event Title

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 295).

Figure 295 Event Title Preview

Dates and Times of the Event [top]

In this section of the template, you put the date(s) and time(s) of the event.

Click the Select Date & Time button for Day 1 (Figure 296).

Figure 296 Dates and Times for the Event

The Pick Event Date window appears (Figure 297).

Figure 297 Pick Event Date Window

To change the month of the event, click on the left (prior month) or right (next month) (Figure 297) indicator arrows.

Click the drop drown arrows to pick the start and end time of the event.

Click OK. The values selected from the Pick Date window are transferred into the Day 1 textbox (Figure 298).

Figure 298 Transferred Date and Time

Repeat steps 1 – 4 for each new event for Day 2 – Day 5, if appropriate.

Entering the Event Summary [top]

Note: The summary information must not exceed 600 characters. It will be truncated to the 600 character limit.

Click in the placeholder textbox to have the cursor blink in the textbox.

Figure 299 Header Text Placeholder

Select the text within the textbox by dragging the mouse pointer across the text (Figure 300). All the text for this section can be formatted

Figure 300 Selected Text

Enter the text for the summary (Figure 301).

Figure 301 Event Summary Text

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 302).

Figure 302 Summary Preview

Formatting the Event Summary [top]

Using the formatting toolbar found within CMS, you have the options bold, italic, and underline available.

Select the text to be formatted (Figure 303).

Figure 303 Selecting Text to be Formatted

Click on the icon(s) to format the text using the formatting toolbar (Figure 304).

Figure 304 Toolbar

Deselect the text to see the changes (Figure 305).

Figure 305 Formatted Text

Save the page.

Entering the Event Location

This section of the template is used to identify the Building, Street Address (option for two lines), City, State, and Zip Code of an event. All values entered into the placeholders are pre-formatted except the Location placeholder (Figure 306).

Figure 306 Location Placeholders

Click in the Location placeholder textbox to have the cursor blink in the textbox.

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the text for the placeholder. All the text for this section is available for formatting.

Repeat steps 1 – 3 for the Address (1), Address (2) if necessary, City, State, and Zip Code. All the text for these sections is pre-formatted.

Note: The address information you enter here will be utilized for the map if you choose to provide one. Please be accurate with the address information!

Formatting the Event Location [top]

Using the formatting toolbar found within CMS, you have the options bold, italic, and underline available.

Select the text to be formatted (Figure 307).

Figure 307 Selecting Text to be Formatted

Click on the icon(s) to format the text using the formatting toolbar (Figure 308).

Figure 308 Toolbar

Deselect the text to see the changes (Figure 309).

Figure 309 Formatted Text

Save the page.

Directions to the Event

Click in the Directions placeholder textbox to have the cursor blink in the textbox.

Enter the text for the directions. This placeholder also allows supports hyperlinks, and attachments. (Figure 310).

Figure 310 Event Directions Text

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 311).

Figure 311 Preview of the Event Directions

Event Contact

Figure 312 Event Contact Placeholder

Click in the Contact placeholder textbox to have the cursor blink in the textbox.

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the text for the placeholder. All the text for this section is preformatted (Figure 313). This placeholder also allows hyperlinks, images, and attachments.

Figure 313 The Modified Contact Placeholder

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 314).

Figure 314 Event Contact Preview

Entering the Agenda Info [top]

If desired, event authors can enter information regarding the event agenda.

Click in the Agenda Info: placeholder textbox to have the cursor blink in the textbox.

Figure 315 Agenda Info Placeholder

Select the text within the textbox by dragging the mouse pointer across the text (Figure 316).

Figure 316 Selected Placeholder Text

Enter the text for the placeholder. All the text for this section is pre-formatted (Figure 317). This placeholder also allows hyperlinks, images, and attachments.

Figure 317 Agenda Info Completed

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 318).

Figure 318 Agenda Info Preview

Entering Additional Event Information

If desired, event authors also have the opportunity to display additional event information.

Click in the placeholder textbox one time to have the cursor blink in the textbox.

Select the text within the textbox by dragging the mouse pointer across the text.

Enter the text for the placeholder. This placeholder also allows formatted text, hyperlinks, images, and attachments. (Figure 319).

Figure 319 Formatted Additional Information

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 320).

Figure 320 Additional Information Preview

Entering an Image [top]

Click inside a placeholder that has an image indicator icon.

Figure 321 Placeholder with Image Icon

Select the Insert Image icon from the Web Authoring Toolbar.

The Insert Image Select Source window is displayed (Figure 322).

Figure 322 Insert Image Select Source Window

The Insert Image Select Source window offers you two (2) choices:

Insert Shared Image > to choose a graphic from a Resource Gallery

Insert Local Image > to choose a graphic located on your computer

Inserting a Local Image [top]

Select Insert Local Image (Figure 323).

Figure 323 Select Image Source Window

The Insert Image window appears (Figure 324).

Figure 324 Insert Image Window (Local)

Figure 325 Local Image Browse Dialog Window

Click the Browse button to navigate to the image you would like to use from your computer. The Choose File Window opens (Figure 325).

Select the le type of the image from the Files of Type dropdown box to help narrow the search for graphic image.

Select the image from the list and then click Open. The Insert Image window re-appears (Figure 326).

Figure 326 Insert Image Window (Local)

If the Hyperlink textbox is available, indicated by the placeholder indicators, you can make the image a hypertext link by typing in the URL of a web site.

Enter a few descriptive words about the image in the Alternate Text. This text will be displayed on the content page when the pointer moves over the image. If a user has their graphics disabled on their computer, they will see your alternate text instead.

Click Insert to add the image to your NCDOC-CMS page.

Inserting a Shared Image [top]

Click on the Insert Shared Image link (Figure 327).

Figure 327 Select Image Source Window

The Insert Image Select Resource Gallery window opens (Figure 328).

Figure 328 Insert Image Select Resource Gallery Window

Click on the link NCDOCWeb07 link (Figure 328) to see the images within the folder.

The Select Source Select Image window opens (Figure 329).

Figure 329 Select Source Select Image Window

Figure 330 Preview / Select Image Icons

Preview the image by clicking on the Preview Image icon (Figure 330). The Image Preview window appears (Figure 331).

Figure 331 Image Preview Window

Close the preview window by clicking on the “X” at the top right of the window.

Select the image by clicking on the Select Image icon (Figure 330).

The Insert Image Insert Image window appears (Figure 332).

Figure 332 Insert Image Window

Add text to the Alternate Text textbox (Figure 333) to allow the text entered in the textbox to appear when the mouse pointer moves over the image when it is in preview or production.

Figure 333 Alternate Text for Image

Click Insert when finished. The image appears in the placeholder (Figure 334).

Figure 334 Image Inserted in the Placeholder

Deleting an Image [top]

To delete the image, click on the icon resembling an “X” located above the image (Figure 335). To change the Alternative Text of the image, click on the icon resembling a pen. To replace the image, click on the icon.

Figure 335 Image Placeholder Icons

Linking to another Page [top]

Should you want the reader of your page to link to another page within the NCDOC web site, CMS offers you an easy way to accomplish that objective.

Highlight the text that you would like to appear as a hyperlink.

Click the Add Hyperlink icon from the Web Authoring Toolbar (Figure 336).

Figure 336 Web Authoring Toolbar

The Edit Hyperlink dialog box appears (Figure 337).

Figure 337 Edit Hyperlink Window

You have two (2) different types of hyperlinks:

· A link to an external web page on another web server

· A link to an internal page on the NCDOC-CMS server

Linking to an External Page [top]

1. Select the text that will be used for the link (Figure 338).

Figure 338 Selecting the Text to be the Hyperlink

2. Click on the Hyperlink icon found on the CMS toolbar (Figure 339).

Figure 339 Toolbar

The Edit Hyperlink window appears (Figure 340).

Figure 340 Edit Hyperlink Window

Type the external web page’s address in the Hyperlink Address textbox (Figure 341). (The address should always begin with http://).

In the Tooltip textbox (Figure 341), type a title for the link which will be displayed in NCDOC-CMS when a user’s pointer moves over the link.

Figure 341 Tooltip Textbox

Make sure that “New Unnamed Window” is selected in the Open Link In dropdown box (Figure 342).

Figure 342 Open Link In Drop Down Menu

Click OK to add your hyperlink. The text you selected to be the link to the external web page is now blue in color and underlined (Figure 343).

Figure 343 Hyperlink Text within Placeholder

Linking to an Internal Page [top]

Select the text that will be used for the link (Figure 344).

Figure 344 Selecting the Text to be The Link

Click on the Hyperlink icon found on the CMS toolbar (Figure 345).

Figure 345 Toolbar

The Edit Hyperlink window appears (Figure 346).

Figure 346 Edit Hyperlink Window

Click on the Browse button. The Insert Hyperlink Select Internal Link window appears (Figure 347).

Figure 347 Select Internal Link Window

Click on the plus (“+”) sign to expand the folder NCDOCWeb07. All the folders within the NCDOCWeb07 folder appear (Figure 348).

Figure 348 Expanded Folders

Continue clicking on the plus sign next to the folder (channel) until you find the folder (channel) that contains the page you want to link to (Figure 349).

Figure 349 Homepage to Link To

Click on the name of the page not the icon for the page. The name of the page appears in the Selected Item textbox (Figure 350).

Figure 350 Selected Link Textbox

Click OK. The name of the page is transferred to the Hyperlink Address textbox (Figure 351).

Figure 351 Hyperlink Address with Value of the Link

Enter a phrase in the Tooltip textbox (Figure 352) to display when the mouse pointer hovers over the text that you had earlier selected to be the linked text.

Figure 352 Tooltip Textbox

Click OK. The window re-opens with the linked text underlined (Figure 353)

Figure 353 Hypertext Link Displayed in Body Text

Preview the page.

Point your mouse over the NCDOC link. The tooltip appears (Figure 354).

Figure 354 Tooltip over the Hyperlink

Attaching a File [top]

In your NCDOC-CMS page place your cursor where you would like to add an attachment.

Click the Insert Attachment icon in the Web Author Toolbar. The Insert Attachment Select Source window is displayed (Figure 355).

Figure 355 Insert Attachment Select Source Window

The Insert Attachment Select Source window offers you two (2) choices:

Insert Shared Attachment > to choose a document from a Resource Gallery

Insert Local Attachment > to choose a graphic located on your computer

Inserting a Local Attachment [top]

From the Select Source window (Figure 356) select Insert Local Attachment.

Figure 356 Insert Attachment Select Source Window

The Select Source Insert Attachment window appears (Figure 357).

Figure 357 Select Source Insert Attachment (local attachment)

Click the Browse button to navigate to the attachment you would like to use from your computer. The Choose File for Local Attachment Window opens (Figure 358).

Figure 358 Choose File for Local Attachment Window

Select the le for the attachment, and then click Open. The Insert Attachment window re-appears (Figure 359).

Figure 359 Insert Attachment Window (Local)

In the Display Text textbox, enter a description to be associated with the attachment.

Click Insert to add the attachment to your NCDOC-CMS page. The page now displays with the attachment added to the placeholder.

Inserting a Shared Attachment [top]

From the Select Source window (Figure 360) select Insert Shared Attachment.

Figure 360 Insert Attachment Select Source Window

The Insert Attachment Select Resource Gallery window appears (Figure 361).

Figure 361 Insert Attachment Select Resource Gallery Window

Click the plus (“+”) sign (Figure 362) to open the NCDOCWeb07 folder.

Figure 362 The Expanded NCDOCWeb07 Folder

Click the link of the folder Documents. The Insert Attachment Select Attachment window opens (Figure 363).

Figure 363 Insert Attachment Select Attachment Window

Select the document by clicking the icon under the Select column. The document’s name appears within the Insert Attachment window (Figure 364).

Figure 364 Insert Attachment Window with Document Name

If necessary, change the text contained within the Display Text textbox.

Click Insert. The attachment icon appears within the body section of the template (Figure 365).

Figure 365 Attachment Icon with the Name of the Attachment

RSS Feeds [top]

Figure 366 RSS Section of the Template

By default, the checkbox labeled Make RSS Feed (Figure 366) is selected to automatically indicate the page you are creating will be included in a specified RSS feed, making it available to other pages within the NC-DOC website.

Click each checkbox within the RSS section of the template to have the content from the page available to the channel’s checkbox you are selecting.
To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview.

Saving the Content [top]

Click on Save a New Page located on the Web Authoring Console. The Create New Page Save New Page window appears (Figure 367).

Figure 367 Create New Page Save New Page

In the Name textbox, enter a name for your new NCDOC-CMS content page. The name entered here becomes the page’s filename. Spaces are NOT allowed nor are any special characters. Use only alphanumeric characters (a-z, 0-9).

Figure 368 Paged Saved

In the Display Name textbox, enter a name for your new NCDOC-CMS content that will be used in the navigation.
Click OK to save the file. The Edit Site mode window re-appears (Figure 368) indicating that the content has been saved.

Submitting the Content [top]

Click on the option Submit from the Web Authoring Console (Figure 369).

Figure 369 Submit the Page for Approval

The Web Authoring Console Page Status changes to Waiting for Editor Approval (Figure 370).

Figure 370 Content Submitted: Waiting for Editor Approval

It is now the Editor’s role to approve your page’s content. After they approve the content, the page will then be marked to be moved into production for everyone to view the page.

The Jump Link List Template [top]

Much of the information Commerce publishes on the web is quite detailed, requiring long passages of text. At times, this will result in web pages that require readers to scroll to read. In situations like this, authors may provide links at the top of these long pages that will enable a reader to ‘skip down’ to the text sections of interest to them. This feature is created by use of a combination of two templates – the Jump Link Item and Jump Link List Templates.

The Jump Link List template is used to show the reader of the page the content that is available at that channel they are viewing. The Jump Link List template is automatically populated from the Jump Link Items that are located in that same channel. Without any Jump Link Items the page will be void of any content.

Note: A Jump Link Item will only appear in the channel you put it in. For example, if you put Jump Link Item(s) in the Workforce Services > Find Information for Individuals channel, only those items will be found when the Jump Link List, located in the same channel, is displayed.

Figure 387 Jump Link List Template

The Jump Link List Template Completed [top]

Figure 388 Jump Link List Completed But Without any Jump Link Items

Figure 389 Jump Link List Populated with a Jump Link Items

Selecting the Template [top]

Click Switch to Edit Site from the Web Authoring Console.
Click Business Services (Figure 373) to navigate to where we want to put our jump link list.

Figure 390 Web Authoring Console

Select the option Create New Page (Figure 373). The Create New Page Select Template Gallery window opens (Figure 374).

Figure 391 Select Template Gallery

From the Select Template Gallery (Figure 392) window, click the WebSite link to see the listing of templates within the folder.

Figure 392 Select Template Gallery

The Create New Page Select Template window appears (Figure 393).

Figure 393 Selecting the Jump Link List Template

Select the icon for the Jump Link List template in the column labeled Select (Figure 393).

The template (Figure 394) appears with placeholders for you to add your content.

Figure 394 Jump Link List Placeholders

Entering the Meta Data [top]

The Meta Data should be completed accurately for the NCDOC-CMS search engine and other NCDOC-CMS users to find your page.

Place your cursor in the Description/Summary field and type in a descriptive summary for the content (Figure 395).

Figure 395 Meta Data Description/Summary

Place your cursor in the Keywords field (Figure 396) and enter three keywords that can be used for search for this page. You should enter all three words.

Figure 396 Meta Data Keywords

Entering the Jump Link List Header [top]

The Jump Link List Header placeholder (Figure 397) describes the type of resource information provided in the Jump Link Items section of the template.

Click in the placeholder textbox to have the cursor blink in the textbox.

Figure 397 Header for the Resource Header Template

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the text for the placeholder. All the text for this section is pre-formatted by built-in styles (Figure 398).

Figure 398 Pre-formatted Jump Link List Header

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 399).

Figure 399 Jump Link List Header Preview

Describing the Jump Link Items [top]

Figure 400 Jump Link Items Description Text Placeholder

Click in the description of the Jump Link Items text placeholder textbox one time to have the cursor blink in the textbox (Figure 400).

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the text for the description for the Jump Link Items. (Figure 401).

Figure 401 Un-formatted Jump Link Items Description Text

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 402).

Figure 402 Jump Link List Item Description

Formatting the Jump Link List Description [top]

Using the formatting toolbar found within CMS, you have the options bold, italic, and underline available.

Select the text to be formatted (Figure 403).

Figure 403 Selecting Text to be Formatted

Click on the icon(s) to format the text using the formatting toolbar (Figure 404).

Figure 404 Toolbar

Deselect the text to see the changes (Figure 405).

Figure 405 Formatted Text

Save the page.

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 406).

Figure 406 Formatted Text Preview

Changing the Order of the Jump Link Items [top]

The Jump Link Items are displayed as a result of the last one created is at the top of the list. The Jump Link List template allows you to change the order in how the Jump Link Items are displayed.

Figure 407 Original order the Jump Link Items

Figure 408 New Order the Jump Link Items

Navigate to the channel to locate the Jump Link List (Figure 409).

Figure 409 Jump Link List Page

Figure 410 Switch to Edit Site on the Web Authoring Console

Click on the Web Authoring Console option Switch to Edit Site (Figure 410).

You are switched to Edit Site mode with the Web Authoring Console along with the status of the page displayed (Figure 411).

Figure 411 Edit Site Mode with Web Authoring Console

From the Web Authoring Console, click Edit (Figure 411) to be placed in Edit Mode (Figure 412).

Figure 412 Edit Mode Options

From the Listing Order (Figure 413) section click on the resource name to be repositioned within the list and then use the up or down arrows to reposition the item.

Figure 413 List Order Section of the Template

Preview your page by clicking Preview on the Web Authoring Console. Your content page is displayed in a new browser window (Figure 414).

Figure 414 Reordered Jump Link List Items

To save and complete the editing process, close the preview window then click Save and Exit on the Web Authoring Console.

If you are satisfied with the page, you can click on Submit to request your page be approved and then published by an Editor.

Click on Switch to Live View to exit from the editing session and return to Live Site mode.

RSS Feeds [top]

Figure 415 RSS Section of the Template

By default, the checkbox labeled Make RSS Feed (Figure 415) is selected to automatically indicate the page you are creating will be included in a specified RSS feed, making it available to other pages within the NC-DOC website
Click each checkbox within the RSS section of the template to have the content from the page available to the channel’s checkbox you are selecting.
To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview.

Saving the Content [top]

Click on Save a New Page located on the Web Authoring Console. The Create New Page Save New Page window appears (Figure 416).

Figure 416 Create New Page Save New Page

In the Name textbox, enter a name for your new NCDOC-CMS content page. The name entered here becomes the page’s filename. Spaces are NOT allowed nor are any special characters. Use only alphanumeric characters (a-z, 0-9).

Figure 417 Paged Saved

In the Display Name textbox, enter a name for your new NCDOC-CMS content that will be used in the navigation.
Click OK to save the file. The Edit Site mode window re-appears (Figure 417) indicating that the content has been saved.

Submitting the Content [top]

Click on the option Submit from the Web Authoring Console (Figure 418).

Figure 418 Submit the Page for Approval

The Web Authoring Console Page Status changes to Waiting for Editor Approval (Figure 419).

Figure 419 Content Submitted: Waiting for Editor Approval

It is now the Editor’s role to approve your page’s content. After they approve the content, the page will then be marked to be moved into production for everyone to view the page.

The Jump Link Item Template [top]

The Jump Link Item template will contain items that will then be used to populate the Jump Link List.

Note: A Jump Link Item will only appear in the channel you put it in. For example, if you put Jump Link Items in the Workforce Services > Find Information for Individuals channel, only those items will be found when the Jump Link List, located in the same channel, is displayed.

Figure 420 Jump Link List Template

The Jump Link Item Template Completed [top]

Figure 421 Jump Link List Completed

Selecting the Template [top]

Click Switch to Edit Site from the Web Authoring Console.
Click Business Services (Figure 422) to navigate to where we want to put our jump list items.

Figure 422 Web Authoring Console

Select the option Create New Page (Figure 422). The Create New Page Select Template Gallery window opens (Figure 423).

Figure 423 Select Template Gallery

From the Select Template Gallery (Figure 424) window, click the WebSite link to see the listing of templates within the folder.

Figure 424 Select Template Gallery

The Create New Page Select Template window appears (Figure 425).

Figure 425 Selecting the Jump Link Item Template

Select the icon for the Jump Link Item template in the column labeled Select (Figure 425).

The template (Figure 426) appears with placeholders for you to add your content.

Figure 426 Jump Link Item Template Placeholders

Entering the Jump Link Item Title [top]

The Jump Link Item Title placeholder (Figure 427) is the hyperlink (jump link) to the jump link item content to be provided in the Jump Link Content section of the template.

Click in the placeholder textbox to have the cursor blink in the textbox.

Figure 427 Jump Link Item Title Placeholder

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the text for the placeholder. All the text for this section is pre-formatted by built-in styles (Figure 428).

Figure 428 Pre-formatted Jump Link Item Caption

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 429

Figure 429 Jump Link Item Caption Preview

Entering an Image [top]

Click on the image icon contained within the placeholder bar.

Note: You do NOT have to have an image that has a width of 522 pixels for this template. The image can be no wider then 522 pixels

Figure 430 Image Placeholder

Select the Insert Image icon from the placeholder toolbar.

The Insert Image Select Source window is displayed (Figure 431).

Figure 431 Insert Image Select Source Window

The Insert Image Select Source window offers you two (2) choices:

Insert Shared Image > to choose a graphic from a Resource Gallery

Insert Local Image > to choose a graphic located on your computer

Inserting a Local Image [top]

Select Insert Local Image (Figure 432).

Figure 432 Select Image Source Window

The Insert Image window appears (Figure 433).

Figure 433 Insert Image Window (Local)

Figure 434 Local Image Browse Dialog Window

Click the Browse button to navigate to the image you would like to use from your computer. The Choose File Window opens (Figure 434).

Select the le type of the image from the Files of Type dropdown box to help narrow the search for graphic image.

Select the image from the list and then click Open. The Insert Image window re-appears (Figure 435).

Figure 435 Insert Image Window (Local)

If the Hyperlink textbox is available, indicated by the placeholder indicators, you can make the image a hypertext link by typing in the URL of a web site.

Enter a few descriptive words about the image in the Alternate Text. This text will be displayed on the content page when the pointer moves over the image. If a user has their graphics disabled on their computer, they will see your alternate text instead.

Click Insert to add the image to your NCDOC-CMS page.

Inserting a Shared Image [top]

Click on the Insert Shared Image link (Figure 436).

Figure 436 Select Image Source Window

The Insert Image Select Resource Gallery window opens (Figure 437).

Figure 437 Insert Image Select Resource Gallery Window

Click on the link NCDOCWeb07 link (Figure 437) to see the images within the folder.

The Select Source Select Image window opens (Figure 438).

Figure 438 Select Source Select Image Window

Figure 439 Preview / Select Image Icons

Preview the image by clicking on the Preview Image icon (Figure 439).

The Image Preview window appears (Figure 440).

Figure 440 Image Preview Window

Close the preview window by clicking on the “X” at the top right of the window.

Select the image by clicking on the Select Image icon (Figure 439).

The Insert Image Insert Image window appears (Figure 441).

Figure 441 Insert Image Window

Add text to the Alternate Text textbox (Figure 442) to allow the text entered in the textbox to appear when the mouse pointer moves over the image when it is in preview or production.

Figure 442 Alternate Text for Image

Click Insert when finished. The image appears in the placeholder. (Figure 443)

Figure 443 Image Inserted in the Placeholder

Deleting an Image [top]

To delete the image, click on the icon resembling an “X” located above the image (Figure 444). To change the Alternative Text of the image, click on the icon resembling a pen. To replace the image, click on the icon.

Figure 444 Image Placeholder Icons

Entering the Jump Link Item Content [top]

The Jump Link Item Content placeholder (Figure 445) is the content associated with a particular jump link item provided on the Jump Link List page.

Click in the placeholder textbox to have the cursor blink in the textbox.

Figure 445 Jump Link Item Content Placeholder

Select the text within the textbox by dragging the mouse pointer across the text.
Enter the text for the placeholder. All the text for this section is available for formatting using the Web Authoring toolbar (Figure 446).

Figure 446 Pre-formatted Jump Link Item Title

To preview your content for the page, you will need to scroll up to view the Web Authoring Console and then select Preview to see the output (Figure 447).

Figure 447 Jump Link Item Content Preview

Saving the Content [top]

Click on Save a New Page located on the Web Authoring Console. The Create New Page Save New Page window appears (Figure 448).

Figure 448 Create New Page Save New Page

In the Name textbox, enter a name for your new NCDOC-CMS content page. The name entered here becomes the page’s filename. Spaces are NOT allowed nor are any special characters. Use only alphanumeric characters (a-z, 0-9).

Figure 449 Paged Saved

Note: If you save the page with the name of index, it will be the homepage for the channel. This will result in having the page appear automatically after the channel name is clicked. The Display Name will not appear in the navigation bar. You can only have one page named index per channel.

In the Display Name textbox, enter a name for your new NCDOC-CMS content that will be used in the navigation (Figure 448).
Click OK to save the file. The Edit Site mode window re-appears (Figure 449) indicating that the content has been saved.

Submitting the Content [top]

Click on the option Submit from the Web Authoring Console (Figure 450).

Figure 450 Submit the Page for Approval

The Web Authoring Console Page Status changes to Waiting for Editor Approval (Figure 451).

Figure 451 Content Submitted: Waiting for Editor Approval

It is now the Editor’s role to approve your page’s content. After they approve the content, the page will then be marked to be moved into production for everyone to view the page.

Channel Type	An Example of Each Tier for the Business Services Channel
Tier1 Channel
Tier2 Channel
Tier3 Channel

Role	Rights
Author	· Browses the site to view the channels and pages where the author has rights. · Views and uses resources that are from a gallery where the author has rights. · Views and uses templates that are from a gallery where the author has rights. · Creates, edits, deletes, and submits pages where the author has rights.
Editor	· Browses the site to view the channels and content where the author has rights. · Views and uses resources that are from a gallery where the editor has rights. · Views and uses templates that are from a gallery where the editor has rights. · Creates, edits, deletes, and submits pages where the editor has rights. · Edits, submits, approves, declines, and deletes pages where the editor has rights. · Views, edits, and approves pages that use a template from a gallery where the editor has rights.
Administrator	· Creates and manages all content channels and users. · Creates, edits, and publishes pages. · Reviews and approves or declines pages submitted.

Page Status	Description
Saved	The page has been saved, but has not yet been submitted for approval.
Waiting for Approval	The page has been submitted for approval, but has not yet been approved.
Approved	The page has been approved by an editor and is waiting to be published to the production server.
Declined	The page has been declined by an editor (did not meet approval) and must be resubmitted after modification.
Expired	The approved page has expired (exceeded the expiration time specified in the publishing schedule for the page).
Published	The page has been published on the live site.

Roles within NCDOC-CMS [top]

Live Site Mode

Edit Site Mode [top]

Production Manager [top]

Approval Assistant (Editor Role Only) [top]

Resource Manager (Administrator Role Only)

Preview [top]

Save and Exit [top]

Save [top]

Edit [top]

Delete [top]

Copy [top]

Move

Submit [top]

Approve (Editor Role Only) [top]

Decline (Editor Only) [top]

Page Properties

Revision History [top]

View Revisions by Date [top]

Create a Connected Page [top]

Channel Properties (Administrator Only) [top]

Inserting a Local Image [top]

Inserting a Shared Image [top]

Inserting a Local Attachment [top]

Inserting a Shared Attachment [top]

Linking to an External Page [top]

Linking to an Internal Page [top]

Inserting a Local Image [top]

Inserting a Shared Image [top]

Linking to an External Page

Linking to an Internal Page [top]

Inserting a Local Attachment [top]

Inserting a Shared Attachment [top]

Linking to an External Page [top]

Linking to an Internal Page [top]

Inserting a Local Attachment [top]

Inserting a Shared Attachment [top]

Entering the Meta Data [top]

Inserting a Local Image [top]

Inserting a Shared Image [top]

Entering a Press Release Hyperlink [top]

Inserting a Local Image [top]

Inserting a Shared Image [top]

Linking to an External Page [top]

Linking to an Internal Page [top]

Inserting a Local Attachment [top]

Inserting a Shared Attachment [top]