Activity #3: Images and documents
These instructions assume you are logged into the Health Sciences Drupal Training website. After completing these edits, your page will look closer to the “Dogs - Final Version” page.
Download files to your computer
- Navigate to the Google Drive folder
- Download the files to your computer’s desktop Screenshot
Add Images
Images are added to Drupal when you use them for the first time on a page. After an image has been uploaded for use on one page, it can be used on any other page of your website.
Add a new image to a webpage
- Navigate to your training page
- Click on the Edit tab Screenshot
- Place cursor in front of the first word in the body field GIF
- Click on the Media browser button in the toolbar Screenshot
- Click on choose file
- Select puppy_exam.jpg from your computer’s desktop
- Click Open
- Click Next
- In the Alt Text field, add the following description without the quotation marks: “Veterinarian examining a Bernese Mountain Dog puppy"
- Click Save
- Click Submit
- Click on the image Screenshot
- Select Image Right - 50% from the styles drop-down menu Screenshot
- Scroll to the bottom of the page and click “Save”
Add an existing image to a webpage
It is possible the image you want to add to your webpage is already available in your website’s image library.
- Navigate to your training page
- Click on the Edit tab Screenshot
- Within the body field, scroll to the section of the content about Qualities. After the word “muzzle” click Enter/Return.
- Click on the Media browser button in the toolbar
- Click on the UMN Library tab in the upper right corner Screenshot
- In the File name field, type “Stewie” without the quotation marks
- Click on Apply
- Click on the first image and click Submit
- The alt text already exists because it was added when the image was originally uploaded.
- Scroll and click on Submit
- Click on the image
- Select Image: Circle Image from the styles drop-down menu
- Select Image: Right 20% from the styles drop-down menu
- Scroll to the bottom of the page and click “Save”
Add Documents
Many units link to documents (e.g. PDFs, Word documents, or Excel spreadsheets). To do this on your AHC Drupal website, you will complete two separate tasks:
- Upload the document to the server via Drupal
- Link to the document
For this activity, we are only uploading the document. We will link to the document later in the training.
- In the black toolbar, click on Shortcuts (may need to click more than once) to reveal your shortcuts
- Click on Find content Screenshot
- Click on Files tab Screenshot
- Click on Add File
- Within the Upload a New File dialog box, click on Choose File
- Select dog-document.pdf from your computer’s desktop (you should have already downloaded this file from the Google folder)
- Click on Open
- Click on Next
- Your document will now show up in the list of files (which also includes your image files)