Download Print this page
MACROMEDIA CONTRIBUTE Manual
Hide thumbs Also See for CONTRIBUTE:

Advertisement

Quick Links

·
Using Templates with Contribute 
Navigating to web pages
·
Creating a new page from a Template 
Editable Regions 
Optional Regions
·
Editing existing web pages
Editing page elements not in editable areas
·
·
Using Cascading Style Sheets in Contribute
Adding Word and Excel documents to a website
·
·
Working with tables in Contribute
Making hyperlinks with Contribute
·
Adding an image to a page
·
Adding keywords and a description for a page
·
·
Saving Drafts
Canceling a draft or new page
·
Publishing Your Page 
·
Using Templates with Contribute 
How templates work 
A developer makes a template in Dreamweaver by creating a page and adding content that 
he/she wants to be present on all pages that use the template. A simple template might only 
contain a table with the logo and a background color for the page. A more complex template may 
have a full navigation system in place, additional content across the top of the page, and a footer 
containing copyright information along the bottom. 
The power of templates, though, lies in the various methods of editing or modifying certain 
sections of the page. The template creator picks certain areas of the template that should remain 
editable or optional, and users who make pages from this template will only be able to edit (and 
add) the content in those specific areas. 
For Contribute administrators who want more information about how to create a template in 
Dreamweaver MX, please see the Additional information section at Macromedia's website.  For a 
more detailed user manual, download Macromedia's Using Contribute Manual (PDF), and visit 
Contribute Support Center. 
Navigating to web pages 
The easiest way to find a web page you want to edit is to browse to the page in Contribute, just 
as you would browse to a page in any web browser.  You can use the address bar in the 
Contribute window just as you would an Internet Explorer or Netscape browser window address 
bar. 
Viewing drafts and new pages 
Drafts you are currently editing, and new pages you've created but haven't published yet, appear 
in the Pages panel.  You can also access these pages using the File menu.
Contribute Manual

Advertisement

loading
Need help?

Need help?

Do you have a question about the CONTRIBUTE and is the answer not in the manual?

Questions and answers

Summary of Contents for MACROMEDIA CONTRIBUTE

  • Page 1 Contribute Manual · Using Templates with Contribute  Navigating to web pages · Creating a new page from a Template  Editable Regions  o  Optional Regions o  · Editing existing web pages Editing page elements not in editable areas · · Using Cascading Style Sheets in Contribute Adding Word and Excel documents to a website · · Working with tables in Contribute Making hyperlinks with Contribute · Adding an image to a page · Adding keywords and a description for a page · · Saving Drafts Canceling a draft or new page · Publishing Your Page  · Using Templates with Contribute  How templates work  A developer makes a template in Dreamweaver by creating a page and adding content that  he/she wants to be present on all pages that use the template. A simple template might only  contain a table with the logo and a background color for the page. A more complex template may  have a full navigation system in place, additional content across the top of the page, and a footer  containing copyright information along the bottom.  The power of templates, though, lies in the various methods of editing or modifying certain ...
  • Page 2 To view a draft or new page, do one of the following: Click the draft or new page title in the Pages panel in the sidebar. · Select File > Drafts, then select a page from the pop­up menu.  · Adding a page to your bookmarks  You can add any web page – not just pages in websites you’ve connected to – to your bookmarks  list.  To add a page to your list of bookmarks:  1.  Browse to the page you want to add to your bookmarks list.  2.  Select Bookmarks > Add Bookmark from the menu.  The Add Bookmark dialog box appears.  3.  If you want to change the name of the bookmark, enter a new name in the Name text  box.  This is the name that appears in your bookmarks list.  4.  If you want to add the page to a folder, click an existing folder name or click New Folder  to add a folder.  5.  Click OK.  Creating a new page from a template  1.  In Contribute, choose File > New Page.  2.  In the New Page window, there will be a list of templates available to you for creating a  new page. Create a new page by clicking on a template from the templates folder.  Note: If the needed template does not show up in the templates folder, click the Refresh  Templates button.  3.  After you have selected the name of the template you would like to use, you will see what  the blank template looks like in the preview pane to the right.  4.  Specify a title for the page in the page title field. Page Tile should be in the format:  Page Title: Department Name: Indiana University  click OK to make the page.
  • Page 3 Editable Regions  An editable region is a space on the template­based page in which you can put in content. This is  the most common template feature that you will be using. In Contribute, a basic editable area  looks like the image below. The light blue/green outline defines the editable region. In this  example, both the Department Name area and Content area are outlined in blue/green and  therefore are editable. In Contribute, you will only be able to add content within these areas.
  • Page 4 Optional Regions  You can enable optional regions by clicking on Template Properties link.  Select optional region,  check Show, and then click ok.  Your page will now display the optional right navigation.
  • Page 5 To hide optional region click on template properties, select optional region, and uncheck  Show Region.  To edit the right navigation please refer to the Editing page elements not in  editable areas section.  Editing existing web pages  You can edit any pages on your website, as long as you have permission and as long as  someone else is not currently editing the page.  When you browse to a page, the message area  under the toolbar indicates whether you can edit that page.  Opening a page for editing  To open a page for editing, simply browse to the page or use the Contribute workspace to quickly  access special pages.  To edit a page:  1.  Browse to a page you want to edit  2.  Do one of the following: · Click the Edit Page button in the toolbar. Select File > Edit Page. ·...
  • Page 6 Editing page elements not in editable areas  Contribute enables you to access pages and files associated with your website that you can’t  browse to.  Use the Choose button in the toolbar (after the address bar) to access pages and files  that are saved in a website folder, but aren’t linked from any page on your website.  The most  common instance of this will occur when you need to update the footer, left navigation or right  navigation.  To edit the left navigation:  1.  In the Contribute browser or editor, select View > Choose File on Website or click the  Choose button in the browser toolbar.  The Choose File on Website dialog box appears.  2.  To edit the left navigation, double­click on the _leftnav.shtml file in the root directory.  Include files are identified with an underscore.  When you select the file, a preview will appear so that you can be sure you’re selecting  the correct file.  3.  Click OK  Using Cascading Style Sheets in Contribute  Cascading Style Sheets (CSS) is a language used in conjunction with HTML to define how a  page looks. CSS consists of a set of rules defined by the web developer or designer that tell the...
  • Page 7 With CSS, you can specify the page layout, font size, type and color, borders and other design  parameters. Not only does CSS provide more options for design than HTML, but it also allows  developers to manage the look of the entire web site from a central file. Simply change a rule of  style and it's automatically applied across the site!  Overview of CSS style types  There are 3 main types of styles. They are:  1.  Custom classes: These are styles that can be applied to specific page elements, such  as paragraphs and tables. These can be made available to Contribute users.  2.  Redefined HTML tags: These are rules that are defined for specific tags. They are  automatically applied to every instance of that tag. For instance, developers can specify  that every table on the site will have a 2­pixel, red border. Every new table that is made  will automatically have that rule applied.  3.  CSS Selectors: Selectors are used to specify styles for special combinations of tags. For  instance, selectors are used for removing the underlines from links. Like redefined HTML  tags, these are applied automatically to every instance of the selector rule.  As noted above, custom classes are the only CSS styles available to Contribute users. This is  because the other types are already applied globally to the tags. With custom classes Contribute  users can select from the list of defined classes and apply them to whatever element they wish.  Contribute users cannot create CSS files, but they can use the custom classes that have been  linked to the page by the Dreamweaver MX administrator. Once linked to the page in  Dreamweaver, the custom classes will be available in the Style drop­down menu.
  • Page 8: Adding Word And Excel Documents To A Website

    Applying the custom classes  To apply a custom class:  1.  Highlight the page element to which you would like to apply the style.  2.  Click on the Style drop­down menu (shown above) and select the desired style. It will  automatically be applied to the selection.  Note: The style options are also available in the Format > Style menu.  3.  To remove the class, highlight the selection and select None from the Style drop­down  menu.  Adding Word and Excel documents to a website  With Contribute you can easily add Microsoft Word and Microsoft Excel documents or content to  your website.  There are two ways to add Word or Excel content to a web page: · Add the contents of a Word or Excel document to a new or existing web page  (recommended for smaller documents, under 300K when converted to HTML) Insert a link to Word or Excel document on an existing web page (recommended for  · larger documents, over 300K when converted to HTML)
  • Page 9 Adding Word or Excel content to a page  You can add the contents of a Word or Excel document to a new or existing web page.  When  you add content to a page, Contribute converts the content to HTML and copies it to your web  page.  You can edit the content in Contribute; changes you make to the original file on your  computer will not appear on your website.  To add the contents of a Word or Excel document to a new or existing web page:  1.  Do one of the following to select the page where you want the content to appear: Browse to an existing web page, click the Edit Page button, then place the insertion  · point in the draft where you want to add the content. Create a new page  · 2.  Do one of the following to select the file: Drag the file from its current location to your Contribute draft where you want the  · content to appear.  If the Insert Microsoft Word or Excel Document dialog box  appears, click Insert the contents of the document into this page, then click OK. Select Insert > Microsoft Word Document or Insert > Microsoft Excel Document.  · In the Open dialog box, browse to the file you want to add, then click Open.  The content of the Word or Excel document appears in your draft.  Inserting a link to a Word or Excel document  You can insert a link to a Microsoft Word or Excel document in an existing page.  When you publish the page with the link, Contribute copies the Word or Excel document into your  website, and then links to that copy (not to the original file on your computer).  To create a link to a Word or Excel document:  1.  Browse to an existing page where you want the link to appear, then click the Edit Page  button in the toolbar.  2.  Do one of the following to select the file: Drag the file from its current location to your Contribute draft where you want the link  · to appear.  If the Insert Microsoft Word or Excel Document dialog box appears,  click Create a link to the document, then click OK. Place the insertion point in your draft where you want the link to appear, or select text  · or an image of the draft, then click the Link button in the toolbar and select File on ...
  • Page 10 Tables also have properties that define the look and layout. Border ­ The line that surrounds the outside of the table. This can be set to any size or  · none at all, but 1­3 pixels is standard. Border colors can also be set. Cell Padding ­ This is the amount of space between the actual content of the cell and the  · cell border. This property can affect the layout of content within a cell. Cell Spacing ­ This is the amount of space between the borders of the cells. · Table Header ­ A header is a row that is used to distinguish columns or rows. If you have  · a table of addresses, the header is the row that specifies the Name, Address, Phone,  etc... Headers are usually made bold. Background color ­ Background colors can be set for the whole table or for individual  · cells.  Creating a Table  Creating a table in Contribute is easy.  1.  Put the cursor at the point in the document where you want to insert the table.  2.  Click the Table button in the toolbar (Ctrl + Alt + T). This following dialog box will appear.
  • Page 11 3.  Set the number of rows and columns. More can be added later if needed.  4.  Set the Width of the table. Automatic Width is the default setting. Specific width allows  you to specify a certain value. In web pages only width is defined, height is not defined.  You can specify the table width to be a certain number of pixels wide or as a percentage  of the page. If you set the width to 50%, the table will extend half the width of the users  screen, no matter what size.  5.  Specify any border width, cell padding and cell spacing you wish. Again, these can be  modified later.  6.  Click on a header style if you want one. Click OK to create the table.  Note: Once you have created the table, you can select it and click and drag on the lower  right corner to resize it.  A word about table widths  Table widths can be set as a pixel value or a percentage value. Pixel values are good when you  want to have a very consistent look on the page and not have things move around. Percent  values are good when you want to fill the page to a consistent degree.  When using a value like 50%, the table should always fill up half the screen. However, there are  some limitations to this. Text can stretch and wrap as needed when resizing a browser window or  on different screen resolutions, but images cannot stretch and compress. If you have a series of  images across your table, the table will not be able to compress smaller than the total width of all  the images. The cells can stretch to make the table bigger, but this will only affect the spacing of  the images not their size.
  • Page 12 To add or delete rows and columns: · Click on the Add Row  or Add Column  button. This will add a row above the  selected row and a column to the left of the selected column. · Choose Table > Insert > Multiple Rows or Columns. This will allow you to specify how  many to add and determine whether they go before or after the cursor. · Right click on the table to get specific placement options (Add Row above selection, Add  row below selection...). To delete a row or column, click within the correct row or column, right click and select  · the appropriate Delete option or choose Table > Delete> Row or Column.  Merging and splitting cells  At times you may want to merge two cells together or possibly entire rows or columns.  Sometimes it is necessary to split cells to reformat your table, which is quite simple in Contribute.  To merge cells:  1.  Select the cells to be merged.  To select an entire row or column, put your cursor in the first cell of the row or column,  hold down the Shift key and click in the last cell.  To select certain cells only (you can only merge touching cells), hold down the Ctrl key  and click in all the cells you want to merge. You can also click and drag over the cells you  wish to select.  2.  Right click and choose Merge Cells.  To split a cell:  1.  Select the cell to be split.  2.  Right click (or choose Table > Split Cell) and choose Split Cell.  3.  In the dialog box that opens, choose Rows or Columns and specify how many to make.  Click OK.  Setting table properties  Once a table is created you can go back and adjust the properties of the table and also the cells.  There are separate property settings for the whole table and for each of the cells.  To modify table and cell properties: ...
  • Page 13 You can also set properties at the row or column level. It depends on what is selected when you  open the Table Properties box.  To set properties for a column or row:  1.  Select the entire row. You can do this by selecting all the cells in the row or column or if  you place your cursor at the very right or top edge along the table, it will turn into an  arrow that will select the row or column when clicked. The selection area is narrow!  2.  Right click and go to Table Properties. The dialog will now say Table Column Properties.  Set the values and Click OK to close the dialog box.  Formatting a table  Contribute has built in table formatting. These are predefined ways of setting color and formatting  schemes.  To Format a table:  1.  Put the cursor within the table.  2.  Click on the Format Table button in the toolbar or choose Table > Format Table.  3.  A dialog box will open with a list of formatting options.  The Basic tab will show previews of the color schemes available to you. You can choose  the default setting or go to the Advanced tab. The Advanced tab will allow you to change  the row color, text style and text alignment for each of the row types.  4.  Click Apply to preview your table or click OK to finish the table.  Sorting a table...
  • Page 14 Contribute also has sorting options for the data in your table. You can sort tables alphabetically or  numerically, ascending or descending and then sub sort within another column.  To sort a table:  1.  Put the cursor in the table. (Tables that have merged cells cannot be sorted.)  2.  Click on the Sort Table button or choose Table > Sort Table.  3.  In the dialog box that opens, choose the column number that you want to sort, choose  alphabetically or numerically and ascending or descending.  If you wish to sub sort by another column, enter the settings in the 'Then by' fields. There  are check boxes that allow you to include headers and hooters and other options.  4.  Click Apply to test the options and click OK when you are satisfied with the table.  Making hyperlinks with Contribute  One reason the World Wide Web is easy to use is because it allows you to easily link from your  page to any other web page with a single click. A link, technically called a hyperlink, is a small  instruction added to the page that tells the browser to go to the specified page when someone  clicks on the link.  Making links is easy, and this document explains the different kinds of links and how to make  them in Macromedia Contribute.  Basic Link Types  There are 3 basic types of links on the web: Links to other pages on your web site. These are called relative links since they are  · within the same site. · Links to other web sites. These are called absolute links because you need to specify the  full address to the site. · Email links. These links will open up a new email window with the person's address  already filled in.  Making links in Contribute  Making a link in Contribute is easy. It is a matter of selecting the text or image that you want to  make the link and then telling Contribute where you want to go with that link.  To make a link:  1.  Select the text or image that you want to make the link.  Text and images are the most popular items to make into links. Other objects can be  links, but you want to make it obvious that your object is a link. This is why text is blue ...
  • Page 15 Linking to Drafts and Recent Pages  Drafts are Contribute pages that you are working on but have yet to publish. They will show up in  the Places Window in the top left corner of Contribute. Recent pages are just that: pages that you  have visited recently, like a history list.  1.  Click on Link > Drafts and Recent Pages.  2.  You will see a list of drafts and recent pages in the Insert Link Dialog. Select the page in  which you want to link.  The Preview Window will show the page that you have selected.  3.  Click OK to make the link.  If you have linked to a page that has not been published yet, Contribute will prompt you  to upload the other page after you publish the current page. This action will prevent a  broken link.  Create a New Page  This option is used when you want to link to a new page now and enter the contents of that new  page later. This is useful when trying to create the basic structure of your site.  1.  Click Link > Create New Page.  You will be presented with a dialog box that lists your new page options. You can choose  between: · Copy of Current page. This will simply copy your current page as the new  page. Templates. You will be able to create an instance from one of the template.  · 2.  Select the type of new page you want to create.  3.  Give the page a title. This is the title that will appear at the top left of the browser window  when the page is viewed on the web. The title should follow the following format:  Page Title: Unit Name: Indiana University Kokomo  4.  Click OK. The new page will be created and the link will be made in the original file.  Linking to a Web Page  This option will allow you to make a link to a page anywhere on the web.  1.  Select your link text and click Link > Browse to web page. ...
  • Page 16 4.  Click OK to complete the link.  Linking to an email address  Sometimes you want people to click on a link and send an email.  1.  Click Link > Email Address.  2.  In the dialog box type in the person's email address.  3.  Click OK to finish.  Note: It is advisable to encode an e­mail address, to prevent it from being harvested. Contribute  does not have e­mail obfuscation capabilities, so you need to encode the e­mail address before  pasting it to the email dialog box. You can use this:  http://www.wbwip.com/wbw/emailencoder.html  or any other online tool to perform this step.  Linking to a file on your computer  When linking to a file on your computer, Contribute assumes that you want to put file this on the  web site. Therefore, it will make a copy of the file, upload it to the server and make a link to it.  1.  Click on Link > File on My Computer.  2.  Click on the Browse button and browse to the file on your computer.  3.  Click the Select button to choose the file. The path will show in the file field.  4.  Click OK to finish the link. When you publish the page the linked file will be uploaded  along with your Contribute page.  Creating a section anchor in Contribute  A section anchor is an invisible marker placed in your page to mark a specific topic or place. You  can then create links to the anchor that allow website visitors to jump to the specified position in  the page. This is commonly used on pages like glossaries that allow visitors to quickly jump to the  "M" section. You can also make links to other pages by pointing directly to the anchor on the new  page.  1.  In Edit mode place the cursor at the point on the page to which you wish to create a link.  2.  Click Insert > Section Anchor. A dialog will open.  3.  Enter the name of the anchor, making it clear and meaningful so that others will  understand what it's marking. For instance, if you are jumping to the 'products' section, ...
  • Page 17: Adding An Image To A Page

    Adding an image to a page  1.  Place the insertion point in your draft where you want the image to appear.  2.  Do one of the following: Click the Image button in the toolbar. · · Select Insert > Image.  3.  Select From My Computer or From Website from the pop­up menu.  The Select Image or Choose Image from Website dialog box appears.  4.  Browse to and select the image, then click the Select or OK button.  5.  If the Image Description dialog box appears, enter text to describe the image for people  with disabilities or for people with their browsers set to display text only, then click OK.  The image appears on your draft.  If the image is from your computer, Contribute copies the image to an images folder on  your website when you publish the draft.  You cannot edit the image in Contribute until  you publish the draft.  If the image is from your website, you can edit the image in  Contribute before you publish.  Note:  You can also drag or copy and paste an image into a draft.  Adding keywords and a description for a page  You can associate keywords and a description with your web page. Adding keywords can enable  visitors to type those words in a search engine and find the page.  To add or change keywords and a description for a page:  1.  Browse to the page you want to add keywords and a description for, then click the Edit  Page button in the toolbar.  2.  Select Format > Keywords and Description  The Page Keywords and Description dialog box appears.  3.  Enter or change keywords in the Keywords pane.
  • Page 18: Saving Drafts

    Separate each keyword with a single space and comma (for example, “meeting, minutes,  planning, committee, holiday, party”).  4.  Enter or change the page description in the Description pane.  5.  Click OK.  Saving Drafts  When you edit a page, Contribute automatically saves the page as a draft, and the draft title  appears in the Pages panel in the sidebar.  Contribute continues to save your draft as you work  on it, but you can also periodically save your work if you want.  To save a draft and continue working: · Select File > Save.  Canceling a draft or new page  To cancel changes to a draft of a published page: In your draft, click the Cancel button in the toolbar.  The published version of the page  · appears in the Contribute browser, without any edits.  To cancel a new page: In the new page you’re editing, click the Cancel button in the toolbar.  Contribute discards  · the new page.  Publishing Your Page  Publishing a draft makes it live on your website, so that your website visitors can view the page.  Before you publish your draft, you can preview it in your browser.  You can also make the draft  available to others for review, to get approval or feedback, before you publish the draft.  If you  decide not to publish your draft, you can cancel it, leaving the published version of the page as is.  If the draft you’re publishing was already on your website, Macromedia Contribute replaces the  existing page with your updated version.  You can also make updates to an existing page, then  publish it as a new page without altering the original page.  If the draft you’re publishing is a new page that was not on your website, Contribute adds it to  your website.  For new pages, Contribute asks you to name the file for the page before you  publish. File name should be all lower case with no spaces.
  • Page 19 After you publish a draft, if you realize that you need to unpublish the draft, don’t worry – you can  revert to a previous version of the page, if your website administrator has enabled the Page  Rollback feature.  Previewing a page in your default browser  To preview a page in your browser, do one of the following: Select File > Preview in Browser. · Press the F12 key.  · Making your draft available for review  1.  In your draft, select File > E­mail Review  Contribute creates a new e­mail message in your default e­mail application.  2.  In the message’s To text box, enter the reviewer’s e­mail address.  3.  In the body of the message, add a message if you want.  Contribute includes a message with the web address for the temporary copy of the draft.  4.  Send the e­mail message.  5.  In Contribute, work on another draft or switch to the Contribute browser until you receive  feedback from the reviewer.  6.  When you receive feedback from the reviewer, click the draft title in the Pages panel to  return to the draft and update it.  Note: Images and global elements may not display properly when using E­mail Review function  Publishing a page to your website  To publish updates to an existing page:  1.  In your draft, click the Publish button in the toolbar.  If the draft does not contain links to any new, unpublished pages, then Contribute  publishes the draft.
  • Page 20 If the draft contains links to any new pages, then the Publish New Linked Pages dialog  box appears.  2.  For each unpublished linked page (click the page name to select it), change the filename  and folder location if you want, then click Publish All.  The filename appears at the end of the web address for each page.  The web address is  the location where Contribute saves the pages on your website.  Contribute publishes the draft (and any new pages it links to) to your website, then  displays it in the Contribute browser.  To publish a new page:  1.  In the new page you’re editing, click the Publish button in the toolbar.  The Publish New Page dialog box appears.  2.  Change the filename.  Filename should be lowercase and not contain any special  characters or spaces. Be sure to add .shtml to the end of whatever filename you  choose.  This is extremely important.  Not adding .shtml will make many areas of the  page disappear or become broken. The filename appears at the end of the web address  for the page.  3.  Click the Choose Folder button beside the filename if you want to save this page in  another location on your website.  Click Publish or Next.  If your page does not link to any new pages, Contribute publishes the new page to your  website, then displays it in the Contribute browser.  If your page links to any new pages, the Published Linked New Files dialog box appears.  4.  For each unpublished linked page (click the page name to select it), change the filename  and folder location if you want, then click Publish All.  The filename appears at the end of the web address for the web page.  The web address  is the location where Contribute saves the page on your website.  Publishing an existing page as a new page...
  • Page 21 1.  Browse to an existing page, then click the Edit Page button.  2.  Make changes to the draft.  3.  Select File > Publish as New Page  The Publish as New Page dialog box appears.  4.  Change the page title for the draft, if you want.  The page title appears in the title bar of the browser when a visitor views the page; it  does not appear in the page itself.  5.  Change the filename for the draft, if you want.  The filename appears at the end of the web address for the web page.  6.  Click the Choose Folder button beside the filename to save this draft in another location  on your website, if you want.  7.  Click Publish or Next.  If your draft does not link to any new pages, Contribute publishes the draft to your  website, then displays it in the Contribute browser.  If your page links to any new pages, the Publish Linked New Files dialog box appears.  8.  For each unpublished linked page (click the page name to select it), change the filename  and folder location if you want, then click Publish All.  The filename appears at the end of the web address for the web page.  The web address  is the location where Contribute saves the page on your website.  Rolling back to a previous version of a page  1.  Browse to the page that you want to roll back.  2.  Select File > Roll Back to Previous Version.  The Roll Back Page dialog box appears.  3.  Select a previous version of the published page from the list of available pages.  Note:  The list of previously published pages displays up to 99 of the previous versions of  the page, depending on the setting your website administrator chooses.  Contribute displays the page in the Preview section.  4.  If the page you selected is the one you want to publish, click the Roll Back button.  If the ...