WWW2007 - Creating an XHTML version of your paper WWW2007 Logo

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

Using tidy (multiple platforms, binaries available):

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

Try and address any problems identified by tidy.

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

The top of your document should look like this:

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

<html>
<head>
	<title>Paper Title</title>
	<link rel="stylesheet" href="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

All images must have an alt attribute.

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

IW3C2 Logo

The IW3C2 Logo

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>

The Table Title

FirstSecondThird
HeadingDataData
Heading2Data2Data2

For tables of data, use:

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

3.4 References

Local references should appear as:

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

The references section should look like:

<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>

4. Validate XHTML

Using the W3C Validator (Web based).

5. Check Links

Using the W3C Link Checker (Web based).


See also: instructions from 2005.