Download - Paso de creacion de sitio web en dreamweaver
![Page 1: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/1.jpg)
Ingresar a dreamweaver /poner clásico en la barra de herramientas
Sitio/nuevo sitio-poner el nombre del sitio web y localización de la carpeta que contiene el sitio web…en configuración avanzada se pone la carpeta que va a contener las imágenes.
Crear nuevo HTML
Empezamos a editar la estructura de la página web, el titulo.
Para la creación de index:
Nuevo/guardar como …en nombre poner index
![Page 2: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/2.jpg)
Comenzamos a poner formato a la pagina web y para insertar imágenes se pone insertar/imagen y importa de la carpeta imagen
Para crear el salto a inicio se selecciona el texto que se desea y se pone en vinculo inicio.html
Para hacer cambios en la pagina de color de fondo :
![Page 3: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/3.jpg)
Modificar/ propiedades de la pagina
Para creación de la pagina de inicio :
En archivo…en página en blanco/seleccionamos HTML/…en guardar como guardamos como inicio
Para crear la estructura de la pagina :
Insertar/objeto de diseño/etiqueta div/en la parte id ponemos cabecera
![Page 4: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/4.jpg)
En la barra de codigo despues de crear 6 etiquetas div se hacem las modificaciones:
Vista en diseño:
Para darle forma:
Hacemos clic al final de cabecera/Nueva regla CSS /ponemos cabecera/ definimos las reglas para cabecera
![Page 5: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/5.jpg)
Para cabecera y contenedor :
En propiedades de la pagina:
Cabíamos la estructura en la parte de código:
Para contenedor :
![Page 6: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/6.jpg)
En Nueva regla css:
![Page 7: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/7.jpg)
![Page 8: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/8.jpg)
Con ctrl+j
En pie_pagina
![Page 9: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/9.jpg)
En cabecera:
![Page 10: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/10.jpg)
En menú:
![Page 11: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/11.jpg)
![Page 12: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/12.jpg)
Se borra lo seleccionado en la parte de codigo
En contenido:
![Page 13: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/13.jpg)
En enlaces :
En alto y ancho poner 30
Editar vinculo:
![Page 14: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/14.jpg)
Contenido:
Para titulo:
![Page 15: Paso de creacion de sitio web en dreamweaver](https://reader037.vdocuments.co/reader037/viewer/2022102902/557b9823d8b42ac9248b460d/html5/thumbnails/15.jpg)