 |
|
|
|
|
|
Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS | |
||
|
||||
|
|
|||
 |
|
 |
||
|
||||
Directorio
|
Manuales
|
Scripts
|
FAQs
|
Programas
|
Artículos Copyleft
|
Actualidad
|
La Cosecha
|
Colabora
Alojamiento
|
Dominios.es
|
Micropagos SMS
|
Buscadores
|
Patentes, marcas
|
Creación web
|
Multimedia
|
Videos
Consejos de estilo para páginas web
Comentamos una serie de reglas básicas para que nuestra página quede más aseada, legible y profesional.
22/8/03 - La WWW está repleta de páginas informativas, con contenidos de utilidad y realizadas por especialistas que destacan en la divulgación de determinadas materias, pero que en ocasiones, adolecen de graves errores en su presentación.
Quien más y quien menos, nos hemos enfrentado con cierta frecuencia a páginas web, que pese a su innegable interés, son feas, anárquicas, ilegibles, desestructuradas, o sencillamente, horteras.
Para evitar estas presentaciones indeseadas, os voy a ofrecer unos pocos consejos de maquetación, que no pretenden ser una guía exhaustiva de buenos usos, pero que sí os pueden servir para elaborar mejores páginas web, sin necesidad de ser un lince del diseño gráfico.
Para empezar, que NO es aconsejable hacer:
- Largos textos en negativo (texto claro sobre fondo oscuro)
- Imágenes de fondo estridentes o con colores vivos
- Incluir demasiados tipos de letra diferentes
- Representar el texto muy grande o muy pequeño
- Gran profusión de GIFs animados o imágenes “robadas” de otras webs
- Tablas con “Border”
- Textos corridos “<Marquee>:” o "flashes"
- Abusar de los anglicismos (ej: “link” por “enlace”)
- Aplicar márgenes a izquierda y derecha
- Utilizar negritas para destacar textos (con mesura, ¿eh?)
- Utilizar la etiqueta <P> para separar párrafos: así, ganamos en legibilidad
- Maquetar siempre con tablas: esto a veces puede complicar el código, pero es el mejor modo de representar correctamente los distintos elementos, y de contrarrestar el efecto “cross-browsing”, o cambio de navegador
- CSS: las Hojas de estilo son una ayuda insustituible
- Por norma general (no siempre), JPGs para fotografías y GIFs para dibujos
- Variar los colores, aunque sin pasarse
- Menú de navegación en todas las páginas: esto evitará perder en un laberinto de enlaces a nuestros visitantes
Como último consejo, sería lógico mantener la misma apariencia de estilo (fuentes, márgenes, colores...) en todas las páginas, para ganar en cohesión y dotar así de personalidad a nuestro trabajo.
Siguiendo estas sencillas recomendaciones, ayudaremos a que nuestra página quede más aseada, legible y profesional.
Seguir navegando a partir aquí:
+ 1 categoria relacionada
+ 4 comentarios (Añadir)
+ 1 comentario no revisado
| Autoría, licencia y acciones sobre este artículo | ||||||
|
Informe de Juanjo Palacios*
Consultor de Marketing URL: http://www.valdecantos.com/kinks Atención: Copyright. Este artículo no se puede reproducir sin la autorización expresa del autor. * Para consultas técnicas utilizar la lista de correo.
|
Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Guias de diseño Comentarios de los visitantes
| Los comentarios de los visitantes son para ampliar la información del artículo. Cualquiera puede participar. |
| Se muestran 4 comentarios revisados |
Comentario de Alexander Ochoa Agüero
30/8/03
Estoy plenamente de acuerdo con todo lo expresado por Ud en su artículo, yo diría más quien no lo estuviese y este pensando en desarrollar un web debe reconsiderar sus intenciones para no ir directo al fracaso. Pienso que se debe pasarle un vistazo previamente a temas relacionados con el diseño en general y el diseño web en particular.
Comentario de Fernando
06/9/03
Para diseñar las páginas nos recomienda utilizar tablas para maquetar, sin embargo, las normas de accesibilidad web de TAW o W3C, desaconsejan el uso de las tablas. El uso de las tablas, puede crear problemas para los internautas invidentes que utilizan lectores de pantallas. Solo se permite el uso de tablas si estan pueden ser serializadas, por lo que un uso abusivo de tablas anidadas, hacen que la página no pueda ser leida correctamente.
En la página www.sidar.org se pueden encontrar las normas de accesibilidad.
FEr
En la página www.sidar.org se pueden encontrar las normas de accesibilidad.
FEr
Comentario de Ariel
07/9/03
Opino igual que Alexander, y le añadiría un punto más a la nota, debajo del menú de navegación: un mapa del sitio. A veces sitios extensos en cuanto a contenido se paginan demasiado, ya sea por necesidades de diseño o por un cliente que asi lo solicita, y una ubicación visual en el sitio entero, es, a veces, más util que el menu que lleva casi siempre a secciones principales.
Saludos desde Argentina, acabo de mandarle un correo tambien a Juanjo, un tipo que de esto sabe bastante, por lo que pude observar. Un abrazo a todos los que hacen que esto siga.
Saludos desde Argentina, acabo de mandarle un correo tambien a Juanjo, un tipo que de esto sabe bastante, por lo que pude observar. Un abrazo a todos los que hacen que esto siga.
Comentario de Eujimenez
10/9/03
Yo pienso que el desarrollo web tiene mucha responsabilidad, en lo particular me gusta hacer las cosas bien y en el lugar donde trabajo estan muy acostumbrados a "lo fácil", es decir a bajar cosas de la www y maquillarlas.En especial hacer las cosas demaciado rápido y sin planear el diseño de las misma.
Hago una invitación a todas las personas que desarrollan paginas web a que procuren ser creadores y no piratas de la internet.
Felicidades a DESARROLLOWEB.COM por este artículo tan interesante!!!
Hago una invitación a todas las personas que desarrollan paginas web a que procuren ser creadores y no piratas de la internet.
Felicidades a DESARROLLOWEB.COM por este artículo tan interesante!!!
 | Añadir un comentario del artículo |
| Comentarios sin revisar |
| Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente. |
 | Ver los comentarios no revisados |
| Añadir un comentario del artículo |
| Enlaces: |
| Maestrosdelweb |
Ir arriba
|
||||
Tienda DesarrolloWeb
