Presentación

Esta página es la que se carga inicialmente, puede utilizarse para dar instrucciones a los usuarios, para hacer la presentación del contenido o puede obviarse configurándola para cargar el contenido automáticamente. En el caso de presentar el documento, se recomienda mostrar en esta página: una introducción al contenido que se encontrará en el documento, el objetivo que se espera lograr abordando el contenido, el tiempo aproximado (duración) que una persona debería dedicar a completar el documento.

Configuración

Esta página tiene los siguientes parámetros de configuración:

data-autoload="[true | false]": Para indicar si se carga el contenido automáticamente saltándose esta página o si se despliega la página y el contenido se abre desde el botón de inicio. Propiedad definida en el elemento body. Ejemplo:
```
    <body data-autoload="true">
```
data-display-window="[top | popup | modal]": Define la manera como se cargará el contenido, si en la misma página, como ventana modal (modal) o como ventana emergente (popup). Propiedad definida en el elemento body. Ejemplo:
```
   <body data-display-window="top">
```
data-window-width="[number]": Indica el ancho de la ventana emergente, en pixeles. Esta propiedad está disponible en el caso de que data-display-window se establezca a popup. Si se establece en 100 y data-window-height también se establece en 100, se tomará como el 100% de la pantalla lo que equivale aproximadamente a "pantalla completa". Propiedad definida en el elemento body. Ejemplo:
```
   <body data-display-window="popup" data-window-width="800">
```
data-window-height="[number]": Indica el alto de la ventana emergente, en pixeles. Esta propiedad está disponible en el caso de que data-display-window se establezca a popup. Si se establece en 100 y data-window-width también se establece en 100, se tomará como el 100% de la pantalla lo que equivale aproximadamente a "pantalla completa". Propiedad definida en el elemento body. Ejemplo:
```
   <body data-display-window="popup" data-window-height="600">
```

Personalización

Esta página inicial se puede personalizar principalmente mediante dos archivos:

index.html: Es el archivo donde se ingresa el contenido visible en la página, en HTML. Dentro del contenido se debe respetar el div marcado con el id play_scorm aunque su ubicación puede ser a discreción. En ese div es donde se incluye el botón para cargar el documento y donde se muestran algunos mensajes como el que indica si la página ha sido bloqueada por el bloqueador de popups, en caso de aplicar.
css/scormplayer.css: Contiene los estilos CSS que se aplican a esta página, los cuales definen su apariencia. Como estilos especiales se debe considerar: .ui-state-error y .ui-state-highlight los cuales son utilizados para marcar los mensajes automáticos, de error o notificación respectivamente, en caso de que aplique.

Nota: Cualquier imagen utilizada como contenido en ésta o en otra página debe ir en el directorio content/.