- haz una copia de la pagina (trabajaras sobre ella)
- elimina toda etiqueta y/o atributo que haga referencia a una imagen (excepto aquellas que pertenecen al contenido como fotos, graficas y similares)
- elimina toda etiqueta y/o atributo que aplique un estilo o color y no sea css (incluyendo las etiquetas style dentro del body del documento)
- elimina toda tabla que no contenga datos tabulares
- convierte los menus en listas si no lo estan ya
- cualquier titulo marcalo como tal (h1-h6)
¿has acabado? te ha quedado una pagina horrible ¿verdad? entonces perfecto, ahora toca aplicarle estilos.
Separa la pagina en bloques logicos (conjunto de elementos que deban estar juntos) cabecera, menu, bloques de contenido (comentarios por ejemplo)
Por ejemplo aqui en el foro cada mensaje con su autor, fecha, contenido del comentario, botones y demas seria un bloque logico TODO, no cada cosa por separado.
Mete cada bloque logico en un DIV, aplicale un #id unico a cada uno y class iguales a aquellos que tengan estilos muy similares o identicos.
la pagina deberia seguir viendose igual.
Mete cada elemento de texto que quieras resaltar dentro de un "EM" si quieres enfatizarlo, dentro de un "STRONG" si quieres que resalte aun mas y dentro de "SPAN" si solo quieres diferenciarlo de alguna forma (colores o similares) no uses ni "B" ni "I".
Ahora a jugar con css y devolverle el esplendor, aunque claro eso ya depende del diseño, no se puede hacer uno "general", si has llegado a este punto tu pagina deberia ser perfectamente valida y estar lista para dar guerra.