SlideShare una empresa de Scribd logo
1 de 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.
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:
Crear sitio web Dreamweaver paso a paso

Más contenido relacionado

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 RUPAngelDX
 
Blogs y educacion
Blogs  y educacionBlogs  y educacion
Blogs y educacionThaly 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 ControladorAngelDX
 
LP II clase05 - SCRUM
LP II clase05 - SCRUMLP II clase05 - SCRUM
LP II clase05 - SCRUMAngelDX
 
Lp II clase03 - Entornos de Desarrollo
Lp II clase03 - Entornos de DesarrolloLp II clase03 - Entornos de Desarrollo
Lp II clase03 - Entornos de DesarrolloAngelDX
 
“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 Crear sitio web Dreamweaver paso a paso

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
 
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
 
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 saizPACO ROMERO SAIZ
 
trabajo practico 4
trabajo practico 4trabajo practico 4
trabajo practico 4MPredovic
 

Similar a Crear sitio web Dreamweaver paso a paso (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)
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 

Último

NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 

Último (6)

NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 

Crear sitio web Dreamweaver paso a paso

  • 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: