Skip Headers
Oracle® Fusion Middleware User's Guide for Site Studio Contributor
11g Release 1 (11.1.1)

Part Number E10611-01
Go to Documentation Home
Home
Go to Book List
Book List
Go to Table of Contents
Contents
Go to Index
Index
Go to Master Index
Master Index
Go to Feedback page
Contact Us

Go to previous page
Previous
Go to current chapter
Up
Go to next page
Next
View PDF

1 Introduction

This section covers the following topics:

1.1 About Site Studio

Site Studio is a powerful, flexible web development application suite that offers a comprehensive approach to designing, building, and maintaining enterprise-scale Web sites. It goes beyond conventional Web site development solutions by offering site creation and content management all in one. Everything associated with a Web site, including all site assets (such as templates, graphics, CSS files, and the like) and all site content, is stored and managed in the content server, which means that all security, revision control, workflow, and search functionality of the content server is automatically available.

Site Studio dramatically improves productivity and enables organizations to maintain accurate, timely, and current web content with consistent branding and presentation across all corporate sites. With Site Studio, you can centralize control of site architecture and presentation, while distributing content development and ongoing maintenance to business units or other teams.

Site Studio comprises three applications, which reflect three distinct users of Site Studio: designers, managers, and contributors.

The Site Studio Designer application provides the development environment in which individuals (the site designers) can create, design, and distribute the site. The designer controls the look and feel of the web pages, and images, fonts, colors, and layout of the web pages. The designer is typically a webmaster, a web developer, a site administrator, or someone in a similar position. Typically, one designer works with multiple managers and contributors. See the User's Guide for Site Studio Designer for more information.

The Site Studio Manager application provides a web-based site management console that can be used by one or more site managers to control the navigation structure of the Web site, including which templates to use and which content to display. The manager is often the head of a division or department. See the Administrator and Manager's Guide for Site Studio for more information.

The Site Studio Contributor application enables assigned individuals within an organization (the contributors) to add and update content on the Web site whenever they want using an inline editing environment that can be called directly from the Web site. Contributors are usually non-technical users and might be members of a marketing team or sales team.

The separation of Site Studio users into site designers, managers, and contributors yields numerous benefits. First, site designers do not have to be bothered if content or navigation on the site must be updated. They use Site Studio Designer to create reusable site assets (templates, fragments, and the like) and combine these assets to build a site, and then they are done.

Second, site managers can add entirely new sections to the Web site without needing the design team. They can simply reuse the assets that the designer created and then add new sections to the Web site or rearrange existing ones.

Finally, contributors do not have to know HTML at all to create highly complex and attractive web pages. They can add content with native applications such as Microsoft Word or with Site Studio Contributor. The latter is a web-based HTML editor that gives contributors an advanced editing environment for creating and updating content. The site designer can still enforce a consistent look and feel by limiting what editing options are available; for example, allowing site contributors to select only from a list of approved fonts, colors, and styles.

In addition to these three Site Studio roles, there may also be separate site administrators, who could take on responsibility for assigning web addresses to the site, backing up the site, replicating the site, and so on. All these administrative tasks are performed on the content server.

Note:

One person may have multiple roles, depending on the organization's size and structure.

1.2 The Contributor's Role

As a site contributor, your role is to add content to the Web site and update it, as necessary. You might be updating a portion of a web page, several web pages, a section, or the entire site. Once the site is created, the designer or manager will notify you of the web pages that must be updated (possibly by using e-mail notifications or workflows).

Before you begin, you should learn as much as possible about the Web site that you are contributing to. For example, you should:

You can then start making changes directly to the site using Site Studio Contributor. You can make changes and preview those changes before updating the site. Your changes are saved in a file (called a contributor data file) that is stored on the content server (see Chapter 2, "Getting Started With Contributor" and Chapter 3, "Editing Web Pages in Contributor"). Alternatively, you can create and edit native documents (such as Microsoft Word files), which are converted into web pages that appear on the Web site (see Chapter 10, "Working With Native Documents").

1.3 The Contributor Editor

The editing environment available on the web pages depends on the editor set up for use with Site Studio Contributor and the content type that is being edited (text, image, and so on). By default, the editor used with Site Studio Contributor is based on FCKeditor, which is a light-weight, JavaScript-based editor that does not require any kind of installation on the client computer. Your content server administrator may have chosen to set up an alternative editor. If that is the case, your editing environment may look slightly different than shown in this guide. Also, there may be minor differences in the editing experience (for example, some editing features may not be available or work slightly differently).

The Contributor application is launched by pressing a special key combination (Ctrl+Shift+F5 by default) on web pages that are managed by Site Studio and Content Server and that the site designer has made available for editing by site contributors. Once launched, Contributor displays a special graphic next to each area on the web page that can be edited.

Figure 1-1 Contribution Graphic

Description of Figure 1-1 follows
Description of "Figure 1-1 Contribution Graphic"

This graphic shows the name of the editable area, an edit icon, and a menu icon. To edit the selected area, click the edit icon (or click the menu icon and choose the edit option). As soon as you are done editing and save the data file, the Web site is updated to reflect the changes. See Chapter 2, "Getting Started With Contributor" to learn more about the Contributor editor.

1.4 System Requirements

The system requirements for Site Studio Contributor are as follows:

1.5 Accessibility Features

There are many keyboard shortcuts available for use while editing in Contributor. Keyboard shortcuts help contributors with disabilities to work in the editing environment. In addition, keyboard shortcuts can speed up editing, since they enable you to work while keeping your hands on the keyboard and not having to constantly switch between the keyboard and the mouse.

This section contains the following topics:

1.5.1 Keyboard Shortcuts for Contribution Mode

The following shortcuts are used to work with the various contribution region menus on a web page:

Shortcut Description
Alt + F3 Opens the next contribution region menu.
Alt + F2 Opens the previous contributor region menu.
Tab Highlights the next item on the contribution region menu. This shortcut is available only when a contribution region menu is visible.
Shift + Tab Highlights the previous item on the contribution region menu. This shortcut is available only when a contribution region menu is visible.
Esc Closes the contribution region menu. This shortcut is available only when a contribution region menu is visible.
Enter Selects the contribution region menu's highlighted item. This shortcut is available only when a contribution region menu is visible.

1.5.2 Keyboard Shortcuts for the Contributor Form

Once the Contributor form has been opened for a contribution region, further keyboard shortcuts are available:

Shortcut Description
Alt + F3 Moves to the next element.
Alt + F2 Moves to the previous element.
Alt + 1 Places focus on the form.
Tab Browser dependent tabbing between the Contributor form commands (for example, Update button, About link, Metadata Tab, etc.). Use the keyboard shortcut Alt + 1 to reset focus to the top of the form prior to accessing the Contributor form commands.
Enter Selects the focused item (for example, button, link, tab).

Keyboard Shortcuts for List Elements

List elements in the editing area have the following keyboard shortcuts:

Shortcut Description
Up / Down arrow Moves up and down between the rows in the list element.
Ctrl + Tab Moves from table rows to the toolbar (if present).
Enter In a static list element, Enter edits the current row.

In a dynamic list element, Enter shows the content information page for the current row.

Alt + F3 Moves to the next element.
Alt + F2 Moves to the previous element.
Alt + 1 Places focus on the form.

Keyboard Shortcuts for Non-List Elements

Non-list elements in the editing area have the following keyboard shortcuts:

Shortcut Description
Alt + F3 Moves to the next element.
Alt + F2 Moves to the previous element.
Alt + 1 Places focus on the form.

Keyboard Shortcuts for Toolbar Items

The toolbar in the editing area has the following keyboard shortcuts:

Shortcut Description
Alt + Right Arrow / Alt + Left Arrow Moves forward and backward through the toolbar items.
Ctrl + Enter Accesses or executes the selected toolbar command.

If accessing the Style, Format, Font, or Size toolbar items, use Ctrl + Enter to access the drop-down menu, then use the Up/Down arrow keys to highlight the different menu options.


Keyboard Shortcuts for Context Menu Items

Context menus in the editing area have the following keyboard shortcuts:

Shortcut Description
Menu / Shift + F10 Opens the initial context menu.
Up / Down arrow Moves up and down within the context menu.
Enter Executes the highlighted action, or opens a sub-context menu.

Keyboard Shortcuts for Link Properties

Link properties in the editing area have the following keyboard shortcuts:

Shortcut Description
Ctrl + Right / Left Arrow Moves across the tabs.
Tab Moves across the form items in the dialog.
Space Selects or deselects button items in the dialog.
Esc Dismisses the dialog.

Keyboard Shortcuts for Image Properties

Image properties in the editing area have the following keyboard shortcuts:

Shortcut Description
Ctrl + Right / Left Arrow Moves across the tabs.
Tab Moves across the form items in the dialog.
Space Selects or deselects button items in the dialog.
Esc Dismisses the dialog.

Keyboard Shortcuts for the Color Dialog

The color dialog in the editing area has the following keyboard shortcuts:

Shortcut Description
Right / Left Arrow Moves across the colors.
Tab Moves across the form items in the dialog.
Space Selects or deselects button items in the dialog.
Esc Dismisses the dialog.

Keyboard Shortcuts for the Insert Special Character Dialog

The insert special character dialog in the editing area has the following keyboard shortcuts:

Shortcut Description
Right / Left Arrow Moves across the selected characters.
Enter Inserts the selected character.
Esc Dismisses the dialog.

Keyboard Shortcuts for Control Selection

Within the WYSIWYG Element, users must perform a 'control' type of selection in order to apply commands to certain HTML elements. Use the keyboard command Ctrl + Alt + Right/Left Arrow to toggle between the selectable HTML elements.

Keyboard Shortcuts for Link Wizard

The Link Wizard behaves as a Web page would. The arrow keys will not move in the hierarchy, rather you press Tab to move to the selected item and Enter to select. Additionally, you press Tab to move into a radio button group, and Enter to select the button.