For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navegación principal
Codex

Codex use case

Crea un sitio web estudiantil

Convierte una idea y el material de referencia en una primera versión probada.

Difficulty Intermedio
Time horizon 1 h

Usa Sites para definir el alcance, crear y probar un sitio web sencillo a partir del contenido de un proyecto estudiantil, las preferencias de diseño, los requisitos de accesibilidad y los criterios de éxito; luego, prepáralo para su revisión antes de publicarlo.

Ideal para

  • Estudiantes que quieren convertir una idea para un club, un portafolio, una clase o una comunidad en un sitio funcional.
  • Proyectos que ya cuentan con contenido, ejemplos y requisitos de accesibilidad.
  • Primeras versiones que requieren probar las interacciones y contar con una lista de verificación para la revisión.

Contents

    ← Todos los casos de uso

    Crea un sitio web estudiantil

    Convierte una idea y el material de referencia en una primera versión probada.

    Usa Sites para definir el alcance, crear y probar un sitio web sencillo a partir del contenido de un proyecto estudiantil, las preferencias de diseño, los requisitos de accesibilidad y los criterios de éxito; luego, prepáralo para su revisión antes de publicarlo.

    Intermedio
    1 h

    Usa Sites para definir el alcance, crear y probar un sitio web sencillo a partir del contenido de un proyecto estudiantil, las preferencias de diseño, los requisitos de accesibilidad y los criterios de éxito; luego, prepáralo para su revisión antes de publicarlo.

    Intermedio
    1 h

    Ideal para

    • Estudiantes que quieren convertir una idea para un club, un portafolio, una clase o una comunidad en un sitio funcional.
    • Proyectos que ya cuentan con contenido, ejemplos y requisitos de accesibilidad.
    • Primeras versiones que requieren probar las interacciones y contar con una lista de verificación para la revisión.

    Habilidades y complementos

    • Sites
      Crea, previsualiza, prueba y publica el sitio web de un proyecto estudiantil.
    Skill Why use it
    Sites Crea, previsualiza, prueba y publica el sitio web de un proyecto estudiantil.

    Prompt inicial

    Usa @sites para crear un sitio web sencillo y funcional para [project and audience]. Usa el contenido, los datos, las imágenes, los ejemplos, las preferencias de diseño, los requisitos de accesibilidad y los criterios de éxito de esta carpeta. Comienza con una breve definición del alcance y un plan de desarrollo. Luego: - crea una primera versión enfocada - prueba la navegación y las interacciones principales - verifica el diseño responsivo y la accesibilidad - enumera el contenido o las decisiones pendientes - prepara una lista de verificación para la publicación Muéstrame la versión revisada antes de publicarla o compartirla.
    Usa @sites para crear un sitio web sencillo y funcional para [project and audience]. Usa el contenido, los datos, las imágenes, los ejemplos, las preferencias de diseño, los requisitos de accesibilidad y los criterios de éxito de esta carpeta. Comienza con una breve definición del alcance y un plan de desarrollo. Luego: - crea una primera versión enfocada - prueba la navegación y las interacciones principales - verifica el diseño responsivo y la accesibilidad - enumera el contenido o las decisiones pendientes - prepara una lista de verificación para la publicación Muéstrame la versión revisada antes de publicarla o compartirla.

    Definir el alcance de una primera versión útil

    Comienza por el público, la tarea principal que el sitio debe facilitar y el material de referencia que ya tienes. Agrega ejemplos, preferencias de diseño, requisitos de accesibilidad y criterios de éxito claros.

    Mantén el alcance inicial lo suficientemente acotado como para desarrollar y probar el sitio en una sola iteración.

    Crear e inspeccionar el sitio

    Usa el prompt inicial de Sites para:

    • organizar el contenido proporcionado
    • establecer una estructura de información sencilla
    • crear las páginas y las interacciones principales
    • usar diseños responsivos
    • verificar el acceso mediante teclado, las etiquetas y el contraste
    • probar el recorrido principal con contenido representativo

    Revisa la vista previa local antes de publicar el sitio. Verifica que el texto, las imágenes, los enlaces, los formularios y los datos provengan de fuentes aprobadas.

    Preparar el sitio para compartirlo

    Pídele a ChatGPT una lista de verificación para la publicación que abarque el contenido faltante, los permisos, la privacidad, la accesibilidad y las pruebas finales. Si el sitio permite enviar información, confirma adónde se dirigen los datos y quién puede acceder a ellos.

    Publica solo después de que la persona responsable del proyecto o el docente correspondiente apruebe la versión revisada.

    Casos de uso relacionados