|
Suplemento "Cree su página Web (II)"
Notas adicionales al cuaderno e información de interés
A continuación presentamos información de interés y notas del autor posteriores a la publicación del cuaderno Cree su página Web (II).
Fe de erratas
En la página 39, relación de atributos para las tablas:
En la cuarta celda desde arriba y desde abajo, columna 2, aparece el atributo background para definir el color de fondo de la tabla y de las celdas. El atributo correcto para definir el color de fondo de una tabla es bgcolor.
Con background (por ejemplo: background="imagen.gif") es posible incluir un gráfico de fondo en una tabla. Sin embargo, esta instrucción sólo funciona en Internet Explorer.
Descarga de software
Esta es una lista de enlaces para descargar el software gratuito mencionado en el cuaderno.
- Editor HTML 1st Page 2000: http://www.evrsoft.com/download
(incluye el validador TIDY)
- Editor HTML HTML-Kit: http://www.chami.com/html-kit/
(incluye el validador TIDY)
- Validador HTML Tidy: http://www.w3.org/People/Raggett/tidy/
- Formulario FormMail: http://www.worldwidemart.com/scripts/formmail.shtml
- Editor HTML Arachnophilia: http://www.arachnoid.com/arachnophilia/index.html
- Editor de mapas de imágenes Map Maker Lite: http://members.tripod.com/dsbnj/mmplite.htm
- Programa FTP WS_FTP: http://www.ipswitch.com/
DHTML y Netscape 6
A mediados de noviembre de 2000 apareció el navegador Netscape 6 y creó un nuevo shock en la comunidad de internautas. El navegador utiliza un modelo de objetos completamente distinto y no es compatible con las anteriores versiones Netscape 4.x ni con Internet Explorer. De modo que no queda otro remedio que aprender desde cero.
A partir de ahora habrá que escribir tres versiones de DHTML, una para IE, otra para Netscape 4 y una tercera para Netscape 6. No te preocupes, en los archivos de ejemplo disponibles para su descarga hay una nueva carpeta llamada dhtml6. En ella encontrarás todos los scripts de ejemplo debidamente adaptados para su funcionamiento con Netscape 6. Ahora los scripts funcionan en Netscape 4, 6 y IE a partir de la versión 4. Atención: en principio, Netscape 6 es un navegador completamente nuevo que tiene poco que ver con su predecesor.
¿Quieres probar ya los archivos, antes de descargar el suplemento?
Animar un gráfico
Arriba el telón
Menú desplegable
Cómo distinguir entre navegadores
Cierto, en el cuaderno se habla de un sistema sencillo para distinguir entre Internet Explorer y Netscape. Sin embargo, existen taaaaaaannnnnnnnntas versiones de cada navegador... ¿Qué te parece si te proporciono un sistema más elaborado para identificar las distintas versiones de cada uno?
Utiliza la descripción detallada del navegador que proporciona navigator.userAgent. El navegador Netscape 6, por ejemplo, devuelve lo siguiente: Mozilla/5.0 (Windows; U; Windows NT 5.0; de-DE; m18) Gecko/20001106 Netscape6/6.0. Netscape 4 (aquí Netscape 4.7) no es tan "locuaz" y te muestra esto: Mozilla/4.7 [de] (WinNT; I). Internet Explorer 4 (sobre Windows 95) devuelve esta cadena: Mozilla/4.0 (compatible; MSIE 4.01; Windows 95). Por el contrario, ésta es la identificación de Internet Explorer 5.5: Mozilla/4.0 (compatible; MSIE 5.5; Windows NT 5.0).
He aquí las 5 reglas de oro:
Netscape 4.x devuelve Mozilla/4
Netscape 6.x devuelve Mozilla/5
Internet Explorer 4.x se puede identificar como MSIE 4 (con espacio en blanco)
Internet Explorer 5.x se puede identificar como MSIE 5 (con espacio en blanco)
Internet Explorer 6.x se puede identificar como MSIE 6 (con espacio en blanco)
Preguntas más frecuentes - FAQ
¿Cómo puedo iniciar varias funciones al mismo tiempo al cargar un documento?
Haz una llamda a las funciones con onLoad en la etiqueta <body>, separadas por punto y coma.
<body onLoad="funcion1();funcion2();funcion3()">
Las funciones se iniciarán en el orden en que han sido escritas. Sin embargo, también puedes escribir una función que llame a varias funciones.
<body onLoad="llamada()">
Este sería el aspecto de la función:
function llamada() {
funcion1();
funcion2();
funcion3();
}
¿Por qué tengo problemas al utilizar el script de cálculo de la página 12 para sumar?
Si has usado ese script para sumar en lugar de multiplicar, el signo más actúa, a causa de su doble función, como operador de encadenamiento (en lugar de hacerlo como operador de cálculo) y el resultado es incorrecto. Paa que funcione, tienes que sustituir los resultados que se leen de los cuadros prompt() por la función Number() para convertirlos de strings a números. Estas son las líneas de código necesario:
var a, b, resultado;
a=prompt("Multipliquemos: Introduzca la cifra a","");
b=prompt("Introduzca la cifra b, se multiplicará por a","");
resultado=Number(a)+Number(b)
¿Cómo puedo bloquear el botón derecho del ratón?
¡Esta frase está prohibida! ¿Realmente deseas dificultar que el usuario utilice el útil botón derecho del ratón? ¿Sólo para que resulte un poco más difícil copiar el código fuente y tenga que desactivar JavaScript o usar un navegador que no sea IE? Ten en cuenta que no existe una protección eficaz contra la copia. Sin embargo, aquí tienes el script "prohibido"; sólo funciona con Internet Explorer. ¡Espero que no lo utilices!
<html>
<head>
<title>Botón derecho bloqueado</title>
<script language="JavaScript" type="text/javascript">
<!--
function noclick() {
if (event.button==2) {
alert("Aquí no podrás copiar nada");
}
}
//-->
</script>
<body onMousedown="noclick()">
<h1>Página protegida contra copia</h1>
</body>
</html>
¿Dónde puedo encontrar un debugger para JavaScript?
¿No has podido instalar el debugger para IE tal como se indica en el cuaderno? En ese caso, puedes descargar el depurador de Netscape de la Web. Esta es la dirección http://developer.netscape.com/software/jsdebug.html.
Me gustaría enviar los datos cifrados para mi tienda en línea. ¿Cómo lo hago?
Desgraciadamente, no podrás hacerlo con el método "mailto". Para transmitir los datos de forma segura necesitarás un programa CGI. Un par de sugerencias: Abity, 123plaza.com. Consulta también a tu proveedor ISP, quizás puedan ofrecerte este servicio.
¿Cómo puedo conseguir que una ventana siempre se quede en primer plano?
Si te molesta que tus ventanas en JavaScript siempre se queden en segundo plano y deseas que se mantengan automáticamente en primer plano, eso no supone un gran problema. Utiliza el método focus() del objeto window. Incluye en la etiqueta <body> de tu ventana emergente la siguiente instrucción:
<body onBlur="window.focus()">
Sin embargo, no te recomiendo que utilices esta instrucción. ¿Por qué? Siempre que la ventana pierde el foco, el navegador intenta volver a recuperarlo. Si intentas minimizar la ventana a través de la barra de tareas, el navegador la vuelve a abrir. Además, ya no podrás traspasar el foco a otra ventana. Entonces, ¿cómo podrán tus visitantes activar un enlace? Los botones ATRÁS, ADELANTE y DETENER también dejan de funcionar hasta que se ha cerrado la ventana. Por lo tanto, técnicamente el método focus() funciona. En la práctica, sin embargo, yo no lo usaría.
¿Cómo puedo crear un script sencillo para una ventana en la que incluir varias imágenes?
Utiliza una función con paso de parámetros. La variable nombreimagen hace referencia al nombre correspondiente de cada imagen. Deberás colocar los nombres del gráfico en el enlace JavaScript, es decir, en el punto dónde se coloca llamada a la función. Naturalmente, también puedes sustituir el archivo gráfico por un documento HTML.
<html>
<head>
<title>Crear ventanas JavaScript</title>
<script language="JavaScript" type="text/javascript">
<!--
var nombreimagen;
function ventana(nombreimagen) {
var win;
win=window.open(nombreimagen,"imagen","height=330,width=265");
}
//-->
</script>
</head>
<body bgcolor="#ffffff">
<h1>Nuestro álbum de fotos</h1>
<p><a href="javascript:ventana('torre.jpg')">Imagen 1</a></p>
<p><a href="javascript:ventana('einstein.gif')">Imagen 2</a></p>
<p><a href="javascript:ventana('avion.gif')">Imagen 3</a></p>
</body>
</html>
Volver al cuaderno
|
