Configuración
Requisitos
Antes de comenzar este tutorial, necesitas lo siguiente:
- Nociones básicas sobre HTML, CSS y JavaScript
- Conocimientos de los conceptos básicos de AMP (consulta el tutorial "Convertir HTML en AMP")
- Un navegador
- Un editor de texto
Configurar el entorno de desarrollo
Paso 1. Descarga el código
-
Descarga el código del tutorial, que está comprimido en un archivo ZIP, desde la siguiente URL: /static/files/tutorials/amp-pets-story.zip
-
Extrae el contenido del archivo ZIP. En el directorio amp-pets-story se encuentran los archivos de imagen, vídeo, audio y datos que usaremos para crear nuestra historia, con el archivo pets.html como punto de partida. La versión completa de la historia se puede encontrar en el archivo pets-completed.html.
Paso 2. Ejecuta la página de muestra
Para probar nuestra historia de muestra, se tiene que poder acceder a los archivos desde un servidor web. Hay varias formas de crear un servidor web local temporal en el que hacer pruebas. A continuación te mostramos algunas opciones; elige la que te vaya mejor:
Una vez que hayas configurado un servidor web local, echa un vistazo al aspecto que tendrá nuestra historia completa al terminar este tutorial accediendo a la siguiente URL:
http://localhost:8000/pets-completed.html
Asegúrate de que la URL se sirve desde "localhost"; de lo contrario, es posible que la historia AMP no se cargue correctamente y te encuentres errores, como "El elemento "source" debe empezar con "https://" o "//" o ser relativo y servirse desde https o desde localhost".
Haz clic en la historia completa para tener una idea de lo que crearemos.
-