Ohlone College Banner Images - Web Style Guide

A 665-pixel-wide Ohlone College banner image may be used at the top of any web page instead of using the official Ohlone College logo in the top left corner of the page. Each web page must also include an Ohlone College Standard Footer.

  • The banner image should be centered at the very top of the web page (inside the <body> tag).
  • The content for the web page should be placed beneath the banner image.
  • Banner images are located in a centralized directory on the web server. There is no need to copy or download the banner images to your website directory.
  • The banner image should not be modified in size, color, content, or in any other way.
  • Do not create your own banner images. Contact the Web Team to have a custom banner created.
  • Use only the banner images provided (or create your own layout, design and graphics from scratch following all guidelines of the Web Style Guide).
  • Each banner image requires an <img> tag and a <map> tag.
  • Do not remove the <map> tag; it is required by the navigation links.

Screen Shots of Banner Images

To better fit this page, the screen shots have been reduced in size. Use the "View full size image" link to display the image full-size and corresponding (X)HTML markup in a new browser window.

How to Use a Banner Image

  • Select the "View full size image and get the (X)HTML" link under the desired banner image.
  • In the page that opens, select and copy either the HTML or the XHTML markup for the image.
  • Paste the copied markup into the web page you're creating.
  • The image will display when the web page is viewed in a browser on a computer that is connected to the Internet.

OC Repeating - ohlonebanner1b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 1.
View full size image and get the (X)HTML.

Collage: Students #1- ohlonebanner2b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 2.
View full size image and get the (X)HTML.

Collage: Students #2 - ohlonebanner3b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 3.
View full size image and get the (X)HTML.

View Over Buildings - ohlonebanner4b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 4.
View full size image and get the (X)HTML.

View from Smith Center - ohlonebanner5b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 5.
View full size image and get the (X)HTML.

Sunset Behind Palms - ohlonebanner6b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 6.
View full size image and get the (X)HTML.

Sunset from Smith Center - ohlonebanner7b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 7.
View full size image and get the (X)HTML.

Pink Flowers on Cactus - ohlonebanner8b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 8.
View full size image and get the (X)HTML.

Pond with Ducks and Reflections - ohlonebanner9b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 9.
View full size image and get the (X)HTML.

Ohlone TV Station - ohlonebanner10b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 10.
View full size image and get the (X)HTML.

Ohlone Orchestra Members - ohlonebanner11b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 11.
View full size image and get the (X)HTML.

Students working with Laptops in the Classroom - ohlonebanner12b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 12.
View full size image and get the (X)HTML.

View of the Bay - ohlonebanner13b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 13.
View full size image and get the (X)HTML.

Piano on Jackson Theatre Stage - ohlonebanner14b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 14.
View full size image and get the (X)HTML.

Collage: Flowers - ohlonebanner15b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 15.
View full size image and get the (X)HTML.

Collage: Fremont Campus Buildings - ohlonebanner16b.jpg

To better fit this page, the size of this screen shot has been reduced.
Banner image 16.
View full size image and get the (X)HTML.