The Xara Xone Tutorials XaraXone Xara Tutorials  Page 2
0   1   2   3   4   5   6   7   8   9   10   11   12   13   Download Zipped Tutorial

THE XARA XONE | XARA.COM | THE XARA CONFERENCES

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//EN">
<html>
<head>
<title>Sliced Image</title>
</head>

<body bgcolor="#ffffff" text="black" link="red" vlink="blue" alink="yellow">
<table name="XaraTable" border="0" cellpadding="0" cellspacing="0">

<!-- shim row--><tr><td><img src="shim.gif" width="29" height="1" border="0"></td>
<td><img src="shim.gif" width="46" height="1" border="0"></td>
<td><img src="shim.gif" width="46" height="1" border="0"></td>
<td><img src="shim.gif" width="46" height="1" border="0"></td>
<td><img src="shim.gif" width="46" height="1" border="0"></td>
<td><img src="shim.gif" width="46" height="1" border="0"></td>
<td><img src="shim.gif" width="46" height="1" border="0"></td>
<td><img src="shim.gif" width="189" height="1" border="0"></td>
<td><img src="shim.gif" height="1" border="0"></td>
</tr>


<!-- Row 1 --><tr>
<td colspan="9"><img name="top" src="top.jpg" alt="top" width="525" height="150" border="0"></td>
</tr>

<!-- Row 2 --><tr>
<td><img name="left" src="left.jpg" alt="left" width="30" height="46" border="0"></td>
<td><img name="1" src="1.jpg" alt="1" width="46" height="46" border="0"></td>
<td><img name="2" src="2.jpg" alt="2" width="46" height="46" border="0"></td>
<td><img name="3" src="3.jpg" alt="3" width="46" height="46" border="0"></td>
<td><img name="4" src="4.jpg" alt="4" width="46" height="46" border="0"></td>
<td><img name="5" src="5.jpg" alt="5" width="46" height="46" border="0"></td>
<td><img name="6" src="6.jpg" alt="6" width="46" height="46" border="0"></td>
<td><img name="7" src="7.jpg" alt="7" width="189" height="46" border="0"></td>
<td><img name="right" src="right.jpg" alt="right" width="30" height="46" border="0"></td>
</tr>

<!-- Row 3 --><tr>
<td colspan="9"><img name="bottom" src="bottom.jpg" alt="bottom" width="525" height="154" border="0"></td>
</tr>
</table>
<p>

If you select View > Source in your Web browser, you will see the HTML document that Xara has created (shown above). It should open in Word Pad, Windows' text editing utility. You can delete the Shim Row section (shown in red) as we do not need this due to the fact we have been so precise in laying out our named rectangles (or at least we hope we have). Edit and then Save the file with an HTM extension (do not save it as a TXT file).

For this second half of the tutorial, we will create a GIF version of the same file substituting animated GIF images for some of the JPEG images.

We have a lot of work to do, although as usual it will be done in a series of small steps so it should not be as hard as it sounds.

 

LAST PAGE   1   2   3   4   5   6   7   8   9   10   11   12   RESPONSE PAGE   NEXT PAGE