Repitiendo Regiones (2)

En la lección pasada, vimo como poder añadir una región repetida a una plantilla.

En ésta lección, voy a explicar como podemos añadir varios elementos a una nueva página que está vinculada a ésta plantilla.

He visto como poder adjuntar una plantilla a una nueva página en la Lección 47.
En éste ejemplo voy a mostrar como puede ser diferente.

En el panel “Archivos”, selecciona la pestaña “Activos” en el menu de la parte izquierda, haz click en el botón “Plantillas”.
Esto da una lista de todas las plantillas que habíamos hecho.

Haz click derecho a la plantilla “productos” y selecciona “Nueva desde Plantilla” en el menu desplegable.

Esto nos da una nueva página la cual es proveída con la plantilla “productos”.
Lo guardo bajo el nombre newcatalog.html

Como puedes ver en la imagen de abajo, tenemos poco botones a un lado de la región repetida de la parte de arriba. Tenemos un signo + y – y tenemos una flecha que apunta hacia abajo y hacia arriba.
El signo + es para añadir renglones (por ejemplo productos).
El signo – es usado para eliminar renglones de las tablas.
Con la tecla de flechas podemos cambiar el orden de los renglones (por ejemplo productos).

Bueno, vamos añadir varios productos.
En varias “regiones editables”, título de producto, precio de producto y descripción de producto, escribimos detalles del producto.
El fotógrafo en este caso es correcta, entonces hago click en el signo menos y añado un producto más.

Para el siguiente producto, escribo otra vez en varias “areas editables”, pero aquí, debemos ajustar la foto.
Primero, selecciona la imagen, después haz click en el botón “buscar archivo” en la ventana de propiedades. Navega y seleciona la imagen relevante al producto y haz click en el botón Aceptar.

Esto cambia la imagen.

Una vez que todos los elementos son insertados, puedes ver el resultado en el Navegador.

Además de ésto, antes de mirar el resultado en el Navegador, tengo un cambio ligero en el diseño de la plantilla “producto”. El renglón de arriba es ligeramente más oscuro y los precios están alineados a la derecha.
En la siguiente lección, veremos que podemos hacer acerca de las páginas que están vinculados a la plantilla “productos”, pero no ha sido modificado para desplegar productos.

¡Atención!
No olvides ajustar desplegar “Catálogo” en la barra de navegación para ésta nueva página. Si miro en la imagen de arriba, la tengo aparentemente olvidada.
Si no sabes como hacer esto, lee la lección 49 otra vez.

Cursos

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats