LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

PAGE 1 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

Table of Contents

1. Overview.............................................................................. .................3 2. New site set up...................................................................... ................4 2.1. Initial set up provided for you....................................................... ....4 2.2. Planning your site.................................................................... .......6 3. Editing an existing site......................................................................... ...7 3.1. Accessing the ‘workarea’ for a site........................................... ........7 3.2. Editing existing pages.............................................................. .......9 3.2.1. Opening a page to preview it or ‘Surf’n’Edit’...............................9 3.2.2. Opening in edit mode immediately...........................................11 3.2.3. Publishing your changes.................................. .......................11 3.3. Creating new pages.......................................... ...........................13 3.3.1. Copying an existing page........................................... .............13 3.4. Updating local navigation to include new pages.............................20 3.5. Importing file attachments and images......................................... ..25

PAGE 2 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

1. Overview

PAGE 3 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

2. New site set up
2.1. Initial set up provided for you
In your workarea you will be provided with a basic working site that consists of several sample pages and supporting images. These are to demonstrate how the templates and editing process work and can be modified to become your site. The following image shows the site used to illustrate this editors guide. It is a fictitious site called ‘new-section’ found at lenovocentral.lenovo.com/new-section Your site will be the same, just with a different directory name. e.g. lenovocentral.lenovo.com/accounting or lenovocentral.lenovo.com/marketing

Start by examining the location of each of the pieces that make up the sample site. 1. When you open your workarea, note that there is a folder (or directory) for your site pages (the ‘new-section’ folder in the image below, but it will be the name of your site for your pages), and a second folder for the forms and templates that are used to create the pages (the ‘templatedata’ folder).

PAGE 4 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

Although you will be using the ContentCenter Standard interface to Teamsite most of the time, the following screen shot from ContentCenter Professional helps show all the folders at once.

2. The index.shtml page in the directory for your site section will become your home page. That is, the site you see at lenovocentral.lenovo.com/new-section above, corresponds with the index.shtml page in the ‘new-section’ folder. Other pages for your site may be placed in this directory or in sub-directories depending on your site planning. 3. Images used in the creation of the sample pages have been placed in the /newsection/images directory. It is not necessary to place all images in this directory however it is a common practice to do so in order to avoid making it hard to find pages mixed in amongst a long list of image files. 4. Three key pieces of the web pages are built as Server Side Include (SSI) files. These are the local navigation (/includes/local_nav.ssi) , the related links component (/includes/related_links.ssi) and any feature items (/includes/feature_1.ssi). The advantage of using this method is to allow them to be shared across multiple pages while only needing to be edited once.

PAGE 5 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

2.2. Planning your site
Any planning you can do up front will help avoid reworking pages and links later. So here are the basics.
1) List the main topics or sections that your site will have. These will become the 1st

level of links on the local navigation. You will usually want to create sub-directories for the pages that make up these topics too.
2) Select appropriate names for these sections so that you can have short, logical URLs

and the terms or labels you use for these sections will be recognizable to people who are not familiar with the jargon and acronyms you may use day to day.
3) For topics that have a lot of material, figure out how to break it down into small

scannable pieces. Some topics will be best supported with an introductory page or landing page that lays out options or sub-topics so they are easier to navigate. Typically this ‘introductory page’ will be the ‘index.shtml’ for a folder. See more on this topic in the section about editing an existing site.
4) Think about whether there will be one group of people with the ability to edit all pages

or if you need to break the site into sub-sections that are managed by multiple groups who should not have access to each other’s content. If you anticipate needing to support multiple groups, please discuss how to handle this with Matt Evans or Marc Jaeger.

PAGE 6 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

3. Editing an existing site
3.1. Accessing the ‘workarea’ for a site
1) Start a web browser and go to the Teamsite sign in page at teamsite.lenovo.com

Note that this application is on the Lenovo internal network so you will either need to be in the office or have your WebVPN connection running. You should see the following screen (or similar).

2) Sign into Teamsite using your Lenovo ID (the same one you use for WebVPN,

FileNet, Wireless and so on). Make sure you select the Domain as LENOVO.
3) Check that you have ContentCenter Standard as your interface to Teamsite (rather

than ContentCenter Professional). Look for the label in the top left hand corner of the page. If professional is shown, switch over to the standard interface by clicking on the ‘CCPro’ link at the top right corner of the page. Click on the ‘workarea’ for your site in the ‘My workareas’ section of the page.

PAGE 7 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

4) Click on the name of the directory that your site is in. Note that you may need to go

down into two or more levels to get to where your site is. For example, the Americas and EMEA sales sites have a URL of lc.lenovo.com/sales/ag and lc.lenovo.com/sales/emea respectively. So in order to get to the home page for one of these site sections you would open the ‘sales’ folder, then open the ‘ag’ or ‘emea’ folder. In the example shown below the site URL is lc.lenovo.com/new-section so it is only necessary to navigate down one folder.

5)

For new site sections you will see the following.

PAGE 8 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

Older sites may have been edited to include many other files and folders. For example, below is a view of the lc.lenovo.com/intranet site section.
o

At the top it shows a ‘breadcrumb’ or ‘navigation’ trail to return up through the levels that you have selected so far. It shows that we are in the ‘intranet’ folder and that this is within the ‘Intranet team section’ workarea and at the top level it allows us to return to the ContentCenter Standard home page. Next you will see the various sub-folders you could access from the current folder. Content about the intranet architecture are in the ‘architecture’ folder, content about the intranet design are in the ‘design’ folder and so on. At the bottom you will see any files in the current folder. Here there are three (index, contact_us and terms_of_use).

o

o

3.2. Editing existing pages
3.2.1.Opening a page to preview it or ‘Surf’n’Edit’ Continuing on from the last step where you were in the ‘new-section’ folder.

PAGE 9 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

Let’s make a change to the home page for this site section (lc.lenovo.com/newsection/index.shtml). Click on the name of the file (index.shtml) and the page will open in a new browser in preview mode. Note that the URL shown in the browser indicates that the page you are looking at is still in Teamsite (not on the Lenovo Central site), and note that there is a toolbar with options to edit, import and so on. This toolbar can be moved by selecting the title bar and dragging it wherever you like.

Use this preview mode to ensure you are about to edit the correct page, or to check the current state of content on the page – it is possible that changes have been drafted and not yet published.

PAGE 10 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

‘Surf’n’Edit’ is the ability to follow links on your page to move between pages while in preview mode and toggle into edit mode whenever you choose. This function is limited to pages you have access to within your workarea. To edit the page, click the ‘Edit’ link in the toolbar. This will open the form associated with the page.

3.2.2.Opening in edit mode immediately If you are certain about which page you want to edit, and want to go directly to the form and begin editing, then you can select the ‘Edit’ link next to the applicable file.

This will open the same form that you accessed via the preview window. 3.2.3.Publishing your changes When you are finished making changes on a form, ensure that you use the ‘Generate’ button to transfer your changes on the form to the associated web page.

PAGE 11 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

During the generate step you will also be shown a preview of the page. Close this preview page/browser to move on to publishing. Click the ‘Next’ button at the bottom right corner of the form. The content wizard, or workflow, will now lead you through a few steps asking for information as necessary. The default values are nearly always fine, so if in doubt just click the ‘Next’ button to move on to the next step.

PAGE 12 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

3.3. Creating new pages
3.3.1.Copying an existing page The quickest way to create a new page is to copy one that closely matches what you need. To do this it is necessary to remember that pages are created from form entries (or data capture record files) in Teamsite. So in order to copy an existing page, you will actually start by copying the form entry then generating a new page from it.

PAGE 13 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

In the image below you can see the two major sections within your workarea. The top section shows the folder where your site pages, images and so on are kept, and in the bottom half you can see the folder that contains the form entries and templates.

The page at lc.lenovo.com/new-section/examples/example_page_without_features.shtml is produced from the form entry (or data capture record - .dcr file) in the /templatedata/pages folder. To demonstrate the copying process, let’s assume you wanted to create another page in the ‘examples’ folder. So it would be logical to start with one of the existing pages to use all the same local navigation, related links, breadcrumbs, banner image and so on. Schematically, the process will be as follows:

PAGE 14 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

Following are the step by step screen shots showing you how this looks through the ContentCenter Standard interface.
45488)Start at the top of your workarea (or navigate there by clicking on the breadcrumb

trail item for the workarea). Then open the ‘templatedata’ folder followed by the ‘pages’ folder, then the ‘std_page_no_features’ folder, and finally the ‘data’ folder.

45489)When you find the form entry you want (example_without_features.dcr in this

example), select the ‘File Actions’ menu at the right hand side. Then select ‘Copy’.

45490)By default, Teamsite will suggest a new name for the copy (‘Copy of

example_without_features.dcr). You can name the file whatever you want, but generally it is best to name it the same as what your HTML page name will be unless that will be one of many ‘index.shtml’ files. You can also create a subdirectory structure within the ‘data’ folder if you want. This is helpful if you are going to create a lot of pages. The directory structure can mimic the site structure so it is clear what the relationship between forms and pages is. In this example I’m just leaving the new form entry in the same folder. The other default values are fine as is too.

PAGE 15 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

45491)I’m naming this example as ‘third_example_page.dcr’. Move on by clicking the

‘Next’ button.

45492)The content wizard / workflow will force you to submit this new file to save it.

Either of these two workflows will submit the file to the Teamsite STAGING area, but since we don’t need to publish this form entry to the web site, just use the ‘Submit workflow’. Accept the defaults on the next screen, then click the ‘Done’ button to finish.

PAGE 16 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

45493)You will now see your new form entry in the directory you started out in. Click on

the ‘Edit’ link to modify it and generate your new page. Note that if you click on the name of the file it will open the form in preview mode and prevent you from editing it.

45494)Edit the content in the form and use the ‘Generate’ button to save, generate and

preview your new page.

PAGE 17 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

45495)You will be asked to provide a name and location for your new page. Put it in

whatever section of the site you wanted it to be in. In this case, that is the /newsection/examples folder. Use the ‘Browse’ button to navigate to the folder, or just type in the path starting with a / as shown below. Before long you will remember the directories where you have pages and it is quicker than using the browse button each time. Note that when selecting a folder in the ‘browse’ pop up window you will need to double-click.

PAGE 18 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

45496)A preview window will open to show you the new page that has just been

generated. Other than the title that I changed to ‘Third example page’ you can see that it is the same as the one we copied. Close the preview window when finished checking it. Make further changes and generate the page again if you need to. Move on to publishing this new page by clicking the ‘Next’ button on the bottom right corner of the form like before.

45497)Publish the file out to the Live web site if you are finished editing it.

In this example, the page is now live at lc.lenovo.com/newsection/examples/third_example_page.shtml but remember that we haven’t updated the local navigation yet to include any link to it. This will be the next step.

PAGE 19 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

3.4. Updating local navigation to include new pages
On each page, there is a local navigation component that is managed separately. The advantage of keeping it separate is that it can be changed once and immediately update all pages that reference it. It is called a Server Side Include file (.ssi). Although it has a different file extension than a standard page it is really just a small piece of HTML. The .ssi file extension is necessary to make sure it can be built into the page correctly. The following example shows how to add the new ‘third_example_page.shtml’ to the local navigation so it can be accessed from any other page. Your local navigation file is kept in the ‘includes’ folder.

Open this folder and you will see the ‘local_nav.ssi’ file along with other components that use the server side include technique (related links and feature items). Click on the ‘Edit’ link for this item.

PAGE 20 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

The local navigation item has a different form than the pages we have used as examples so far. It only needs to capture a label and link for each of the items in the local nav. It does look a bit confusing at first however because there are three levels of links in the local nav item and you can’t see the whole list at once.

Compare the form for your site section with the navigation and you will see how level 1, 2 and 3 items are treated.

PAGE 21 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

The key things to know about the form for the local navigation are (see illustration below) :
o

You can collapse and expand the information for each of the items if you want to using the + and – symbols on the left hand side. Also note the numbering in grey for each of the items. In the screen capture below I’ve shown the 4th level 1 item open with it’s two level 2 items within it. This helps keep track of where you are. Use the + symbol on the right hand side to add another entry. Use the x symbol on the right hand side to delete an entry in the list. The up and down arrows on the right hand side allow you to move an item up or down the sequence.

o

o o o

PAGE 22 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

Make changes as necessary then click on the ‘Generate’ button to update the ‘local_nav.ssi’ file. In this example, I’ve added the new example page as the 4th Level 1 item.

When you generate the updates you will see a preview just like you did with pages, however, it is very basic looking because the format for the local navigation comes from the page once it is published, not this individual element.

PAGE 23 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

Close the preview window and continue on with the next step for publishing. When finished, all pages now have ‘Third example page’ included as the 4 th item in the local navigation. At the bottom of the screen capture you can see that I’ve linked this to the new page.

PAGE 24 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

3.5. Importing file attachments and images
In order to use images, or include file attachments on your site, they will need to be uploaded from your PC to a folder in your site (within Teamsite). To do this, navigate to the appropriate folder, then click on the ‘Import’ button. A window will open allowing you to select the files on your PC and then proceed with importing them. Once they are available in your site you can link to them or reference them as required. On the first occasion that you use the ‘Import’ function it will take a while as a new Java application is set up. Wait for this process to complete and accept the digital signature. When prompted, you should accept and always trust the digital signature. See below. This will allow your PC to work with the Java applet.

The import function requires a working directory on your PC. It will suggest the following. You can just accept the default or change this to any drive.

When ready, the Import function shows you a menu to allow you to select the files from your PC and add them to a list of items to load up to Teamsite.

PAGE 25 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

In the following demonstration I’m starting off by creating a new folder to put all the file attachments in. This is a good practice because it avoids mixing the file attachments with pages, which would make it harder to find or browse through them. If you don’t have many file attachments or images, then it isn’t as important, but if you have a lot then it is best to create the separate folder from the start.

The new folder is called ‘downloads’.

After clicking on the ‘Finish’ button, navigate into the new folder and click on the ‘Import files’ button.

On my PC I have a folder which contains a couple of sub-folders and files in each. I’ve navigated to this and selected it. To include it in the batch of filed imported, click on the

PAGE 26 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

‘Add’ button. If necessary you can navigate to other items and add them to the list so that you only have to click on import once. When ready click on the ‘Import’ button.

The next screen allows the destination for these files to be selected. By default it is the one you started off in. Note that even though I only have one line item shown in the list above, the screen below indicates that there are 7 items within this folder. The process will load all sub-folders and files in one go.

When you click on the ‘Next’ button the import process starts. After this finishes, the workflow moves on to submitting and publishing these files. In most cases you would want to publish out to the live site so select ‘Deploy selected files to Intranet’ and continue through until done.

PAGE 27 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC

LENOVO CENTRAL INTRANET DOCUMENT TYPE: TRAINING

STATUS: FINAL REVISION NO. : 1.0

PAGE 28 OF 28

LENOVO_CENTRAL_EDITOR_TRAINING.DOC