Repitiendo Regiones (1)

Cuando re-introduces la misma información en una página, sería interesante usar éstas regiones repetidas.
Por ejemplo, cuando creamos un catálogo para todos los productos, necesitas introducir datos repetitivos como una foto, precio y una descripción para cada prdocuto.
Para cada uno de los productos tenemos que introducir renglones y una tabla, no importa, se necesita en cualquier caso repetir operaciones.
Para esto, Dreamweaver tiene una solución.
“Repitiendo Regiones”.

Para añadir una “Región Repetida” a nuestra plantilla, claramente debemos abrirla primero.
Para éste ejemplo he creado una segunda plantilla “product.dwt”.
Esta plantilla ya es usado para cada uno de mis productos y ahora también lo voy a usar para un catálogo de varios de mis productos.

Con la plantilla abierta, colocamos el cursor sobre una región existente editable.
Abro una página previamente creada “catalog.html”, selecciona la tabla con mis productos, copia y pégala en la plantilla.
Hago ésto sólo porque, como sabes, no me gusta trabajar y de seguro tampoco escribir.

Bueno, ésto coloca la tabla encima de la región editable “contenido”.
Para ésta table, no necesito algo más, sólo los primeros dos renglones con el nombre de producto, precio, foto y descripción.
Entonces los selecciono a todos los renglones subrayados y hago click en la tecla Eliminar.
Después tengo ésto:
Una tabla con dos renglones y dos columnas.

Selecciona la tabla, haz click en el botón “Insertar” en la barra de menu, escoge “Objetos Plantilla” y haz click en “Regiones Repetidas”.

En la ventana de diálogo “Nueva Región Repetida”, das un nombre como “tabla producto”.
Haz click en el botón Aceptar.
Esto coloca una marca por encima de la tabla que enfatiza la región repetida.

Después tenemos cuatro campos editables añadidos a la región repetida.
Una para la imagen, una para el título, una para el precio y una para la descripción.
Voy a empezar con la foto.
Selecciona la imagen y haz click en la barra de menu “Insertar”, escoge “Plantilla de Objetos” y haz click en “Regiones Editables”.

En la caja de diálogo, da a la región editable un nombre apropiado y haz click en el botón Aceptar.

Esto coloca una marca encima del área editable. Si no te has dado cuenta, lo cual lo dudo, esta bandera despliega el nombre que hemos introducido.

Repite esto para cada una de las celdas que queramos hacer campos editables.
Para esto, selecciona el texto en la celda, haz click en el botón eliminar de tu teclado, removemos el texto que no se necesita, haz click en la barra de menu “Insertar”, escoge “Objetos Plantilla”, haz click en “Región Editable” y da al área un nombre apropiado.
Escojo “título del producto”, “precio del producto” y “descripción del producto”.

Guarda la plantilla y continuamos con la siguiente lección.

Cursos

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