Tutorial

Como hemos comentado en la introdución, Dreamweaver no posee por defecto la posibilidad de 2 vistas de código partidas dentro de un mismo documento. Sin embargo, vamos a conseguir algo muy, muy parecido.

En principio, nuestro documento, con una vista partida normal, tiene este aspecto.

Vista de código

Nuestro primer paso es seleccionar “Ventana->Otros->Inspector de Codigo”:

Inspector de código

Se nos abrirá una nueva ventana de código:

Nueva ventana de código

Hasta ahora, ya hemos conseguido 2 vistas, pero vamos a mejorar su apariencia. Simplemento debemos hacer click y mantener pulsado el ratón sobre el enganche del panel(marcado con un circulo en la imagen anterior), para arratrarlo hasta encima de nuestro código actual. Veremos cuándo se puede anclar porque Dreamweaver mostrará su posición imaginaria. ¡Hecho!

doble vista de código

Con este sencillo truco tendremos la posibilidad de trabajar hasta con 3 vistas diferentes: 2 para código y una para diseño. Y si no la utilizamos, simplemente tenemos que recogerla. Además, podremos utilizar el separador para definir el tamaño de ambas vistas de código.

25 diciembre, 2014
dreamweaver

Doble vista de código en DreamWeaver

Como hemos comentado en la introdución, Dreamweaver no posee por defecto la posibilidad de 2 vistas de código partidas dentro de un mismo documento. Sin embargo, […]
25 diciembre, 2014
dreamweaver

De FONT a SPAN con Buscar y Reemplazar

En los sitio desarrollados hace tiempo era habitual el uso de etiquetas <font> para aplicar formato al texto. Sin embargo, el uso cada vez más extendido […]
25 diciembre, 2014
dreamweaver

Crear comportamientos de servidor en DreamWeaver

Una de las nuevas características que aparecieron a partir de la versión 4 de Ultradev es la posibilidad de crear nuestros propios comportamientos de servidor de […]
25 diciembre, 2014
dreamweaver

Cambio de tamaño de la ventana activa

A veces es necesario ajustar el tamaño de la ventana del explorador para controlar el diseño o mantener una película Flash en un tamaño específico. Aquí […]
25 diciembre, 2014
dreamweaver

Detectar el navegador en DreamWeaver

La mayoría de los navegantes usan el Explorer, pero desde otros navegadores las cosas suelen verse diferente. Aquí un tutorial para detectar el tipo de navegador […]
25 diciembre, 2014
dreamweaver

Buscador multicriterio en DreamWeaver

La idea de este tutorial es poder mostrarte la forma de crear un buscador que pueda filtrar por distintos criterios. Para poder llevar acabo este tutorial […]
25 diciembre, 2014
dreamweaver

MySQL 4.1 y DreamWeaver

A la hora de tener instalado el MySQL 4.1 y utilizar Macromedia Dreamweaver en entornos Windows te saltara un erro de la validacion del user y […]
25 diciembre, 2014
dreamweaver

Material necesario para realizar Aplicaciones Web

Que se necesita para comenzar a desarrollar aplicaciones web en un ordenador con Windows XP pro. Macromedia Dreamweaver 8 (version actual) —————————————– http://www.macromedia.com/go/trydreamweaver Con esta herramienta […]
25 diciembre, 2014
dreamweaver

Sincronizar archivos en DreamWeaver

Mediante este comando Dreamweaver comprueba, tanto en el sitio local como en el remoto, las correspondencias entre archivos y los actualiza a la versión que deseemos. […]
25 diciembre, 2014
dreamweaver

Ordenar el texto en listas

En muchas ocasiones es interesante ordenar el texto en una lista. En la Barra superior pulsamos sobre Texto tal como se muestra en la siguiente imagen. […]
25 diciembre, 2014
dreamweaver

La composición de páginas usando tablas con DreamWeaver

Los elementos de las páginas se suelen colocar empleando tablas. Si observa las Webs importantes notará que los elementos de las páginas están ordenados dentro de […]
25 diciembre, 2014
dreamweaver

Estructura de la Web en DreamWeaver

El programa Dreamweaver dispone de un sencillo y práctico sistema para gestionar las Webs. Para gestionar un sitio lo abrimos pulsando sobre Sitio en la Barra […]
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

Utilización de un agregador RSS 1.0 remoto con Dreamweaver 8

Macromedia Dreamweaver 8 supone un importante avance en el desarrollo XML, al igual que Dreamweaver MX 2004 en el caso de CSS. El equipo de desarrollo […]
25 diciembre, 2014
dreamweaver

Paleta de Objetos y Barra de Propiedades en DreamWeaver

Hagamos click en File > New Windows y nos encontramos con nuestra página en blanco lista para diseñar. Ahora veamos las herramientas del Dreamweaver. Cuando uno […]
25 diciembre, 2014
dreamweaver

Optimización de la página web para todas las resoluciones

Actualmente casi todas las páginas están optimizadas únicamente para una resolución de 800 x 600 píxeles, y aunque la mayoría de equipos actualmente están configurados a […]
25 diciembre, 2014
dreamweaver

Atajos de teclado en documentos

Este artículo explica las teclas de acceso rápido en HTML; porqué parecen una buena idea, y porqué no ayudan tanto como era de esperar. En Fundosa […]
25 diciembre, 2014
dreamweaver

Alojamiento compartido

El alojamiento web compartido consiste en un servidor que se utiliza para múltiples clientes, una misma máquina aloja multiples dominios. Tiene como principales ventajas: Resulta más […]
25 diciembre, 2014
dreamweaver

Un proyecto en Internet

Un proyecto de Internet es una obra de ingeniería informática que responde a un plan estratégico específico. Todo proyecto de Internet debe tener por tanto una […]
25 diciembre, 2014
dreamweaver

Forzar al navegador a no mostrar las barras de scroll

Digamos que quieres crear una pagina sin scroll, no necesariamente tiene que ser un popup ya que este articulo tratara de mostrarte como crear una ventana […]