Foros del Web » Creando para Internet » CSS »

Cual es el modo "estandar" de maquetado de una pagina web?

Estas en el tema de Cual es el modo "estandar" de maquetado de una pagina web? en el foro de CSS en Foros del Web. Hola, este es mi primer post y quiero preguntarles cual e es el modo en que ustedes hacen las paginas web... A mi se me ...
  #1 (permalink)  
Antiguo 08/03/2012, 11:20
 
Fecha de Ingreso: mayo-2008
Mensajes: 8
Antigüedad: 16 años
Puntos: 0
Cual es el modo "estandar" de maquetado de una pagina web?

Hola, este es mi primer post y quiero preguntarles cual e es el modo en que ustedes hacen las paginas web...

A mi se me dificulta bastante hacer una pagina... de hecho me tardo mas en "colocar" todas las partes de la pagina con CSS que lo que me tardo haciendo el diseño con ella, recopilar la info, sacar fotos si las hay hacer los diseños de imágenes etc...

Ya he hecho 3 paginas... todas me han sido un verdadero "dolor de trasero" hacerlas y me pregunto si estoy haciendo las cosas mal? digo no creo que sea tan tedioso hacer paginas.. por eso me preguntaba como trabajaban los "pro" o por lo menos que compartan ideas de como trabajan para que el proceso no se vuelva tan tedioso...

Mi Flujo de trabajo es el siguiente...

primero hago el diseño de la pagina en illustrator, coloco los banners, los contenedores, los menus los textos etc.. una vez que ya queda exactamente como quiero que se vea en el navegador comienzo a usar "slices" y recorto toda la pagina... en mi caso me gusa usar bordes redondeados o que sean distintos a cuadrados por lo que tengo que cortar las partes de los bordes superior e inferior... una vez cortado todo exporto para la web y que incuya un CSS... luego en el archivo resultante tengo que hacer el layout en Dreamwaver otra vez pero utilizando las imagenes recortadas que genero illustrator... por cierto illustrator genera un html con todo cortado y divs posicionados pero son divs "AP" con lo que si el contenido de una caja es mayor no se actualizaría... otra cosa que no me gusta es que genra demasiados Divs inecesario por lo que tengo qu reconstruir los divs desde dreamwaver... luego comienzo escribir el css para cada uno de los divs que voy a usar e importo los bagrounds etc.. de cada uno hasta poder tener una plantilla de contenido "dinámica" es decir que pueda expandirse si el contenido es mas grande.... y continuo el proceso hasta terminar.... lo tedioso aquí es que termino haciendo un montón de css y luego usando a modo de prueba cada propiedad etc. por que a veces el visualizador que trae DW no pone bien en maquetado y tengo que probarlo en el navegador... bueno el caso es que en lo que hago las pruebas se me van 8 horas o mas y eso sin contar el tiempo que tardo buscando en internet sobre css... solo para colocar un solo contenedor con bordes redondeados con texto adentro... y continuo así hasta terminar todo...

ustedes que me recomiendan hacer para poder hacer las cosas mas rápido...? existe un editor que me haga visualizar el css similar a la opción de Opera dragonfly pero con capacidades de edición? o que soft usan ustedes?

gracias y espero sus comentarios tal vez ayudemos a mas de uno con esto.
Saludos
  #2 (permalink)  
Antiguo 08/03/2012, 13:39
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Cual es el modo "estandar" de maquetado de una pagina web?

Lo que te diría es que le pegues un vistazo a adobe edge y sencha animator. Por lo demás en mi caso corto el diseño y luego escribo el css a mano.

Por el planteo que haces creo que podes aprender css bastante rápido, ya que estas familiarizado y no te va a costar demasiado, eso te ahorrará tiempo ya que no tendras que depurar codigo basura sino que lo escribirás vos mismo.

No conozco realmente un software que este bueno para css. Salvo editores de codigo claro, uno muy bueno es sublimetext2 que te permite crear snippets. Al mismo tiempo no creas que escribir codigo es lento, sino mira esto, pues hay muchas herramientas, como es el caso de zen-coding por ejemplo. Ni mucho menos dificil, css es muy simple, no hay funciones, bucles, ni nada de programación. solo haces con texto lo que de otro modo harías con clics de ratón sobre la interface de un software.

Mi sugerencia es que te metas de lleno a css, con el tiempo uses un buen editor + zen-coding y te familiarices con alguna librería/grid como 960 grid, blueprint, twitter bootstrap, etc. y luego uses alguna solución de css dinámico como sass y compass o less.

Creo ese es el camino, mas alla del software que pueda salir a futuro, ya que si dominas css entenderás y aprovecharás el software realmente y al máximo. Sino el software será una caja negra y mágica y nunca serás del todo capaz de sacar todo el jugo a esta tecnología.
Y por supuesto, si la desconoces, perderás tiempo.

Saludos.
  #3 (permalink)  
Antiguo 12/03/2012, 23:17
 
Fecha de Ingreso: mayo-2008
Mensajes: 8
Antigüedad: 16 años
Puntos: 0
Respuesta: Cual es el modo "estandar" de maquetado de una pagina web?

Hola!! gracias por tu respuesta...!!! le hecharé u vistazo a lo que dices!!! espero mejorar!
  #4 (permalink)  
Antiguo 13/03/2012, 01:40
 
Fecha de Ingreso: agosto-2008
Ubicación: D,F
Mensajes: 412
Antigüedad: 15 años, 8 meses
Puntos: 4
Respuesta: Cual es el modo "estandar" de maquetado de una pagina web?

bueno creo que lo haces es muy complejo yo para hacer mi maqueta utilizo balsamiq mockups para darme una idea de como hacer la web y ya despues empiezo a usar css y codigo html

lo que no te puedes librar es el codigo css eso es muy a la de afuerza hacerlo pero es facil de usar css con la practica lo entederas y se te va hacer muy facil que de hecho tu sabes que css te ayuda mucho a hacer efecto bordes entre muchas cosas

tambien lo que te puedo recomendar son las extensiones de google chrome te ayuda mucho por ejemplo para medir pixeles tu paleta de colores entre mcuhas cosas mas

espero ayudarte un poco con lo que te comento
__________________
Si el amor a una mujer es igual al amor a la programacion
cual de las dos escojerias...mmmm buena pregunta jejeje

Etiquetas: contenido, divs, estandar, html, maquetado, modo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:01.