1. Browse to a page: Edit A Web page Edit text, images, tables, and links on the page Create a new web page:...

Transcription

1 INSTRUCTIONS FOR ADOBE CONTRIBUTE 1. Browse to a page: Edit A Web page Edit text, images, tables, and links on the page Create a new web page: Create a link to a page, a document (PDF, Word, Excel) or to an anchor on the web page: Insert a PDF Insert the contents of a Microsoft Office Document Add an image Make the image a link or hotspot Insert a table: Save the page for later or publish the page Roll back to a Previous Version of a Page... 7 The Contribute workflow Contribute uses a browse-edit-publish workflow to help you easily find the page you want to edit, make changes to the page, and then update the page on your website. Note: You must connect to a website before you can edit and publish pages on that website. After you publish a web page you must link to it from an existing page on your web so that it can be accessed. When you publish a page it is live on the Internet. It is best to check it immediately in a web browser. It is possible to roll back to a previous version if something needs fixing. Instructions for Adobe Contribute Page 1 of 7

2 1. BROWSE TO A PAGE: 1. Use the Contribute browser to find the web page you want to edit. The browser's behavior is similar to Internet Explorer. Refresh pages to see updates. Reload pages you ve visited using Back and Forward. Enter website addresses in the Address text box. Click Choose to help you navigate to files that aren't linked on your website. Create bookmarks in Contribute and view your Internet Explorer bookmarks. Press Ctrl-Shift-D to view current drafts quickly. 2. EDIT A WEB PAGE You can only edit pages on a website after you ve connected to the web site.. Browse to the page you want to edit. If needed, click the Connect button to edit the page. Click Edit Page in the toolbar. Contribute opens a draft of the page. Contribute locks the file on the web server so that no one else can edit the page while you're working on it. You MUST either Publish or Discard your changes before other users will be permitted to edit the page. Instructions for Adobe Contribute Page 2 of 7

3 2.1 EDIT TEXT, IMAGES, TABLES, AND LINKS ON THE PAGE. The toolbar has editing tools like a Word Processor. It is best to maintain the standard of the web pages that you edit and to modify text formatting using preestablished styles (e.g. Heading 1) CREATE A NEW WEB PAGE: After you create a new web page, make sure you link to it from an existing page, so that your website visitors can navigate to it. To create a new blank page, start with an existing page on your web site: 1. In the Contribute browser, navigate to a page that is similar to the one you will create and click File > New > Copy of Current Page. 2. Enter page title in the bottom right corner of this window and click OK. The title will appear at the top of the Browser window. Pages are named as in this example, Help Desk IT Services Marquette University, as follows: Title of page (space) (space) Department (space) (space) Marquette University 3. Click OK. The new page opens as a draft in Contribute. 4. To edit a page title, click Format > Page Properties CREATE A LINK TO A PAGE, A DOCUMENT (PDF, WORD, EXCEL) OR TO AN ANCHOR ON THE WEB PAGE: Contribute lets you link to web pages, files on your computer that will be uploaded when the page is published, pages on other websites, addresses and documents already on your site. 1. Click where you want the link to appear, or select text if you want the link on top of it. 2. Click the Link button in the toolbar, and then select the type of link you want to create. 3. In the Link text box, type the text that you want to appear on the page, if you didn t select text. 4. Select or browse to the page or file you want to link to, and then click OK. 5. The link appears in the draft. Instructions for Adobe Contribute Page 3 of 7

4 You can also link to a section anchor on the web page. 1. Navigate to the spot you want the link to jump to. Click Insert > Section Anchor. Give the location a name it must not include spaces or characters like /, * et cetera as this will be part of a URL. 2. Highlight the words that you want to link to the location on the web page. Click Insert > Link and choose Drafts and Recent Pages. 3. Click to select the Current Page and then click the down arrow to select the section anchor you want the highlighted text to link to.( Frequently Asked Questions in the example shown right will now link to the spot where the FAQ anchor was placed on the Training Opportunities web page.) 2.4. INSERT A PDF 1. Click Link > File on My Computer to upload a PDF. 2. Browse to find the appropriate file. Click OK to insert the file. Instructions for Adobe Contribute Page 4 of 7

5 2.5. INSERT THE CONTENTS OF A MICROSOFT OFFICE DOCUMENT 1. Open the Microsoft Office document. Highlight to select content that you would like to copy. Right-click and click Copy. 2. Open Contribute and make sure you are in Editing mode on the page where you want to paste the document contents. 3. Hold down Ctrl and press Shift and V or click Edit > Paste Text only to paste text without formatting ADD AN IMAGE Use the Image button to select an image to add to your page. 1. Click where you want the image to appear. 2. Click the Image button in the tool bar, and then select From Website, From My Computer, or From Shared Assets. 3. In the dialog box, find and select the image, and then click Select or OK. The image appears on the page. (GIFs are best for line art, JPGs for photographs). 4. Use an image editing program to edit the image before you insert it if you have major changes. 5. Right-click the image, click Edit Image: a. Resize the image on the diagonal so that you maintain proportion. b. Rotate it c. Crop it d. Sharpen e. Adjust Brightness and Contrast f. Revert to original if you don t like changes you ve made. 6. Right-click the image, click Properties: a. Reduce the number of pixels b. Change the Alignment c. Insert padding/white space d. Insert a border (3 pixels wide is the standard) e. Give a text or alternate description for the image 2.7. MAKE THE IMAGE A LINK OR HOTSPOT 1. When you are editing a web page, click on the image on which you want to create a hotspot or link. 2. To insert a link, click Insert > Link. 3. When an image is selected, the Image Hotspot Tools appear on the image toolbar. 4. Select a tool and drag the shape over the image to create an area that users will click on to get to the link. Instructions for Adobe Contribute Page 5 of 7

6 5. Click Choose when the Hotspot Properties window opens and the Insert Link window will open for you to determine where you want this image to link to. 2.8 INSERT A TABLE: 1. Click in the draft where you want the table to appear. 2. Click the Table button in the toolbar. 3. In the Table dialog box, select the table options you want to apply to the table, such as the number of rows, columns, headers, and borders. 4. Click OK. The table appears in your draft. 5. Click on the table to select it, and drag to resize. Hold down Ctrl and click to select a specific cell. 6. To insert a row, click on the table to select it. Right-click the table and insert or delete rows or columns, by making a choice on the menu. 7. It is useful to insert a table without borders (set border to (set border to zero in Table Properties) to organize text and graphics or photographs on a web page, for example for showing photographs and captions that describe them. Instructions for Adobe Contribute Page 6 of 7

7 3. SAVE THE PAGE FOR LATER OR PUBLISH THE PAGE 1. If you have made changes to the page in Contribute but are not yet ready to publish them, click Save for Later and a draft will be saved for future publication. 2. Click File > Drafts to access a draft that you have made so that you can edit it and publish. When you return to the draft, you may need to click Connect, then make your changes and publish as described below. 3. You need to publish the page for your changes to appear on the website. Select the draft you want to publish from the Pages panel in the sidebar, if the draft is not already open. Click Publish in the toolbar and Contribute replaces the existing page on the web server with your edited version so that it is live on the website. (Refresh the page F5). Contribute also unlocks the file on the server so that other users can edit it. Note: Depending on your role, you might not be able to publish. If so, click Send for Review to transfer the draft to the site administrator. 4. After you have published a page, be sure to add a link to it from an existing page on your web site or visitors to your web site will not be able to find it. 4. ROLL BACK TO A PREVIOUS VERSION OF A PAGE 1. Click File > Action > Rollback to Original Version to revert back to a previous version of a web page that you have published. Instructions for Adobe Contribute Page 7 of 7