Kioskea
Buscar
Haz una pregunta »

Crear una página web bonita y dinámica

Marzo 2015

A continuación una lista de enlaces que te ayudará a explotar mejor los estándares (HTML, CSS, DOM...) para crear páginas más bonitas, dinámicas y respetuosas de los estándares.
Al final de este artículo, también hay una lista de validadores.


Enlaces

En español

http://www.avenidanet.com/blog/2008/04/que-es-w3c-y-porque-validar-sus-paginas/
Esta página te explicará las normas W3C y su interés (con varios ejemplos de uso). Por ejemplo, este sitio: http://www.htmlpoint.com/dhtml/index.html te mostrará algunos tutoriales para la utilización de efectos dinámicos (para aquellos con nivel intermedio).

Los errores de concepción de sitios web que se deben evitar:
http://www.webtaller.com/maletin/articulos/los_10_mayores_errores_del_diseno_web.php

En Kioskea:

En inglés

http://www.alistapart.com/
Con numerosos artículos y trucos prácticos para tu sitio web (como hacer menús, CSS específicos para la impresión, etc.):

http://www.csszengarden.com/
Una demostración magistral sobre el uso del CSS.
Haz clic en uno de los estilos propuestos: la página HTML queda igual, sólo la hoja de estilo cambia.
Esto te muestra todo el poder del CSS.

http://www.w3schools.com/
Literalmente "la escuela del W3C".
Numerosos cursos para aprender a utilizar CSS, DOM, etc.
contiene ejemplos muy prácticos y básicos.

Aquí algunas reglas a respetar para que un sitio web sea claro:
http://www.webstyleguide.com/
(se trata de un libro completo en línea)
Te dará consejos y trucos para mejorar la ergonomía, claridad y visibilidad de tu sitio.

http://www.useit.com/alertbox/9605.html
Los 10 peores errores en el diseño Web

Complementos

Puedes tener una idea de cuál será el resultado de tu página en los diferentes navegadores a través de las capturas de pantalla:
Ver cómo se ve tu página web
http://browsershots.org/screenshots/

Validadores de códigos

http://validator.w3.org/
El servicio "W3C Markup Validation Service" te permite ingresar un url o una página web a fin de verificar si los estándares de la web han sido respetados...
También puedes encontrar este análisis automático con la extensión "web developer" del navegador Firefox (ve la pestaña Validación una vez instalado):
http://chrispederick.com/work/web-developer/

http://www.validome.org/lang/en
Un validador de muy buena performance.

http://www.validator.ca/
Un validador html multi-páginas, muy práctico para verificar todas nuestras páginas de una sola vez. Sin embargo, no soporta más de 200 páginas.

http://jigsaw.w3.org/css-validator/validator.html.es
Es el validador de W3C
Este análisis también está disponible con la extensión WebDeveloper.

http://www.w3.org/RDF/Validator/
Es el validador Rdf, también del W3C.
Consulta este artículo sin tener que estar conectado, descárgalo gratis aquí en formato PDF:
Crear-una-pagina-web-bonita-y-dinamica.pdf

Consulta también

En la misma categoría

Créer un site beau, dynamique et respectueux des standards
Por sebsauvage el 10 de diciembre de 2004
El artículo original fue escrito por sebsauvage. Traducido por Carlos-vialfa. - última actualización por ibero.modo
El documento « Crear una página web bonita y dinámica » de Kioskea (es.kioskea.net) se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo bajo las condiciones señaladas por esta licencia. Deberás hacerla siempre visible y dar crédito a Kioskea.