Competencia: Desafío en CSS + XHTML

[RoQ]

Iniciado por tunait

Si Kemie participa, yá tenemos ganador

Si pero se aprenderia bastante

Iniciado por webosiris

yo tengo una propuesta para integrarse... porqué cada uno no hace su versión de un sitio conocido (definido de antemano) y que esté mal realizado? Propongo la web de El País que tiene 499 errores, obiamente está maqueteada con tablas, etc.
Espero vuestras opiniones.

... podriamos empezar con MDW

[tunait]

Iniciado por RoQ

Si pero se parenderia bastante

Es cierto. Si se anima a ser jurado podría, además, presentar su propuesta fuera de concurso

[metacortex]

Iniciado por RoQ

podriamos empezar con MDW

Me parece una idea genial... Nos proporcionan algún texto de la portada de MDW y jugamos con el diseño ¿Qué dicen?.

[webosiris]

Mdw!! Mdw!!

[Jorolo]

Hola a todos. hola webosiris.

Sé que este tipo de preguntas no conviene hacerlas en un foro, te arriesgas a quedar en evidencia. Pero no puedo resistirme.

¿Que es MDW?

[JavierB]

Hola Jorolo

Maestros Del Web

Saludos,

P.D.: pregunta lo que ignoras y pasarás por tonto 5 minutos. No lo preguntes y serás tonto toda la vida

[Jorolo]

¿Y ellos que opinan?

[webosiris]

y agrego enlace: Maestros del Web , y fue creada pro Christian, que también es el culpable de que todos estemos hoy aquí ... ahora, lo que opina christian no lo se, pero es cuestión de preguntarle

[jesusbet]

pos de hecho christian ya tenía el proyecto de 'estandarizar' MDW desde hace tiempo, pero por lo mismo (tiempo) no lo ha hecho, me parece excelente..

P.S: yo tambié propondría a la página de Dirson, es un diseño muy facilito de hacer XD

[vites]

se habian olvidado de mi 0.o


- vites
- marioStudios
- KarQ
- jam (1138)
- Jorolo.
- Jesusbet.
- RoQ.
- Kazafun.
- Metacortex.
- Core.
- Seppo.
-Webosiris

unas preguntas,

no ai ningun problema en utilizar JavaScript verdad?

y el diseño puede ser elastico, plastico o fijo no? o solo se podra utilizar uno de los tres?

[metacortex]

Se puede usar todo código que no sea propietario. Tu otra duda tiene más que ver con el tema de la accesibilidad, de todas formas queda a tu elección.

[marioStudios]

¿Entonces las tablas al acerradero???jejeje

[jesusbet]

las tablas al contenido tabulado

[metacortex]

1ª Competencia CSS + HTML

Objetivo:

Hacer una web monopágina dentro del tiempo estipulado por las reglas.


. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


1.- Bases de la competencia:

a) Para la construcción de la web se deberá tener en cuenta los siguientes factores:

• Uso de CSS.
• Uso de código libre XTML estricto.
• Conjugación armónica de CSS + XHTML.
• Uso de formato de archivo libre.
• Accesibilidad de la web (Incluye peso del index con sus archivos).
• Contenido semántico.
• Maquetación y diseño.

b) Se trabajará con CSS y HTML, utilizando ambos lenguajes equilibradamente. En otras palabras, no se empleará HTML para trabajos que se puedan ejecutar con CSS y viceversa.

c) En el área de HTML, sólo se usará código XHTML estricto, por lo cual la página deberá pasar la validación correspondiente.

d) No se utilizarán formatos de archivos propietarios, tales como Gif y SWF, entre otros. Existe variedad de formatos libres a escoger

e) Tanto el código HTML como CSS debe tener una estructura semántica.

f) Los jueces proporcionarán el texto con el cual vamos a trabajar. Dicho texto será utilizado en su totalidad para elaborar nuestra página. No se agregará ni cortará el material recibido. Igualmente los textos correspondientes a links y menú deben usarse para su respectiva función, independientemente de la libertad en el diseño.


. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


2.- Plazo de Entrega:

El tiempo de publicación de las webs participantes será de 3 semanas: El texto se proporcionará el día Lunes 17 de enero y el concurso se cerrará el Lunes 06 de Febrero.


. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


3.- Alojamiento de los trabajos:

A fin de que no haya inconvenientes, quienes no tengan hosting sin publicidad pueden dirigirse vía MP a Webosiris quien se ofreció a prestar parte de su espacio para tal fin (Gracias Webosiris), o bien pueden enviar su trabajo en archivo comprimido a desafiocss | gmail | com (Asunto: Desafío CSS [mi_nick]), los mismos serán publicados en la siguiente dirección:

http://200.58.112.230/~mn000060/

Y se hará de esta manera:

http://200.58.112.230/~mn000060/tu_nick/index.html

Luego de enviados favor confirmar con MP a Webosiris o metacortex, según donde se haya elegido publicar.

Los trabajos deben enviarse un máximo un día antes del cierre de la competencia y serán publicados el día señalado.

Por razones de consideración a los competidores y los espectadores no habrá prórroga de entrega.

Importante: Las condiciones de publicación de trabajos puede variar en un futuro para beneficio de todos. La decisión corresponde a la jueza de la competencia, Tunait.


. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


4.- Calificación y Ganadores

a) Cómo calificar:

La evaluación de los trabajos se hará en base a los mismos parámetros de las bases de la competencia:

• Conjugación armónica de CSS + XHTML.
• Uso de formato de archivo libre.
• Accesibilidad de la web (Incluye peso del index con sus archivos).
• Contenido semántico.
• Maquetación y diseño.

El (la) votante colocará un (1) nick al lado de cada categoría, reflejando el trabajo que más le agradó en cada una de éstas.

Ejemplo:

Web de Pepe:

• Conjugación armónica de CSS + XHTML = Core
• Uso de formato de archivo libre = Seppo
• Accesibilidad de la web (Incluye peso del index con sus archivos) = marioStudios
• Contenido semántico = RoQ
• Maquetación y diseño = Webosiris

El (la) votante puede repetir nicks en su evaluación si así lo desea. Al final se hará un conteo de Nicks por categoría y ganará quien tenga más puntos en la cuenta total de votos.

Para evitar la creación de innecesaria de nuevos usuarios-votantes y el saboteo de multiusuarios, sólo podrán votar quienes tengan 50 o más post publicados. Sólo se admitirá una (1) sesión de votación por IP.


. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


/* Fin de las Reglas del Juego */

[metacortex]

Ok panas, analicen esto. Opinen, cuestionen, sugieran, cambien.

Por favor opiniones puntuales porque de lo contrario no arrancaremos nunca .

El plazo para anotarse es hasta mañana Viernes.

Saludos.

[Jorolo]

Hola a todos.

A mí se me ocurren algunas mejoras (quedan puntos sin definir), pero sabes que, me las guardo para la segunda edición.

A mí me vale.

[Seppo]

¿Que significa como críterio de evaluación "Uso de formato de archivo libre"? ¿El no uso de gif y swf?

Si es eso, propongo que no sea un críterio de evaluación, sino un requisito... No creo que nadie tenga menos uso de gif y swf si está estrictamente prohibido.

PD: justo bombardeo la categoria en la q me había puesto de ganador :@

[PatomaS]

Hola gente

Pasaba yo por aquí después de algo de tiempo y ví este mensaje.

Tras una lectura de todo lo que han puesto, me hacía una pregunta, bueno, más de una, pero sol orecuerdo una ahora mismo.

;)

Las páginas deben ser en xhtml + css y demás, pero ¿deben verse igual en todos los navegadores?.

Porque un código válido no significa que se vea igual en todos lados.

Yo creo que sería un factor importante a considerar el hecho de que dichas páginas se vean lo más parecidas posible en al menos los navegadores más populares. (Explorer 6, Firefox 1.0.7 y Opera 8.0). Podriamos incluir el de Mac, pero como no se cuantos de los aquí presentes podrán verificar sus códigos en este navegador, creo que se puede dejar fuera.

Otra cosita, ya voy recordando un poco.

El xhtml que usarán es ¿1.1 o 1.0? ¿puede ser modularization?

Creo que un valor justo sería 1.1 estricto, es bastante complicado pero asequible a todos. La modularizaión ofrece ventajas pero como es raro usarlas, puede generar más problemas que ayuda.

Sobre la accesibilidad deberían deberían decidir previamente que nivel exigir. El nivel taw 1 es bastante sencillo pero el taw 2 puede ser excesivo. Yo elegiría el 1 y dejaría el 2 para la siguiente edición.

;)

Otro detalle, que ayudará a los jueces y al mismo creador de cada página, es que estas no sean servidas como "text/html" sino como "application/xhtml+xml", al menos a los navegadores que lo soportan. Obviamente esto exige un trabajo breve extra a quien aporta el alojamiento, pero tampoco es demasiado, solo unas pocas líneas de configuración en su servidor, claro que entonces todas las páginas deberían ser alojadas en el mismo sitio.

Bueno, me despido y los dejo con esta interesante iniciativa, ya estaré íré viendo como avanzan si es que se pueden ir viendo antes del final.

Felicidad

P.D.

Si hay errores en lo que he puesto, pido disculpas de ante mano, la falta de coca cola es una cosa muy mala...

:)))

[metacortex]

Tienes razón Seppo. El punto no debería ir ahí. Editaré esa parte.

Jorolo, habla ahora o calla para siempre . Exprésate tranquilo ya que estas bases podrán servir para futuras competencias. Lo importante es agilizarlo lo antes posible, para que tanto nosotros los competidores como Tunait y el resto de los jueces tengamos una base escrita para apoyarnos y proceder sin problemas.

Saludos.

Edición:
Patomas! Caramba viejo, te tenían secuestrado?... Pues precisamente eso que mencionas era la disyuntiva expuesta aquí. Al final votamos 2 a favor del uso de todo el código libre posible, pero ¿Qué te parece la idea de si cada quien utilice los recursos de la manera que más convenga? Al final la puntuación lo premiará o castigará debido a que ésta no es tajante sino que se diversifica en varios puntos. Así pienso que se solucionaría la disyuntiva del código Vs. accesibilidad. De todas formas tu opinión y la de los demás sobre este detalle sería muy buena. Un saludo hermano.

[Jorolo]

Hola a todos.

"¿deben verse igual en todos los navegadores?."

Ese tema ha sido discutido. Pero tambiém es cierto que no está esplicitamente expresado en el reglamento.
La respuesta ha sido (creo): NO.
Varios nos henos manifestado de esa opinión, no me consta ningun comentario en contra, y el silencio de los demás podria considerarse un consentimiento.

Pero creo que aquí debe primar la opinión del W3C

"Si se utiliza HTML no válido y el documento no funciona en un navegador en particular, es un problema del autor; si se utiliza HTML válido y no funciona, entonces es un fallo del navegador."
W3C

No se debe juzgar a nadie por los fallos de otro.


Pensando en el reglamento esto podria espresarse más o menos así:

los proyectos presentados serán juzgados dependiendo de cual sea su 'rendimiento' en el navegador en el que obtengan su máximo 'rendimiento'.

[RoQ]

El lunes es 16,

Sobre lo de los navegadores, hay muchas paginas hechas correctamente con XHTML y CSS que se ven bien en todos ya sea usando hacks o no, Los diseños de CSSzengarden tambien son una prueba, pero por mi no hay problema si eso no se toma en cuenta, aunque creo que eso formaria parte de la accesibilidad ¿no?

[metacortex]

Así es RoQ. De hecho es una de las partes buenas que le veo al sistema de calificaciones. Si alguien quiere hacer hincapié en la accesibilidad puede hacerlo. Al final los usuarios quizás le den su merecido punto en ese campo.

Anotado lo de la fecha

Saludos.

[marioStudios]

Bueno, para mi esto va hacer todo un reto y me gustaria empezar respetando todas los reglamentos y si son del consorcio3w, pues mejor así. se que todos los navegadores tendran diferencias, y que algunos requeriran de código que incluso ahora, todavia no conosco bien; pero creo que ese sera problema del explorador alfinal de cuentas.
Apeguemonos lo más posible a los reglamentos y que Vivan las Diferencias, eso Nutre la imaginación!!!

[Jorolo]

Hola a todos, hola RoQ.

No, lo que propongo no va en contra de la accesibilidad, al contrario.

las dos propuestas que recuerdo haber formulado:

1- xhtml estricto (11.2)(AA)
2- Todo el estándar posible (11.1)(AA)

Resultan ser las dos requisitos necesarios para obtener la 'doble a' (AA)


Pautas de Accesibilidad al Contenido en la Web 1.0


Pauta 11. Utilice las tecnologías y pautas de W3C.

Puntos de revisión:

11.1 Utilice las tecnologías W3C cuando estén disponibles y sean apropiadas para la tarea, y use las últimas versiones que sean soportadas. [Prioridad 2] (Punto de revisión 11.1)
11.2 Evite características desaconsejadas por las tecnologías W3C. [Prioridad 2]

[AlvaroG]

me apunto, pero ¿no hay líneas a seguir?

- Jorolo.
- Jesusbet.
- RoQ.
- Kazafun.
- Metacortex.
- Core.
- Seppo.
- Alvlin

[AlvaroG]

uy, disculpen, oslamente había visto la primer página de las respuestas.

[Seppo]

Ahaha, lo siento gente, no voy a poder participar por cuestiones laborales...

Dejo la lista completa

- vites
- marioStudios
- KarQ
- jam (1138)
- Jorolo.
- Jesusbet.
- RoQ.
- Kazafun.
- Metacortex.
- Core.
- Webosiris
- alvlin

[metacortex]

Qué lastima Seppo. Bueno, esperamos que de todas formas sigas el evento .

Con respecto a las reglas ¿Alguna observación que no se haya dicho antes?.

Saludos.

[kahlito]

Bueno aunque no tengo mucho tiempo me apunto, creo que me vendrá bien aprender muchas cosas que aún no se

- vites
- marioStudios
- KarQ
- jam (1138)
- Jorolo.
- Jesusbet.
- RoQ.
- Kazafun.
- Metacortex.
- Core.
- Webosiris
- alvlin
- kahlito

En cuanto a las normas y demás, las he leido y hay algunas cuestiones que aun no las tengo claras. En parte creo que se podria dar más un poco más de tiempo de inscripción y a la vez dejar las bases algo más estudiadas.

Buena iniciativa

[fullmental]

permisito que todavia es tiempo
- vites
- marioStudios
- KarQ
- jam (1138)
- Jorolo.
- Jesusbet.
- RoQ.
- Kazafun.
- Metacortex.
- Core.
- Webosiris
- alvlin
- kahlito
-fullmental

el concurso empezaría el día de mi cumple pero han cambiado la fecha!!! mejor!!!... en fin ya me cole a esto espero ver los trabajos de los demas.

por ciertno yo tambien puedo donar espacio en mi servidor para quien lo necesite, el espacio seria algo así:

http://css06.wdinamo.com/usuario

o el subdominio que mas convenga para promocionar el concurso.

saludos.