Votaciones de la categoria Novatos

[Calizman]

Como es de el conocimiento de muchos, los novatos nos dejaron con la gana de ver una competencia... Sin embargo, contamos con la responsabilidad y el compromiso de uno que si entregó su trabajo. Les dejo los enlaces que me envió memoadian quien me pidió que lo ayudaramos a mejorar su sitio web votando por él y haciendo sugerencias.

Los enlaces son:
http://manganimemas.com/competencia/index.html

Y esta es la del contenido:
http://manganimemas.com/competencia/php.html

Desde yá, un 10 en responsabilidad y compromiso para ti memoadian!

Edito: Olvidé agregar el sitio donde fueron publicadas las reglas. Estan Aqui

[memoadian]

jajaja nadie comenta nada

[elkpo15]

Te quedo bien el sitio :)

[Carlangueitor]

Iniciado por memoadian

jajaja nadie comenta nada

Bueno yo seré el primero. Seré muy extenso, así que agarra un lugar cómodo

La página la estoy visualizando en un monitor a 1024x768 px con Opera 10.0 y analizando con FireBug Lite (sí, en opera ) además de verificar los archivos manualmente, luego la pase por IE Tester para verificar que se visualizara en Internet Explorer.

Diseño

El diseño me parece bueno, los colores quedan bien con el logotipo de FDW. Quizá un poco más grande la letra en los formularios (los valores que tienen por defecto) y los botones más llamativos.

Código HTML y CSS

General.

Veo que utilizas muchos wrappers, creo que con uno que fuera general te hubiera sido suficiente. En general estas usando muchos más DIVs de los que necesitas.

Recuerda que elementos de Bloque se pueden manejar como si fueran DIV's (por que también es un elemento de bloque) así que no los tienes que meter en capas.

Yo normalmente suelo usar algún reset CSS para quitar los valores por defecto de cada Navegador.

Se ve bien en IE 6, 7 y 8, solo que hay algunos espacios de más, por lo mismo de que no usas reset además de que no incluiste nada para la transparencia png en ie6.

Header

Tienes el logotipo en un DIV con background, esto tiene algunos problemas, uno es que si por alguna razón no se carga la imagen no vas a ver absolutamente nada, otra es que si se usa un navegador de texto no mostrará tampoco nada, incluso Google no encontrara nada; el logotipo vendría siendo el titulo de tu página así que no puedes permitirte que no se muestre.

Un titulo debe estar dentro de sus correspondientes etiquetas hx, que en este caso, por ser el titulo de la página debe ser h1; hay varias formas para poner correctamente el título pero yo lo hago así:

Código HTML:

<h1><a href="#"><img src="imagen.jpg" Title="Foros del Web" alt="Foros del Web" /></a></h1>
 

Nota que he puesto el atributo ALT, importante para que sea visualizado aún si no carga la imagen, ademas de mantener el valor semántico del h1.

El menú esta bien, excepto por que utilizaste un li para los separadores; yo lo hubiera hecho dándoles un poco más de padding a la derecha y poniéndoles un fondo alineado a la derecha, y al último quitarle el fondo. Algo así:

Código CSS:

#menu ul li {
    padding: 3px 8px 3px 5px;
    background: url(separador.jpg) no-repeat right bottom;
    }
 

Contenido

Veo que tienes h2 como subtitulos pero luego tienes h3 como descripción del h2, lo mejor sería el párrafo resaltando esa descripción con strong. El menú esta bien, no veo problema con ese.

En el sitio de login, olvidaste poner la etiquetas form, de hecho se me hace raro que valide y ni siquiera una advertencia muestre En el campo de contraseña debiste ponerle type="password" el lugar de text. También usaste un div vació para separar los inputs, no era necesario ya que pudiste darle margin a cualquiera de los dos inputs (claro, dándoles su respectivo id). Usaste un enlace para el botón de login, lo correcto era un input submit. Lo mismo con el formulario de contacto.

Las imágenes de los proyectos deberían ser con etiquetas img, lo mismo en la imagen de "Indispensables" e igual aquí no era necesario el DIV vacío.

El texto principal tienes algunos spans para resaltar el texto, aquí también debería ser con strong (o quizá em si lo crees conveniente, por lo del otro párrafo en strong)

En los meses de las fechas que tienes a la derecha también pudiste a ver sustituido el span por small, aunque en este caso no es tan importante.

Footer

Aquí no hay mucho, y lo poco que hay me parece correcto, salvo lo que ya te había comentado con el menú principal (los separadores).


Conclusión

Bueno parece que no tienes mucho problema con CSS, más bien con algunas cosas de semántica y problemas menores.

Vote por un Regular.

Saludos

[alexk]

aver ami me toca dar mi opinion no? jejeje

Diseño
emmm.. ummm....
nose siento que me pierdo donde empieza y termina algo nose...

Codigo HTML/CSS
bueno bueno... h2, h3... perfecto emm y el h1?
como te dicen antes se puede ahorrar codigo... y el css... pues en cascada me da peresita verlo jeje... pero esta bien solo vi algo en el validador "Las Advertencias (13)" jeje bueno yo soy muy "tiquis miquis" y no me gusta verlas jaja...

enfin pequeños detalles como
margin : 31px 0 0 0; /*no mejor margin top*/
font-family : Georgia; /*y si no tengo georgia?*/
se repiten parecidos una y otra vez jeje...

el resto me parece bien...

vote regular tambien... y pues la misma conclucion que Carlangueitor jeje

[HackmanC]

Hola,

Excelente, me parece muy buena página.

Yo no voy a hacer una critica técnica porque estoy participando en la otra categoría, y bueno, se comprende no. Pero hay algo que me llamó mucho la atención y es la forma de cambiar las imagenes de las viñetas, interesante .

Saludos,

[junihh]

@Carlangueitor: Hiciste un analisis muy objetivo. Interesante la idea de poner la imagen del logo dentro de un h1, que para SEO es lo correcto, pero que hasta que lo mencionas no lo hacia. Disculpen que rompa el hilo de la conversacion pero no queria dejarlo pasar por alto.

[memoadian]

Gané¡¡¡ gané¡¡¡ ah no verdad jaja

fiu gracias, por sus comentarios y votaciones a todos, en especial a carlangueitor por un análisis taaaaaaaaaaaaaaaaaaaaaaaaaan profundo he tomado nota de todo.

[abimaelrc]

Iiiiiccchh que bueno que no participe . Me gusto tu trabajo, no voy a dar detalles, pero me gusto mucho.

[kazafun]

¿Novato?

Joder como ha subido el nivel. Enhorabuena!

[jomaruro]

Hola:

Muy buena, después de lo que te han dicho los que saben más que yo no tengo nada que añadir, simplemente me ha gustado.

Saludos.



P.D.: Por supuesto, un 10 (o más) en seriedad.