1. Calendar
  2. Library
  3. News
  4. A-Z Index
  5. Directory
  6. Español
  7. Online Classes
  8. InSite



Web Administration

Often the website is our first introduction so it better be good!

 

How to edit the LMC website

Edit your own content with Adobe Contribute CS5

The workflow for editing your content is pretty simple. It starts with connecting, browsing, editing and publishing your content.

 

Contribute allows you to connect to the server and edit your web content instantly.  Once you have published your changes they are immediately available for the public to view.

 

To edit your site in Contribute you must first have a connection key that says what area of the site you are allowed access. If you do not have a key contact theweb administrator to request one.

 

 

Explore the videos below to learn more

 

Introduction to the interface

 

 

Uploading documents

If you want to create a link to a PDF file below are the steps you take.

 

1. Click edit page.

2. Click your mouse where you want the document to be.

3. Type the name of what you want the document link to be (ex. "Application Form").

4. Highlight the words you just typed

5. Click the "link" button at the top of the Contribute program

6. Choose "file on my computer" from the drop down menu.

7. Navigate to your file on the computer

8. Go to file > preview in browser to test that the link works

9. Publish your page and you are done.

Editing text

 

Editing text in Contribute is as simple as editing text in a word processor. 

Click on the text menu (drop menu under the publish button) to choose from Heading 1- Heading 3

 

Heading 1 is the biggest to heading 3 being the smallest.

Choose "normal" for the plain text in the body of the page or to strip any styles in the page.

 

NOTE: The heading styles are used for accessibility reason to to remain compliant with the Americans with Disabilities act please stick to using these styles when formatting your pages.

 

Font styles in the LMC template

Why headings are not just for looks

 

 

Learn more about designing for people with disabilities

 

 

Check spelling

 

Make it a common practice to check the spelling on all of your web pages. To check the spelling on a page click on Format > Check Spelling.

 

check spelling iconOR at the top of the program on the far right you will see a little button with a checkmark and an ABC symbol.

Creating links

To create a link, select the text or image that you would like to make a link and then click on one of the following option in the Link drop down menu:

Drafts and Recent Pages: A current draft or a recently published page on your website

Browse to Web page: An existing web page on your website or on another website

E-mail Address: An e-mail address

File on My Computer: An existing file on your computer, such as a Microsoft Word or PDF file

 

 

To create a new page

  1. Be in the browser mode and navigate to a page you want to make a copy of.
  2. Click the "new" button and select "copy of current page"
  3. Make some edits.
  4. Click "save for later" at the top of the page
  5. Make a link to this page through the links button "drafts and recent page" on the other page.
  6. Publish the page that has the link and it will also publish your new page draft as well.

The video below will show this process:

 

 

 

Create a link within a page

You can place an invisible marker, called a section anchor, on your page to mark a specific topic or place. You can then create links to the anchor, which take web site visitors to the specified position on the page with the anchor.

To create an anchor:

In your draft, place the insertion point at the beginning of the section where you want the page to open when a web site visitor clicks the link to the anchor.

Select Insert > Section Anchor.

The Section Anchor dialog box appears

Enter a name for your anchor.

The name cannot begin with a number and cannot contain any spaces. You cannot have two anchors with the same name on a web page.

Click OK

To link to an anchor:

Highlight the text for the link

Click on the link button at the top of the page, choose Browse to web page

In the Insert Link dialog box, click the Advanced button to expand the dialog box, if it is not already expanded.

Select a named anchor from the pop-up menu

Click OK.

 

Search engines

The title of a web page appears in the top left corner of a browser. This is what search engines like google index and people bookmark so it's important that the title is descriptive.

To change the title of a page click on "Page Properties" located at the top right hand corner of Contribute while in editing mode. Type in the new title in the title field.

Under format > keywords and description is the option add invisible search engine friendly content. This is the area to include the most relevant keywords and description that people will be looking for. Google checks this content first before checking the rest of the pages for information to index.

Separate keywords by commas and keep your description down to a couple of sentences.

Adding and modifying images

Click on the image button

Navigate to your image and click select

Add alternative text that will help visitors who can not see the picture

Double click on the image to alter settings

Browse to change the image (and then reset size)

Click on Reset size if you have altered the image in anyway

Add horizontal and/or vertical padding to create space around the image

Choose alignment to make the text wrap round the image

Add a number to create a border of that width round the image

Change the alternative text if desired

Click on apply to see results before saving

The image will automatically be added to the images folder on the server

NOTE: Contribute is not an image editing program. It can do a little but it's best to use another program to size your images. If you do not have an image editing program there are many free applications available. An online version that is very similar to Photoshop is http://pixlr.com/

 

Tables and all about editing them

Click in table cells to edit content

Click in table cell and then go to table on the top menu to add/delete/merge/split table cells.

Click in individual cell and then go to table > cell properties to change background color etc

Click in the table and then go to table > table properties to change background color etc for whole table

 

NOTE: By default the table borders are set not to show. Below is a way to trick the borders into showing.

  1. In table properties set the background color of the whole table to gray
  2. Set the cell spacing to around 5
  3. then click on the row properties and set the cell color to white. You can do this individually as well. This will give the appearance of a border.

Adding a new table

  1. Click in the page where you want to insert the table
  2. Click on the table button next to the link button in contribute
  3. Choose the number of rows and columns
  4. Choose "top" to have a table with a header for data– important for accessibility
  5. Choose whether to add padding and borders
  6. Add content – text or images
  7. Edit your table as described in the previous section

NOTE: By default the table borders are set not to show. Below is a way to trick the borders into showing.

  1. In table properties set the background color of the whole table to gray
  2. Set the cellspacing to around 5
  3. then click on the row properties and set the cell color to white. You can do this individually as well. This will give the appearance of a border.

How to preview and send to someone else before publishing

alertNOTE: Never use the "send or send for review" button below. It doesn't work in our environment. Instead follow option 3 below when you want someone to review your work.

Contribute gives you three options to finish your work session.

  1. If you are not quite ready to show the world, you can select Save for Later. Just as the option implies, Contribute will save the work to your computer and close the page, but it won't upload the page to the remote Web site. That way, you can work on the page later.
  2. If you're ready to show the public users, however, select Publish. Since you are already connected to the Web site, in just a few seconds a message will appear: Congratulations! You've published your page on the Web site.
  3. If however you have made a lot of changes and are unsure how it will look or need approval on the page you can go up to the menu bar at the very top of the application and choose File > Preview in Browser. This will place a temporary copy on the server and launch Internet Explorer for you to see what the page looks like before you publish. You will have a long web address that you can copy and paste into an email for someone to review. This link will work until you publish the page and the temporary copy will go away.

NOTE: Never use the "send" button above unless the person you are sending the link to has contribute access to the page themselves. This will lock the page and neither or them can edit it!

Rollback to a backup copy

You can Rollback to up to 3 previous versions of any web page.  To do this select file >actions > rollback. You will see a visual representation of what the page looked like in the past. Pick the one you want to rollback to and click OK. Please note that newer work will be lost once you do this.

Deleting or cleaning up files

Go to file > delete page

If you can't find the page or file but know it's on the server select the choose button under the Contribute logo to see the contents on the server.

Find your file there and open it to delete it as in the first step above.

Adding video and other widgets

The HTML Snippet allows you to add a small piece of HTML code inside the content area on your site. You can use this functionality to easily integrate Google AdSense, polls, calendars, videos and other media. More advanced users may also use HTML Snippet to integrate small custom-programmed functions inside their website.

Many free websites allow you create photo galleries, post videos and create polls and other custom applications that can be embedded into your website. Adobe Contribute allows you to take the embed code that is provided and insert it through the insert > HTML snippet command.

Below is an example of how to insert a youtube video. For a list of many other sites that offer web tools that provide embed codes visit this link.

Legend
1Click the share button – This will expand the various ways to share and isn't always located in the same spot in the page. Then you can click the "Embed" button to get the options for embedding. 3Click the size you want the video to be – Usually 640 x 510 is a good size but you may want it to be smaller
2 Click options for embedding – Make sure the showing of videos when finished is not clicked so only your video is shown. Then click enable privacy-enhanced mode. 4Copy the embed code –Once you are done with everything you can paste this code into the HTML snippet window as explained below

Go to insert > HTML snippet and paste the code


alertNOTE that after you click OK you will just see a big gray box indicating there is special content there. It isn't until you preview this in a web browser will you be able to test what you just did. (See panel on publishing and previewing your edits above)

Also note that this feature may not work will all content since we have no way of knowing how valid code is supplied from some other website. In some cases it can conflict with code that is on our site and not display properly or lock your page. The best way to know this is to test on as many machines and browsers as possible. If a bit of code does lock up your page please contact the LMC web administrator.