Tutorial

En la vista de Diseño, la ventana de documento muestra el documento actual aproximadamente igual a como aparecerá en un navegador Web. La barra de título de la ventana de documento muestra el título de la página y, entre paréntesis, el nombre de la

carpeta raíz, el nombre del archivo y un asterisco si el archivo contiene cambios no guardados.

La barra de estado, situada en la parte inferior de la ventana de documento, proporciona información adicional sobre el documento que está creando.

La ventana del documento

El selector de etiquetas muestra las etiquetas HTML padre que controlan el texto o los objetos seleccionados. Haga clic en una de estas etiquetas para resaltar su contenido en la ventana de documento. Haga clic en <body> para seleccionar todo el cuerpo del documento.

La ventana emergente Tamaño de ventana permite cambiar el tamaño de la ventana de documento para que adopte dimensiones predeterminadas o personalizadas. Consulte Cambiar el tamaño de la ventana de documento.

A la derecha del menú emergente Tamaño de ventana observará la estimación del tamaño del documento y del tiempo de descarga de la página, incluidos todos los archivos dependientes, como imágenes y otros archivos multimedia. Consulte Comprobar el tiempo de descarga y el tamaño.

La barra del lanzador aparece a lo largo de la parte inferior de la ventana de documento. De forma predeterminada, los botones de la barra del lanzador abren la ventana Sitio, el panel Activos, el panel Estilos HTML, el panel Estilos CSS, el panel Comportamientos, el panel Historial y el inspector de código. Para especificar qué botones deben aparecer en la barra del lanzador (y en el lanzador flotante), consulte Personalizar la barra del lanzador.

25 diciembre, 2014
dreamweaver

La ventana de documento en DreamWeaver

En la vista de Diseño, la ventana de documento muestra el documento actual aproximadamente igual a como aparecerá en un navegador Web. La barra de título […]
25 diciembre, 2014
dreamweaver

Cambiar el tamaño de la ventana de documento en DreamWeaver

La barra de estado de la ventana de documento muestra las dimensiones actuales de la ventana (en píxeles). Si hace clic en este tamaño de ventana, […]
25 diciembre, 2014
dreamweaver

Marcos (frames) en Dreamweaver. Paso a paso.

Introducción Qué son los marcos y para qué se utilizan. Cómo insertar un marco sencillo en una página, y cómo trabajar con él es lo que […]
25 diciembre, 2014
dreamweaver

Utilizar la barra del lanzador en DreamWeaver

La barra del lanzador contiene botones que permiten abrir y cerrar diversos inspectores, paneles y ventanas. También puede ver el lanzador, un panel flotante con idénticos […]
25 diciembre, 2014
dreamweaver

Crea textos en Flash directamente desde DeamWeaver

Una forma muy sencilla de crear botones con animación para los vínculos es, con el denominado, texto flash . Le damos a Insertar > Imágenes interactivas […]
25 diciembre, 2014
dreamweaver

Utilizar la barra de herramientas en DreamWeaver

La barra de herramientas de Dreamweaver contiene botones que permiten alternar entre diferentes vistas del documento rápidamente: Código, Diseño y una tercera vista que combina las […]
25 diciembre, 2014
dreamweaver

Redireccionar a otra página o actualizar con DreamWeaver

Con esta opción se podrá redirigir la página actual o simplemente actualizar el documento al transcurrir cierta cantidad de segundos, regularmente está opción se usa para […]
25 diciembre, 2014
dreamweaver

Utilizar Menús Contextuales con DreamWeaver

Dreamweaver emplea de forma extensiva los menús contextuales, que proporcionan un método para acceder rápidamente a los comandos y las propiedades más útiles relacionados con la […]
25 diciembre, 2014
dreamweaver

Imágenes de sustitución en DreamWeaver

La imagen de Sustitución describe un comportamiento interactivo que se activa simplemente al pasar el cursor del mouse encima de la imagen en cuestión, es decir, […]
25 diciembre, 2014
dreamweaver

Validar nuestro código en DreamWeaver

Poniendo a tono nuestro programa Simplemente abra Dreamweaver MX 2004 y seleccione en el menú Edición » Preferencias (PC: Ctrl+U, MAC: Cmd+U). Seleccione la opción Accesibilidad […]
25 diciembre, 2014
dreamweaver

CSS Hojas de estilo en DreamWeaver

La idea básica del diseño web actual es separar el contenido y la estructura del estilo y la apariencia. El estilo y la apariencia estarán contenidos […]
25 diciembre, 2014
dreamweaver

Cinco pasos hacia páginas más profesionales con Dreamweaver

Cinco pasos hacia páginas más profesionales con Dreamweaver MX Dicen que un mal artesano siempre le echa la culpa a sus herramientas. Y tienen razón. No […]
25 diciembre, 2014
dreamweaver

Cómo hacer un rollover con Dreamweaver

Cómo hacer un rollover con Dreamweaver Antes de empezar debes tener dos imágenes (pueden ser JPEG o GIF) para este ejercicio. Una será la imagen original […]
25 diciembre, 2014
dreamweaver

Creando tablas con esquinas redondeadas en DreamWeaver

Creando tablas con esquinas redondeadas en Dreamweaver Mediante unas pequeñas imágenes de forma redondeada, conseguiremos este tan usado efecto de tablas con esquinas redondeadas. Este es […]
25 diciembre, 2014
dreamweaver

Cambiar el color de los enlaces con DreamWeaver

Cuando escribimos un enlace, por defecto aparece de color azul y subrayado. Como podemos ver aquí: Para que aparezca de otro color e incluso poder quitarle […]
25 diciembre, 2014
dreamweaver

Manejo de archivos con DreamWeaver

Creación de Nuevas Carpetas En caso de que usted no tenga a la vista el Panel Archivos en la parte derecha de la ventana principal del […]
25 diciembre, 2014
dreamweaver

Uso del Comando Limpiar HTML de Word con DreamWeaver

Si a usted por casualidad alguna vez se le ha ocurrido la “gran” idea de generar una página web a través del editor de textos Microsoft […]
25 diciembre, 2014
dreamweaver

Mapas de Imágenes con DreamWeaver

Cada vez que usted inserta una imagen a su documento podrá observar en la parte inferior izquierda del panel Propiedades algo similar a lo siguiente: Lo […]
25 diciembre, 2014
dreamweaver

Creación de un menu desplegable en Dreamweaver

Creación de un menú desplegable en Dreamweaver   Muchas veces, nuestras páginas tienen tantos contenidos que si quisiéramos que apareciesen todos estos en un determinado lugar […]
25 diciembre, 2014
dreamweaver

Insertar Javascript en DreamWeaver

Llamar JavaScript Otro de los comportamientos que puede aplicarse sobre algún objeto es el de Llamar Javascript. Este comportamiento permite insertar código JavaScript dentro del código […]
25 diciembre, 2014
dreamweaver

Todo sobre Formularios en DreamWeaver

Todo sobre Formularios en DreamWeaver   Esta lección nos enseñará qué es un formulario, para qué se utiliza, cómo insertar uno, qué elementos puede contener y […]
25 diciembre, 2014
dreamweaver

Enlace a email en DreamWeaver

Es posible especificar vínculos a direcciones de correo electrónico. Ésto resulta útil cuando se desea que los visitantes de la web puedan contactar con nosotros. La […]