SlideShare una empresa de Scribd logo
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
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 :
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
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
Para cabecera y contenedor :
En propiedades de la pagina:
Cabíamos la estructura en la parte de código:
Para contenedor :
En Nueva regla css:
Con ctrl+j
En pie_pagina
En cabecera:
En menú:
Se borra lo seleccionado en la parte de codigo
En contenido:
En enlaces :
En alto y ancho poner 30
Editar vinculo:
Contenido:
Para titulo:
Paso de creacion de sitio web en dreamweaver

Más contenido relacionado

La actualidad más candente

Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
www.areatecnologia.com
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
Isaac Felipe Beltran Lopez
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
analia
 
Trabajando con kompozer
Trabajando con kompozerTrabajando con kompozer
Trabajando con kompozeraliciabarba04
 
html
html html
html
juanjo1412
 
Pagina web
Pagina webPagina web
Pagina web
sebastian12399
 
Partes de una web
Partes de una webPartes de una web
Partes de una web
omargerman
 
06 crear una página con las etiquetas de blogger
06 crear una página con las etiquetas de blogger06 crear una página con las etiquetas de blogger
06 crear una página con las etiquetas de bloggerEsteban Barbosa
 
Tutorial página web
Tutorial página webTutorial página web
Tutorial página web
Christian Carrera
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
Alejito Parrado
 

La actualidad más candente (19)

Estudiantes
EstudiantesEstudiantes
Estudiantes
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
Presentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwwwPresentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwww
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Trabajando con kompozer
Trabajando con kompozerTrabajando con kompozer
Trabajando con kompozer
 
Html5 y php5
Html5 y php5Html5 y php5
Html5 y php5
 
html
html html
html
 
Pagina web
Pagina webPagina web
Pagina web
 
Partes de una web
Partes de una webPartes de una web
Partes de una web
 
Kompozer
KompozerKompozer
Kompozer
 
Firefox2
Firefox2Firefox2
Firefox2
 
Producto 4
Producto 4Producto 4
Producto 4
 
06 crear una página con las etiquetas de blogger
06 crear una página con las etiquetas de blogger06 crear una página con las etiquetas de blogger
06 crear una página con las etiquetas de blogger
 
Primera web
Primera webPrimera web
Primera web
 
Gili
GiliGili
Gili
 
Blog
BlogBlog
Blog
 
Tutorial página web
Tutorial página webTutorial página web
Tutorial página web
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 

Destacado

Lp II clase01 - Desarrollo de software con RUP
Lp II   clase01 - Desarrollo de software con RUPLp II   clase01 - Desarrollo de software con RUP
Lp II clase01 - Desarrollo de software con RUP
AngelDX
 
Blogs y educacion
Blogs  y educacionBlogs  y educacion
Blogs y educacion
Thaly Jumbo
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webMIGUEL
 
Practica de power point final
Practica de power point finalPractica de power point final
Practica de power point finalteresa_gastelum
 
Lp II clase02 - Modelo Vista Controlador
Lp II   clase02 - Modelo Vista ControladorLp II   clase02 - Modelo Vista Controlador
Lp II clase02 - Modelo Vista Controlador
AngelDX
 
LP II clase05 - SCRUM
LP II clase05 - SCRUMLP II clase05 - SCRUM
LP II clase05 - SCRUM
AngelDX
 
Lp II clase03 - Entornos de Desarrollo
Lp II clase03 - Entornos de DesarrolloLp II clase03 - Entornos de Desarrollo
Lp II clase03 - Entornos de Desarrollo
AngelDX
 
“Hugo Chávez” y el Desarrollo de las TIC en Venezuela Software ...
              “Hugo Chávez” y el Desarrollo de las TIC en Venezuela Software ...              “Hugo Chávez” y el Desarrollo de las TIC en Venezuela Software ...
“Hugo Chávez” y el Desarrollo de las TIC en Venezuela Software ...
Juan Blanco
 
Recuperar datos de un formulario con php
Recuperar datos de un formulario con phpRecuperar datos de un formulario con php
Recuperar datos de un formulario con phpJesus Machicado Gomez
 

Destacado (14)

Libro diseno
Libro disenoLibro diseno
Libro diseno
 
Lp II clase01 - Desarrollo de software con RUP
Lp II   clase01 - Desarrollo de software con RUPLp II   clase01 - Desarrollo de software con RUP
Lp II clase01 - Desarrollo de software con RUP
 
FOTOS FLAMENCO
FOTOS FLAMENCOFOTOS FLAMENCO
FOTOS FLAMENCO
 
Blogs y educacion
Blogs  y educacionBlogs  y educacion
Blogs y educacion
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Postales de san salvador
Postales de san salvadorPostales de san salvador
Postales de san salvador
 
Practica de power point final
Practica de power point finalPractica de power point final
Practica de power point final
 
FORMAS
FORMASFORMAS
FORMAS
 
Lp II clase02 - Modelo Vista Controlador
Lp II   clase02 - Modelo Vista ControladorLp II   clase02 - Modelo Vista Controlador
Lp II clase02 - Modelo Vista Controlador
 
LP II clase05 - SCRUM
LP II clase05 - SCRUMLP II clase05 - SCRUM
LP II clase05 - SCRUM
 
Lp II clase03 - Entornos de Desarrollo
Lp II clase03 - Entornos de DesarrolloLp II clase03 - Entornos de Desarrollo
Lp II clase03 - Entornos de Desarrollo
 
Documentacion rup
Documentacion rupDocumentacion rup
Documentacion rup
 
“Hugo Chávez” y el Desarrollo de las TIC en Venezuela Software ...
              “Hugo Chávez” y el Desarrollo de las TIC en Venezuela Software ...              “Hugo Chávez” y el Desarrollo de las TIC en Venezuela Software ...
“Hugo Chávez” y el Desarrollo de las TIC en Venezuela Software ...
 
Recuperar datos de un formulario con php
Recuperar datos de un formulario con phpRecuperar datos de un formulario con php
Recuperar datos de un formulario con php
 

Similar a Paso de creacion de sitio web en dreamweaver

5 entrada con-imagen-texto-e-hipervinculo-1222453345896380-8
5 entrada con-imagen-texto-e-hipervinculo-1222453345896380-85 entrada con-imagen-texto-e-hipervinculo-1222453345896380-8
5 entrada con-imagen-texto-e-hipervinculo-1222453345896380-8Gabriela Vazquez
 
Como hacer un blog
Como hacer un blog Como hacer un blog
Como hacer un blog EstherCoe
 
Como hacer un blog
Como hacer un blog Como hacer un blog
Como hacer un blog liebro17
 
Como hacer un blog
Como hacer un blog Como hacer un blog
Como hacer un blog larablanca
 
2da unidad
2da unidad2da unidad
2da unidad
Yadira Mora
 
Kevin veloza ne final de año 901 html
Kevin veloza ne final de año 901 htmlKevin veloza ne final de año 901 html
Kevin veloza ne final de año 901 htmlVeloza Kevin
 
Presentacion
PresentacionPresentacion
Presentacion
javihernandez28
 
Trabajo práctico nro4 informatica [2012].
Trabajo práctico nro4  informatica [2012].Trabajo práctico nro4  informatica [2012].
Trabajo práctico nro4 informatica [2012].mattdamond
 
Como hacer un blog paco romero saiz
Como hacer un blog paco romero saizComo hacer un blog paco romero saiz
Como hacer un blog paco romero saiz
PACO ROMERO SAIZ
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
Daniel Plata
 
trabajo practico 4
trabajo practico 4trabajo practico 4
trabajo practico 4MPredovic
 

Similar a Paso de creacion de sitio web en dreamweaver (20)

5 entrada con-imagen-texto-e-hipervinculo-1222453345896380-8
5 entrada con-imagen-texto-e-hipervinculo-1222453345896380-85 entrada con-imagen-texto-e-hipervinculo-1222453345896380-8
5 entrada con-imagen-texto-e-hipervinculo-1222453345896380-8
 
Trabajo practico n4
Trabajo practico n4Trabajo practico n4
Trabajo practico n4
 
Trabajo practico n4
Trabajo practico n4Trabajo practico n4
Trabajo practico n4
 
Trabajo practico n4
Trabajo practico n4Trabajo practico n4
Trabajo practico n4
 
Como hacer un blog
Como hacer un blog Como hacer un blog
Como hacer un blog
 
Como hacer un blog
Como hacer un blog Como hacer un blog
Como hacer un blog
 
Como hacer un blog
Como hacer un blog Como hacer un blog
Como hacer un blog
 
Ss tp4
Ss tp4Ss tp4
Ss tp4
 
Cómo hacer un blog
Cómo hacer un blogCómo hacer un blog
Cómo hacer un blog
 
Como hacer un blog
Como hacer un blog Como hacer un blog
Como hacer un blog
 
2da unidad
2da unidad2da unidad
2da unidad
 
Kevin veloza ne final de año 901 html
Kevin veloza ne final de año 901 htmlKevin veloza ne final de año 901 html
Kevin veloza ne final de año 901 html
 
Presentacion
PresentacionPresentacion
Presentacion
 
Trabajo práctico nro4 informatica [2012].
Trabajo práctico nro4  informatica [2012].Trabajo práctico nro4  informatica [2012].
Trabajo práctico nro4 informatica [2012].
 
Como hacer un blog paco romero saiz
Como hacer un blog paco romero saizComo hacer un blog paco romero saiz
Como hacer un blog paco romero saiz
 
Como hacer un blog (1)
Como hacer un blog (1)Como hacer un blog (1)
Como hacer un blog (1)
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
trabajo practico 4
trabajo practico 4trabajo practico 4
trabajo practico 4
 
Como hacer un blog (1)
Como hacer un blog (1)Como hacer un blog (1)
Como hacer un blog (1)
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 

Último

Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
mcavero2019
 
estrategias de aprendizaje con ejemplos
estrategias de aprendizaje  con ejemplosestrategias de aprendizaje  con ejemplos
estrategias de aprendizaje con ejemplos
MarilinPaladines
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
bgonzalezm20
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
Fernando Tellado
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
LuisEnriqueCarboneDe
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
QuerubinOlayamedina
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
DarwinNestorArapaQui
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
Javier Lasa
 
ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
jesusmedina766305
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
Elizabeth Mejia
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
JosvilAngel
 
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_  conceptos b-sicos de programaci-n.pdfEstructuras b-sicas_  conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
edepjuanorozco
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
juanlemus11122
 

Último (13)

Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
 
estrategias de aprendizaje con ejemplos
estrategias de aprendizaje  con ejemplosestrategias de aprendizaje  con ejemplos
estrategias de aprendizaje con ejemplos
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
 
ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
 
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_  conceptos b-sicos de programaci-n.pdfEstructuras b-sicas_  conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
 

Paso de creacion de sitio web en dreamweaver

  • 1. 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
  • 2. 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 :
  • 3. 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 :
  • 4. Insertar/objeto de diseño/etiqueta div/en la parte id ponemos cabecera 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
  • 5. Para cabecera y contenedor : En propiedades de la pagina: Cabíamos la estructura en la parte de código:
  • 6. Para contenedor : En Nueva regla css:
  • 7.
  • 9.
  • 11.
  • 12. Se borra lo seleccionado en la parte de codigo
  • 14. En enlaces : En alto y ancho poner 30 Editar vinculo: Contenido: