codice:
lo abbiamo diviso in due pezzi:
1


<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"

<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
<meta name="DC:Creator" content="UNREGISTERED" />
<meta name="DC:Title" content="Prova spagnolo" />


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>
Prova spagnolo
</title>



<style type="text/css">

body{
font-family: Verdana;
background-color: #ffffff;
color: #000000;

margin-right: 5%;
margin-left: 5%;
font-size: small;
}

p{
text-align: justify;
margin: 0px;
font-size: small;
}

table,tr,td,div,span{
font-size: small;
}

input.GapBox{

}

span.CorrectAnswer{
font-weight: bold;
}

div.Titles{
padding-top: 10px;
text-align: center;
margin-bottom: 4px;
color: #000033;
}

.ExerciseTitle{
font-size: large;
color: #000033;
}

.ExerciseSubtitle{
color: #000033;
}

span.Instructions{

}

div.ExerciseText{
line-height: 2.0;
text-align: justify;
}

.FeedbackText{

}

div.Feedback {
background-color: #ffffff;
left: 1px;
top: 33%;
z-index: 1;
border-style: solid;
border-width: 1px;
padding: 5px;
text-align: center;
color: #000033;
position: absolute;
display: none;
font-size: small;
}


.WordListStyle{
text-align: center;
font-weight: bold;
color: #000000;
}



div.ExerciseDiv{
color: #000000;
}

div.StdDiv{
background-color: #ebf8fe;
text-align: center;
font-size: smaller;
color: #000000;
padding: 8px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #000000;
margin: 1px;
}

.FunctionButton {
background-color: #ebf8fe;
color: #000000;
text-align: center;
border-style: solid;
border-color: #ebf8fe;
border-width: 2px;
padding: 3px 6px 3px 6px;
cursor: pointer;
}

div.NavButtonBar{
background-color: #ffff80;
text-align: center;
margin: 2px 0px 2px 0px;
clear: both;
font-size: small;
}

div.NavButtonBar button {
border-style: solid;
border-color: #ffff80;
background-color: #ffff80;
border-width: 2px;
padding: 2px 2px 2px 2px;
color: #000000;
cursor: pointer;
}

a{
color: #0000ff;
}

a: visited{
color: #0000cc;
}

a:hover{
color: #0000ff;
}

</style>


<script type="text/javascript">

//<![CDATA[

<!--

// BrowserCheck Object

function BrowserCheck() {
var b = navigator.appName;
this.mac = (navigator.appVersion.indexOf('Mac') != -1);
if (b=="Netscape") this.b = 'ns';
else if (b=="Microsoft Internet Explorer") this.b = 'ie';
else this.b = b;
this.ns = (this.b == 'ns');
this.ie = (this.b == 'ie');
this.version = navigator.appVersion;
if (this.b == 'ie'){
var x = this.version.indexOf('MSIE ') + 5;
var vnum = '';

while ((this.version.charAt(x) > -1)&&(this.version.charAt(x) < 10)){
vnum += this.version.charAt(x);
x++;
}
this.v = parseInt(vnum);
}
else{
this.v = parseInt(this.version);
}
if (this.ns&&(this.v == 5)){
this.v = 6;
}
this.min = (this.v > 5);
}

is = new BrowserCheck();

if ((is.min == false)||(is.ie5mac)){
alert('Your browser can\'t handle this page. You need NS6+ or IE6+ on Windows, or NS6+ on Mac.');
}

function PageDim(){
//Get the page width and height
this.W = 600;
this.H = 400;
if (is.ns) this.W = window.innerWidth;
if (is.ie) this.W = document.body.clientWidth;
if (is.ns) this.H = window.innerHeight;
if (is.ie) this.H = document.body.clientHeight;
}

var pg = null;

function SuppressBackspace(e){
if (InGap == true){
return;
}
if (is.ns) {
thisKey = e.keyCode;
}
else {
thisKey = window.event.keyCode;
}

var Suppress = false;

if (thisKey == 8) {
Suppress = true;
}

if (Suppress == true){
if (is.ie){
window.event.returnValue = false;
window.event.cancelBubble = true;
}
else{
e.preventDefault();
}
}
}

var NavLightColor = '#ffffbf';
var NavShadeColor = '#7f7f40';
var NavBarColor = '#ffff80';
var FuncLightColor = '#f5fbfe';
var FuncShadeColor = '#757c7f';
var ExBGColor = '#ebf8fe';

function NavBtnOver(Btn){
Btn.style.padding = '1px 3px 3px 1px';
Btn.style.borderLeftColor = NavLightColor;
Btn.style.borderTopColor = NavLightColor;
Btn.style.borderRightColor = NavShadeColor;
Btn.style.borderBottomColor = NavShadeColor;
}

function NavBtnOut(Btn){
Btn.style.borderColor = NavBarColor;
Btn.style.padding = '2px 2px 2px 2px';
}

function NavBtnDown(Btn){
Btn.style.borderLeftColor = NavShadeColor;
Btn.style.borderTopColor = NavShadeColor;
Btn.style.borderRightColor = NavLightColor;
Btn.style.borderBottomColor = NavLightColor;
Btn.style.padding = '3px 1px 1px 3px';
}

function FuncBtnOver(Btn){
Btn.style.padding = '2px 7px 4px 5px';
Btn.style.borderLeftColor = FuncLightColor;
Btn.style.borderTopColor = FuncLightColor;
Btn.style.borderRightColor = FuncShadeColor;
Btn.style.borderBottomColor = FuncShadeColor;
}

function FuncBtnOut(Btn){
Btn.style.borderColor = '#ebf8fe';
Btn.style.padding = '3px 6px 3px 6px';
}

function FuncBtnDown(Btn){
Btn.style.borderLeftColor = FuncShadeColor;
Btn.style.borderTopColor = FuncShadeColor;
Btn.style.borderRightColor = FuncLightColor;
Btn.style.borderBottomColor = FuncLightColor;
Btn.style.padding = '4px 5px 2px 7px';
}

var topZ = 100;

var Feedback = '';
var Correct = 'Corretto';
var Incorrect = '';
var GiveHint = '';
var CaseSensitive = false;
var YourScoreIs = 'Alcune risposte sono sbagliate o non hai ancora risposto a tutte. Il tuo punteggio &#232;:';
var BuiltCloze = '';
var FirstShow = true;
var ReadingURL = '[ReadingURL]';
var TempReading = '';
var StartTime = (new Date()).toLocaleString();
var HPNStartTime = (new Date()).getTime();
var Finished = false;
var SubmissionTimeout = 30000;
var Score = 0;



var ClozeOpener = '<div class="ExerciseText">';
ClozeOpener += '<form name="Cloze" onsubmit="return false">

';

var ClozeCloser = '</p></form></div>';

var Buttons = '<button id="[strCheckButtonId]" class="FunctionButton" onfocus="FuncBtnOver(this)" onmouseover="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOver(this)" onclick="CheckAnswers()"></button>';



var GapCode = '<input type="text" class="GapBox" id="[strGapName]" size="[strGapSize]" onfocus="TrackFocus([strItemNum])" onblur="LeaveGap()" value="[strValue]" />';

var ClueButton = '';

ClueButton = '<button style="line-height: 1.0" class="FunctionButton" onfocus="FuncBtnOver(this)" onmouseover="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseout="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOver(this)" onclick="ShowClue([strItemNum])"><font color="red" size="1">risposta</font></button>';



function WriteFeedback(Feedback){
var Output = Feedback + '

';
document.getElementById('FeedbackContent').innerHT ML = Output;
var FDiv = document.getElementById('FeedbackDiv');
//Calculate and set its left setting
topZ++;
FDiv.style.zIndex = topZ;

//Position the feedback div
pg = new PageDim();
FDiv.style.left = Math.floor(pg.W/3) + 'px';
FDiv.style.width = Math.floor(pg.W/3) + 'px';
//Set the top again in case the window has been resized
if (is.ns){
FDiv.style.top = Math.floor(pg.H/3) + window.pageYOffset + 'px';
}
else{
FDiv.style.top = Math.floor(pg.H/3) + document.body.scrollTop + 'px';
}
FDiv.style.display = 'block';
document.getElementById('FeedbackOKButton').focus( );



InGap = false;
}

function HideFeedback(){
document.getElementById('FeedbackContent').innerHT ML = '';
document.getElementById('FeedbackDiv').style.displ ay='none';
if (document.getElementById('GapCode' + CurrentWord) != null){
document.getElementById('GapCode' + CurrentWord).focus();
}
else{
FocusAButton();
}
if (Finished == true){
Finish();
}
}

function FocusAButton(){
if (document.getElementById('CheckButton1') != null){
document.getElementById('CheckButton1').focus();
}
else{
if (document.getElementById('CheckButton2') != null){
document.getElementById('CheckButton2').focus();
}
else{
document.getElementsByTagName('button')[0].focus();
}
}
}

function WriteToInstructions(Feedback) {
Feedback = '<span class="FeedbackText">' + Feedback + '</span>';
document.getElementById('InstructionsDiv').innerHT ML = Feedback;

}

function WriteScore(Feedback) {
Feedback = '<span class="FeedbackText">' + Feedback + '</span>';
document.getElementById('ScoreDiv').innerHTML = Feedback;

}



I = new Array();

I[0] = new Array();
I[0][1] = new Array();
I[0][1][0] = new Array();
I[0][1][0][0]='wet';
I[0][2]='x';

I[1] = new Array();
I[1][1] = new Array();
I[1][1][0] = new Array();
I[1][1][0][0]='wt';
I[1][2]='x';

I[2] = new Array();
I[2][1] = new Array();
I[2][1][0] = new Array();
I[2][1][0][0]='wrtw';
I[2][2]='x';

I[3] = new Array();
I[3][1] = new Array();
I[3][1][0] = new Array();
I[3][1][0][0]='wt';
I[3][2]='x';

I[4] = new Array();
I[4][1] = new Array();
I[4][1][0] = new Array();
I[4][1][0][0]='wet';
I[4][2]='x';

I[5] = new Array();
I[5][1] = new Array();
I[5][1][0] = new Array();
I[5][1][0][0]='wrtw';
I[5][2]='x';


Text = new Array();
Text[0]='fre wet wet wet wet wt wrtw fre wet wet ';
Text[1]=' wet wt wrtw fre wet wet wet wet ';
Text[2]=' wrtw fre wet wet wet wet wt ';
Text[3]=' fre wet wet wet wet wt wrtw fre wet wet wet wet wt wrtw
fre wet wet wet wet wt wrtw
fre wet wet wet wet wt wrtwfre wet wet wet wet ';
Text[4]=' wrtwfre wet wet wet wet wt wrtwfre wet wet wet wet wt wrtwfre wet wet wet wet wt wrtwfre wet wet wet wet wt wrtw
fre wet wet wet ';
Text[5]=' wt wrtwfre wet wet wet wet wt wrtwfre wet wet wet wet wt wrtwfre wet wet wet wet wt wrtwfre wet wet wet wet wt ';
Text[6]=' ';


continua--------------------->