0% encontró este documento útil (0 votos)
4 vistas14 páginas

Técnicas HTML y JavaScript para Webs

El documento detalla diversas técnicas y códigos en HTML y JavaScript para personalizar y mejorar la experiencia de navegación en páginas web. Incluye métodos para deshabilitar el botón derecho, personalizar la apariencia, gestionar cookies, validar formularios y crear efectos visuales. También se mencionan prácticas para la rotación de banners y la implementación de hojas de estilo y funciones JavaScript.

Cargado por

Victor Manuel
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOC, PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
4 vistas14 páginas

Técnicas HTML y JavaScript para Webs

El documento detalla diversas técnicas y códigos en HTML y JavaScript para personalizar y mejorar la experiencia de navegación en páginas web. Incluye métodos para deshabilitar el botón derecho, personalizar la apariencia, gestionar cookies, validar formularios y crear efectos visuales. También se mencionan prácticas para la rotación de banners y la implementación de hojas de estilo y funciones JavaScript.

Cargado por

Victor Manuel
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOC, PDF, TXT o lee en línea desde Scribd

CÓDIGOS HTML Y JAVA

 No permite utilizar el botón derecho y no aparece nada (ni alert, etc)

 No permite seleccionar el contenido de una página

 Por si hay algún error en la página

 Para esconder la URL en el navegador (Utilizar un frame del 100%). De esta


manera siempre se mostrará [Link] y no [Link]/[Link]

 Código JavaScript para que aparezca un alert al utilizar el botón derecho


 No permite el botón derecho y además te penaliza con 10 clicks

 Se abre una ventana al utilizar el botón derecho

 Para páginas con frames, no permite ver sólo un frame sino los dos frames o
más juntos. (Colocar el código en cada frame)

 Para webs sin frames, mantiene tu página en primer plano, y no puede estar
en frames de otro "listillo"

 Variación del anterior


Personalización de la Web

 Para hacer la Página de Inicio

 Añadir a Favoritos

 Para que al añadir a "Favoritos" te coja un icono (se tiene que colocar en el
head) y además tienes que subir un .ico a tu hosting.

 Cambiar las barras de scroll (colocar siempre en el style) (puedes hacer


infinitas variaciones cambiando color, tamaño, etc)

 Otro ejemplo:
Escribir en el "Status" del Navegador y hacer mover el "Title"

 Que se vaya moviendo las palabras del status

 Te enseña la hora y el texto que quieras en la barra del status

 Varias frases o texto desplanzadose por el status

 Escribir en la barra de estado (status) al pasar el mouse por encima


(onmouseover)

 Escribir en "Title" y hacer que se maya moviendo cada X segundos.


Abrir Nuevas Ventanas (Facilidades Navegación)

 Que se abra una ventana al entrar en la web (se puede definir tamaño,
barras, etc, etc, etc)

 Abrir una ventana al apretar un enlace (también se puede definir tamaño,


etc)

 Para llamar a la página (caso anterior)

 Imprimir la página

 Copiar al portapapeles

 Función Confirmar (ok, cancel) si ok entras sino vuelve para atrás


Mejoras Diseño

 Punto de mira que ocupa toda la pantalla (color verde)

 Para que el cursor sea un punto de mira (en pequeñito)

 Te dice el dia, mes y año del PC

 Cerrar la ventana al cabo de X rato

 Botón Cerrar Ventana (también [Link]())

 Botón Atrás, Actualizar y Adelante


 Cambiar el puntero por uno personalizado:

 Cambiar el puntero:

Meta Tags

 Actualizar contenido cada X segundos o va hacia otra pagina en x segunddos


(en el head)

 El navegador o el proxy no guarde la página web en caché

 El navegador o el proxy no guarde la página web en caché en lenguaje PHP


 Otras Meta-Tags básicas

Rotación Banners

 Rotación banners (permite poner tantos banners como quieras, permite


definir texto, imagen origen, link de destino, alto y anchura de imagen)

 Banner aleatorio

 Para llamar al banner

Cookies

 Mandar una cookie

 Leer contenidos de la cookie


 Lista de opciones (ahora le llaman "Navegación Rápida)

 Enviar un e-mail con un "Subject" (Asunto), con Body (Cuerpo del Mensaje),
así como CC (Copia Oculta)

 Al apretar un link, que haga varias cosas a elegir.

Validar Formularios

 Validar formularios (comprueba que el campo e-mail incluya la arroba (@)

 Validar Formularios Completo (mira longitud del campo, si incluye caracteres


prohibidos, la arroba, etc.)

* Notas: El nombre del Formulario debe ser Formulario, y debes cambiar los campos
NOMBRE, APELLIDO y EMAIL por los campos de tu formulario. Además incluye la
función "on focus" que te lleva al campo que este mal

 Al apretar el botón derecho aparece un menú (poner en el head)


Mejoras Webmaster

 Hojas de Estilo (CSS) Guardar como un archivo *.css

 Hojas de Estilo (Para llamarlo y siempre dentro del Head)

 Funciones JavaScript (Guardarlo en un archivo *.js)

 Para llamar al JavaScript

 Última modificación automática (escribe automáticamente la fecha


cuando lo guardas)

 Crear una ventana de Dialogo Web


 Redirección simple

 Deshabilitar botón derecho del Mouse y letras de teclado

 Ejemplo de subir archivo a un servidor

 Contraseña sin campo de texto.

 Abrir una ventana con un tamaño determinado

 Efecto de redirecciòn
 Abrir pagina en la barra de búsqueda

 Abrir ventana en la barra de multimedia

 Abrir ventana pop up que se minimice al iniciarse

Comprobaciones

 Algunas versiones de Netscape Navigator pueden provocar fallos si se


recarga la página o se cambia de tamaño

 Mirar si el navegador del visitante tiene flash (si tiene haces una cosa, sino
otra)
Efectos

 Texto que va cambiando de color

 Un texto va siguiendo el puntero del ratón

 Terremoto (que la pantalla tiemble y se mueva)

 Cualquier imagen va moviéndose por la pantalla

Efecto Nieve (van cayendo copos de nieve)

También podría gustarte