Consejos para diseñar tu sitio

joseomaker · #1 (**permalink**) 10/06/2010, 19:55

-Antes de empezar a hacerla en la computadora haz un boceto a lapiz de la pagina de la inicio y corrígelo hasta que tengas planteada la estructura.

-Antes de desarrollar el contenido debes tener bien claro de qué puedes hablar y de qué no.

-No te pases con la publicidad, puedes poner, pero no exageres.

-Pon un enlace en javascript del tipo "Añadir a Favoritos" para que el usuario tenga la opción, sólo con hacer clic, de poner tu página entre las favoritas de su navegador.

-Piensa en que quiere y/o necesita el usuario para saber que poner y que no poner

-No abuses del flash, puedes poner un video, un juego e incluso una animación sencilla,pero no hagas un sitio enteramente con Flash o con un desorden de animaciones y sonidos.

-el javascript es para hacer mas grata e interactivo la navegación en tu sitio, pero no hagas que todo dependa de el y sobre todo, no exageres en su uso.

-no exageres con el uso de las imagenes imágenes

-NUNCA uses imágenes en formato BMP,son demasiado pesadas.

-optimiza tu web para la resolución 1024x768 que es la resolución mas usada a nivel mundial.

-Evita hacer SPAM.

-A los usuarios suscritos a tu Newletter o Feed,no les envíes mensajes a cada rato, solo lo resaltante y/o importante.

-Da a conocer tu pagina agregándola a varios buscadores (no solo a google)

-el diseño debe ser muy trabajado y muy sencillo ,es decir, debe ser bonito pero simple y que cargue rápido.

-el texto debe ser interesante y claro,con titulos claros y coherentes pero a la vez atrayentes.

-el texto no debe ir en una imagen,imagen es imagen y texto es texto.

-el diseño debe reflejar el tema de la web.

-la estructura la haces el lenguaje adecuado,pero el estilo de la pagina SIEMPRE se hara con CSS.

-Reduce el texto al mínimo, es decir no es conveniente presentar textos muy largos, ya que el usuario no los lee.

-asegurese que su sitio se visualize correctamente en la gran mayoria de los navegadores,especialmente internet explorer y mozilla firefox.

-Procura no usar tablas para la estructura,solo para organizar texto y imágenes.

-la tablas son tus mejores aliadas a la hora de organizar el texto y los graficos.

-Actualiza el sitio cuando sea necesario o cuando creas falta algo que quedaria bien.

-Trate no usar frames ya que pueden causar problemas.

Pronto pondre mas,no duden en opinar o agregar mas.

Saludos

Webtocrator · #2 (**permalink**) 11/06/2010, 09:01

, esto es útil para los principiantes ya que aveces no respetan muhcas de estas normas...

Carlangueitor · #3 (**permalink**) 11/06/2010, 10:52

Cita:

Iniciado por joseomaker

-Procura no usar tablas para la estructura,solo para organizar texto y imágenes.

-la tablas son tus mejores aliadas a la hora de organizar el texto y los graficos.

Discrepo en esto, las tablas no son para organizar, son para datos tabulados, datos que requieran de tablas, lo demás va con lo que sea necesario (div, p, span, etc.).

Saludos

joseomaker · #4 (**permalink**) 11/06/2010, 13:52

exacto,es eso lo que querai decir,nunca dije: "estructurar la web",sino para organizar texto para algo similar a los periodicos.

Carlangueitor · #5 (**permalink**) 11/06/2010, 14:01

Cita:

Iniciado por joseomaker

exacto,es eso lo que querai decir,nunca dije: "estructurar la web",sino para organizar texto para algo similar a los periodicos.

Tampoco, las tablas se usan para cosas como esto:

Para organizar el contenido como un periódico basta con las etiquetas p, span, y div. Para contenidos dinámicos muy grandes se puede usar algo de Javascript, pero normalmente no es necesario.

maycolalvarez · #6 (**permalink**) 11/06/2010, 17:04

yo uso las tablas para tabular los datos de listados y formularios, nada más, el resto con puro div y span

joseomaker · #7 (**permalink**) 11/06/2010, 19:19

depende todo el mundo tiene sus propios metodos,claro que las tablas sirven para estructurar lo que sea,pero para la estructura de la web lo mejor son las div,aca les dejo un sitio que hace un malo uso y a la vez un buen uso de las tablas:

http://colegiolaepifania.com.ve/

El uso de las tablas es bueno porque:

-Se uso para organizar el contenido y las imagenes,esto queda muy vistoso.

y es malo por:

-La estructura de la web esta hecho con tablas

la seccion "Somos" tiene el texto bien estructurado.

Mas,tiene unos grandes problemas:

-Los titulos son imagenes,ese efecto se podria haber hecho simplemente con HTML y CSS,la pagina cargaria el doble de rapido.

-TIENE 2 MENUS,seria mas conveniente dejar un solo menu que sea despegable hecho con CSS.

Saludos,seria bueno nos pongamos a analizar Pros y Contras de varias Paginas web,asi los novatos sabrian que hacer y que no hacer.

Saludos.

PD: cabe resaltar que solo estoy dando consejos a corde con los estandares W3C,no estoy imponiendo mis estandares.

Carlangueitor · #8 (**permalink**) 11/06/2010, 20:51

Cita:

Iniciado por joseomaker

depende todo el mundo tiene sus propios metodos

Si, pero eso no significa que sean correctos, el estructurar texto y gráficos modifica la semántica de un sitio, no solo es que no se deban usar tablas, si no que hay que usar lo indicado para cada cosa.

Sin un formulario presenta datos tabulados que llenar, pues a hacerlo con tablas, que si tengo una lisa de productos y características, pues uso tablas. Hay que identificar la situación para decantarse a usar o no tablas.

Cita:

Iniciado por joseomaker

aca les dejo un sitio que hace un malo uso y a la vez un buen uso de las tablas:

http://colegiolaepifania.com.ve/

El uso de las tablas es bueno porque:

-Se uso para organizar el contenido y las imagenes,esto queda muy vistoso.

y es malo por:

-La estructura de la web esta hecho con tablas

la seccion "Somos" tiene el texto bien estructurado.

Mas,tiene unos grandes problemas:

-Los titulos son imagenes,ese efecto se podria haber hecho simplemente con HTML y CSS,la pagina cargaria el doble de rapido.

-TIENE 2 MENUS,seria mas conveniente dejar un solo menu que sea despegable hecho con CSS.

De nuevo discrepo, como ya te comente, yo no veo ningún dato tabular, esa estructura es fácilmente realizable con div's, etiquetas de párrafos e imágenes. Por lo demás que dijiste estoy de acuerdo.

Cita:

Iniciado por joseomaker

PD: cabe resaltar que solo estoy dando consejos a corde con los estandares W3C,no estoy imponiendo mis estandares.

Me gustaría ver eso, la W3C introdujo en el 96 CSS para aumentar la accesibilidad y mejorar la semántica de los sitios web, desde entonces se a promovido el diseño tableless.

Mira estos artículos (los dos primeros de la W3C):

http://www.w3.org/2002/03/csslayout-howto
http://www.w3.org/TR/WAI-WEBCONTENT/...e-presentation
http://webdesign.about.com/od/tables/a/aa122605.htm
http://semantichtml.org/home/
http://www.alistapart.com/articles/slashdot/

Saludos

joseomaker · #9 (**permalink**) 12/06/2010, 10:41

si lo se,no estas entendiendo,no estoy dijendo que las tablas son para estructurar,solo que ayudan a la hora de organizar el contenido dentro de el lugar adecuado.

Lo que trato de decir es,que pueden ayudar a organizar datos que para lo que estan hechas.

jomaruro · #10 (**permalink**) 12/06/2010, 11:42

Hola:

Cita:

Iniciado por joseomaker

si lo se,no estas entendiendo,no estoy dijendo que las tablas son para estructurar,solo que ayudan a la hora de organizar el contenido dentro de el lugar adecuado.

Lo que trato de decir es,que pueden ayudar a organizar datos que para lo que estan hechas.

Perdón, pero no se si no entiendo lo que leo o no entiendes tú lo que escribes. Por supuesto no estás diciendo que las tablas sean para estructurar, hasta ahí de acuerdo. Sin embargo, dices que ayudan a organizar el contenido ¿Eso no es decir que se puede maquetar con tablas? Porque no siempre el contenido son datos tabulados extraidos, por ejemplo, de una base de datos.

Si lo que quieres es aportar una serie de normas para que nos ayuden a diseñar una web, es conveniente dejar las cosas muy claras, y en este caso no lo están, deberías decir que "las tablas no se deben usar para maquetar el sitio sino para presentar datos tabulados". Las matizaciones son muy necesarias para evitar futuros errores.

Saludos.

Carlangueitor · #11 (**permalink**) 12/06/2010, 12:05

Cita:

Iniciado por joseomaker

si lo se,no estas entendiendo,no estoy dijendo que las tablas son para estructurar,solo que ayudan a la hora de organizar el contenido dentro de el lugar adecuado.

Lo que trato de decir es,que pueden ayudar a organizar datos que para lo que estan hechas.

Si, pero yo no estoy diciendo que no ayuden en eso, simplemente que es incorrecto desde el punto de vista semántico, además de que son más caracteres el usar tablas que las etiquetas correctas.

La semántica no es solo una moda que muchos no saben ni que es pero ya la quieren tener, es una parte importante de la accesibilidad web, hay que pensar en todos los usuarios.

Y no me la estoy cargando contra ti, si es lo que piensas. Solamente pienso como jomaruro, si vamos a dar consejos, hay que dejar las cosas claras y que sean correctas. Y tampoco hay que inventar sobre la w3c

Saludos