![Page 1: johajd24.files.wordpress.com€¦ · Web viewColocamos en Archivo, Nuevo, Página de plantilla y en sitio seleccionamos donde está el nombre de nuestro sitio y la plantilla que](https://reader033.vdocuments.pub/reader033/viewer/2022052020/6034b9a9dacf170452456e69/html5/thumbnails/1.jpg)
MAQUETACIÓN DE LA PAGINA LI MUSIK1. Abrimos Dreamweaver, seleccionamos HTML
2. Creamos un nuevo sitio
3. Seleccionamos la carpeta para nuestro sitio y le ponemos un nombre.
![Page 2: johajd24.files.wordpress.com€¦ · Web viewColocamos en Archivo, Nuevo, Página de plantilla y en sitio seleccionamos donde está el nombre de nuestro sitio y la plantilla que](https://reader033.vdocuments.pub/reader033/viewer/2022052020/6034b9a9dacf170452456e69/html5/thumbnails/2.jpg)
4. Seleccionamos (NUEVO) y guardamos como plantilla
5. Elegimos nuestro sitio, le damos un nombre y guardamos la plantilla
![Page 3: johajd24.files.wordpress.com€¦ · Web viewColocamos en Archivo, Nuevo, Página de plantilla y en sitio seleccionamos donde está el nombre de nuestro sitio y la plantilla que](https://reader033.vdocuments.pub/reader033/viewer/2022052020/6034b9a9dacf170452456e69/html5/thumbnails/3.jpg)
6. En la opción modificar elegimos la opción propiedades de la pagina
7. En apariencia en cada valor de los márgenes
colocamos en 0 para q el cursor de la hoja este en el filo de la misma.
![Page 4: johajd24.files.wordpress.com€¦ · Web viewColocamos en Archivo, Nuevo, Página de plantilla y en sitio seleccionamos donde está el nombre de nuestro sitio y la plantilla que](https://reader033.vdocuments.pub/reader033/viewer/2022052020/6034b9a9dacf170452456e69/html5/thumbnails/4.jpg)
8. Colocamos en Archivo, Nuevo colocamos en pagina en blanco señalamos en CSS y creamos nuestra hoja de estilo
9. Guardamos en nuestra carpeta CSS con el nombre de
estilo principal.
![Page 5: johajd24.files.wordpress.com€¦ · Web viewColocamos en Archivo, Nuevo, Página de plantilla y en sitio seleccionamos donde está el nombre de nuestro sitio y la plantilla que](https://reader033.vdocuments.pub/reader033/viewer/2022052020/6034b9a9dacf170452456e69/html5/thumbnails/5.jpg)
10.En la opción de estilos CSS adjuntamos nuestra hoja de estilos.
11.Vinculamos nuestra hoja de estilos
![Page 6: johajd24.files.wordpress.com€¦ · Web viewColocamos en Archivo, Nuevo, Página de plantilla y en sitio seleccionamos donde está el nombre de nuestro sitio y la plantilla que](https://reader033.vdocuments.pub/reader033/viewer/2022052020/6034b9a9dacf170452456e69/html5/thumbnails/6.jpg)
12.Guardamos todo
13.Colocamos en Archivo, Nuevo, Página de plantilla y en sitio seleccionamos donde está el nombre de nuestro
![Page 7: johajd24.files.wordpress.com€¦ · Web viewColocamos en Archivo, Nuevo, Página de plantilla y en sitio seleccionamos donde está el nombre de nuestro sitio y la plantilla que](https://reader033.vdocuments.pub/reader033/viewer/2022052020/6034b9a9dacf170452456e69/html5/thumbnails/7.jpg)
sitio y la plantilla que ya creamos anteriormente y colocamos en crear.
14.Guardamos como index.html
![Page 8: johajd24.files.wordpress.com€¦ · Web viewColocamos en Archivo, Nuevo, Página de plantilla y en sitio seleccionamos donde está el nombre de nuestro sitio y la plantilla que](https://reader033.vdocuments.pub/reader033/viewer/2022052020/6034b9a9dacf170452456e69/html5/thumbnails/8.jpg)
15.En la opcion Insertar colocamos en objeto de diseño, colacamos una etiqueta Div y le pones el nombre de la parte de la pagina en este caso encabezado.
![Page 9: johajd24.files.wordpress.com€¦ · Web viewColocamos en Archivo, Nuevo, Página de plantilla y en sitio seleccionamos donde está el nombre de nuestro sitio y la plantilla que](https://reader033.vdocuments.pub/reader033/viewer/2022052020/6034b9a9dacf170452456e69/html5/thumbnails/9.jpg)
16.En la opcion Insertar colocamos en objeto de diseño,
colacamos una etiqueta Div y le pones el nombre de la parte de la pagina en este caso cuerpo.
17.En la opcion Insertar colocamos en objeto de diseño, colacamos una etiqueta Div y le pones el nombre de la parte de la pagina en este caso contenido.
![Page 10: johajd24.files.wordpress.com€¦ · Web viewColocamos en Archivo, Nuevo, Página de plantilla y en sitio seleccionamos donde está el nombre de nuestro sitio y la plantilla que](https://reader033.vdocuments.pub/reader033/viewer/2022052020/6034b9a9dacf170452456e69/html5/thumbnails/10.jpg)
18.En la opcion Insertar colocamos en objeto de diseño,
colacamos una etiqueta Div y le pones el nombre de la parte de la pagina en este caso pie de pagina.
19. Dentro del Div de encabezado colacomos el Div nombre de la empresa
![Page 11: johajd24.files.wordpress.com€¦ · Web viewColocamos en Archivo, Nuevo, Página de plantilla y en sitio seleccionamos donde está el nombre de nuestro sitio y la plantilla que](https://reader033.vdocuments.pub/reader033/viewer/2022052020/6034b9a9dacf170452456e69/html5/thumbnails/11.jpg)
20. Dentro del Div de encabezado colacomos el Div logo
de la empresa