Grazie per la risposta, ho provato ad inserire solo una parte, ma non conosco molto il HTML.
ho letto la guida che mi ha sugerito (ho imparato dalle vs guide ad usare il Kompozer), ma c'e qualcosa che non faccio giusto.
la sorgente completa del album è questa:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<!-- saved from url=(0014)about:internet -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>festival 2005</title>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta name="title" content="festival 2005" />
<link rel="image_src" href="slides/scansione0031.jpg" />
<link href="res/common.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]><link href="res/ie6fix.css" rel="stylesheet" type="text/css" /><![endif]-->
<link href="res/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="res/jquery.min.js"></script>
<script type="text/javascript">//<![CDATA[
var title='festival 2005';
var level=0;
var uplink='../';
var resPath='res';
var relPath='';
var slideshow={delay:4000,loop:false,auto:false};
var newDays=0;
var captionsOn=false;
var thumbsOn=false;
var fitImages=false;
var fitShrinkonly=false;
var borderWidth=10;
var thumbHeight=100;
var images=new Array(
{file:'slides/scansione0031.jpg',video:false,thumb:'thumbs/scansione0031.jpg',caption:'<h2></h2><div class="comment"></div>',thmcapt:'<span class="nr">1</span> <strong></strong> <small></small>',link:'',date:'29/05/09 20.49',mod:14393,size:'306 kB',width:399,height:600},
{file:'slides/scansione0036.jpg',video:false,thumb:'thumbs/scansione0036.jpg',caption:'<h2></h2><div class="comment"></div>',thmcapt:'<span class="nr">2</span> <strong></strong> <small></small>',link:'',date:'29/05/09 20.54',mod:14393,size:'366 kB',width:896,height:600},
{file:'slides/scansione0029.jpg',video:false,thumb:'thumbs/scansione0029.jpg',caption:'<h2></h2><div class="comment"></div>',thmcapt:'<span class="nr">3</span> <strong></strong> <small></small>',link:'',date:'29/05/09 20.45',mod:14393,size:'440 kB',width:895,height:600},
{file:'slides/scansione0032.jpg',video:false,thumb:'thumbs/scansione0032.jpg',caption:'<h2></h2><div class="comment"></div>',thmcapt:'<span class="nr">4</span> <strong></strong> <small></small>',link:'',date:'29/05/09 20.50',mod:14393,size:'293 kB',width:429,height:600},
{file:'slides/scansione0033.jpg',video:false,thumb:'thumbs/scansione0033.jpg',caption:'<h2></h2><div class="comment"></div>',thmcapt:'<span class="nr">5</span> <strong></strong> <small></small>',link:'',date:'29/05/09 20.51',mod:14393,size:'336 kB',width:399,height:600},
{file:'slides/scansione0023.jpg',video:false,thumb:'thumbs/scansione0023.jpg',caption:'<h2></h2><div class="comment"></div>',thmcapt:'<span class="nr">6</span> <strong></strong> <small></small>',link:'',date:'29/05/09 20.39',mod:14393,size:'395 kB',width:400,height:600},
{file:'slides/scansione0020.jpg',video:false,thumb:'thumbs/scansione0020.jpg',caption:'<h2></h2><div class="comment"></div>',thmcapt:'<span class="nr">7</span> <strong></strong> <small></small>',link:'',date:'29/05/09 20.34',mod:14393,size:'411 kB',width:881,height:600},
{file:'slides/scansione0034.jpg',video:false,thumb:'thumbs/scansione0034.jpg',caption:'<h2></h2><div class="comment"></div>',thmcapt:'<span class="nr">8</span> <strong></strong> <small></small>',link:'',date:'29/05/09 20.52',mod:14393,size:'433 kB',width:887,height:600}
);
var _jaWidgetBarColor='black';
var likeBtnTheme='dark';
var text={atLastPage:'All'ultima pagina',atLastPageQuestion:'Dove andiamo ora?',startOver:'Inizio',up:'Su di un livello',backToHome:'Indietro alla pagina home',stop:'Stop',upgradeBrowser:'Aggiorna il tuo browser!',upgradeBrowserExplain:'Stai usando una versione obsoleta di Internet Explorer, che non può visualizzare correttamente questo album.',contin:'Continua',download:'Download',original:'Originale',showExif:'Mostra i dati della foto (Exif/Iptc)',photoData:'Dati della foto',showLocation:'Mostra la posizione sulla mappa',map:'Mappa',noGPS:'Non sono stati trovati dati GPS',buyThis:'Acquista',notForSale:'Non in vendita.',shareOn:'Condividi su',checkOutThis:'Smarca'};
var share={likeBtn:false,tweetBtn:+false,facebook:false,twitter:false,digg:false,delicious:false,myspace:false,stumbleupon:false,email:false};
//]]></script>
<script type="text/javascript" src="res/skin.js"></script>
<link rel="alternate" href="album.rss" type="application/rss+xml"/>
</head>
<body>
<div id="splash">
<div id="header" style="background-image:url(folderimage.jpg);">
<div id="title">
<div id="parent"><a href="../" title="Indietro alla pagina home" target="_parent" class="showhint"> </a></div>
<div class="texts">
<h1>festival 2005</h1>
</div>
<div class="clear"></div>
</div>
<div id="startbtn"> </div><div id="starttext">Inizia presentazione</div>
</div>
<div id="galleries"><div id="gallerycnt">
<div id="grid">
<ul class="thmb">
<li><a href=""> </a></li><li><a href=""> </a></li><li><a href=""> </a></li><li><a href=""> </a></li><li><a href=""> </a></li><li><a href=""> </a></li><li><a href=""> </a></li><li><a href=""> </a></li>
</ul>
<div class="clear"></div>
</div>
</div></div>
<div id="footer">
8 immagini ·
Create <a href="http://jalbum.net/">web photo albums</a> and <a href="http://jalbum.net/photo-book">photo books</a> with <a href="http://jalbum.net" title="Jalbum, genetarore di album freeware, v8.12.2" class="showhint">Jalbum</a> · <a href="http://jalbum.net/skins/skin/Turtle" title="Skin: Turtle Black, v1.3.6" class="showhint">Turtle Skin</a> ·
<a href="javascript:void(0)" class="showhelp">Aiuto</a>
</div>
</div>
<div id="images" style="display:none;">
<div class="current"></div>
<div class="swap"></div>
<div class="wait"></div>
<div id="navigation">
<div id="thumbs">
<div id="scroll-left"> </div><div id="scroll-right"> </div>
<div id="thumbcnt"><ul class="thmb" style="width:1200px">
<li><a href=""> </a></li><li><a href=""> </a></li><li><a href=""> </a></li><li><a href=""> </a></li><li><a href=""> </a></li><li><a href=""> </a></li><li><a href=""> </a></li><li><a href=""> </a></li>
</ul></div>
</div>
<div id="controls"><ul class="showhint"><li id="prev" title="Immagine precedente"> </li><li id="up" title="Alla pagina iniziale"> </li><li id="noresize" title="Dimensioni originali"> </li><li id="resize" title="Adatta allo schermo"> </li><li id="info" title="Mostra titolo / info"> </li><li id="noinfo" title="Nascondi titolo / info"> </li><li id="index" title="Mostra icone"> </li><li id="noindex" title="Nascondi icone"> </li><li id="play" title="Inizia presentazione"> </li><li id="pause" title="Interrompi presentazione"> </li><li id="next" title="Immagine successiva"> </li></ul><div class="clear"></div></div>
</div>
</div>
<div id="help">
<div class="window" id="helpsplash"><div class="close"><a href="javascript:void(0)" title="Chiudi finestra" class="showhint"> </a></div><h2>Pagina iniziale · <a href="">Pagina immagine</a></h2>
<ol><li><b>Su</b> di un livello <em>Freccia in su</em></li><li>Inizia <b>presentazione</b> <em>Tast.numerico *</em> <em>Spazio</em></li><li>Sotto-album e icone (se esistono)</li><li>Bottoni <b>Condividi</b> e <b>Mi piace</b> per condividere questo album sui siti di social networking</li></ol><p>Premi <b>F1</b> in qualsiasi momento per ottenere aiuto!</p></div>
<div class="window" id="helpimage"><div class="close"><a href="javascript:void(0)" title="Chiudi finestra" class="showhint"> </a></div><h2><a href="">Pagina iniziale</a> · Pagina immagine</h2>
<ol><li>Finestra icone di navigazione</li><li>Immagine <b>precedente</b> <em>Freccia a sinistra</em></li><li>Indietro alla <b>pagina iniziale</b> / su di un livello <em>Freccia in su</em></li><li>Alternativa <b>adatta allo schermo</b> o <b>dimensioni originali</b><em>Tast. numerico +</em></li><li>Mostra/nascondi <b>titoli</b> e altre informazioni <em>Tast. numerico -</em></li><li>Mostra/nascondi <b>icone</b> <em>Tast. numerico -</em></li><li>Inizia/interrompi <b>presentazione</b> <em>Tast. numerico *</em> <em>Spazio</em></li><li>Immagine <b>successiva</b> <em>Freccia a destra</em></li><li><b>Clic sull'immagine</b> per andare alla prossima</li><li><b>Doppio clic sull'immagine</b> per passare da <b>adatta alla finestra</b> a <b>dimensioni originali</b> e viceversa. E' anche possibile <b>trascinare e spostare</b> se l'immagine è più grande dello schermo.</li><li><b>Finestra informazioni</b>: titolo, dati della foto, mappa, carrello acquisti, ecc.</li></ol></div>
</div>
<div id="jalbumwidgetcontainer"></div>
<script type="text/javascript" charset="utf-8"><!--//--><![CDATA[//><!--
_jaSkin = "Turtle";
_jaStyle = "Black.css";
_jaVersion = "8.12.2";
_jaGeneratorType = "desktop";
_jaLanguage = "it";
_jaPageType = "index";
_jaRootPath = ".";
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://jalbum.net/widgetapi/load.js";
document.getElementById("jalbumwidgetcontainer").appendChild(script);
//--><!]]></script>
</body>
</html>
grazie per aiuto