In each of the following examples, how the link would appear on the web page is shown followed by the HTML code that would produce and support its appearance.

Naming Files

Name files with discriptive names: cm-01-dedication.jpg NOT imag-01.jpg

Use only lower case letters: cm-01-dedication.jpg NOT CM-01-Dedication.jpg

When numbering a series of files use the appropriate number of leading zeros and set the number off with a hyphen/dash: cm-01.jpg to cm-99.jpg OR cm-001.jpg to cm-999.jpg. This will produce the expected listing order of files by the computer.

Start all file names with at least one letter: cm-01-dedication.jpg NOT 01-cm-dedication.jpg. This guideline may be ignored for large groups of images stored within a descriptively named folder that will be referenced by a script : 001.jpg, 002.jpg, etc.

Use dashes to separate elements: cm-01-dedication.jpg NOT cm_01_dedication.jpg

Do not use . /$?[>}< * @ or spaces in names: cm-01-dedication.jpg NOT 1.cm 01/dedication$.jpg

Title & Alt Text

Title and alt text that appears between quotes may use Upper and Lower-case letters.

Email Links

Note: If the word email is associated with the email address or person’s name there does not need to be a title element in the html code as shown in the following examples.

Example

Thomas Jones
email: rtjones@calpoly.edu
phone: 805.756.5916

<h3>Thomas Jones</h3>
<p>email: <a href="mailto:rtjones@calpoly.edu">rtjones@calpoly.edu</a><br />
phone: 805.756.5916</p>

Example

For additional information about the event, email Chuck Crotser.

<p>For additional information about the event, email<a href="mailto:ccrotser@gmail.com"> Chuck Crotser</a>.</p>

Example

RSVP: Email the Architecture Department, or phone 805.756.1316

<p><strong>RSVP</strong>: Email the <a href="mailto:architecture@calpoly.edu">Architecture Department</a>, or phone  805.756.1316</p>

Example

Note: If the word email is not associated with the email address or person’s name there does need to be a title element in the html code as shown in the following examples.

Thomas Jones
rtjones@calpoly.edu
805.756.5916

<h3>Thomas Jones</h3>
<p><a href="mailto:rtjones@calpoly.edu" title="email Thomas Jones"> rtjones@calpoly.edu</a><br />
805.756.5916</p>

Example

Note:  The following indicates how email addresses should be treated in a table.

Email     wbenedic@calpoly.edu

<tr>
<th scope="row">Email</th>
<td><a href="mailto:wbenedic@calpoly.edu">wbenedic@calpoly.edu</a></td>
</tr>

Example

Benedict, William
Emeritus Associate Professor         05-215         805.756.508        wbenedic@calpoly.edu

<tr>
<td headers="name"><a href="wbenedic.html" title="Go to Benedict web page">Benedict, William</a><br />Emeritus Associate Professor</td>
<td headers="office">05-215</td>
<td headers="phone">805.756.5082</td>
<td headers="email"><a href="mailto:wbenedic@calpoly.edu" title="Email Will Benedict">wbenedic@calpoly.edu</a></td>
</tr>

Link Examples

Note: There should be a title element in the html code for all links.  The title should be descriptive and unique to each link as shown in the following examples.

Example

On Friday, October 17, 2008, prior to the Saturday workshop, Neil will be giving a talk as one of the invited guests of the Hearst Lecture Series.

<p>On Friday, October 17, 2008, prior to the Saturday workshop, Neil will be giving a talk as one of the invited guests of the<a href="news-events/hearst-lectures.html" title="Go to the Hearst Lecture Series web page"> Hearst Lecture Series</a>.</p>

Example

Next Hearst Lecture
Joshua Aidlin
Friday, November 7, at 4pm
Business Rotunda, Room 213

<h3>Next Hearst Lecture</h3>
<p><a href="news-events/hearst-lectures.html" title="Go to the Hearst Lectures web page">Joshua Aidlin</a><br />
Friday, November 7, at 4pm<br />
Business Rotunda, Room 213</p>

Example

Note: It is desirable for the text associated with a link to provide an indication of what the link will do.

Visit the Sustainability Conference web site.

<p>Go to the <a href="http://www.sustainability.calpoly.edu/" title="Go to the Sustainability Conference web site">Sustainability Conference</a> web site.</p>

Example

Sustainability Conference web site

<p><a href="http://www.sustainability.calpoly.edu/" title="Go to the Sustainability Conference web site">Sustainability Conference</a> web site</p>

Example

Read more in the Service Awards News Release.

<p>Read more in the <a href="documents/news0708-documents/ServiceLearningAwardBarlowMullinax.pdf" title="Go to the service award news release">Service Awards News Release</a></p>

Example

Download the Service Awards News Release (pdf).

<p>Download the <a href="documents/news0708-documents/ServiceLearningAwardBarlowMullinax.pdf" title="Download the service award news release">Service Awards News Release (.pdf)</a>.</p>

Note: the file extension (pdf, doc) must be part of the link.

Example

We recommend that you go to the Cal Poly Risk Management Procedures web page and review the Field Trip Guidelines and Field Trip Procedures.

<p>We recommend that you go to the <a href="http://www.afd.calpoly.edu/risk/procedures.html" title="Go to Cal Poly Risk Management Procedures web page">Cal Poly Risk Management Procedures</a> web page and review the <strong>Field Trip Guidelines</strong> and <strong>Field Trip Procedures</strong>.</p>