Adobe Contribute Quick Reference Manual Muhlenberg College Office of Information Technology Last Edit: 18 September 2013 1 I. Logging In (pgs 3-4) II. Editing A Page (pgs 5-12) A. General Instructions B. Creating a Table on the Page C. Inserting an Image D. Creating Links 1. Link to a Webpage (Muhlenberg or otherwise) 2. Link to a File 3. Link to an Email Address 4. Link to a Draft or Recent Page E. Section Anchors III. Editing the Tan Sidebar (pgs 13) IV. Publishing a File from Your Computer (pg 14) V. Editing Non-HTML Files (15) VI. Preview in Browser (16) VII. Roll Back to Previous Version (17) VIII. Creating a New Page (pgs 18-19) IX. LCK Files (pg 20) X. Cool (Optional) Additions to Your Website (pgs 21-22) A. Custom Teasers B. Tickers C. Slideshows XI. Contribute Quirks and Troubleshooting (22) 2 Logging In 1. At Log-In Screen under "Begin Editing", click "Welcome to Muhlenberg College" 2. On menu above browser, click the "Connect" button. This will prompt a box to pop up. 3 Logging In (Continued) 3. Your username will have been emailed to you by the Webmaster in the same email as the Contribute Key you used to log in the first time during training.. Your username may not necessarily be the name that automatically comes up in the box. 4. Your password is your Novell password. It will change every time you change your Novell password. 5. Check the "Trust This Server" box and click "OK". 4 Editing A Page General Instructions: 1. Editing content in Contribute is very much like editing a document in Word. So if you are ever stuck with how to do something, try the way you would do it in Word first. Not all of Contribute's features are the same, however, so if you get stuck email: [email protected]. 2. When you click "Edit" at the top of the page, you will be editing the content in the white area of the page. To edit the tan sidebar, follow the instructions in Part V. If you need to edit anything else on the page, please contact [email protected] or the Webmaster. 3. When you are editing content, be careful not to delete the thin blue border that appears as the "EditMainContent" box. This could cause problems later if the code ever needs to be edited. Creating a Table on the Page: 1. Select the page you would like to create a table on and click "Edit Page" 2. Place cursor where you want to add the table. Click the table icon in the menu bar above the browser. 3. Customize settings for your table and click OK 5 Editing a Page (Continued) 4. To add or delete rows or columns from the table, click the "Table Row" or "Table Column" icons in the menu above the browser. Inserting an Image: 1. Place cursor where you want the image on the page. 2. Click "Image" icon on menu bar above browser and choose appropriate method (e.g from computer, from website, etc) 3. Select photo you would like to use. 4. Make any adjustments (size, location, links, etc) by right clicking on image and selecting appropriate category. 6 Editing a Page (Continued) Creating Links: Linking to a Webpage (Muhlenberg or otherwise): 1. Select page you want to add an external link to and click Edit Page. 2. Type the text you would like to become a link (i.e. Click Here!, Document name, etc) where you would like the link to be located. 3. Highlight the text and right click "Insert Link" 4. In the box that pops up, click "Browse to Web Page". You may also specify a section anchor in the box labeled "Section Anchor" if the page you are linking to has any on it as well as specify whether or not you would like the link to open in the current window or a new one. 5. Enter the URL for the page you would link to link to in the "Web Address Box" and click OK 7 Editing a Page (Continued) Linking to a File on Your Computer: 1. Select page you want to add an external link to and click Edit Page. 2. Type the text you would like to become a link (i.e. Click Here!, Document name, etc) where you would like the link to be located. 3. Highlight the text and click "Insert Link" 4. In the box that pops up, click "File On Computer". You may also specify a section anchor in the box labeled "Section Anchor" if the page you are linking to has any on it as well as specify whether or not you would like the link to open in the current window or a new one. 5. Click the "Browse" icon and choose the file you wish to publish. 6. Click "Ok" ****Note: Changing the file you linked to on your computer will not change the version on the internet. You will need to follow: Publishing A File From Your Computer or repeat these steps to do that.*** 8 Editing a Page (Continued) Linking to an Email Address: 1. Select page you want to add an external link to and click Edit Page. 2. Type the text you would like to become a link (ie Click Here!, Document name, etc) where you would like the link to be located. 3. Highlight the text and click "Insert Link" 4. In the box that pops up, click "Email" 5. Enter destination email address in box labeled "email". 6. Click "OK" 9 Editing a Page (Continued) Creating Links (Continued): Linking to a Draft or Recent Page: ***This is particularly useful when you're working with multiple pages and have recently viewed the page you want to link to in Contribute or are linking to a page you've recently created*** 1. Select page you want to add an external link to and click Edit Page. 2. Type the text you would like to become a link (ie Click Here!, Document name, etc) where you would like the link to be located. 3. Highlight the text and click "Insert Link" 4. In the box that pops up, click "Drafts and Recent Pages" 5. Select the page you would like from the list in the white box in the center of the link box that pops up. You may also specify a section anchor in the box labeled "Section Anchor" if the page you are linking to has any on it as well as specify whether or not you would like the link to open in the current window or a new one. 6. Click "OK" 10 Editing a Page (Continued) Section Anchors: Section Anchors are useful when dealing with pages with lots of information such as references or course descriptions. They allow you to specify where exactly on a page you would like the link to jump, thus allowing viewers to get the information they want immediately instead of having to scroll through information they may not need. To Insert a Section Anchor: 1. Select page you want to add a section anchor to and click "Edit Page". 2. Place cursor where on section of page you would like to create section anchor (usually before a heading of some sort) 3. In the main Contribute bar in the top left corner click Insert Section Anchor 4. Name your section anchor in the box that pops up. Short, but still identifiable works well here. 5. A flag will appear where you placed your cursor signifying the presence of a section anchor. To Link to a Section Anchor: **Note: You must complete the previous section before starting this one** 1. Select page you want to create a link to a section anchor on and click "Edit Page" 2. Type text that you would like to appear as a link where you would like the link to be. 3. Highlight the text. Right click and choose "Insert link" 4. Click "browse to web page". 5. Insert URL of link into the URL box. 6. At the bottom of dialog box, click "Advanced options" to expand box with new menu. 11 Editing a Page (Continued) 7. Select appropriate section anchor from drop down menu in "Section Anchor" box 12 Editing the Tan Sidebar Going to a page and clicking the “Edit Page” button in Contribute will only allow you to edit that which would normally be seen in the white section of the website. Within the tan sidebar there are two types of sections that can be edited: department links and related links. Department links are usually the top section of adepartment’s tan sidebar and are the same from page to page within a department. This section is best used for navigational links. Related Links are specific to each page and are best used for navigation within a particular subsection of your website. In order to edit the tan sidebar you will need to do the following: 1. If you would like to edit Department links, go to the department homepage. If you would like to edit Related links, go to the page on which the related links you would like to edit are located. 2. Click “Choose” in the top right corner of the browser frame. 3. In the box that pops up click “Inc”. If you are editing department links, click the dept_links.html file. If you are editing related links, click the related_links.html file. These file names may not be exactly the same, but they will be similar. 4. A plain white page with links will open. Click “Edit Page” in the top left corner of the browser frame and edit page as if it were any other. 5. When finished, click “Publish” 13 Publishing a File from Your Computer From within Contribute you may publish a non-html file from your computer using the following steps: 1. In the top left hand corner of the program click File Publish File from My Computer. 2. Select the file you wish to publish. 3. The “Publish New Page” box will appear. Here you can rename the file if you wish. Choose the folder in which you’d like the file to be published and click “Publish” ***Note: When choosing whether or not to save something as a PDF, consider how you would like it to be used. If it is something someone is likely to fill out and return to you electronically, use a Word Document. For almost all other applications, a PDF is the best choice, especially if you intend for the document to be printed.*** 14 Editing Non-HTML Files In order to edit non-HTML files, you must set preferences in Contribute. Setting file editor preferences will allow you to edit in external applications and publish within Contribute. In order to set these preferences, do the following: 1. In the top left corner of the program click Edit Preferences File Editors 2. You will be presented with a list of file extensions on the left. Choose a file extension and change the external program you wish to edit it with on the right. 3. If you would like to add a file extension, click the plus sign and type in the appropriate extension. 4. Select the added file extension and click the plus sign on the right side to add an external editor and click “OK” 5. Select the non-html file you want to edit by clicking the “Choose” button in the top right hand corner of the browser frame. 6. Select the file in your directory and click “OK”. The screen will display the following: “This file cannot be displayed in the Contribute web browser. You may be able to edit this type of file with another application.” 7. In the top left corner of the program, click File Actions Edit Page Source in External Application 8. Edit, save, and close the file in the external application. 9. Click “Publish” in Contribute. 15 Preview in Browser Before you publish a page, you can preview the page in a browser. Sometimes the visual appearance of a page appears to be different in Contribute and a browser. It is always a good idea to preview the page before you publish it. If there is a major difference or something appears to be wrong, do not publish it and email [email protected] with your concerns. 1. 2. 3. 4. Go to File > Preview in Browser or F12 A message box will appear. Click Ok. Your default browser will open and a unpublished version of the page will appear Feel free to close the browser. The browser will have no impact on your edited page in Contribute. 16 Roll Back Page You can use the Roll Back feature to revert to a previous version of any published page. PLEASE USE THIS COMMAND WISELY AND INFREQEUENTLY 1. 2. 3. 4. Browse to the page (or enter the url) that you would like to roll back Go to File > Actions > Roll Back to Previous Version… The “Roll Back Page” page dialog appears (as shown in image below) Select a previous version of the published page from the list of available pages (Note: You will only be able to roll back up to three previously published versions of the webpage) Once you click the Roll Back button, you will not be able to undo the command and roll forward. A preview of the page will appear once you click on the version. 5. If the page you selected is the one you want to publish, click the roll back button 6. The previously published page you select will then be published 17 Creating a New Page 1. Find a page with a similar template as your department. It is recommended that you use your department's home page. 2. In the top left corner of the browser section of Contribute, click the button that says "New…" next to "Edit Page". This will prompt a box to pop up. 3. In the left section of the box, highlight "Copy of Current Page". 4. In the bottom right part of the box, locate "Page Title" box. Enter your desired name of the page. This is the text that will appear at the end of the URL. Example: If you enter "test" into this box, the page's URL will end with "test.html". Click "OK". 5. Delete content previously on page. Be careful not to delete the thin blue border that surrounds the content as this may cause problems in the future. 6. Enter new content & format as desired. 18 Creating a New Page (Continued) 7. If you are ready to publish (make the page live so all on the internet can see), click "Publish" in the top left of the browser section of the screen and skip to Step 9. If you are not ready to publish, click "Save for Later". This will save the page in the top left "Pages" box in Contribute. When you log into Contribute next time, you can continue editing the page by double clicking on it in this frame. 8. "Send for Review". If you would like to send a page to someone to review before making it live, you can click the "Send for Review" button in the top left corner of the browser frame. Follow the prompts for entering a recipient and a temporary link to the page you are creating will be sent to the person you specified. You must still choose to either "Save for Later" or "Publish" if you wish for your work to be saved. 9. If you select "Publish", the first will say "No visitors will be able to access the page without linking to it. Do you want to continue without linking the page?" Click "Yes", you can link to this page from others later using the instructions in "Creating Links". 10. The second box asks you to enter the filename for the new page. This is the name that will appear at the end of the Muhlenberg URL discussed before. Contribute defaults to the title you entered in the "Page Title" box in Step 4. Typically, it is easier to stick with this, but you may change it if you'd like. Click the "Choose" box to choose the directory in which you'd like to store the file. Example: If you are creating a new faculty page, you would want to save it in the "Faculty" folder of your department's website. 11. Click "OK". If you have not disabled it, a congratulations box will appear after your page has been published. 19 .LCK Files Sometimes when you go to a webpage to edit it, Contribute will show a yellow bar under the URL box that says "You can't edit this page because X is currently editing it. Please contact <Webmaster> for assistance." Contribute has created a "lock (.lck) file" to ensure that two people cannot edit a page at the same time. Occasionally, these files stick around even though they are no longer needed. If you've recently requested work on the page in question or know there is a good chance someone else is actually editing that page, contact them. If they aren't, follow these steps to remove the lock page. 1. Add .LCK to the end of the URL in the Contribute brower frame. 2. In the top left of the Contribute program, Click FileActionsDelete Page. 3. You will receive several prompts asking if you sure you wish to delete the page, click yes for them all. 20 Cool (Optional) Additions to Your Website Custom Teasers: Custom Teasers allow you to post special announcements on your website in an eye catching and convenient way. The Custom Teaser will show up as a red box overlapping the tan sidebar and white main content area. If you would like your website to have a Custom Teaser, email [email protected] with a link to the page you would like the teaser to appear on and what content you would like to be in it initially. After that, unless you have the Teaser deactivated, you can do the following to edit its content: 1. Go the page with the Custom Teaser you would like to edit. 2. At the top right corner of the browser frame, click “Choose” Inc CustomTeaser.html 3. A plain white page with the Teaser content will appear. Click “Edit Page” at the top left corner of the browser frame and edit content as you would any other page. 4. When finished, click “Publish” and your new Teaser will appear. Tickers: Tickers allow you to put scrolling announcements/information on your website. To put one on your site initially email [email protected] with a link to the page you want the ticker on and the content to put in it initially. After that follow these steps to edit your ticker content: 1. You will need to set Contribute to edit .txt files in an external application of your choosing using the instructions in “Editing Non-HTML Files”. 2. Go to the page that contains the ticker and click “Choose” in the top right corner of the browser frame. Click on the file named “tickercontent.txt” (or similar). 3. In the top left hand corner of the program click File Actions Edit in External Application 4. Edit file, save, and close. Click “Publish” in Contribute. 21 Cool (Optional) Additions to Your Website (Continued) Slideshows: Slideshows allow you to place multiple photos on your website in a manner that is both visually appealing and efficient in its use of space. While you cannot add the slideshow to your website yourself, there are a few things you will need to do in order for it to be created. First, select the images you would like to have in your slideshow. Place copies of them in a folder. Rename the photos with numbers in the order you would like them to appear in the slideshow. If you would like them to have a title or caption, create a Word document with that information. Then send an email with a link to the page you would like the slideshow added to, the folder of images, and Word document (if applicable) to [email protected] and your slideshow will be created as soon as possible. Contribute Quirks & Troubleshooting Problem: Hitting Enter inserts too much space Solution: Press Shift + Enter instead of just enter Problem: Clicking in the Edit Main Content space highlights all of the text on page Solution: Keep double clicking within the text until the cursor appears Problem: A Yellow Bar that says “You can’t edit this page now because X is currently editing it. Please contact Phedra Fishbein for assistance.” Solution: Add .LCK to the end of the URL in the address bar and hit “Enter”. Then go to FileActionsDelete page. Click “OK” through the prompts and you will be able to edit the page. 22
© Copyright 2026 Paperzz