.  

 

 

.
.

26 / 05 / 2017

Usuarios conectados: 3

Cargando documento...

Buscar:

.

Este Sitio:

Principal

Dreamweaver

Fireworks

JavaScript

CSS

Sonido

Artículos

Links

E-ufemismos

Descargas

Historial

 

Mailing List:

Suscríbete a la lista de correo, No practico spamming y ofrece algunas ventajas.

Pulsa aquí para saber más y suscribirte.

 

Recomendados:

Tecnorama >Tutoriales Dreamweaver

 

DW MX: CSS en tiempo Diseño

Versión para imprimir | Translate this page

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:

Para 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.

Todo 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.

¿Comentarios? 24, de momento. Mostrando 1 ->5

1.- Your post has lietfd the level of debate

2.- Thought it wonudl't to give it a shot. I was right. http://imwikdqpske.com [url=http://scibtxlho.com]scibtxlho[/url] [link=http://gsjcel.com]gsjcel[/link]

3.- Great common sense here. Wish I'd thgohut of that.

4.- Great areclit, thank you again for writing.

5.- Of the panoply of website I've pored over this has the most veyaritc. http://rekgwyz.com [url=http://yngmfvqepmo.com]yngmfvqepmo[/url] [link=http://lkkiiv.com]lkkiiv[/link]

« Previous | 1 - 5 | 6 - 10 | 11 - 15 | 16 - 20 | 21 - 24 | Next »

Añade tu comentario



Escribe el código de la imagen superior:

:

Tutoriales Dreamweaver

-El muy buscado Menú desplegable

-¿Qué $%&$% es 'SSI'?

-Utilizar tablas de excel para actualizar tablas en html.

-Plantillas en DW MX: Regiones opcionales.

-Adaptar tablas a la ventana.

-Vista diseño para formatos no reconocidos

-Carga de imagenes en orden

-Mi primera Extensión

-Rollover remoto ('Disjointed Rollover')

-Iframes vs. Frames

-Contenido dinámico en celdas

-DW MX: Repeating Tables

-DW MX: Practica el Cloaking

-DW MX: CSS en tiempo Diseño

-Buscar y Reemplazar en Dreamweaver

-Menú dinámico

-Collaborative Dreamweaver: Design Notes and Files Panel

-Using PHP Server Formats and MySQL Dates

-Creando un Newsticker

-Generate Excel files with DWMX/PHP/MySQL (part 1)

-Manejo de fechas en PHP y MySQL

-Generate Excel files with DWMX/PHP/MySQL (part 2)

-Manejo de Fechas en consultas a MySQL

-Showing all records by default in a results page (PHP)

-Retrieving data using AHAH (1)

-Retrieving data using AHAH (2)

-Retrieving data using AHAH (3)

TECNORAMA es simplemente una página personal. No sirve ni de promoción del autor ni cosas por el estilo.
Todos los códigos, textos y tutoriales son de libre uso mientras se mencione al autor (no es mucho pedir)
Este sitio es compatible con IE6/NS6/Mozilla1.0
Para contactar, puedes enviarme un e-mail a tecnorama@hotmail.com