Introducción a WebIDE

1. El mejor widget del mundo — WebIDE

La práctica lo es todo. Para que te resulte más interesante aprender HTML, te daremos un par de ejercicios con cada clase. Así es más fácil recordar el material leído. Y en solo unos minutos obtendrás tu primer ejercicio.

Para que te sea cómodo resolver los ejercicios, hemos creado para ti un widget especial — WebIDE. Se ve así:

A la izquierda ves la condición del ejercicio y la lista de requerimientos que debe cumplir tu solución. En el centro — el editor donde escribirás la solución. El panel inferior muestra el resultado — tu página en una ventana separada.

2. Comandos principales

En la parte superior puedes ver los botones:

• Revisar: enviar tu solución para las pruebas.
• Ejecutar: ejecutar el programa sin enviar para revisión (no aumenta el contador de revisiones).
• Solución — un menú desplegable que incluye:
  • Solución correcta: mostrar la solución oficial del ejercicio.
  • Volver a mi código: regresar a tu código después de ver la solución correcta.
  • Reiniciar solución: reiniciar la solución del ejercicio — comenzar de cero.
• Ayuda — hacer una pregunta sobre tu solución en la comunidad de CodeGym.
• Discusión: discutir el ejercicio con otros usuarios.
• Análisis de código: recibir sugerencias sobre el estilo de tu código.

3. Qué botones presionar

Después de escribir el programa (la solución al ejercicio), tienes que presionar el botón «Revisar». Este enviará el programa al servidor de CodeGym, donde se ejecutará y será automáticamente revisado.

Si no logras escribir la solución, usa una pista (no te golpees la cabeza contra la pared). En el menú «Ayuda» presiona el botón «Pista». También puedes ver la solución correcta presionando el botón «Solución correcta».

¿Listo? Entonces aquí tienes tu primer ejercicio: