How to Make a Home Page

The following instructions assume some knowledge of UNIX file manipulation and an online editor, such as vi. We hope to have converter programs available on euler soon (latex to html, word to html, word perfect to html, etc.), but in the meantime, an online editor such as vi is the weapon of choice.

We have created generic homepages for all ME faculty members who haven't already made a homepage. The files in your public_html/department directory should eventually contain information regarding your biography, publications, instruction, etc. and will be linked to your department faculty home page file. All this information will be available to the public through the department's world wide web home page (http://www.me.berkeley.edu). The actual files are in your public_html/department directory on euler. The files Faculty Biography Template and Faculty Publications Template here show you how the blank files look before you insert your own information.

The following is a synopsis of the most basic html commands, and hopefully it is everything you need to make your web pages behave the way you want them to. A few references to more extensive guides and tutorials are given at the bottom of this page.

Basic Commands

<blockquote>

Indents text on both left and right. Requires a corresponding </blockquote> to return text to left margin

<br> break

Forces a line break with no extra separation between lines. Similar to a hard return on a word processor

<cite>

The preferred way to italicize; </cite> returns to default font.

<h1>,<h2>,<h3>,


<h4>

,<h5>,

<h6>
heading style

Renders text as a heading. Headings are automatically spaced from the body text.
<h1>A Level 1 Heading</h1> Some text. <h2>A Level 2 Heading</h2> Some more text.

A Level 1 Heading
Some text.
A Level 2 Heading
Some more text.

<hr> horizontal rule

Horizontal line across the screen.

Lists

Definition list/glossary: <dl>

<dl>
<dt> First term to be defined
<dd> Definition of first term
<dt> Next term to be defined
<dd> Next definition
</dl>
The <dl> attribute compact can be used to generate a definition list requiring less space.
Unordered lists: <ul>

<ul>
<li> First item in the list
<li> Next item in the list
</ul>

Ordered lists: <ol>

<ol>
<li> First item in the list
<li> Next item in the list
</ol>

<p> paragraph

Start a new paragraph, with one blank line between paragraphs.

<pre> pre-formatted text

Reproduces text as it was typed without formatting. Somewhat unpredictable. </pre> returns to html formatting.

<strong>

The preferred way to render text in bold.
</strong> returns to default font.

Style Guides and HTML Tutorials

There are many guides and tutorials available on the web, some of which have been used in this short guide. Listed below are just a few. For a comprehesive list, try Yahoo's List of Style Guides and Tutorials.

The HTML Quick Reference Guide
A Guide to HTML Commands
Web Style Manual
Crash course on writing documents for the Web
UCB Workstation Support Services' Web Corner