Foros del Web » Creando para Internet » Diseño web »

Maquetado de una Página

Estas en el tema de Maquetado de una Página en el foro de Diseño web en Foros del Web. Hola a Todos Quisiera saber realmente como se realiza el maquetado de un página Web? He visto en una articulo del sitio desarrollo web.com que ...
  #1 (permalink)  
Antiguo 24/08/2009, 18:49
 
Fecha de Ingreso: marzo-2008
Ubicación: Posadas Misiones Argentina
Mensajes: 440
Antigüedad: 9 años, 8 meses
Puntos: 0
Maquetado de una Página

Hola a Todos

Quisiera saber realmente como se realiza el maquetado de un página Web?

He visto en una articulo del sitio desarrollo web.com que para maquetar un sitio se usa reticulas(guias) en columnas o filas para colocar los elementos en las posiciones que uno desee. Esto se hace en la etapa de diseño.

Pero tambien he visto publicaciones que habla de maquetar una pagina con Tablas , capas , o CSS(Hojas de estilos en cascadas), e incluso hacer el maquetado en tabla o capas con HTML.

Esto último de maquetar una página con tablas , capas , CSS, o tablas y capas con codigo HTML me parace no correcto en la etapa de diseño.
En la etapa de diseño se obtiene una guia(o modelo) de como va a quedar la página para mostarlo al cliente . Luego recién viene la etapa de Contruccion o Producción donde uno construye la pagina con un lenguaje ya sea HTML o CSS y usando elementos HTML como tablas o capas.

Pero vuelvo a repetir , me parace que esta mal hablar de estos terminos o hacer modelos con tablas, capas , CSS o HTML en la etapa de Diseño.

Lo correcto para mi es hacer modelos(guias, no la página terminada) de tu página ya sea en Programas con Firework o Fotoshop que traen guias o reticulas, y esto mostrarlo al cliente para ver si esta conforme con el layout(modelo) de la página, y luego si el cliente te aprueba el modelo, proceder con la etapa de construcción ya sea con un lenguaje o generador de codigo HTML usando tablas, capas u otro elemento HTML.

Bueno esto es mi opinión, pero deseo tener la suya de esto al respecto .

Le agradeceria su opinión.

Gracias.
  #2 (permalink)  
Antiguo 25/08/2009, 06:08
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: Maquetado de una Página

Tema movido desde el foro de Accesibiliad y Usabilidad
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 25/08/2009, 09:09
Colaborador
 
Fecha de Ingreso: diciembre-2005
Mensajes: 2.899
Antigüedad: 12 años
Puntos: 281
Respuesta: Maquetado de una Página

Para maquetar una página, lo mejor es utilizar las css.
ten en cuenta que por internet circulan muchos artículos ya muy anticuados sobre distintos temas, y a la hora de diseñar-maquetar una web, lo mejor es html, con css.

Y por favor, olvídate de las tablas, eso ya es prehistoria.
__________________
Diseño y posicionamiento de paginas web Diseñador web freelance
Sigueme en Google Plus
  #4 (permalink)  
Antiguo 25/08/2009, 11:57
 
Fecha de Ingreso: mayo-2007
Mensajes: 15
Antigüedad: 10 años, 6 meses
Puntos: 0
Respuesta: Maquetado de una Página

Cita:
Iniciado por masclet Ver Mensaje
Y por favor, olvídate de las tablas, eso ya es prehistoria.
Ademas, tene en cuenta siempre si queres hacer una web correctamente maquetada en CSS/XHTML las normas que para eso existen de la W3C validator.w3.org
  #5 (permalink)  
Antiguo 25/08/2009, 14:42
 
Fecha de Ingreso: marzo-2008
Ubicación: Posadas Misiones Argentina
Mensajes: 440
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: Maquetado de una Página

Hola

A que te refirís cuando decís sobre las normas de la W3C validator.w3.org .?
Que hacen esas normas.?

Gracias.
  #6 (permalink)  
Antiguo 25/08/2009, 15:04
 
Fecha de Ingreso: abril-2009
Mensajes: 371
Antigüedad: 8 años, 7 meses
Puntos: 22
Respuesta: Maquetado de una Página

hay mucha gente que hace los diseños en photoshop y luego los maqueta en HTML/CSS

personalmente yo prefiero hacer el diseño en papel y luego en HTML/CSS, es mas rapido y me parece mucho mas intuitivo (tardo menos en hacer cambios, es algo mas "real", no se.)

y no soy el unico que piensa asi, hay unos tios en chicago que tambien lo hacen asi - y creo que no les va mal :P
  #7 (permalink)  
Antiguo 30/08/2009, 13:34
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Maquetado de una Página

Hola:

Cita:
Iniciado por pabje Ver Mensaje
Hola

A que te refirís cuando decís sobre las normas de la W3C validator.w3.org .?
Que hacen esas normas.?

Gracias.
Esas normas lo que hacen es crear un estandar para intentar que los navegadores respondan igual a la misma instrucción y se vean igual. Esto dicho de una manera general, la realidad es que algún navegador como IE hacen lo que les parece.

Aquí te dejo un enlace para que veas las normas del CSS.

Y aquí la guía del XHTML.

Saludos.

  #8 (permalink)  
Antiguo 12/09/2009, 15:26
Avatar de Maicro  
Fecha de Ingreso: agosto-2009
Ubicación: En el imperio de Gallardón I
Mensajes: 203
Antigüedad: 8 años, 4 meses
Puntos: 2
Respuesta: Maquetado de una Página

Bueno, supongo que cada maestrillo tiene su librillo.

Yo, de cuando diseñaba, siempre prefería hacer bocetos, muy esquemáticos porque nunca se me dio bien el dibujo de cabeza, en papel. Y así sigo.

Cuando me surge la idea de lo que más convendría la plasmo en papel. Cuando termino de plasmarla, trato de ver como la llevaría a cabo en Photoshop. Así la diseño en Photoshop y la muestro. Tras ello, XHTML para el contenido y CSS para el diseño. Eso es lo más versátil que aquí, en este foro, te enseñan muy bien.

Los validadores:
· XHTML: http://validator.w3.org/#validate_by_input
· CSS: http://jigsaw.w3.org/css-validator/#validate_by_input
  #9 (permalink)  
Antiguo 12/09/2009, 17:19
 
Fecha de Ingreso: marzo-2008
Ubicación: Posadas Misiones Argentina
Mensajes: 440
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: Maquetado de una Página

Hola

Gracias por aclarme sobre las normas de la W3C validator.w3.org .?

En cuanto a lo que me respondio mpeg :
Cita:
hay mucha gente que hace los diseños en photoshop y luego los maqueta en HTML/CSS
Yo hago algo parecido porque primero hago la disoposicion de los elementos con las reticulas o guias en Firework( y no con photoshop) para ver luego como se ve mi pagina en pantalla, y por ultimo lo contruyo en dreamweaver.

Pero me pasa lo que dice mpeg

Cita:
(tardo menos en hacer cambios, es algo mas "real", no se.)
Veo que hay diferencias entre Firework y Dremweaver por ejemplo en el tamaño de la fuente. Habia hecho el maquetado en Firework con un tamaño de fuente de 12 puntos. Pero cuando lo pase a Dreamweaver el tamaño de la fuente de 12 puntos no era parecido al 12 puntos de Firework. El de dreamweaver se veia mas grande, y no lo pude arreglar.

Bueno Gracias a Todos y asi alguien tiene algo mas para decirme bienvenido sea.

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 22:17.