alexbm8_practica2

Copiar el siguiente código y guardar con la extensión .html code format="javascript" <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  Generación automática de plantillas



// Definición de la clase Plantilla function Plantilla(fondo,imagen, titulo,encab,tam_encab,fuente,alineacion,color_encab,texto,tam_texto,estilo_texto,color_texto) { this.fondo = fondo; this.imagen = imagen; this.titulo = titulo; this.encab = encab; this.tam_encab = tam_encab; this.fuente = fuente; this.alineacion = alineacion; this.color_encab = color_encab; this.texto = texto; this.tam_texto = tam_texto; this.estilo_texto = estilo_texto; this.color_texto = color_texto; this.ver_carac = ver_carac; this.toString = generarPlantilla; }

// La generamos, escribiendo código HTML function generarPlantilla{

document.writeln(' '); document.writeln(''); document.writeln(' '+this.titulo+' '); // Creamos una hoja de estilos sencilla document.writeln(''); // Estilo para el body document.writeln('body {'); var fondo=this.fondo; switch (fondo) { case "Negro": document.writeln('background-color: #000000;'); break; case "Amarillo": document.writeln('background-color: #FFFF00;'); break; case "Verde": document.writeln('background-color: #00FF00;'); break; case "Blanco": document.writeln('background-color: #FFFFFF;'); break; case "Azul": document.writeln('background-color: #0000FF;'); break; default: document.writeln('background-color: #FF0000;'); }               document.writeln('font-size:'+this.tam_encab+';'); document.writeln(' background-image: url('+this.imagen+');'); document.writeln('}');

// Estilo para el encabezado document.writeln('.EstiloEncabezado {'); var color_encabezado=this.color_encab; switch (color_encabezado) { case "Negro": document.writeln('color: #000000;'); break; case "Amarillo": document.writeln('color: #FFFF00;'); break; case "Verde": document.writeln('color: #00FF00;'); break; case "Blanco": document.writeln('color: #FFFFFF;'); break; case "Azul": document.writeln('color: #0000FF;'); break; default: document.writeln('color: #FF0000;'); }               document.writeln('}');

// Estilo para el texto document.writeln('.EstiloTexto {'); var color_text=this.color_texto; switch (color_text) { case "Negro": document.writeln('color: #000000;'); break; case "Amarillo": document.writeln('color: #FFFF00;'); break; case "Verde": document.writeln('color: #00FF00;'); break; case "Blanco": document.writeln('color: #FFFFFF;'); break; case "Azul": document.writeln('color: #0000FF;'); break; default: document.writeln('color: #FF0000;'); }

document.writeln('font-family: '+this.fuente+';'); if (this.estilo_texto[0]=="negrita") document.writeln('font-weight: bold;'); if (this.estilo_texto[1]=="cursiva") document.writeln('font-style: italic;');

document.writeln('text-align: '+this.alineacion+';'); document.writeln('font-size:'+this.tam_texto); document.writeln('}');

document.writeln(' '); document.writeln(' ');

document.writeln(' '); document.writeln(''+this.encab+' '); document.writeln(''); if (this.estilo_texto[2]=="subrayado")//Para el caso del subrayado document.writeln(' '); document.writeln(this.texto); if (this.estilo_texto[2]=="subrayado")//Para el caso del subrayado document.writeln(' '); document.writeln(' ');

document.writeln('           ');//Dejamos cierto espacio document.writeln(' CARACTERÍSTICAS DE LA PÁGINA  '); document.writeln(' '); this.ver_carac; document.writeln(' ');

document.writeln(' '); document.writeln(' '); }

// Función que muestra las características de la plantilla creada function ver_carac{

document.writeln('Fondo: '+this.fondo+' '+'Imagen: '+this.imagen+' '+'Título: '+this.titulo+' '+             'Encabezado: '+this.encab+' '+'Tamaño del encabezado: '+this.tam_encab+' '+'Color del encabezado: '+              this.color_encab+' '+'Texto: '+this.texto+' '+'Tamaño del texto: '+this.tam_texto+' '+'Fuente: '+              this.fuente+' '+'Alineación del texto: '+this.alineacion+' '+'Color del texto: '+this.color_texto+              ' '+'Estilo del texto: '+this.estilo_texto+' ');

}

// Se ejecuta al pulsar sobre el botón "Generar" function main{

var lista_fondo = document.getElementById("fondo"); var fondoSeleccionado = lista_fondo.options[lista_fondo.selectedIndex].text;

var imagen_fondo = document.form1.imagen.value;

var titulo = document.getElementById("titulo").value;

var encab = document.getElementById("header1").value;

var elementos = document.getElementsByName("tam_encab"); for(var i=0; i<elementos.length; i++) { if (elementos[i].checked == true) var tam_encab=elementos[i].value; }

var lista_color_encab = document.getElementById("color_encab"); var color_encab = lista_color_encab.options[lista_color_encab.selectedIndex].text;

var texto = document.getElementById("texto").value;

var elementos2 = document.getElementsByName("tam_texto"); for(var i=0; i<elementos2.length; i++) { if (elementos2[i].checked == true) var tam_texto=elementos2[i].value; }

var lista_color_texto = document.getElementById("color_texto"); var color_texto = lista_color_texto.options[lista_color_texto.selectedIndex].text;

var lista_fuente = document.getElementById("fuente"); var fuente = lista_fuente.options[lista_fuente.selectedIndex].text;

var lista_alineacion = document.getElementById("alineacion"); var alineacion = lista_alineacion.options[lista_alineacion.selectedIndex].text;

var elementos3 = document.getElementsByName("estilo"); var estilo_texto = new Array; for(var i=0; i Fondo  Blanco Amarillo Negro Rojo Verde Azul Imagen de fondo (escriba el nombre exacto con la extensión, antes añada el fichero                al directorio donde se encuentra la página):  T&iacute;tulo    &copy; Alejandro Barea Montoya

code

También sería útil descargar la [|siguiente imagen] y guardarla como "koala.jpg" en el mismo directorio que la página anterior.