Teamsite Training

LENOVO CENTRAL INTRANET STATUS: FINAL
DOCUMENT TYPE: TRAINING REVISION NO. : 1.0
PAGE 1 OF 28 LENOVO_CENTRAL_EDITOR_TRAINING.DOC
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
1. Overview
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).
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 /new-
section/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.
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.
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.
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.
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.
o 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.
o At the bottom you will see any files in the current folder. Here there are three
(index, contact_us and terms_of_use).
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.
Let’s make a change to the home page for this site section (lc.lenovo.com/new-
section/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.
‘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.
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.
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.
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:
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.
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.
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.
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 /new-
section/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.
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/new-

section/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.
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.
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.
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.
o 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.
o Use the + symbol on the right hand side to add another entry.
o Use the x symbol on the right hand side to delete an entry in the list.
o The up and down arrows on the right hand side allow you to move an item up or
down the sequence.
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.
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.
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.
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
‘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.

Teamsite Training

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Teamsite Training

Uploaded by

Copyright:

Available Formats

LENOVO CENTRAL INTRANET STATUS: FINAL

DOCUMENT TYPE: TRAINING REVISION NO. : 1.0

2. New site set up

2.1. Initial set up provided for you

Although you will be using the ContentCenter Standard interface to Teamsite

2.2. Planning your site

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

In the example shown below the site URL is lc.lenovo.com/new-section so it is only

5) For new site sections you will see the following.

o At the top it shows a ‘breadcrumb’ or ‘navigation’ trail to return up through the

3.2. Editing existing pages

3.2.1.Opening a page to preview it or ‘Surf’n’Edit’

3.2.2.Opening in edit mode immediately

3.2.3.Publishing your changes

3.3. Creating new pages

3.3.1.Copying an existing page

The page at lc.lenovo.com/new-section/examples/example_page_without_features.shtml

Schematically, the process will be as follows:

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

In this example, the page is now live at lc.lenovo.com/new-

3.4. Updating local navigation to include new pages

Your local navigation file is kept in the ‘includes’ folder.

3.5. Importing file attachments and images

The new folder is called ‘downloads’.

You might also like