MCMS Training. 2 This Meeting (class) Purpose: Provide users of the Content Management System with the information they need to be productive in the system

MCMS Training

2

This Meeting (class)

Purpose: Provide users of the Content Management System with the information they need to be productive in the system.

Objectives:

• Using my Quick Reference Guide, I can:– Navigate the CMS system – Create new pages– Save pages– Populate pages– Submit pages

3

What is Microsoft Content Management Server (MCMS or CMS)?

• A powerful tool that separates page design and layout from content

• Enables localization of content

• A replacement for the existing IIE external Web site publishing

4

TerminologyMCMS – Microsoft Content Management Server

Live Site mode – allows you to view the site as it will look once it is moved into production as per the release cycle.

Edit Site mode – allows you to manage the site and edit pages.

Web Author console – the main menu in Edit Site mode

Channel – a section of the Web site – equal to a folder or the location of the page within the file structure.

Template – a preformatted page for inserting content.

Placeholder - an area in a template that is reserved to contain unique content for each page.

Resources – templates and images available for use.

Galleries – groupings of resources.

CSS Style – used to apply formatting to content - similar to a Word style

Page Status - a quick way to tell where a page is in the approval process.

Lock Status – a page is locked if someone is editing it.

5

Key Tasks – and MCMS

I need to….

• Understand the Roles and Responsibilities structure of MCMS.

• Log-in to MCMS and navigate the workspace.

• Create new pages within MCMS.

• Save pages within MCMS

• Populate pages within MCMS

• Understand the Submit and Approval process.

6

Roles and Responsibilities

Roles are tied to channels and have certain rights associated with Roles are tied to channels and have certain rights associated with them.them.

• Subscriber:Subscriber: Browses the site (external customers)Browses the site (external customers)

• Author:Author: Creates, edits, and submits content for publishingCreates, edits, and submits content for publishing

• Editor:Editor: Approves or declines contentApproves or declines content

• Moderator:Moderator: QA Role, edits, approves, declines content. Approves QA Role, edits, approves, declines content. Approves new pages and updates to page propertiesnew pages and updates to page properties

• Template Designer:Template Designer: Technical role, creates channels, resource Technical role, creates channels, resource galleries, and template galleriesgalleries, and template galleries

• Publisher:Publisher: Technical role, moves content into production as pre Technical role, moves content into production as pre

release schedulerelease schedule

7

Content Management Workflow

8

Web Author Console

Switch from Edit to Live Site.Switch from Edit to Live Site.

Check Page and Lock Status.Check Page and Lock Status.

Utilities for managing Resources and Utilities for managing Resources and Approval flow.Approval flow.

Preview the current page.Preview the current page.

Create and Edit new and existing Create and Edit new and existing pages.pages.

Delete, copy and move pages from Delete, copy and move pages from channel to channel.channel to channel.

Utilities for managing the current Utilities for managing the current page.page.

Utility for managing the current Utility for managing the current channel.channel.

9

All leaf pages and sub-pages will not appear in the top navigation in Live Site mode

All leaf pages and sub-pages will appear in the top navigation in Edit Site mode

Live Site vs. Edit Site mode

The Web Author console is only available in Edit Site mode

10

Logging into the MCMS

1. Select your domain1. Select your domain

2. Enter your network 2. Enter your network username and passwordusername and password

3. Press Continue3. Press Continue

Use the AMR domain if you are in the American RegionUse the AMR domain if you are in the American Region

Use your Network Username and PasswordUse your Network Username and Password

Once you are logged in, you can:Once you are logged in, you can:

1.1. Preview the site in Preview the site in Live Site modeLive Site mode to see how it will look published to see how it will look published

2.2. Switch to Switch to Edit Site modeEdit Site mode to access the to access the Web Author consoleWeb Author console

11

New Projects

1. New Projects will not have any pages set-up the first time you log-in to MCMS. See screen shot below on left.

2. Immediately switch to Edit Site Mode, and select Create New Page. See screen shot to the right.

3. Browse to the template gallery, “Edweb” and select TOC. This will create your table of content page for the project.

4. To create your top first level tab pages, Click the name of the page, select Create New Page and browse to the template gallery, “Edweb” and select Content Page.

Live Site ModeLive Site Mode Edit Site ModeEdit Site Mode

12

Activity!

Explore MCMS! (Time: 5 min)

Go to the URL http://dev1piccolo01.cps.intel.com:8080/<country_Code>

Log-in to MCMS.

Navigate to training and view the overview section.

Switch from Live Site mode to Edit Site mode.

Locate the Web Author console.

13

Create a New Page

1.1. Navigate to the Channel you would like to create the page within.Navigate to the Channel you would like to create the page within.

2.2. In the edit site In the edit site Web Author consoleWeb Author console, click on , click on Create a New PageCreate a New Page..

3.3. Select the Template Gallery by clicking on the blue link “Edweb”. Select the Template Gallery by clicking on the blue link “Edweb”.

4.4. Select the template you want to base the page on by clicking the Select the template you want to base the page on by clicking the SelectSelect finger icon next to the desired template. finger icon next to the desired template.

33

44

14

Activity!

Create a New Page in MCMS! (Time: 5 min)

1. Navigate to Training > Learning Tools > Learning Plans

2. If you are in Live Site mode, Switch to Edit Site mode.

3. Create a new page based on the Content Page template.

4. Use your Quick Reference Guide!

15

Add or Edit ImageAdd or Edit Image

Image placeholders controlsImage placeholders controls

Remove ImageRemove ImageEdit Image PropertiesEdit Image Properties

Title Image Placeholders

1.1. Use the Controls found in the upper left corner of the Placeholder Use the Controls found in the upper left corner of the Placeholder to insert a Title Image.to insert a Title Image.

2.2. In the In the Insert Image>Select SourceInsert Image>Select Source window, select window, select Insert Local Insert Local imageimage..

3.3. Press the Press the BrowseBrowse button and navigate to the image you want to button and navigate to the image you want to upload.upload.

4.4. Fill in the Fill in the Alternate TextAlternate Text field to populate the ALT tag for the field to populate the ALT tag for the image.image.

5.5. Press the Press the InsertInsert button. button.

16

Supertitle and Title Placeholders1.1. Place your curser in the box and type the title. Don’t worry Place your curser in the box and type the title. Don’t worry

about the text wrapping to the next line. If you specifically about the text wrapping to the next line. If you specifically need two distinctive lines – see #3. need two distinctive lines – see #3.

2.2. Formatting of size and color is done automatically for you. Formatting of size and color is done automatically for you.

3.3. If you need two lines for a title with a long sub title like If you need two lines for a title with a long sub title like Destination America: Our Hope Our Future, you may Destination America: Our Hope Our Future, you may designate a new line by selecting SHIFT ENTER. designate a new line by selecting SHIFT ENTER. Please Please notenote: DO NOT select ENTER only. By selecting ENTER : DO NOT select ENTER only. By selecting ENTER this will add a tag and will cause issues. By selecting this will add a tag and will cause issues. By selecting SHIFT ENTER, this will add a or line break. SHIFT ENTER, this will add a or line break.

17

Activity!

Add a Title Image, Supertitle, and Title Text to the Content Page in MCMS! (Time: 2 min)

1. Add a Training Title Image. This is the Training_Content_Main_Image.jpg sent with the meeting invite.

2. Next, change the Supertitle and Title.


18

Save the New Page1.1. PreviewPreview the new page and edit as needed. the new page and edit as needed.

2.2. When complete, select the When complete, select the Save New PageSave New Page link in the link in the Web Author consoleWeb Author console

3.3. In the Save New Page window, give the page a In the Save New Page window, give the page a NameName (the actual file name) *Do (the actual file name) *Do not use spaces or special characters in file names instead use underscores. For not use spaces or special characters in file names instead use underscores. For pages appearing on a tab or in hand left nav (most content pages), use” index pages appearing on a tab or in hand left nav (most content pages), use” index “as the name.“as the name.

4.4. And a And a Display NameDisplay Name (the name that will show up in the blue bar of the browser (the name that will show up in the blue bar of the browser when a Subscriber is viewing the page). This should be the same name as the when a Subscriber is viewing the page). This should be the same name as the graphic title.graphic title.

5.5. Click the Click the OKOK button and the page will refresh with a button and the page will refresh with a Page StatusPage Status of of SavedSaved

19

Page Status

• NewNew – A page has been created, but has not been saved. – A page has been created, but has not been saved.

• SavedSaved – A page has been saved, but has not been approved. – A page has been saved, but has not been approved.

• Waiting for Editor ApprovalWaiting for Editor Approval – A page has been submitted for – A page has been submitted for approval, but has not been approved by an Editor.approval, but has not been approved by an Editor.

• Waiting for Moderator ApprovalWaiting for Moderator Approval – A page has been approved, but – A page has been approved, but has not been approved by a Moderator.has not been approved by a Moderator.

DeclinedDeclined – A page has been declined, but not modified or – A page has been declined, but not modified or resubmitted.resubmitted.

PublishedPublished – A page is now viewable in Live Site Mode. – A page is now viewable in Live Site Mode.

20

Activity!

Save a Page in MCMS! (Time: 2 min)

1. Save your new page.

2. Name the file index

3. In the Display Name please put the word “test” or “training” and your name.


21

Activity!

Create a New Leaf Page in MCMS! (Time: 10 min)

Create a new page based on the Leaf Page template from your newly created content page.

Add a Supertitle and Title to the Leaf Page

Use your Quick Reference Guide!

22

Top Return to Navigation For Leaf Pages

1.1. Type or paste from another MCMS page the text for the return to link in the Type or paste from another MCMS page the text for the return to link in the top right box called "top right box called "Additional Navigation Link (top)Additional Navigation Link (top)". The format for ". The format for Return to links is: Return to links is:

< < Return to Name of PageReturn to Name of Page

NoteNote: The carrot (<) should not be included in the hyperlink.: The carrot (<) should not be included in the hyperlink.

23

Create Top Return to Hyperlinks Create Top Return to Hyperlinks

1.1. Highlight the text that you want to HyperlinkHighlight the text that you want to Hyperlink

2.2. Push the Push the Link ManagerLink Manager button in the button in the Additional Navigation Link (top) Additional Navigation Link (top)

Utility BarUtility Bar to access the Hyperlink Manager windowto access the Hyperlink Manager window

3. Do not select the carrot (<). Additionally, do not apply any formatting or CSS class to the carrot or any text not part of the link like Page 1 of 4. The code behind this box will automatically format the text for you.

24

Hyperlink Manager WindowHyperlink Manager Window

In the Link Manager window, you can:In the Link Manager window, you can:

• Browse for the MCMS content page to link to. You will need to Browse for the MCMS content page to link to. You will need to go through the site navigation to find the page.go through the site navigation to find the page.

• Click OK in when you have chosen the linkClick OK in when you have chosen the link

• Back in the Link Manager window, Set the Back in the Link Manager window, Set the CSS ClassCSS Class to gray to gray navigation.navigation.

• Click Click OKOK

25

Bottom Return to Navigation for Leaf Pages

1. For Bottom Return to navigation, in the Main Body Content Area, type or paste:

< Return to Name of PageNote: The carrot (<) should not be included in the hyperlink.

26

Create Bottom Return to Hyperlink Create Bottom Return to Hyperlink

1.1. Highlight the text that you want to HyperlinkHighlight the text that you want to Hyperlink

2.2. Push the Push the Link ManagerLink Manager button in the button in the Main Body Content Area Utility BarMain Body Content Area Utility Bar to access the Hyperlink Manager windowto access the Hyperlink Manager window

Link ManagerLink ManagerLink to other pages Link to other pages

within MCMS within MCMS or on the webor on the webIn the Hyperlink Manager Window:In the Hyperlink Manager Window:

• Browse for the MCMS content page you’d like to link toBrowse for the MCMS content page you’d like to link to• Set CSS Class to blue navigationSet CSS Class to blue navigation• Click Click OKOK• Next: Highlight the Carrot (<) and Select either the font Navigation – Blue or Next: Highlight the Carrot (<) and Select either the font Navigation – Blue or

Navigation-small Grey. The Carrot should be the same color as the hyperlink.Navigation-small Grey. The Carrot should be the same color as the hyperlink.

27

Activity

Create the Top and Bottom Return to Navigation (Time: 5 min)

1. Create the Top and Bottom Return to Navigation Links within your new Leaf Page.

2. Save your page. Please put the word “test” or “training”, your name, and leaf in the Display Name.

3. Remember to save your page with a name that distinguishes it from other pages


28

Page PropertiesPage PropertiesWhen you Save a new page it is automatically added to the Channels navigation. When you Save a new page it is automatically added to the Channels navigation.

1.1. In the edit mode In the edit mode Web Author consoleWeb Author console, select , select Page PropertiesPage Properties

2.2. For pages that you do not want to show up on a tab or in hand left nav when For pages that you do not want to show up on a tab or in hand left nav when published, select the checkbox next to published, select the checkbox next to Hide When PublishedHide When Published

3.3. Important: For all pages that you want to show up as a tab or in hand left nav Important: For all pages that you want to show up as a tab or in hand left nav do not check the hide box! do not check the hide box!

4.4. You can edit the You can edit the NameName and and Display NameDisplay Name properties on the properties on the Page Page PropertiesProperties page page

5.5. We will not be using the We will not be using the Stop PublishingStop Publishing feature of MCMS, so pages should feature of MCMS, so pages should never have a never have a Page StatusPage Status of of ExpiredExpired

6.6. Click Click SaveSave

29

Explore the Page Properties of your Leaf Page! (Time: 2 min)

1. Select Page Properties from the Web Author Console

2. Select the Hide When Published checkbox to remove the page from the top navigation menu.


Activity!

30

Use placeholder controls to insert and format content in the page

Switch to HTML mode to edit the code directly

An overview of the topics that we will cover :

• Main Body Content Placeholders:– Copy and Paste content from a Word documentCopy and Paste content from a Word document– Format header and body text using predefined CSS stylesFormat header and body text using predefined CSS styles– Create Tables for layoutsCreate Tables for layouts– Create Bulleted ListsCreate Bulleted Lists– Create CheckboxesCreate Checkboxes– Insert Images and Image ALT TagsInsert Images and Image ALT Tags– Create Hyperlinks to external websitesCreate Hyperlinks to external websites– Create Highlight and Link List boxesCreate Highlight and Link List boxes

Add Content to a New Page

31

Populating Content

1.1. Navigate to the page to insert contentNavigate to the page to insert content

2.2. In the edit site In the edit site Web Author consoleWeb Author console, Select , Select EditEdit

3.3. In the edit site In the edit site Web Author consoleWeb Author console, ,

i.i. Select Select PreviewPreview to display a preview in a separate browser to display a preview in a separate browser windowwindow

ii.ii. Select Select SaveSave or or Save and ExitSave and Exit and the page will refresh with a and the page will refresh with a Page StatusPage Status of of SavedSaved

iii.iii. Select Select ExitExit to leave the page without saving your changes to leave the page without saving your changes

32

Image ManagerImage ManagerUse images from the Use images from the

global resource global resource gallery or from your gallery or from your

local hard drivelocal hard drive

Link ManagerLink ManagerLink to other pages Link to other pages

within MCMS within MCMS or on the webor on the web

Format StripperFormat StripperRemoves Microsoft Removes Microsoft

Word formattingWord formattingand moreand more

Find and ReplaceFind and ReplaceSearch the current Search the current content placeholder content placeholder

for text stringsfor text strings

Main Content Area Placeholder

You will recognize many of the icons for formatting content found in the Main You will recognize many of the icons for formatting content found in the Main Content Placeholder Control. Content Placeholder Control.

Here are some basic highlights of the features you may not recognize.Here are some basic highlights of the features you may not recognize.

Insert TableInsert TableUse the drop down utility to Use the drop down utility to drag the dimensions of the drag the dimensions of the

table or use the Table table or use the Table WizardWizard

CSS Class Drop DownCSS Class Drop DownHighlight text and use the Highlight text and use the

drop down to apply drop down to apply predefined CSS stylespredefined CSS styles

33

Copy and Paste from a Word document

1. Highlight the content in the Word document and Select Edit > Copy or use Ctrl-C.

2. Open Notepad and paste the content into Notepad. You will need to delete bullets and numbers in Notepad before pasting into MCMS. Also, Notepad takes out all formatting, such as italics and bold.

3. Highlight the content again.

4. Place your cursor in the Main Content area of your new page, where you would want the content and paste in the content (Ctrl-V).

5. Notice that the content is stripped of formatting, including paragraph breaks. You will need to add these back in as well as all formatting.

6. In the next couple of slides, we will begin reformatting this content using the predefined CSS styles provided.

34

1.1. Highlight the Header textHighlight the Header text

2.2. In the CSS Style dropdown, select In the CSS Style dropdown, select Header TextHeader Text

• If you are having trouble getting the content to format correctly, If you are having trouble getting the content to format correctly, try using the try using the Clear StyleClear Style option. option.

Format header and body text using predefined Format header and body text using predefined CSS stylesCSS styles

35

Activity!

Format Body Content in a Page! (Time: 10 min)

1. Navigate to your new Content Page.

2. Select Edit in the Web Author console.

3. Format your new content using the CSS Style drop down. You should only need to format headings.

4. Click Preview in the Web Author console to see your changes.

5. Remember to Save your changes.


36

1.1. Place your cursor where you want to create a bulleted listPlace your cursor where you want to create a bulleted list

2.2. Insert the text for the list Insert the text for the list

3.3. Highlight the text and then push the Bulleted list icon.Highlight the text and then push the Bulleted list icon.

4.4. You may find extra lines before or after your list, you will need to get rid You may find extra lines before or after your list, you will need to get rid of these. If backspacing doesn’t work, go into the html and remove the of these. If backspacing doesn’t work, go into the html and remove the or marks. or marks.

Create a Bulleted ListCreate a Bulleted List

37

Bullets Within Numbers

1.1. To start the list at a certain number, use the following syntax in the To start the list at a certain number, use the following syntax in the HTML (check the html box to switch to html). Preview before saving. HTML (check the html box to switch to html). Preview before saving.

<ol start=xx> where xx equals the first number in the series.<ol start=xx> where xx equals the first number in the series.

For example:For example:<ol start=8><ol start=8> starts list at 8 starts list at 8<ol type=a><ol type=a> makes lower case letters instead of numbers makes lower case letters instead of numbers

2.2. To start a numbered list, have a bulleted list within the numbered To start a numbered list, have a bulleted list within the numbered list, and return to the numbered list, do the following in HTML:list, and return to the numbered list, do the following in HTML:

• <ol><ol>• <li>number one<li>number one• <ul><li>bullet 1</li><ul><li>bullet 1</li>• <li>bullet 2</li></ul><li>bullet 2</li></ul>• </li></li>• <li>number 2</li><li>number 2</li>• </ol></ol>

38

Activity!

Create a Bullet List in the Main Content area! (Time: 2 min)

1. In the Main Content area of your new page, create a bullet list using the Bullet List icon.


39

Creating Checkboxes

1.1. Switch to HTML ModeSwitch to HTML Mode

2.2. Copy and Paste the Checklist code into your page.Copy and Paste the Checklist code into your page.

3.3. Switch out of HTML Mode.Switch out of HTML Mode.

4.4. Replace the Placeholder Text with your content.Replace the Placeholder Text with your content.

5.5. Use previous skills to format the text and align the Use previous skills to format the text and align the checkboxes if needed.checkboxes if needed.

40

Activity!

Create a Checklist (Time: 5 min)

1. In the Main Content area of your page, create a checklist using the provided HTML code


3. Remember to make sure the checkboxes are not linked and have an alt tag.


41

1.1. Place your cursor where you want to insert an ImagePlace your cursor where you want to insert an Image

2.2. Push the Push the Image ManagerImage Manager button from the button from the Main Body Content Area Main Body Content Area Utility BarUtility Bar

3.3. Click on the Click on the Local ImageLocal Image tab and hit the tab and hit the BrowseBrowse button. button.

4.4. Locate the image you would like to uploadLocate the image you would like to upload

5.5. Click the Click the InsertInsert button button

Insert ImagesInsert Images

42

1.1. Click on the image and Select “Remove link” from the Main Body Content Area Click on the image and Select “Remove link” from the Main Body Content Area Utility Bar Utility Bar

2.2. Right click on the image to access Right click on the image to access Set Image PropertiesSet Image Properties..

3.3. Enter your ALT Tag into the Enter your ALT Tag into the Image ALT TextImage ALT Text field field

4.4. Use the Use the Image AlignmentImage Alignment properties to align the image and control the word properties to align the image and control the word wrapping.wrapping.

5.5. Add Add HorizontalHorizontal and and VerticalVertical SpacingSpacing to give the image some padding. to give the image some padding.

Set Images PropertiesSet Images Properties

43

Insert an Image in the Main Content area and Add the ALT Tag! (Time: 2 min)

1. In the Main Content area of your new page, insert an image using the Image Manger in the Main Body Content Area Utility Bar.

2. Remove the Link and Set the Image Properties.



Activity!

44

Inserting Global images

1. Some pages require global images like Back to Top.

2. To add a global image, place your cursor where you want to insert place your cursor where you want to insert an image.an image.

3.3. Push the Push the Image ManagerImage Manager button from the button from the Main Body Content Main Body Content Area Utility BarArea Utility Bar

4.4. Double Click on the Edweb_Global_Images link.Double Click on the Edweb_Global_Images link.

5.5. Locate the image you would like to uploadLocate the image you would like to upload

6.6. Click the Click the InsertInsert button button

45

Activity!

Insert the Global Image, Back to Top” in the Main Content area and add the ALT Tag. (Time 2 minutes)

1. In the Main Content area of your new page, insert the global image, Back to Top, using the Image Manger utility.

2. Set the Image Properties.



46

1.1. Place your cursor in the main content area where you want to insert a Place your cursor in the main content area where you want to insert a table.table.

2.2. Use the drop down utility to drag the dimensions of the table Use the drop down utility to drag the dimensions of the table

3.3. Or use the Table WizardOr use the Table Wizard

4.4. After the Table has been created, you can right click on the table to:After the Table has been created, you can right click on the table to:

1.1. Set Table PropertiesSet Table Properties

2.2. Set Cell PropertiesSet Cell Properties

3.3. Insert Rows and ColumnsInsert Rows and Columns

Create Tables and Change Table propertiesCreate Tables and Change Table properties

Select the table and drag the corner Select the table and drag the corner controls to change the width or height.controls to change the width or height.

47

Activity!

Create a Table and change it’s properties! (Time: 5 min)

1. In the Main Content area of your new page, create a table using the Create Table icon

2. Right click on the table to change the tables properties



48

Create Hyperlinks in Body Content to Internal Create Hyperlinks in Body Content to Internal PagesPages1.1. Highlight the text that you want to Hyperlink. Make sure there are not any extra spaces Highlight the text that you want to Hyperlink. Make sure there are not any extra spaces

after the linkafter the link

2. Push the Link Manager button from the Main Body Content Utility Bar to access the Hyperlink Manager window

3.3. In the Link Manager window, you can:In the Link Manager window, you can:

• Browse for the MCMS content page to link to. You will need to go through the site Browse for the MCMS content page to link to. You will need to go through the site navigation to find the page.navigation to find the page.

• Click OK in when you have chosen the linkClick OK in when you have chosen the link

• If the hyperlink is also a subtitle, then you will need to use the CSS class Bold link and follow the hyperlink with a bold carrot (unlinked and using the same CSS class of Bold link).

• Click Click OKOK

49

Create External Hyperlinks in Body ContentCreate External Hyperlinks in Body Content

1.1. Highlight the text that you want to Hyperlink. Make sure there are not any Highlight the text that you want to Hyperlink. Make sure there are not any extra spaces after the linkextra spaces after the link

2. Push the Link Manager button from the Main Body Content Utility Bar to access the Hyperlink Manager window

3.3. In the Link Manager window, enter the URL for an external Web siteIn the Link Manager window, enter the URL for an external Web site

4. To link outside of Intel, go to target and pull down menu to choose _blank which will make it pop up into a new window

5.5. Click Click OKOK

50

Activity

Create hyperlinks Link (Time: 2 min)

1. Highlight the text you want as the link.

2. Create a link to an internal page.

3. Create an external link using the Hyperlink Manager Window. Don’t forget to set the target as _blank and add a *.

4. Remember to save your changes.


51

Add Content to Text Highlight Box Add Content to Text Highlight Box and Link List Box placeholders and Link List Box placeholders

Text Highlight Box and Link List Box placeholders have a subset of controls Text Highlight Box and Link List Box placeholders have a subset of controls compared to the Main Content areacompared to the Main Content area

You can use the same control features that we already went over to:You can use the same control features that we already went over to:

•Hyperlink list itemsHyperlink list items

However, be sure to use the Highlight Box utility bar and not the main However, be sure to use the Highlight Box utility bar and not the main content utility bar for formatting.content utility bar for formatting.

If a Highlight box or Link List box placeholders does not have a Control If a Highlight box or Link List box placeholders does not have a Control at the top, it will auto-format your content to IEI Style Guide standardsat the top, it will auto-format your content to IEI Style Guide standards

52

Removing a Highlight From a Page

To remove a Highlight Box or Link List Box from a page:

1. Select the HTML mode box under the Highlight Box you want to remove.

2. Highlight all code and delete it.

3. Unselect the HTML mode box.


53

Populate the Highlight Box (5 mins)

1. Find the Text Highlight Box and replace the “Highlight Box Title” with a new title.

2. Type your content in the highlight box.

3. Remember: Learn more, Read more, or See more should be followed with a non linking carrot (<). If Learn more, Read more, or See more is bold then the carrot needs to be bold as well. Use the CSS class Bold Link for the hyperlink and the carrot. For normal hyperlinks, use the CSS class highlight Box Link.

4. Select OK.

Set up a Link List box (5 mins)

1. Find the Link List Box and replace the Link Box Title with your title.

2. Add the words for your list. Link List Boxes do use bullets.

3. Highlight each link and go through the linking process with the Hyperlink Manager as you did above. Be sure to choose Highlight Box Link in the CSS class in the Hyperlink Manager.


5. Use your Quick Reference Guide or refer back to other Activities for guidance

Activity!

54

Submitting a Page for Approval

Once a page has a Page Status of Saved, it must be submitted for Editor approval.

You must select Submit so the page will be available for Editor approval.

Let’s go ahead and take a closer look at the utilities provided to assist in the publishing and approval process within MCMS.

55

The Production Manager Utility

The Production Manager lists all pages that are currently waiting for approval or saved. It is available from the Web Author console.

In the Production Manager window, check on status of any pages assigned to you. Use Production Manager at the end of an authoring session to check for saved pages that need to be submitted. From here, you can select and submit saved pages for approval.

To view the Production Manager

1. On the edit site Web Author console, click Production Manager.

2. In the Production Manager window, check to see if there are any pages that need to be submitted for approval.

56

Post-Approval Page Status

When the page is submitted, it will have one of the following statuses:

• Waiting for Editor Approval

• Waiting for Moderator Approval (for all new pages)

Once the page has been approved, it will have one of the following statuses:

• Published—the page is viewable in Live Site Mode.

57

Submit a Page for approval in MCMS! (Time: 2 min)

1. In the Web Author console, select Submit.

2. Take note of the Page Status of your new page.

3. Go to the Production Manager to confirm your page is awaiting approval


Activity!

58

Summary

MCMS is the new publishing platform for portions of the IE Site.

• It provides a separation between design and content

• It allows for localization of content without affecting layout

• You should now be able to – Create new pages – Populate pages– Save pages– Submit pages

59

60

Back Up Slides

61

Associated Documents

On the Intel® Education Web site, we provide certain content that the teacher or student can print, modify, and use in their classroom. Examples of this type of content is assessment tools like checklists and rubrics. We provide this content in two formats: the original document and a PDF. The next two slides will walk you through how to add associated document links to Leaf Pages.

62

1. In the Main Content area of your Leaf page, Type or paste in the text for the associated document links. The format for associated document links are:

View as Microsoft Format* | View as PDF

2. Enter about 3 line returns below the associated document text and the first line of content.

3. Highlight the associated document text and use the utility bar to Select the font class “Navigation-Small Grey ” and alignment “Right”.

4. Highlight the fist view as link (View as Microsoft Word*), and push Link Manager button to access the Hyperlink Manager window.

5. In the Hyperlink Manager window, Type in “http://download.intel.com/education/common/en/resources/project name/tab or section/folder name or subsection/file and select the font class “Navigation-Small Grey ”.

6. Repeat steps 4 and 5 for the second View as link.


Associated Document Links

63

Activity!Create the Associated Document Links in the Leaf Page (Time: 5

min)

1. Navigate to your Leaf Page.

2. Create the associated document links for a Word doc and a PDF. Use the following URLs:

1. http://download.intel.com/education/Common/en/Resources/DEP/monster/monster_student_rubric.doc

2. http://download.intel.com/education/Common/en/Resources/DEP/monster/monster_student_rubric.pdf

3. Save your page.

4. Submit your page for approval.

5. Go to the Production Manager to confirm your page is awaiting approval