Template Page

Copy the following HTML code to create a web page that is consistent with Ohio University's new redesign. You are welcome to modify the code below to suit your needs. The areas in red indicate information you will need to change to reflect your department's information.

To see the html page as it will appear in a browser, click here.

To see an example of how a page was modified slightly, click here.

If you would like for the web team to create a graphical heading for your department's name, please e-mail your request to Max Malloy. We will need the exact pixel width and height you want your graphic to be.


<HTML>
<HEAD>
<META NAME="keywords" CONTENT="
put keywords that best describe your web site....do not repeat words! That's called spamming! (i.e., interpersonal communication, inco, INCO, organizational communication, communication theory, communication in human services, legal communication, political communication, speech education)">
<TITLE>
Name of Your Area (keep short; i.e., Interpersonal Communication, not School of Interpersonal Communication)</TITLE>
<META NAME="description" CONTENT="
Put one or two SHORT sentences here that describe your area (i.e., The School of Interpersonal Communication brings together the best features of liberal arts and professional education. The core courses combine theory and practice as they seek to teach students the historical and conceptual foundations of the communication field.)">
<BODY BGCOLOR="#ffffff" LINK="285a29">
<CENTER>
<TABLE WIDTH="580" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TH><H1>
Your Department Name Goes Here</H1></TH>
</TR>
<TR>
<TD><HR SIZE="1"></TD>
</TR>
<TR>
<TD ALIGN="right"><FONT COLOR="285a29" SIZE="-1"><STRONG>OHIO UNIVERSITY</STRONG></FONT></TD>
</TR>
</TABLE>
<P>&nbsp;</p>
<TABLE WIDTH="580" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TD WIDTH="10" VALIGN="top"><p>&nbsp;</p></TD>
<TD WIDTH="237" VALIGN="top"><FONT FACE="verdana,helvetica,arial" SIZE="-1">
<IMG SRC="../www/images/sargrn.gif" WIDTH="14" HEIGHT="13" ALIGN="top">&nbsp;&nbsp;<a HREF="
filename.html">Link Number One</A><br>
<IMG SRC="../www/images/sargrn.gif" WIDTH="14" HEIGHT="13" ALIGN="top">&nbsp;&nbsp;<A HREF="
filename.html">Link Number Two</A><br>
<IMG SRC="../www/images/sargrn.gif" WIDTH="14" HEIGHT="13" ALIGN="top">&nbsp;&nbsp;<A HREF="
filename.html">Link Number Three</A><br>
<IMG SRC="../www/images/sargrn.gif" WIDTH="14" HEIGHT="13" ALIGN="top">&nbsp;&nbsp;<A HREF="
filename.html">Link Number Four</A><br>
<IMG SRC="../www/images/sargrn.gif" WIDTH="14" HEIGHT="13" ALIGN="top">&nbsp;&nbsp;<A HREF="
filename.html">Link Number Five</A><br>
<IMG SRC="../www/images/sargrn.gif" WIDTH="14" HEIGHT="13" ALIGN="top">&nbsp;&nbsp;<A HREF="
filename.html">Link Number Six</A><br>
<IMG SRC="../www/images/sargrn.gif" WIDTH="14" HEIGHT="13" ALIGN="top">&nbsp;&nbsp;<A HREF="
filename.html">Link Number Seven</A><br>
<TD WIDTH="10" VALIGN="top"><p> </p></TD>
<TD WIDTH="313" VALIGN="top"><!--MAKE SURE TO ADJUST THE WIDTH AND HEIGHT NUMBERS IN THE IMAGE TAGS TO EQUAL THE PIXEL WIDTH AND HEIGHT OF YOUR PHOTOS! -->
<IMG SRC="
yourpicture.jpg" WIDTH="xxx" HEIGHT="xxx" alt="name of picture">
<br><FONT FACE="verdana,helvetica,arial" SIZE="-1">For more information, e-mail: <a HREF="
mailto:departmentname@ohio.edu">address@ohio.edu</A>
</TD>
<TD WIDTH="10" VALIGN="top"><p>&nbsp;</p>
</TD>
</TABLE>
<p>
<TABLE WIDTH="580" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD ALIGN="center"><HR SIZE="1"</TD>
</TR>
<TR>
<TD WIDTH="580" ALIGN="right"><FONT FACE="verdana,helvetica,arial" SIZE="-1"><STRONG>
Your Department Name - Building Name - Athens, Ohio 45701 - Tel: 740-593-xxxx</STRONG></FONT></TD>
</TR>
</TABLE>
<p>&nbsp;</p>
<FONT FACE="verdana,helvetica,arial" SIZE="1"><A HREF="/oufront/welcome.html">Front Door</A> |
<A HREF="/chooseohio/index.html">Prospective Students</A> |
<A HREF="/students/index.html">Current Students</A> |
<A HREF="/employees/index.html">Faculty & Staff</A> |
<A HREF="/alumni/index.html">Alumni & Friends</A> |
<A HREF="/infoseekers/index.html">Infoseekers</A><br>
<P>
<IMG SRC="../www/images/woodcut.gif" WIDTH="147" HEIGHT="91">

Copyright &copy;1999, Ohio University </FONT>
</CENTER>
</BODY>
</HTML>

PLEASE NOTE: If your Web pages are hosted on a server other than the main Ohio University Web page server, you will need to change the <A HREF> tags linking back to the front door and to the audience pages to the following:

<FONT FACE="verdana,helvetica,arial" SIZE="1"><A HREF="http://www.ohiou.edu">Front Door</A> |
<A HREF="http://www.ohiou.edu/chooseohio/index.html">Prospective Students</A> |
<A HREF="http://www.ohiou.edu/students/index.html">Current Students</A> |
<A HREF="http://www.ohiou.edu/employees/index.html">Faculty & Staff</A> |
<A HREF="http://www.ohiou.edu/alumni/index.html">Alumni & Friends</A> |
<A HREF="http://www.ohiou.edu/parents/index.html">Parents</A><br>


Please send your comments or questions to:
Max Malloy

 

Pagemasters' Home | Ohio Front Door

 

Ohio University Home

Copyright © Ohio University

 

 

style guide
nuts & bolts
graphics
templates
news
forums
HTML classes
resources
pages on oak

 

pagemaster home
Ohio front door