MIra yo he diseñado mi curriculo y una de presentación.
Si lo ves observaras que la pagina esta estrucutrada con div
("fondo-contenedor", "contenedor", "contenido", header", "pie")y estos
dimensionados.
Cierto es, que a veces que encanjen es la de Dios.
Aquí te paso esta es sencilla, es la presentación, mira el codigo y dame tu
opinion, si es posible claro.

 http://webs.ono.com/javierherran

Por otro lado, con css, dimensiono y doy forma a la pagina.

Gracias.


El 4 de julio de 2011 11:47, Neftalí Guerrero (Nesta)
<nguerr...@emergya.es>escribió:

> No, en que te basas para diseñar???, como le des a un creativo libertad
> absoluta, no sigue los pasos estandarizados en la accesibilidad y
> usabilidad
> web, sino que se entretiene con el diseño y el impacto visual. El
> maquetador
> tiene que adaptar el diseño a la tecnología, siendo dificil en casos donde
> el Diseñador lo ha realizado como ha ido viendo.
>
> Lo bueno de tener una estructura es, que puedes hacer bloques, cajas,
> imágenes todo a un tamaño y reutilizar, no que si cada cosa es diferente
> pues no hay manera y es mucho más trabajo.
>
> Ya para que quede claro, hay un libro sobre como empezamos a mirar una web,
> los sitios más mirados, útiles para Facebook, Tuenti.... todos esto
> utilizan
> una estructura 960 de un tipo y otro.
>
> No te cierres al futuro. un saludo
>
>
> El 4 de julio de 2011 11:42, javier herran <
> telecoms.systems.electron...@gmail.com> escribió:
>
> > Y pregunto yo:
> > ¿no será mejor diseñar una página web estrucutrandola con HTML y darle la
> > forma con CSS?
> >
> >
> > El 30 de junio de 2011 16:35, anthony mapp <mappeins...@gmail.com>
> > escribió:
> >
> > > Este  servira explica todo solo es de aplicarlo
> > >
> http://www.desarrolloweb.com/articulos/presentacion-960-grid-system.html
> > >
> > > saludos
> > >
> > > El 30 Jun 2011, a las 16:06, Miguel Angel escribió:
> > >
> > > > Muchas gracias por todo,
> > > >
> > > > No se de ningún tutorial en castellano... pero si quieres dispara y
> yo
> > te
> > > ayudo en lo que pueda, es muy fácil.
> > > >
> > > > Un saludo!
> > > >
> > > >
> > > >
> > > > El 30/06/2011, a las 15:03, javier herran escribió:
> > > >
> > > >> ¿Sabes de algún tutorial para empezar a aprender a manejar ese
> sistema
> > > grid?
> > > >> Gracias.
> > > >>
> > > >> El 30 de junio de 2011 12:51, Nestali Guerrero <
> nguerr...@emergya.es
> > > >escribió:
> > > >>
> > > >>> Pero eso no es problema, a ver claro que tiene que tener cosas
> > > difíciles
> > > >>> que
> > > >>> hacer, pero ya no digamos difíciles, sino que ahora vamos a meter
> > > muchos
> > > >>> mas
> > > >>> divs, me explico
> > > >>>
> > > >>> si quieres tener un bloque de 4 columnas pegado a tope a la
> derecha,
> > > sin
> > > >>> los
> > > >>> 10px, pues grid_4 alpha y ya si lo quieres a tope de derecha pues
> > > añadir
> > > >>> omega, y a este se le pone el fondo, luego dentro de este metemos
> ya
> > el
> > > >>> nuevo grid_4 con alpha y omega para que entre dentro del anterior y
> > > jugamos
> > > >>> con este, a este le metemos una clase y al lio!
> > > >>>
> > > >>> Seguro que te acostumbras pronto y lo de los clear ---> leyenda
> > urbana,
> > > >>> mientras no metas la clase clearfix, aunque el sistema 960 te lo
> dice
> > > entre
> > > >>> bloque y bloque, tu ocúpate de que encagen y sumen en total 12 o
> 16,
> > y
> > > no
> > > >>> tendrás que utilizar clear ni par IE ni na xD.
> > > >>>
> > > >>> Saludos!!!
> > > >>>
> > > >>> El 30 de junio de 2011 12:39, Miguel Angel <mik_...@hotmail.com>
> > > escribió:
> > > >>>
> > > >>>>
> > > >>>> Muchas gracias por tu opinión, opino lo mismo aunque llevo
> > > relativamente
> > > >>>> usándolo. He oido críticas por el hecho de que use separación de
> > > bloques
> > > >>>> usando clear:both, y por el hecho de tener padding en las columnas
> y
> > > no
> > > >>>> poder poner un fondo en estos bloques que ocupe todo el bloque (
> > > incluido
> > > >>>> padding )
> > > >>>>
> > > >>>> Un saludo y gracias de nuevo!
> > > >>>>
> > > >>>>> Date: Thu, 30 Jun 2011 12:32:03 +0200
> > > >>>>> From: nguerr...@emergya.es
> > > >>>>> To: ovillo@lists.ovillo.org
> > > >>>>> Subject: Re: [Ovillo] 960 Grid System
> > > >>>>>
> > > >>>>> El sistema grid ya sea 960 o 950 como blueprint, es un sistema
> > > >>>>> estandarizado, se utiliza para la mejor posicion de bloques,
> > > contextos
> > > >>> y
> > > >>>>> contenido a la vista del usuario, siendo esta forma una de las
> más
> > > >>>> ordenadas
> > > >>>>> y estructurada.
> > > >>>>>
> > > >>>>> Desde que empezamos a trabajar con 960 grid, no hemos dejado de
> > usar
> > > un
> > > >>>>> sistema grid, facilitando a la parte de diseño y a la de
> > maquetación.
> > > >>>>>
> > > >>>>> Al principio tengo que decir que también tardé más en aplicar
> esto,
> > a
> > > >>>>> realizarlo desde 0, pero una vez que le coges el tranquillo, es
> > mucho
> > > >>> mas
> > > >>>>> rápido, útil, y mejor visibilidad en navegadores.
> > > >>>>>
> > > >>>>> Sobre este tema tengo bastante experiencia e información, si
> > quieres,
> > > >>>>> mandame tus dudas, o sigue comentándolas por aquí, gracias y
> > saludos!
> > > >>>>>
> > > >>>>> El 29 de junio de 2011 20:21, Miguel Angel <mik_...@hotmail.com>
> > > >>>> escribió:
> > > >>>>>
> > > >>>>>> Hola buenas,
> > > >>>>>>
> > > >>>>>> Que opiniones tenéis acerca de 960 Grid System?
> > > >>>>>>
> > > >>>>>> Gracias y un saludo!
> > > >>>>>> _______________________________________________
> > > >>>>>> Lista de distribución Ovillo
> > > >>>>>> Para escribir a la lista, envia un correo a
> > Ovillo@lists.ovillo.org
> > > >>>>>> Puedes modificar tus datos o desuscribirte en la siguiente
> > > dirección:
> > > >>>>>> http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >>>>>>
> > > >>>>> _______________________________________________
> > > >>>>> Lista de distribución Ovillo
> > > >>>>> Para escribir a la lista, envia un correo a
> > Ovillo@lists.ovillo.org
> > > >>>>> Puedes modificar tus datos o desuscribirte en la siguiente
> > dirección:
> > > >>>> http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >>>>
> > > >>>> _______________________________________________
> > > >>>> Lista de distribución Ovillo
> > > >>>> Para escribir a la lista, envia un correo a
> Ovillo@lists.ovillo.org
> > > >>>> Puedes modificar tus datos o desuscribirte en la siguiente
> > dirección:
> > > >>>> http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >>>>
> > > >>> _______________________________________________
> > > >>> Lista de distribución Ovillo
> > > >>> Para escribir a la lista, envia un correo a
> Ovillo@lists.ovillo.org
> > > >>> Puedes modificar tus datos o desuscribirte en la siguiente
> dirección:
> > > >>> http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >>>
> > > >> _______________________________________________
> > > >> Lista de distribución Ovillo
> > > >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > >> Puedes modificar tus datos o desuscribirte en la siguiente
> dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >>
> > > >
> > > > _______________________________________________
> > > > Lista de distribución Ovillo
> > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > > _______________________________________________
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> Neftalí Guerrero Pancorbo (Nesta)
> Área de Proyectos
>
> Emergya Consultoría
> Tfno: +34 954 51 75 77
> Fax: +34 954 51 64 73
> www.emergya.es
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a