Foros del Web » Creando para Internet » CSS » Competencias CSS »

Competencia: Desafío en CSS + XHTML

Estas en el tema de Competencia: Desafío en CSS + XHTML en el foro de Competencias CSS en Foros del Web. Qué tal Hace unos días metacortex se entretuvo en capturar el texto que aparecía en MDW y lo pasó a un html simple. Para que ...

  #121 (permalink)  
Antiguo 16/01/2006, 09:13
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Qué tal

Hace unos días metacortex se entretuvo en capturar el texto que aparecía en MDW y lo pasó a un html simple. Para que coincidan los textos en todos los trabajos presentados al concurso usarán todos este mismo texto, cambiando los tags html como les parezca apropiado.

El archivo tiene unos mínimos tags para que sepan qué son links, qué son títulos etc. pero ustedes deberán re-etiquetar la información.

Dejo adjunto el archivo. Si tuvieran algún problema para descargarlo me lo dicen y pegaría aquí directamente el código fuente.

Por cierto, el tipo de archivo es txt dado que al intentar subirlo al servidor como html me lo rechazaba como tipo de archivo inválido, pero el contenido es html.

Da comienzo el concurso (bang!)
Archivos Adjuntos
Tipo de Archivo: txt texto_concurso_css.txt (11,8 KB (Kilobytes), 31 visitas)
  #122 (permalink)  
Antiguo 16/01/2006, 09:50
 
Fecha de Ingreso: julio-2005
Ubicación: Santiago de Compostela
Mensajes: 80
Antigüedad: 12 años, 5 meses
Puntos: 0
Bien, voy a empezar a jugar con él.
  #123 (permalink)  
Antiguo 16/01/2006, 09:58
 
Fecha de Ingreso: julio-2005
Ubicación: Santiago de Compostela
Mensajes: 80
Antigüedad: 12 años, 5 meses
Puntos: 0
Puedo usar mas de uno css?
  #124 (permalink)  
Antiguo 16/01/2006, 10:03
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Oops llego un poquito tarde (Sorry tunait). Aquí está el texto en html:

http://soloimpresos.com/css/

Saludos.



PD:

Lista definitiva:

◊ alvlin.
◊ Core.
◊ Elbrinner.
◊ fullmental.
◊ Hereje.
◊ jam1138.
◊ Jesusbet.
◊ Jorolo.
◊ kahlito.
◊ KarQ.
◊ Kazafun.
◊ marioStudios.
◊ metacortex.
◊ Mickel
◊ ramm
◊ RoQ.
◊ Sidreru.
◊ vites.
◊ Webosiris.



Si prefieren bajar el archivo hagan click en el adjunto:

Última edición por metacortex; 05/08/2006 a las 13:02
  #125 (permalink)  
Antiguo 16/01/2006, 11:01
Avatar de ramm  
Fecha de Ingreso: junio-2004
Ubicación: Guadalajara
Mensajes: 207
Antigüedad: 13 años, 5 meses
Puntos: 0
Err...., falto la seccion de tutoriales en el texto, se le puede agregar libremente?
  #126 (permalink)  
Antiguo 16/01/2006, 11:54
 
Fecha de Ingreso: julio-2005
Ubicación: Santiago de Compostela
Mensajes: 80
Antigüedad: 12 años, 5 meses
Puntos: 0
El formulario tiene que esta validado por el estandar 508?
  #127 (permalink)  
Antiguo 16/01/2006, 12:00
Avatar de fullmental  
Fecha de Ingreso: octubre-2004
Ubicación: México DF, Xochimilco
Mensajes: 593
Antigüedad: 13 años, 1 mes
Puntos: 3
Empezamos....

aqui dejo un espacio para quien quiera participar y no tenga donde publicar su trabajo...

http://css06.wdinamo.com/
  #128 (permalink)  
Antiguo 16/01/2006, 12:07
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 15 años, 8 meses
Puntos: 3
tengo que aplicar estilos al html o puedo editar el HTML para mejorarlo??
  #129 (permalink)  
Antiguo 16/01/2006, 12:37
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.625
Antigüedad: 12 años, 1 mes
Puntos: 211
Esta comentado todo el texto (parece más facil), pense que era solo texo plano y desde ahí, haber que me sale!!!jejejeje
__________________
Diseño Gráfico Digital - Fotomontajes - marioStudios
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!
  #130 (permalink)  
Antiguo 16/01/2006, 13:19
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 2 meses
Puntos: 1
Hola a todos.

Cita:
Iniciado por Alvlin
¡Que gane el mejor!
Yo añadiría que estamos ganando todos. Yo por lo menos un montón de amigos.


Cita:
Iniciado por Elbrinner
El formulario tiene que esta validado por el estandar 508?
1- el 508 no es un estándar es una ley estadounidense.
Los estándares aquí.

Un faq ideal como primera lectura

Cita:
Puedo usar mas de uno css?
No se me ocurre ningún motivo para contestar que no.


Cita:
Iniciado por Core
tengo que aplicar estilos al html o puedo editar el HTML para mejorarlo??
tunait ha dicho:
"El archivo tiene unos mínimos tags para que sepan qué son links, qué son títulos etc. pero ustedes deberán re-etiquetar la información."

Última edición por Jorolo; 16/01/2006 a las 13:40
  #131 (permalink)  
Antiguo 16/01/2006, 17:19
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
esperemos que el tándem Bluefish-Opera me de suerte

Saludos a todos.
Y tienes razón, Jorolo, con este tipo de competencias ganamos todos, ya que todos mostramos nuestros "secretos"
  #132 (permalink)  
Antiguo 16/01/2006, 17:31
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 2 meses
Puntos: 1
Hola

Cita:
Iniciado por alvlin
esperemos que el tándem Bluefish-Opera me de suerte
Ya tenemos uno que apuesta por Opera...

Esta es la otra competición, ¿cuál será el navegador 'ganador'?
  #133 (permalink)  
Antiguo 16/01/2006, 17:33
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 8 meses
Puntos: 0
Editplus 2 cargado y listo... pero ya me voy asi que mañana empezare
Cita:
Iniciado por Jorolo
Esta es la otra competición, ¿cuál será el navegador 'ganador'?
buena pregunta...
  #134 (permalink)  
Antiguo 16/01/2006, 17:35
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
la verdad es que uso Opera desde la época de las versiones 5.x
Me parece, sin exageración, el mejor de todos,por 2 motivos:
1.- es liviano (corre sin problemas en mi celeron 600 - 64 MB RAM y corría sin problemas en un MMX 233 - 32 MB RAM)
2.- las mejores características de los navegadores actuales las incorporó Opera primero.

Así que por supuesto que mi Slackware 10 tiene a Opera como preferido

Saludos.
  #135 (permalink)  
Antiguo 16/01/2006, 18:24
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
1ª Competencia CSS + HTML
Texto corregido y actualizado


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 (entre otros). Existe variedad de formatos libres a escoger.

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

f) Las distintas partes, bloques o secciones de la página deben estar debidamente comentadas en el código.

g) 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.

h) La resolución de cualquier conflicto del competidor con estas reglas corresponde al juez del partido, siendo su decisión de carácter inapelable.


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



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 16 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, fullmental o metacortex.

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 al juez del partido.


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



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:

Cita:
Web de Pepe:
  • Conjugación armónica de CSS + XHTML = Core
  • Accesibilidad de la web (Incluye peso del index con sus archivos) = marioStudios
  • Contenido semántico y comentario de códigos = 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 */
  #136 (permalink)  
Antiguo 16/01/2006, 18:30
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
jeje, texto corregido pero el segundo elemento de la primer lista sigue poniendo "XTML"
  #137 (permalink)  
Antiguo 16/01/2006, 18:40
Avatar de fullmental  
Fecha de Ingreso: octubre-2004
Ubicación: México DF, Xochimilco
Mensajes: 593
Antigüedad: 13 años, 1 mes
Puntos: 3
Cita:
Iniciado por RoQ
Editplus 2 cargado y listo... pero ya me voy asi que mañana empezare

buena pregunta...
hey aqui tambien trabajamos con Editplus es bueno en verdad...
  #138 (permalink)  
Antiguo 16/01/2006, 18:51
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
para mi que mi bluefish + firefox va a ser el gandaor

2 preguntas: ¿no se puede modificar ni un poquito el texto dado? Me refiero, pro ejemplo a los botones de validación, poner unos más chicos... y la otra.. ¿la encuesta (Quién de estos personajes te cae mejor) tiene que ser funcional?

Dicho esto.. ¡qué ganemos todos!


PD: acuerdense que tengo hosting para ofrecer para quien no tenga...
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #139 (permalink)  
Antiguo 16/01/2006, 19:11
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
una "batalla" de navegadores sería tonta, ¿por qué cualidades clasificarlos?
Recordemos que solamente Konqueror, Safari (y otro que ahora no me acuerdo) pasan el Acid2, por lo que de entrada deberían ser ganadores, no?

Por otro lado, editores: creo que Dreamweaver le pasa el trapo a Bluefish.
Y también a NVU.
Ninguno de los dos tiene el desarrollo suficiente, a pesar de que a mí me gusta el código y bluefish me parece perfecto para MIS necesidades (mejor que el dreamweaver incluso).
Pero no cabe duda de que Dreamweaver, por su desarrollo, es el mejor editor HTML y WYSIWYG que existe actualmente.

Y más si consideramos la integración con la suite de Macromedia....

Por supuesto que cualquiera que pueda manejar bluefish + gimp puede lograr lo mismo, pero de todas formas en este sentido Macromedia ha hecho un buen trabajo.
Y lo digo como fanático del sw libre, y como usuario de Linux.

AUNQUE, y esto es importante, en esta "competencia" no sirvan de nada muchas de las características que estos programas incluyen.
Claro que esto no debe ser una discusión, no se tomen muy en serio lo que digo.

He dicho.
Saludos.
  #140 (permalink)  
Antiguo 16/01/2006, 20:10
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Sólo recién hoy Lunes 16 me he enterado de esta competencia... ¿pueden hacer una excepción y agregarme a la lista? :D :D :D

En Camaleón CSS estoy participando con 2 trabajos:

http://www.camaleoncss.com/15/p1/camaleon.html
http://www.camaleoncss.com/31/p1/camaleon.html

¿Puedo participar? ¿sí? ¿sí?
__________________
El conocimiento es libre: Movimiento por la Devolución
  #141 (permalink)  
Antiguo 16/01/2006, 20:20
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.625
Antigüedad: 12 años, 1 mes
Puntos: 211
IE, FF y Opera

Pues yo acabo de bajar FF y Opera, para ver si puedo hacer que se vean (cuando menos legiblemente) en todos estos!!!
Encuanto al Texto dado, pues yo lo voy a hacer pedazos como rompecabezas por que así no me gusta mucho (respetare el texto pero los bloques de contenido NOOOOO)!!!jejeje.
Suerte a Todos
__________________
Diseño Gráfico Digital - Fotomontajes - marioStudios
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!
  #142 (permalink)  
Antiguo 16/01/2006, 22:37
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Cita:
Iniciado por webosiris
¿no se puede modificar ni un poquito el texto dado? Me refiero, pro ejemplo a los botones de validación, poner unos más chicos...
Creo que no habría problema en cambiar los botones de validación, con tal el público los identifique visualmente como tales de forma inmediata. Por ejemplo aquí hay unos más pequeños:


Con respecto al texto, se le puede cambiar el tipo, color, etc. como se desee, pero el contenido debe mantenerse íntegro.


Cita:
Iniciado por webosiris
y la otra.. ¿la encuesta (Quién de estos personajes te cae mejor) tiene que ser funcional?
Nada de eso . De hecho en el mismo html dice:

Cita:
//*** No es necesario implementar la función en los formularios ni zonas dinámicas. Con el simple campo basta.
Hacer funcionar una encuesta implicaría la implementación de una BD, aspecto que no vale en la calificación. No creo que quieras meterte en esas aguas jejeje.

Cita:
Iniciado por webosiris
PD: acuerdense que tengo hosting para ofrecer para quien no tenga...
Seguro recibiremos las peticiones en los últimos días. Creo que algunos mantendrán su "gallo de pelea" tapado hasta el final.

Saludos.
  #143 (permalink)  
Antiguo 16/01/2006, 22:42
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Aquí dejo un par de extensiones que me están aliviando la vida:

OperaView: Ver página actual en Opera.

IE View: Ver página actual en IE.

Ambas se agregan al menú del botón derecho.
  #144 (permalink)  
Antiguo 16/01/2006, 23:44
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
Cita:
Iniciado por metacortex
IE View: Ver página actual en IE.
nota: funciona solo en windows
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #145 (permalink)  
Antiguo 17/01/2006, 01:13
Avatar de jorpcolombia  
Fecha de Ingreso: junio-2005
Ubicación: Bogotá
Mensajes: 105
Antigüedad: 12 años, 5 meses
Puntos: 0
m...no puedo inscribirme yo? ashh...por andar de vacaciones me voy a perder este concurso :S :P

Pues la verdad no se me haría mal que aceptaran más personas en la lista de participantes, no atenta contra las reglas del juego, como sí lo haría aceptar trabajos después de la fecha pactada...

Estaré pendiente para ver su respuesta...

Suerte!
__________________
:pensando:¡No a lo inaccesible! ¡Sí a lo simple!:pensando
  #146 (permalink)  
Antiguo 17/01/2006, 10:18
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Frijolerou y jorpcolombia: Gracias por su voluntad, pero lamentablemente la competencia arrancó ayer y la anotaciones cerraron. De hecho habían cerrado el viernes y se extendió el plazo hasta el domingo. Pero aún así pueden participar como espectadores o votantes; además luego de esta competencia vendrá otra similar. Estén pendientes

Saludos.
  #147 (permalink)  
Antiguo 17/01/2006, 11:20
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.625
Antigüedad: 12 años, 1 mes
Puntos: 211
Tengo una duda, tengo el contenido integro pero, ¿tambien se refiere a la posición del contenido dentro del documento'; ¿es decir no puedo mover la zona de editoriales a otro lado y viceversa con los demas contenidos?
__________________
Diseño Gráfico Digital - Fotomontajes - marioStudios
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!
  #148 (permalink)  
Antiguo 17/01/2006, 11:23
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Cita:
Iniciado por marioStudios
Tengo una duda, tengo el contenido integro pero, ¿tambien se refiere a la posición del contenido dentro del documento'; ¿es decir no puedo mover la zona de editoriales a otro lado y viceversa con los demas contenidos?
Sí marioStudios. Puedes gestionar libremente la disposición de los contenidos sin otro límite que tu creatividad.

Saludos.
  #149 (permalink)  
Antiguo 17/01/2006, 11:31
 
Fecha de Ingreso: junio-2005
Mensajes: 131
Antigüedad: 12 años, 5 meses
Puntos: 0
Aprovechando la ronda de preguntas...hay una seccion en el texto la competicion que trae "Secciones Editoriales".ese texto no esta en la pagina original y,de incluirlo,seria repetir el contenido de "que buscas?".hay que incluirlo de todas maneras?o es a elegir uno u otro?

Saludos
  #150 (permalink)  
Antiguo 17/01/2006, 11:31
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.625
Antigüedad: 12 años, 1 mes
Puntos: 211
MUUUUUCHAAASSSSS GRAAACIAASS metacortex!!!, espero lo pueda terminar a tiempo, me lo quiero pensar MUY bien por que es un Buen Reto!!!
Saludos.
__________________
Diseño Gráfico Digital - Fotomontajes - marioStudios
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 01:55.