Guia 05 creacion de nuestra plantilla

Gu铆a 5 Maquetaci贸n y c贸nstrucci贸n de nuestra Plantilla PROYECTO VENTA DE LIBROS POR INTERNET 1. Ahora trabajaremos con nuestro programa Dreamweaver CS6

Ing. Godofredo Pocori Umeres

2. Abrir un nuevo documento HTML

1

4. Lo guardamos en el sitio que creamos

Ing. Godofredo Pocori Umeres

3. Esta nueva pagina lo guardamos como Template o plnatilla

2

5. Podemos observar que en el sitio aparece una nueva carpeta Template y dentro de ella nuestra plantilla.

7. Al primer div le llamaremos container serรก quien contenga a todos nuestros div (etiqueta roja)

Ing. Godofredo Pocori Umeres

6. S

3

8. Quedando de esta forma

Ing. Godofredo Pocori Umeres

9. Nos ubicamos dentro del div container y hacemos un enter para crear un nuevo div dentro de esta llamado header, de acuerdo a nuestra maqueta.

4

10. Luego nos ubicamos debajo de header para insertar nuestro div main

Ing. Godofredo Pocori Umeres

11. Insertamos el div left

5

13. Ahora entramos dentro de container2 para insertar dentro de esta el div content y el div right

Ing. Godofredo Pocori Umeres

12. S

6

Ing. Godofredo Pocori Umeres

14. S

7

16. Ejercicios propuestos: a. Crear la maqueta de su proyecto y mostrar al docente.

Ing. Godofredo Pocori Umeres

15. S

8