paso de creacion de sitio web en dreamweaver

16
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.

Upload: katia-hinostroza

Post on 13-Jun-2015

142 views

Category:

Internet


2 download

TRANSCRIPT

Page 1: Paso de creacion de sitio web en dreamweaver

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

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

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

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

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

En Nueva regla css:

Page 7: Paso de creacion de sitio web en dreamweaver
Page 8: Paso de creacion de sitio web en dreamweaver

Con ctrl+j

En pie_pagina

Page 9: Paso de creacion de sitio web en dreamweaver

En cabecera:

Page 10: Paso de creacion de sitio web en dreamweaver

En menú:

Page 11: Paso de creacion de sitio web en dreamweaver
Page 12: Paso de creacion de sitio web en dreamweaver

Se borra lo seleccionado en la parte de codigo

En contenido:

Page 13: Paso de creacion de sitio web en dreamweaver

En enlaces :

En alto y ancho poner 30

Editar vinculo:

Page 14: Paso de creacion de sitio web en dreamweaver

Contenido:

Para titulo:

Page 15: Paso de creacion de sitio web en dreamweaver