Tutorial

Abrir un Pop-Up utilizando DreamWeaver es una tarea muy sencilla. Un PopUp es una nueva ventana que aparece aparte de nuestra web con la peculiaridad de que podemos configurarla en posición, tamaño y también en la cantidad de barras de herramientas que queremos que aparezcan.

Lo primero que necesitaremos para el PopUp es un enlace "vacío". Para crear un enlace vacío seleccionamos una palabra o frase, vamos a la barra de propiedades (Ventana > Propiedades) y en "Vínculo" ponemos el cuadradillo (#).

enlace vacío

A continuación, todavía con el enlace seleccionado, vamos a Ventana > Comportamientos y en la ventana que aparece pulsamos en el más (+) y escogemos "Abrir ventana del navegador". Una vez hecho aparecerá la ventana siguiente:

En esta ventana rellenaremos los campos que nos interesen. Primero la url a mostrar, que podemos escribirla directamente si lo deseamos, las medidas, opciones adicionales y el nombre de la ventana, que podemos llamarla como queramos.

Una vez rellenado este cuadro (sólo con las opciones que queramos) pulsamos en "Aceptar" y ya tendremos listo el popup, que se abrirá al hacer click sobre el enlace.

En la ventana de comportamientos, si tenemos seleccionado el enlace del PopUp, veremos cómo aparece el PopUp que hemos definido y además podemos ver que aparece "onClick". Si pulsamos ahí podremos escoger otros eventos, por ejemplo para que se abra al hacer doble click o al pasar el ratón por encima.

25 diciembre, 2014
dreamweaver

Ventana PopUp con DreamWeaver

Abrir un Pop-Up utilizando DreamWeaver es una tarea muy sencilla. Un PopUp es una nueva ventana que aparece aparte de nuestra web con la peculiaridad de […]
25 diciembre, 2014
dreamweaver

Comprobar Ortografía en DreamWeaver

En DreamWeaver es normal que se redacten textos para los contenidos de una página web y como es normal, se suelen cometer errores de ortografía que […]
25 diciembre, 2014
dreamweaver

Novedades de DreamWeaver 8

En este punto comentaremos las características que aporta esta nueva versión sobre la anterior, Dreamweaver MX 2004. Integración de RSS: con Dreamweaver 8 podrás integrar entradas […]
25 diciembre, 2014
dreamweaver

Includes PHP en DreamWeaver

En una página web hay porciones que siempre se repiten, sobre todo la cabecera y el pie. El problema llega cuando ya tenemos nuestra página hecha, […]
25 diciembre, 2014
dreamweaver

Formatos de imagenes web

Las imágenes pueden ser de muchos formatos diferentes: bmp, gif, jpg, etc. Pero no todos estos formatos son adecuados para una web, debido a que pueden […]
25 diciembre, 2014
dreamweaver

Calcular el Peso y el Tiempo de Carga de una Web

Aunque DreamWeaver nos indica automáticamente el peso y el tiempo de carga de la página web si miramos abajo a la derecha, en la barra de […]
25 diciembre, 2014
dreamweaver

Regla Horizontal en DreamWeaver

El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal. Una regla horizontal no es más que una línea […]
25 diciembre, 2014
dreamweaver

Resolución de Pantalla

Consideraciones relativas a los distintos tipos de pantalla que pueden tener los visitantes y el espacio disponible para cada caso. Las aplicaciones encargadas de presentar las […]
25 diciembre, 2014
dreamweaver

Navegador de etiquetas en DreamWeaver MX 2004

En Dreamweaver MX 2004 desapareció el panel inspector de etiquetas, pasando el nombre al panel donde se muestran los paneles de comportamientos, CSS relevante y atributos, […]
25 diciembre, 2014
dreamweaver

Creación de fragmentos de XSLT para transformaciones en el lado del servidor

El lenguaje de formato ampliable (XML) es un lenguaje que permite estructurar e intercambiar la información. Algunas de las aplicaciones típicas de XML son la distribución […]
25 diciembre, 2014
dreamweaver

Ordenar Tablas en DreamWeaver

Si en tu página web trabajas con muchos datos seguramente utilizarás tablas para mostrarlos y probablemente te habrá ocurrido que después de haberte pasado horas insertando […]
25 diciembre, 2014
dreamweaver

Formatear Tablas con DreamWeaver

En una página web es muy común utilizar tablas para mostrar información. Cualquier tipo de listado, una lista de notas de exámanes, la clasificación de una […]
25 diciembre, 2014
dreamweaver

Cambiar el Cursor con DreamWeaver

Con DreamWeaver podemos cambiar fácilmente el cursos de una página web simplemente modificando la hoja de estilos. Para ello abrimos la ventana de hojas de estilos […]
25 diciembre, 2014
dreamweaver

Capas con Scroll en DreamWeaver

NULL
25 diciembre, 2014
dreamweaver

Anclas en DreamWeaver

Las anclas son marcadores que nos permiten enlazar a una parte concreta de un documento HTML. Cuando hacemos un enlace normal y corriente el navegador visualiza […]
25 diciembre, 2014
dreamweaver

Imprimir Página DreamWeaver

Poner un enlace "Imprimir Página" es algo muy fácil de hacer pero no es una opción que esté dispnible directamente en DreamWeaver así que muchos usuarios […]
25 diciembre, 2014
dreamweaver

Insertar Fecha en DreamWeaver

En DreamWeaver se puede insertar fácilmente la fecha actual en un documento y además dando la posibilidad de escoger varios formatos. Para insertar la fecha colocamos […]
25 diciembre, 2014
dreamweaver

Código HTML: Programación vs Diseño

No soy programador, no tengo por qué saber códigos HTML». He escuchado a mucha gente decir esto. También he escuchado cosas como «Hay programas que hacen […]
25 diciembre, 2014
dreamweaver

Centrar una página web con DreamWeaver

Cuando diseñamos una página lo solemos hacer para una resolución en concreto, por ejemplo 800×600 o 1024×768 y es posible que nuestra web, a la resolución […]
25 diciembre, 2014
dreamweaver

Estilos CSS en DreamWeaver

Imagínate que tu jefe, luego de 2 meses de arduo trabajo en esos preciados 235 archivos .html para ese gran megaproyecto, se le ocurre que esa […]
25 diciembre, 2014
dreamweaver

Enviar Formulario por E-Mail con DreamWeaver

Aunque la mejor opción para enviar formularios por e-mail es tener un script server-side que maneje el envío, por ejemplo en PHP, ASP, Perl, etc. O […]
25 diciembre, 2014
dreamweaver

Las Etiquetas HTML y DreamWeaver

Hola, antes que nada, este es un artículo técnico, para usuarios nuevos e intermedios (Queda hecha la aclaración). Prólogo Las «gracias» del HTML en su concepción […]