Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...


The size for the header image is 552 pixels wide x 92 pixels high. You will need to create an image in those dimensions.
There are no real graphical design standards for the header â?? just use your best judgment. The only standard is the size requirement of 552x92 pixels. You will need to use a .gif, .jpg, or .png file type when producing your image.

...

Once you are logged into your site, click the "Appearance" from the menu at the top.

This will open a page with your available themes. The active theme is called Franklin Faculty Theme. Click the "Settings" Option next to that theme. See Image below

Scroll down on the settings screen about ¾ ¾ of the way down the page until you come to a "Logo Image Settings" section.  See Image below.

Click the Browse button under Upload Logo image. Find the image you just created and Choose it, then click "Save configuration". You should now have your own header image on the site.  If you so choose, you may disable the header image by unchecking the box under "Toggle Display."  Remember to click "Save configuration" to commit your change.

...

To add a new page, click "Add Content" from the Drupal menu. See Image below.

 
Then choose whether you want to add a Basic Page, a News Article, or a Slide for the slideshow.  Just enter the information in the appropriate fields and save.
This tutorial will walk you through adding a new Basic page if you need additional assistance:
https://www.youtube.com/watch?v=JFbHGBhWk8M

Adding Images or Documents to a Page

There are several steps to adding an image to a page.  Please follow these steps outlined below.

Step 1 Deciding where you want the image or document link to go

When you are in the "editing" mode for a page, place your mouse cursor where you want an image or document link inserted. 


Step 2 Opening the (IMCE) file browser

Click the button that looks like a picture frame. See image below

 

Step 3 Adding an image or document to the file browser

A file browser pop up will open. Click the "upload" option in the file browser. See image below:

Step 4 Finding the image or document on your computer that you want to upload

Clicking "upload" will bring up a box where you browse to find the image or document on your computer. See image below:


 

Click Browse and find the image/document on your computer. I If you are uploading an image,  I recommend choose the checkbox for "large" to have the system automatically create a smaller size image for your page. 180x180 is a pretty good size for an image embedded in a web site. If your original image is exactly the size you want it, you do not need to check any of the thumbnail options.
Next click "upload".

Step 5 Inserting the image or document you just uploaded

After you upload the file, the file browser will show you the image/document you uploaded in the file list highlighted Blue, and if its an image, the preview of the image you uploaded. To insert that image  or document into your page, click the "Insert File" button at the top. See image below. An image upload will show the image but a document upload will just show a linked filename. You may want to change the text that is seen on the page from the file name to a more common sense phrase or word. 

Step 6 Save your page with image or document

Then you will be taken back to your edit screen and you will see the image placed in the page where you had placed your mouse cursor. See image below:


 

Step 7 Add Alternative Text Tag if you uploaded an image

New laws require you make your Website accessible. One aspect of creating an accessible site is to label all images with descriptive text that screen readers will read to visually impaired users. To add an alt tag to your image, "right-click" on the image while you are still in the "edit" view of your page. Then choose "image properties".  See image below

...