johajd24.files.wordpress.com€¦  · web viewcolocamos en archivo, nuevo, página de plantilla y...

12
MAQUETACIÓN DE LA PAGINA LI MUSIK 1. Abrimos Dreamweaver, seleccionamos HTML 2. Creamos un nuevo sitio

Upload: others

Post on 07-Oct-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

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

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

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

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

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

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

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

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

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

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

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

20. Dentro del Div de encabezado colacomos el Div logo

de la empresa