Header Background Images

Header background images are the short and wide images displayed near the top of the
page, underneath the gold navigation bar.

You can upload any size image for the header, and it will cram or expand it into the
space for the header image. However, you might like a stock image that is correctly
sized, or maybe you'd like to use a Photoshop template. You can find many pre-formatted
header images in the /web-header/ folder of University Photography.

The size of the HTML CSS division that the header image covers is 1170px X 125px

The area of the image that is visible at max width is 940px

Begin with a blank canvas at 1170px X 125px. Then, download or acquire an image at very high resolution... the higher the better,
because this is such a wide aspect ratio, you will need a lot of width after you crop
to the desired area.

Paste your image into your blank canvas as a new layer (dragging the file onto the canvas will do this in Photoshop).

Switch to the Free Transform Tool (CTRL T or CMD T). Hold the shift key down to constrain proportions, and drag the corners of your image
until the desired area is within the canvas, and the "area of visual interest" is
to the right. If your image is too narrow to fill the canvas... do not panic. Just
finish the transformation by hitting Enter.

If your image does not cover the canvas…well, hopefully it covers most of it. If not, use the rectangle selection tool to select from the right edge of your image
to somewhere in the middle. Ctrl-C to copy, Ctrl-V to paste. Ctrl-T again to use the
Free Transform tool. Click and drag the right side of the image over to the left side
of the canvas, creating a mirror image, and hit Enter to transform. Use the arrow
key to nudge this over to the right so it meets the edge of the original image.

You will end up with something like this:

If your image is too blurry or pixelated, get creative with Filters > Artistic Brushes. If it is too washed-out, try Image > Saturation.
You will quickly find a favorite look that creates a pleasing, painterly effect.

For the image above, we used the Crosshatch Artistic Brush Filter, set to the smallest
values, and Saturation to bring out the red bricks. Notice the Monster Trees on the
left... the user will never see them because they are obscured by the title area on
the webpage. The JPEG compression codec will be happy because it will find a whole
bunch of repeated patterns and similar color pixels, so this wide gigantically wide
image will not have a gigantically huge file size.

Background Image is specified in the section Props

Edit _props.pcf, click the Edit button

Scroll down to Header Information Components

Click Edit

Upload your image via the wysiwyg editor

Save and Publish, then re-publish any existing pages to inherit the new header background
image

Day classes are cancelled, campus closed until 5 p.m. on Aug. 21

Although it was previously announced that all classes would be cancelled on Aug. 21, classes that begin at or after 5 p.m. will now be held. We apologize for any confusion or inconvenience.

Aug. 21, will be a historic day. Chattanooga will experience a 90 percent solar eclipse. To allow faculty, staff and students to safely participate in this once-in-a-lifetime event, day classes will be cancelled on Aug. 21, and UTC will be closed until 5 p.m., when night classes begin.