Crear una página web bonita, dinámica y respetuosa de los estánd

última actualización el 15 de agosto de 2008, 23:45 por Carlos-vialfa
Publicado por Carlos-vialfa
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.

PD: El artículo original fue escrito por sebsauvage, contribuidor de CommentCaMarche
Mejores respuestas para « Crear una página web bonita, dinámica y respetuosa de los estánd » en :
[IE] Crear una tecla de acceso directo a una página Web VerSi deseas abrir rápidamente tu página web favorita entonces puedes crear una tecla de acceso directo a ella. Para ello, sigue estos pasos: Haces clic derecho sobre una zona de la página Web y seleccionas Crear acceso directo En la ventana que...
Insertar un documento PDF en nuestra página web VerÍndice: Inserta un documento PDF en tu página web Consejos Inserta completamente un documento PDF en tu página web Descarga del programa Convertir de formato PDF a SWF (Flash) Publicar el SWF Trucos Inserta un documento PDF en tu...
Cómo convertir una página web en PDF VerSi queremos convertir una página web, un manual, nuestros emails en PDF, pero no sabemos como utilizar los programas que existen para ello, entonces podemos utilizar una página web que lo hace fácil y gratis. Esta página convierte la URL de...
Web - Marcadores VerMarcadores Cuando se navega por la Web es habitual encontrar un sitio o página Web interesante y querer anotar su dirección para regresar más adelante. Para esto se usan los marcadores (también llamados favoritos). Permiten crear un marcador virtual...
Administración de imágenes en HTML Ver¿Cómo mostrar imágenes en una página Web? Tener algunas imágenes en un sitio Web lo hace más atractivo e intuitivo. Sin embargo, es importante no excederse ya que las imágenes pueden llevar mucho tiempo en cargarse y, en algunos casos, pueden hacer...