Adding Images in Drupal 7

Adding Images in Drupal 7

  1. Log in (mobile-csp.org/admin) and go into a content page (Content) or start a new Basic Page  (Content, Add Content).
  2. Click on  the Edit tab of the page.
  3. Click on the Image icon  in the toolbar at the top of the editing window. 
  4. Click on the Browse Server button in the image window.
  5. Click on the Images folder on the left and then the Upload button at the top of the File browser window and choose an image file to upload.
  6. Then click on the Insert File (green checkmark) button in the File browser to insert that image into the web page.
  7. Adjust its width and height properties and click on Ok. You can get back to this image properties window by right clicking on an image in your web page.
  8. If the HTML isn't quite right on your page, click on the Source icon in the toolbar at the top and edit the html directly.
  9. Another way to add images is to use the Image area at the bottom of the editing page, where you can choose a file and upload. You can now click on the Insert button there to insert the image directly into the document.