Mostrar reticulas en un navegador

[pabje]

Hola a todos

Queria preguantar si alguien sabe como plasmar o mostrar las reticulas
en una navegador.

Aclarición: las retículas es una serie de guias que nos darán los tamaños de las columnas para el texto, gráficos e imágenes que tengamos que componer.

Yo se que las reticulas no tienen que salir en la pagina web cuando se lo publica en un sitio , pero en la etapa de diseño necesito ver las reticulas en el navegador para saber como va quedando mil elementos (botones, texto, imágenes) dentro de ellas.

En la etapa de diseño intente hacer las reticulas con el programa fireworks pero cuando quiero ver las reticulas con los elementos dentro de ellas, en el navegador no me aparece las reticulas.

Escuche que las reticulas se pude hacer en Photoshop, tal vez en ese programa si pueda visualizar las reticulas en un navegador en la etapa de diseño.

Espero que me pueden ayudar.

Gracias a todos.

[paolamurias]

Hola, yo uso a veces el pixus, un cliente de Adobe Air muy útil, pero no muestra retículas. Hummk, le haría falta, por ahí te sirve. Acá va una nota escrita sobre el tema

[pabje]

Hola paolamurias

Gracias por tu respuesta.
Lo que sí queria sacarme la duda de como el autor de una publicación sobre reticulas muesta la reticulas de una pagina web en una nevegador durante la etapa de diseño
Que programa o estrategia uso , porque parace por lo que veo que esta mostrando la reticula en una navegador web.

Si me podés ayudar nuevamente. Este es el sitio: http://www.desarrolloweb.com/articulos/2259.php

gracias nuevamente.

[ramonjosegn]

generalmente las capturas de pantalla se llevan a Photoshop y se añaden las guías oportunas, es posible que exista algún programa que permita añadir retículas en la pantalla (o guías al menos), pero de los que conozco (y ni recuerdo los nombres) sólo permiten añadir reglas, de todas formas las capturas que se muestran en la web que mencionas, tienen las guías de punta a punta de la pantalla, lo cual significa que no están integradas en el navegador (o sea no es una opción de ningún navegador ni es ningún plugin de Firefox), por lo tanto se trata de un programa externo o están hechas en Photoshop (u otro programa de edición gráfica)

[arthpix]

Cierto, tal vez lo que realmente hizo el autor fue una captura del navegador en photoshop o algun otro editor gráfico para poder visualizar en contexto su maquetación. Es en la etapa gráfica cuando defines las proporciones, anchos de columna, tamaños de fuete, etc. Después en la etapa de código trabajas "vaciando" información a tus plantillas ya creadas.


Saludos

[Rafael]

Aunque en otros flujos de trabajo el layout visual se diseña primero en un programa de vectores por ejemplo. Ahí las guías son claramente visibles.

[pabje]

Hola a Todos

Gracias por las aclaraciones sobre la pagina web: http://www.desarrolloweb.com/articulos/2259.php.

Pero tengo otra duda en la respuesta de ramonjosegn.
Cuando me dices que captura la pantalla del navegador y lo lleva a un editor grafico por ejemplo photoshop.

1- ¿Que captura de la pantalla? La pantalla principal del navagador, o la pantalla principal del navegador con la imagenes incluidas, texto,etc? (lo cual esto último no lo veo con sentido si luego en photoshop voy a colocar las reticulas , ya que primero se debe hacer las reticulas y luego colocar los elementos que van en la web) .

2_Si el autor captura solomante la pantalla principal del navegador y luego lo lleva a photoshop. Me dijiste que puede ser que con phoshop u otro programa coloque las reticulas en la pantalla capturada del navagador. La preguanta es
¿ También puede colocar con photoshop u otro progama los elementos(imagenes, fotos, botones,etc) en la pantalla capturada del navegador donde estan las reticulas ?. Si se puede ¿como se hace?.

3_ ¿Cómo captura la pantalla del navegador? ¿Con la tecla Imprimir Pantalla del teclado?

Espero nuevamente de su ayuda.

Gracias .

[logotype]

No se si he entendido bien, pero tal vez lo que buscas es una interface como la de Dreamwever en la opcion de trabajo como tablas o celdas; allí se ve toda la grilla que estas usando al mismo tiempo que trabajas Y si deseas mostrar esto en el navegador deberias colocar un grosor de borde a tus celdas. Si he entendido mal ignora este comentario.
Suerte.

[kseso?]

En firefox tienes entre otras herramientas:
Measurelt
Sin olvidarnos de Web Developer entre otras muchas funciones tienes "outline" con unas cuantas posibilidades.

[pabje]

Hola a Todos

Gracias a Dios encontre la forma de mostrar la reticula en un navegador.
Es un plugin de firefox http://www.puidokas.com/portfolio/gridfox/

[paolamurias]

Que bueno que lo pudiste encontrar!