Con
esta biblioteca de códigos HTML y javascript pretendemos complementar
este Curso de Diseño Web. La colocación de estos códigos en unos
casos en muy sencilla, mientras que en otros requiere mayor complicación,
no obstante su nivel es bastante básico como para poder trabajar con
la mayoría de ellos sin mayores conocimientos que los aquí expuestos.
De todas formas recomendamos consultar nuestra Guía
de Diseño Web.
Todos
los códigos aquí expuestos se exponen colocados dentro del código
HTML de la página. En este código "de página en blanco"
solo hemos dejado la etiqueta "title" dentro de la cual
describimos la función básica del código. En el cuerpo "body"
si lo consideramos oportunos haremos las indicaciones pertinentes si
el caso las merece.
Veamos
un ejemplo de esto con el código que hemos colgado para la apertura
de ventanas secundarias.
<html>
<head>
<title>Ventana secundaria con todos los parámetros para su configuración</title>
<script language=javascript>
function Ventana_001 (URL){
window.open(URL,"UTERRA","width=500,height=300,top=20,left=40,scrollbars=NO,
titlebar=NO,menubar=YES,toolbar=NO,directories=YES,location=YES,status=NO,
resizable=NO")
}
</script>
</head>
<body>
<p><a href="javascript:Ventana_001('http://www.uterra.com')">
<font face="Verdana" color="#FF0000">Enlace</font></a></p>
<p><input type=button value="Enlace" onclick="Ventana_001('http://www.uterra.com')"></p>
<p><a href="javascript:Ventana_001('http://www.uterra.com')">
<img border="0" src="http://www.uterra.com/images_uterra/demos_script/demo_script0008.jpg"
width="125" height="125"></a></p>
Es posible que en algunos scrip haya una nota que diga algo
así como:
<p>Por cortesía de <a href="http://www.uterra.com">www.uterra.com</a></p>
</body>
</html> |
En
esta tabla puedes ver lo que es el código propiamente dicho en color verde,
una parte va en la cabecera de la pagina (etiquetas head) y la otra va
en el cuerpo (etiquetas body). Ese código en verde permite abrir una
ventana secundaria con un enlace de texto, y los otros dos códigos
que aparecen en el body hacen la misma función, solo que abren la
ventana con un botón (en rojo) o bien pulsando sobre una imagen (en
azul). Por tanto de los tres colores que aparecen en el cuerpo (body)
bastará con que nos quedemos solo uno, los otros son opciones
distintas para hacer lo mismo, es decir variantes del mismo script.
Así
pues la parte que esta en color negro es la que no forma parte en
ninguna medida del código en cuestión, son los elementos que
conforman la estructura de la pagina web .
Bajo
estos criterios hemos colocado todos los script en este sitio web.
Para probar cualquier código basta con pulsar el botón
"Seleccionar código" y con el botón derecho de ratón
copiar y seguidamente pegar.
ESTOS
SON ALGUNOS DE LOS CÓDIGOS QUE TODOS DEBEMOS CONOCER:
Índice
de la pagina de códigos
1)
Los códigos mas básicos y fundamentales que pueden ser precisos en
la mayoría de los sitios Web.
2)
Efectos de texto para hacer destacar los mensajes en cambios de
colores o movimientos.
3)
Los hipervínculos donde se muestran distintas formas de enlazar las
paginas de nuestro sitio Web.
4)
Efectos visuales y efectos para imágenes.
5)
Como informar a nuestros visitantes de diversos aspectos sobre nuestro
sitio Web.
6)
La hora y la fecha es fundamental en cualquier sitio Web.
7)
Acceso restringido, aunque javascrip no posibilita hacer sistemas
realmente seguros, los intrusos lo tendrán muy difícil.
8)
Abrir ventanas secundarias, elementos muy útiles en muchas ocasiones.
9)
Menús para conferir a tu sitio Web una navegabilidad cómoda
atractiva e intuitiva.
10)
Los formularios, diversas funciones de gran utilidad.
11)
En esta sección hemos incluido otros códigos diversos que
sencillamente no cabían en las anteriores categorías.
