Tutorial

A muchos os habrá pasado alguna vez si utilizáis archivos incluidos en vuestros documentos: la imposibilidad de ver realment como quedan realmente si estáis utilizando CSS, ya que los estilos cargan cuando lo hace todo el documento. Aunque a veces no es muy molesto, siempre es más agradable ver al instante cómo está quedando la apariencia (colores, tamaños de fuentes, objetos de formulario…).

Hasta ahora, existía el “truco” de insertar provisionalmente la ruta al archivo del que se leían los estilos, trabajar en el documento y, una vez terminado, borrar la ruta.

Con DW MX ya no es necesario y se nos ofrece alguna posibilidad más, la de “eliminar” los estilos que utiliza la página y verla sin ellos, lo que puede ser interesante si queremos utilizar CSS para navegadores modernos pero sin que los usuarios de los antiguos pierdan la posibilidad de poder leer el documento. Mientras diseñamos y gracias a esta opción, podremos ver cómo quedaría nuestro documento si no tuviera los estilos aplicados:

css stylesPara poder utilizarlo, la única condición es que el documento esté guardado previamente ya que, en caso contrario, la opción aparecerá desactivada. Sin embargo, sí podremos utilizar cualquier archivo .css aunque no forme parte del sitio (por ejemplo, un archivo que estemos utilizando en otro proyecto y queramos ver cómo quedaría aplicado al actual).

Para abrir el menú, seleccionaremos en el menú desplegable del panel “CSS Styles” (Arriba a la derecha) la opción “Design Time Style Sheets…”.

Con el menú abierto, veremos 2 posibilidades:

  • “Show Only at Design time”: podremos incluir los archivos CSS que queramos visualizar en el documento en el que estamos trabajando. Tantos como queramos.
  • “Hide Only at Design Time”: nos permitirá “ocultar” los archivos CSS que están aplicados en el documento: Sería como desconectar el traductor de DW para los estilos.

design time style sheetsTodo esto sucede sin que Dw escriba una sola línea de código en nuestro documento.

Como curiosidad: ¿dónde guarda DW esta información? Si habéis utilizado esta opción, se habrá creado un archivo con el mismo nobre que el vuestro y la extensión .mno en una carpeta llamada _notes y que estará el mismo directorio del documento.

Podéis abrir ese archivo o, directamente desde DW, pulsar con el botón derecho sobre el fichero en el hayáis trabajado y seleccionar “Design Notes…” en la pestaña “All Info” veréis la información que DW guarda de vuestro documento.

Una curiosidad, nada más.

25 diciembre, 2014
dreamweaver

CSS en tiempo Diseño con DreamWeaver

A muchos os habrá pasado alguna vez si utilizáis archivos incluidos en vuestros documentos: la imposibilidad de ver realment como quedan realmente si estáis utilizando CSS, […]
25 diciembre, 2014
dreamweaver

Manejo de fechas en PHP y MySQL con DreamWeaver

Este es el primero de una serie de 3 tutoriales sobre manipulacion de fechas en PHP y MySQL, orientado sobre todo a los usuarios de Dreamweaver […]
25 diciembre, 2014
dreamweaver

Cloaking de archivos de tu sitio con DreamWeaver

DW MX ofrece algunas nuevas capacidades en el manejo y transferencia de los sites. Una de las más interesantes puede ser el “cloaking”, que es la […]
25 diciembre, 2014
dreamweaver

¿Por qué no se ven mis imágenes con DreamWeaver?

Estás tranquilamente diseñando tu sitio web, las imágenes que acabas de poner quedan genial en la página y cuando lanzas la preview en el navegador todo […]
25 diciembre, 2014
dreamweaver

Poner una imagen de fondo en DreamWeaver

Poner imágenes de fondo en DreamWeaver es una tarea muy sencilla, tan sólo tendremos que ir a Modificar > Propiedades de la página… (Ctrl+J) y en […]
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

Server Side Include en DreamWeaver

Una capacidad desperdiciada en dreamweaver y muchas veces no entendida Alguien me preguntó el otro día para qué servía ese botoncito con signo gato en los […]
25 diciembre, 2014
dreamweaver

Funciones de Búsqueda de DreamWeaver

1.- Tienes que cambiar el color de fondo de todas las páginas de tu sitio y no usaste plantillas? 2.- Conque al &·%$·&%·”$ del jefe ahora […]
25 diciembre, 2014
dreamweaver

Extensiones para Discapacitados en DreamWeaver

Habilitar nuestros sitios web para que puedan ser cómodamente visitados por personas que no tienen conexiones rápidas, browsers de última generación —e incluso por usuarios con […]
25 diciembre, 2014
dreamweaver

Creando Cursos con CourseBuilder y DreamWeaver

Siguiendo con las extensiones gratuitas de Dreamweaver, le echamos una mirada a Coursebuilder, que nos permite crear instrucción en línea sin complicarnos la existencia Coursebuilder es […]
25 diciembre, 2014
dreamweaver

Extensiones DreamWeaver

Una de las características que proporciona Dreamweaver que no hacen otros editores es la posibilidad de ampliar su funcionalidad por medio de extensiones, muchas de las […]
25 diciembre, 2014
dreamweaver

El protocolo FTP y DreamWeaver

Ftp es un protocolo para la transferencia de archivos. Lo cual significa la capacidad de enviar un archivo digital de un lugar “local” a uno “remoto” […]
25 diciembre, 2014
dreamweaver

Capacitando a nuestros usuarios: Coursebuilder

Siguiendo con las extensiones gratuitas de Dreamweaver, le echamos una mirada a Coursebuilder, que nos permite crear instrucción en línea sin complicarnos la existencia. Coursebuilder es […]
25 diciembre, 2014
dreamweaver

Historial de Acciones en DreamWeaver

Existe una ventana "History" donde se registra cada paso que realizas en un documento de Dreamweaver desde que lo abriste. Esta tiene mucha utilidad ya que […]
25 diciembre, 2014
dreamweaver

Trabajo en Grupo con DreamWeaver

Siempre es complicado coordinar el desarrollo de una página web entre varias personas que trabajen en ella simultáneamente. Por suerte, Dreamweaver 3 incorpora un mecanismo de […]
25 diciembre, 2014
dreamweaver

Importar Datos en DreamWeaver

Dreamweaver te permite importar datos en tablas, que es mucho más sencillo que cortar y pegar contenidos una celda tras otra. La única pega es que […]
25 diciembre, 2014
dreamweaver

Vista diseño para formatos no reconocidos en DreamWeaver

DM MX, en principio, sólo permite utilizar el modo vista diseño con aquellos archivos cuyas extensiones reconoce “oficialmente”: ASP, JSP, PHP3, PHP, HTML… ¿Y si intentamos […]
25 diciembre, 2014
dreamweaver

Mi Primera Extensión en DreamWeaver

Este tutorial nos mostrará los aspectos básicos de cómo se crea una extensión para Dreamweaver y, si seguís los pasos, podréis crear vosotros mismos la extensión […]
25 diciembre, 2014
dreamweaver

¿Por que programación dinámica con DreamWeaver?

Con la aparición del dreamweaver MX y todas sus funcionalidades, es la primera pregunta que hacen los montajistas tradicionales. Las páginas dinámicas o páginas activas ya […]
25 diciembre, 2014
dreamweaver

Creación de páginas web a base de tablas en Dreamweaver

En Dreamweaver 4: En en el tag BODY colocar la propiedad topmargin=0 y leftmargin=0, Por ej: <body topmargin=0 leftmargin=0> Oprima: vista de disposición en el panel […]