Guia 05 creacion de nuestra plantilla

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.