Es posible usar CSS y Divs con fireworks?

Zodiaco · #1 (**permalink**) 03/02/2010, 07:01

Hola gente, tengo una gran duda... soy diseñador y no tengo mucho conocimiento de programación y código. Los sitios webs los realizo mediante photoshop y fireworks, en donde segmento y exporto para web directamente, luego con dreamweaver centro y limpio el texto.
Cada ves mas escucho que las tablas ya no se utilizan y ahora es todo con CSS y Capas o divs pero veo que es todo código y me mareo jejeje.
Mi pregunta es como podemos hacer los diseñadores para utilizar estas potentes herramientas?? se puede desde fireworks??

Gracias!!

Daniel Ulczyk · #2 (**permalink**) 03/02/2010, 07:43

Cita:

Iniciado por Zodiaco

se puede desde fireworks??

Fireworks es un editor, pero de imágenes. Y para el cometido de editar CSS y HTML, pues a partir de un bloc de notas o hasta el mísmísimo Dreamweaver ¿estamos de acuerdo?

webosiris · #3 (**permalink**) 03/02/2010, 07:51

ninguna herramienta te va a generar un código html/css equiparable al hecho a mano. Como las exigencias en cuanto a la calidad del código han aumentado bastante en estos años, ahora ya entra en juego otro profesional: el maquetador.

Zodiaco · #4 (**permalink**) 03/02/2010, 07:54

Hola Daniel,
Sí, ya se que funcion cumple cada programa... no entendiste mi pregunta

La reformulo:

Asi como firework nos ahorra el trabajo de dibujar tablas y celdas en dreamweaver, existe algun comportamiento o algo que permita predefinidir estilos ya desde la exportación de fireworks?

Daniel Ulczyk · #5 (**permalink**) 03/02/2010, 07:58

Como bien te dice *webosiris* se terminó la época en que las apps generaban código en forma automática

Perdón por no haber interpretado adecuadamente tu inquietud

Zodiaco · #6 (**permalink**) 03/02/2010, 08:00

weoboris muy clara la respuesta... q mala noticia para los diseñadores, a los cuales últimamente se nos pide que seamos diseñadores, programadores y ahora maquetadores

loncho_rojas · #7 (**permalink**) 03/02/2010, 08:02

Zodiaco

Si se puede, de hecho, el fireworks CS4 lo hace..

Para ello debes tener cada seccion de la pagina en una capa,y al final de todas las capas, generas una capa nueva, cuyo nombre preferente sea DIVS, DIV, o algo asi, y donde generas unos rectangulos de fondo, simulando que son contenedores de las secciones, y a cada rectangulo le pones un nombre (en la seccion de propiedades) que el CSS interpretara como el ID de tu DIV.

Tambien trae como mejora, la BIBLIOTECA COMUN, donde tambien cuentas con elementos HTML, como Headers y demas...

Solo debes exportarlos con un nOmbre, y del tipo CSS e IMAGENES..

luego en el Dreamweaver es facil de editar.. pero no recomendado hacer esto.. espero haber respondido tu pregunta

Efectivamente, no mejor que el realizado a mano, si se generan DIVS con Fireworks, pero solo me consta con el CS4

Zodiaco · #8 (**permalink**) 03/02/2010, 08:07

Gracias Daniel, no te hagas problema... estaba media confusa la pregunta tal vez.
Pero q triste que es esta falta de dirección o instrumentación.

Suelo ver avisos que buscan diseñador gráfico y web y le piden a uno saber desde HTML hasta programación y esto es algo que los diseñadores, por lo menos en la formación universitaria, no vemos (códigos como ASP, PHP, etc).

loncho_rojas · #9 (**permalink**) 03/02/2010, 08:08

Zodiaco

Te respondi mas arriba que si se puede!!!!

Zodiaco · #10 (**permalink**) 03/02/2010, 08:09

Gracias loncho... yo uso CS3 x q mi PC es media Arcaica ejeje pero ni bien pueda lo voy a verificar.

kazafun · #11 (**permalink**) 03/02/2010, 08:39

Cita:

Iniciado por Zodiaco

weoboris muy clara la respuesta... q mala noticia para los diseñadores, a los cuales últimamente se nos pide que seamos diseñadores, programadores y ahora maquetadores

Bienvenido a mi mundo.

Zodiaco · #12 (**permalink**) 03/02/2010, 09:25

jejejeej hace rato que estoy en ese mundo kazafun y ando buscando posibles soluciones o herramientas.

Yo creo q esto tmb se debe a que muchos programadores que hacen cursos y/o aprender a manejar programas de diseño... ofrecen sus servicios como diseñadores web cuando las paginas que realizan son una belleza en código y hasta puede que sean atractivas visualmente pero carecen de muchos aspectos en cuanto al diseño, inundan el sitio de degradados y todos sus paginas son iguales en cuanto a la paleta cromática: negro, naranja, rojo, azules, grises y listo!

Cada quien tendría que desarrollar una actividad especifica y así la suma de sus conocimientos refutaría en una síntesis mucha mas enriquecedora, pero demandaría mas dinero y la contratación de mayor personal profesional para las empresas o sea q es pura fantasía.

eragas · #13 (**permalink**) 03/02/2010, 09:45

Estimado, te recomiendo que mires el tutorial de Lynda, especìficamente la parte 7, aunque si lo miras todo te irà mejor.

Fireworks CS4 Essential Training

7. Working with Web GraphicsThe web toolset 01:08 1.4 MB
Interactivity using hotspots 03:11 3.7 MB
Using the Slice tool 04:27 5.4 MB
Optimizing images for export 10:21 14.0 MB
Exporting an HTML layout 04:16 6.5 MB
Generating a CSS-based layout 05:51 8.6 MB

Saludos,

Erick

webosiris · #14 (**permalink**) 03/02/2010, 10:00

Cita:

Iniciado por Zodiaco

Cada quien tendría que desarrollar una actividad especifica

exacto.
Diseñador -> diseña
Maquetador -> maqueta
Programador -> programa

Cita:

pero demandaría mas dinero y la contratación de mayor personal profesional para las empresas o sea q es pura fantasía.

depende del tipo de cliente, pero no te creas que todas las empresas son ciegas a eso. Yo dirijo una empresa dedicada muy particularmente a la maqeutación web y te puedo asegurar que cada vez son más las empresas y profesionales que se dan cuenta que los diseñadores tienen que concentrarse en lo que saben, que es diseñar. De esa forma se es más productivo y a la larga es hasta económicamente más beneficioso.

eragas · #15 (**permalink**) 03/02/2010, 10:12

Es cierto, lo que se comenta Webosiris; sin embargo, es importante el hecho que los diseñadores que quieran diseñar para web, puedan saber por lo menos CSS y algo de programaciòn ya que sino pueden realizar diseños que no son funcionales con la programaciòn o el otro caso, diseñan sin explotar todos los beneficios que puede ofrecer la programaciòn.

Algo parecido suele pasar, como he visto, con algunos diseñadores que no saben absolutamente nada de pre-prensa, razòn por la cual pierden posibilidades de ahorro y mejora del material en el que trabajan.

Por lo menos y para mi es imporante saber programaciòn, cuando trabajo proyectos web lo hago con programadores porque no soy capo programando pero el saber permite hablar en el mismo lenguaje con el programador e incluso cuando le doy el diseño se lo brindo ya avanzado, con lo cual ahorramos tiempo (pero el programador le da una chekada siempre a mi trabajo).

Creo que debemos buscar el justo medio (citando a Aristòteles), es decir, no negarnos a saber pero tampoco ser expertos; sin embargo, sin el camino uno va a prendiendo pues genial.

Erick