WWW2007 - Creating an XHTML version of your paper

Don't Panic! If all else fails, remember that producing XHTML is only suggested, not required.

1. Convert to HTML

LaTeX users can use latex2html (multiple platforms, requires perl) to convert to HTML:

latex2html -split 0 -lcase_tags -nonavigation -notop_navigation 
-auto_prefix -noinfo -image_type png -show_section_numbers -noaddress 
-numbered_footnotes your-paper.tex

(Note: you may need to run latex your-paper.tex twice beforehand to generate the .aux files needed by latex2html)

Word users can select "Save as Web Page" from the File menu, then "Web Page, Filtered" from "Save as type" (if available). Try and remove as much of the Word styling as possible.

Microsoft Office 2000 users can install the Office 2000 HTML Filter, and then select Export To the Compact HTML format.

2. Convert HTML to XHTML

tidy -output your-paper-xhtml.html -indent -bare -asxhtml -latin1 
your-paper.html

3. Apply WWW2007 template

Use standard XHTML elements (p, ul, ol, li, p etc). Use h1-h6 for headings. Do not use presentation elements like font.

Download the IW3C2 stylesheet to check the appearance of your document (NOTE: this stylesheet is subject to change in the online proceedings).

3.1 Preamble

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

<html>
<head>
	<title>Paper Title</title>
	<link rel="stylesheet" href="/www2007/iw3c2.css" />
</head>
<body>
<div class="meta">
	<h1 class="title">Paper Title</h1>
	<div class="authors">
		<div class="author">
			<h2 class="author">Author 1</h2>
			<h3 class="affiliation">Institution<br>City, State, Country</h3>
			<h2 class="email"><a href="mailto:author1@somewhere.com">author1@somewhere.com</a></h2>
		</div>
		<div class="author">
			<h2 class="author">Author 2</h2>
			<h3 class="affiliation">Institution<br>City, State, Country</h3>
			<h2 class="email"><a href="mailto:author2@somewhere.com">author2@somewhere.com</a></h2>
		</div>
	</div>
	<div class="copyright">
		<p class="copyright">
		Copyright is held by the World Wide Web Conference Committee (IW3C2). 
		Distribution of these papers is limited to classroom use, and personal use by others.<br/>
		WWW 2007, May 8-12, 2007, Banff, Alberta, Canada.<br/>
		ACM ???.
		</p>
	</div>
	<div class="abstract">
		<h1 class="abstract">ABSTRACT</h1>
		<p class="abstract"> ... </p>
	</div>
	<div class="categories">
		<h2 class="categories">Categories &amp; Subject Descriptors</h2>
		<p class="categories"> ... </p>
	</div>

	<div class="terms">
		<h2 class="terms">General Terms</h2>
		<p class="terms"> ... </p>
	</div>
	<div class="keywords">
		<h2 class="keywords">Keywords</h2>
		<p class="keywords"> ... </p>
	</div>
</div>

3.2 Images

<div class="image">
	<p class="image"><img src="/www2007/iw3c2.png" width="150" height="150" alt="The IW3C2 Logo" /></p>
	<p class="caption">The IW3C2 Logo</p>
</div>

3.3 Tables

The table element must have a summary attribute. Try and keep tables simple. A good format for a table with headings and an initial header column would look something like:

<div class="table">
<p class="caption">The Table Title</p>
<table  summary="My Test Table">
	<col width="20%" />
	<col width="30%" />
	<col width="30%" />
	<thead>
		<tr>
			<th>First</th>
			<th>Second</th>
			<th>Third</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th>Heading</th>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Heading2</th>
			<td>Data2</td>
			<td>Data2</td>
		</tr>
	</tbody>
</table>
</div>

First	Second	Third
Heading	Data	Data
Heading2	Data2	Data2

<table class="data" summary="...">

3.4 References

<a href="/www2007/#r1">[1]</a>

<div class="references">
	<h1>REFERENCES</h1>
	<p class="ref" id="r1">[1] A. Bloggs, Web Navigation: Designing the User Experience, Web Journal 13 (2) 1988</p>
	<p class="ref" id="r2">{2] ... </p>
</div>

Creating an XHTML version of your paper