Aplicativos HTML

Algunos aplicativos que nos

ayudan para mejorar nuestra
página Web.
En nuestra creación de una página Web es necesario
recurrir a muchos aplicativos creados por desarrolladores con la finalidad de optimizar y mejorar
nuestros diseños, sin embargo la gran mayoría de ellos son pagados, pero siempre nos permiten
descargar un trial, el cual tiene un uso por 30 días.

1. Colorcop
Este pequeño software es totalmente libre y se utiliza para poder capturar el color de cualquier pagina
Web, software, es decir, capturara el color cualquier programa que se muestre en el escritorio.

Puede descargarlo desde el lugar http://colorcop.net/ u otros similares, como softonic, updown, etc.

Su proceso de instalación es simplemente sencillo, una vez descargada solo podemos descomprimirlo

Y se mostrara un icono el cual solo hacemos doble clic y se abrirá una ventana de la siguiente forma

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 1

 Aplicativos HTML

Nota

Debemos tener en cuenta que las versiones pueden variar, pero el uso es el mismo, derrepente al
leer este manual ha cambiado de versión.

Forma de uso

Bueno, una vez instalado solo habrá que utilizarlo, veamos:

Solo hay que mover el gotero hacia alguna posición y automáticamente capturara el color el
hexadecimal.

El color ha sido capturado

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 2

 Aplicativos HTML

Por ejemplo el color capturado es #9D2227, pero también lo tenemos en parámetros RGB,
veamos

2. Infinite_menus
Este software es muy interesante, primero porque ayuda a crear menús con una gran performance y son
de calidad buena, como también y el más importante es que solo se utiliza estilos CSS con javascript,
esto hace que este sea compatible con cualquier navegador, como también no necesita ningún plugins
para que se cargue, el tiempo de carga es casi nula.

Existen muchos programas similares para crear menús como:

http://www.opencube.com/index.asp

http://www.sothink.com/product/dhtmlmenu/

http://www.css3maker.com/

En este caso hemos decido utilizar

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 3

 Aplicativos HTML

El cual podemos descargarlo desde http://infinite-menus.softonic.com/ , su instalación es muy simple

- Primero descomprimir dicho archivo, creando algunas carpetas

- Una vez ingresada a dicha carpeta, podemos ver los siguientes archivos

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 4

 Aplicativos HTML

- Ahora solo debemos seguir a todas ventanas siguiente (next) solo instálelo por defecto, nada más.
- Nótese que ahora en el escritorio mostrara un icono, el cual al hacer clic mostrara una ventana
similar al que veremos:

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 5

 Aplicativos HTML

Observe que en dicha ventana se muestra, que es compatible con todos los navegadores.

- Ahora después de cargar se mostrara la siguiente ventana.

- Pero derrepente te habrás preguntado hay otros diseños, y la respuesta es sí…, si hay y para mostrar
otros diseños debemos hacer clic en

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 6

 Aplicativos HTML

- Al hacer clic se mostrara otros diseños, por ejemplo veamos:

- Cualquiera que haya sido su diseño escogido, lo que realizaremos a continuación es similar, se deja a
usted crear su propio menú el cual aquí se mostrara un diseño que hemos creado, tómese su tiempo
para ello.
- Veamos una vista previa de nuestro diseño de nuestro menú.

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 7

 Aplicativos HTML

- Ahora debemos colocar esta imagen en nuestro pagina Web, para ello debemos crear una página
Web en Dreamweaver por ejemplo.

- Veamos ahora como colocar dicho menú, regresamos entonces a visual infinite menú.

Mostrándose la siguiente ventana

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 8

 Aplicativos HTML

- Entonces abriremos el documento que hemos creado en Dreamweaver y colocaremos el cursor

entre la etiqueta <div></div> y hacemos clic en Insertar menú, mire la imagen

- Una vez configurado donde se colocaran la imagen, los estilos, el script, etc, procederemos a hacer
clic en OK.

- Ahora solo nos queda abrir nuestro documento en Dreamweaver y ver como quedo

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 9

 Aplicativos HTML

- Ahora para mejorar nuestro diseño podemos agregarle una imagen de fondo, para ello agregamos
este código en Dreamweaver.

- Ahora moviendo la capa contenedor nos quedara el diseño siguiente, por ejemplo vista en Google
Chrome.

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 10

 Aplicativos HTML

DOCENTE: Salinas Encinas, Aldo salinas282003@hotmail.com Página 11