USING CONTRIBUTE

EDITING BUSINESS & ADMINISTRATIVE SERVICES WEB PAGES

   Before you begin - launch Macromedia Contribute - make sure to leave this page open in your browser (Internet Explorer or Netscape) for reference.

NOTE: Important - when making changes to content, first look for a "Edit File" or similar link. Click this link and make changes on this page through Contribute.

Getting acquainted with the BAS web page Layout



   As seen below - the page contains many elements. The FOUR features you should be concerned with as a WEB EDITOR are:

ONE - text/graphic page links - top left

  • The text or graphic version - This link is included at top right for easy accessibility link at the top left of every GRAPHICS PAGE links the visitor to a "text-only" version of the page.
  • All "text-only" pages contain a text or graphic version - This link is included at top right for easy accessibility link that takes visitors back to the graphic version.
    • These first two features have been added for ADA compliance - aiding accessibility.

TWO - Breadcrumbs

  • The "breadcrumb" links are a convenient way for a visitor to understand how the current page is organized in the web site. The links must be maintained to reflect the web site structure. See below.

Breadcrumbs links: BAS / Admin / News

THREE - text/graphic page links - bottom

  • Located near the bottom of BAS web pages is another "text version" or "graphic version" link (depending on GRAPHIC or TEXT-ONLY, respectively). See below.

site-wide links; Using this Site, People Finder, Campus Map, Banner Web....

  • NOTE: The "text version" link next to the "Home" link should have the same Link Properties as the text or graphic version - This link is included at top right for easy accessibility link at the top of that page.

FOUR - Page Title

  • Every page shall have a unique page title. In Contribute, click FORMAT, Page Properties (Crtl + J). Keep in mind that when creating a NEW PAGE in Contribute requires a unique page title. Choose a descriptive title.

   IMPORTANT: Make sure to remember for every new web page - there must be two versions; a text-only version and a graphic version. Name the pages accordingly. Example: a web page about "tuition" named "tuition.shtml" will have a text version called "tuition_text.shtml".

   All web pages must be named using the ".shtml" extension.

THE COMPLETE PAGE LAYOUT

text or graphic version - This link is included at top right for easy accessibility
HOME = main page, Services = services provided, Depts. = Depts., Forms = All forms on BAS Web Site, Fast Links = mouseover to get links to popular pages, BAS Index = A-Z index, Bookmark = click to bookmark any page, Sitemap = page list by dept.
Mouseover "Dept buttons" for drop-down menus
Bread / crumbs.....to find your way back                BAS Logo acts like BAS HOME button
Left-hand Navigation; Content-specific, job-seeker, services..., dept.....etc.   Right-hand; NEWS Spotlight = new updates listed here. (ex. new form or page), Explore = features links or story from other section or CSUB web site.

site-wide links; Using this Site, People Finder, Campus Map, Banner Web....


BROWSE - Using Contribute to browse

 

  • In many ways Contribute acts like a Web Browser. You may:
    • Navigate the web - Click View, Go to web address... (Crtl + O)
    • Save Bookmarks or Favorites
      • Click Bookmarks - Add, Delete, View Contribute Bookmarks, Other Bookmarks show those from Internet Explorer
    • Print web pages
EDIT - Making changes to an existing BAS Web Page



Edit a web page

  • Once you navigate to a web page in Contribute that you have access to edit, click the "Edit Page" Edit Page button button.
  • Click in the page where you want to make changes. To add text to your page, either type directly into the page, or copy and paste text from another document.

    link image table edit

To create a link

  • When editing the page, in your draft, click where you want the link to appear. You can also select and link text (or an image) that's already on the page.
  • Click the Link button in the toolbar, then choose the type of link you want to create.
  • In the Link Text text box, type the text you want to appear on the page.
  • Select or browse to the page you want to link to, then click OK.

Insert an Image

   You can easily add images to your web pages. You can drag an image, or copy and paste it from another page to the draft you're editing. You can also use the Image button in the Contribute toolbar to select an image to insert in your draft.

  • Click in the draft where you want the image to appear.
  • Click the Image button, and in the pop-up menu that appears, select From My Computer.
  • In the Select Image dialog box, browse to and select the image, then click OK.

Insert a table

   Tables are a common way of presenting information, and are often used in web pages to lay out information and to present tabular data.

  • Click the draft where you want the table to appear.
  • Click the Table button.
  • In the Table dialog box, choose the Table Options you want to apply to the table - such as the number of rows, columns, headers, borders, and others.

Add or Import Microsoft Word or Excel content to your page

  • While editing your draft page, click where you want to insert the content, then select Insert Microsoft Office Document.
  • Browse to and select the file you want to import, then click Open.
  • The document's contents appear in your draft page.

 

PUBLISH - Publishing changes to Web site or Saving a draft for Later / Review



Publish a web page

  • When finished editing, click the "Publish" Publish button button. Clicking this button immediately publishes the edited version to the web site

Save an edited web page for later

  • If you prefer to save a draft version Draft page click the "Save for Later" Save for Later button button. This saves the version on your computer (where Contribute is installed).
  • If you would like to have Web Development - Review your edit, click File, E-mail Review. See figure below.

    Menu items - File - E-mail Review
  • Click OK to confirm the temporary review copy.

    Contribute will place a review copy of this draft in a temporary folder on your website, and reviewers will receive a link to that copy. The folder will be removed when you publish or cancel the draft.
  • Your default EMAIL CLIENT (Example Outlook Express) will be launched. For many customers this does not work properly. Launch your normal Email Program and Copy and Paste the "Subject" and "Body" text into the other Email Program.

    Email Client - subject and body text example
NEW PAGE - Creating a new BAS Web Page



New web page

  • Click the "New Page" new page button button. A dialog box is displays the templates to choose from.
  • There are four (4) main templates to choose from:
    • csub_bas, csub_bas_text, csub_bas_minusright and csub_bas_text_minusright. Choosing the correct template depends on whether you need a "text-only" version (text) AND/OR you prefer a wider design without the right area (minusright).
  • Please choose a unique Page Title.
  • Click OK.

    New Page dialog box

   IMPORTANT: Make sure to remember for everyone new web page - there must be two versions; a text-only version and a graphic version. Name the pages accordingly. Example: a web page about "tuition" named "tuition.shtml" will have a text version called "tuition_text.shtml".

   All web pages must be named using the ".shtml" extension.


EDIT - Incorporate Content from Word or Excel document



Using Content from Word or Excel in a web page

  • You may re-purpose content that exists in other programs such as Microsoft Word and Excel.
  • While editing your draft page, click where you want to insert the content, then select Insert Microsoft Office Document.
  • Browse to and select the file you want to import, then click Open.
  • The document's contents appear in your draft page.
  • Either Copy and Paste content or drag a Microsoft Office document onto the page

    Incorporate Content from Word or Excel
EDIT - Using Style sheets in BAS Web Page
   Preformatted Styles have been created. Please visit the Style Sheet page to see examples.
 
 

MACROMEDIA CONTRIBUTE

 


   FlashPaper example taken from Microsoft Word document.