Drupal (CMS) Training Notes

Created by siwong-test on Wed, 10/08/2011 - 14:29.

Logging In

  1. Go to http://drupal.lifesci.dundee.ac.uk/user/ to log into the staging site.
  2. Enter your Life Sciences username and password and press “Log in”

Editing Pages

  1. Navigate to the page you wish to edit.
  2. Click Edit located underneath the main navigation (see picture) (Note: This link will only appear on pages that you have rights to access)
  3. Look through the content and modify the incorrect information.
  4. Click Save
  5. The staging site will synchronise with the live server ever hour, so if you’re changes don’t appear on the live site immediately, please be patient.

Adding / Deleting Pictures

  1. Under “Page Image” click “Add another item”
  2. Browse for the image on your desktop computer.
  3. Click Upload
  4. Add Alternate Text and a Title. (See notes on “Alternate Text and Titles”)
  5. Now, go back to the section you want to insert a picture into.
  6. Place your cursor where you want the picture to appear.
  7. Scroll back to where you uploaded your picture and select what kind of style you want. (See notes on “Image Styles”)
  8. Click Insert
  9. Your image will have been inserted into the text.
  10. To put the image to the left or the right, click on the image then choose “Image on Left” or “Image on Right” from the Styles drop down box.

Alternate Text and Titles

Providing alternative text and titles is important as it aids those with visual disabilities to know what is there. Whilst the two may seem the same, there is a distinct difference.

A title can be described as the caption for the image. If we were to put in an image of some scientists in a lab, the title might be “Life Sciences have high quality labs fit for research”.

Alternative Text describes was is happening in the picture. So for our above example we might put something like “People in white coats working in a laboratory”.

Image Styles

The College CMS gives you the ability to upload any picture of up to 2Mb and it will automatically take care of the sizing and resolution for you. It is simply a case of selecting what size you want. Listed below are the available options and what they mean.

Title Description
Automatic Image will be whatever the default is.
Link To File The image will not be displayed, instead a link to the file will be provided.
Original Image This will display the original image without any resizing being done. USE WITH CAUTION!
Lightbox2: TeaserImage100x100 → Original This will show a thumbnail that is 100pixels wide by 100 pixels high. When it is clicked, it will expand to show the full image.
Lightbox2: TeaserImage150x150 → Original This will show a thumbnail that is 100pixels wide by 100 pixels high. When it is clicked, it will expand to show the full image.
TeaserImage50x50 This will show a thumbnail that is 50 pixels wide by 50 pixels high.
TeaserImage100x100 This will show a thumbnail that is 100 pixels wide by 100 pixels high.
TeaserImage150x150 This will show a thumbnail that is 150 pixels wide by 150 pixels high.

Who to Contact

Whilst you will have access to most information on a staff members page, much of it is controlled directly by the Staff Database. Updating this information will result in the staff page being amended when the details are synchronised over night.

If you have any other problems, please feel free to contact us via the Life Sciences Computing Helpdesk.

We would ask that you don’t contact any of the web team directly so that should any of us be off, your request can be dealt with by another member of the team.

Web: https://support.lifesci.dundee.ac.uk

Phone: 84249

Click to download this tutorial