SlideShare una empresa de Scribd logo
1 de 10
Pasos para crear un sitio Web 
1. Definir el objetivo 
Es el primer paso de la creación de un 
sitio Web, se debe determinar 
exactamente por qué quieres crear una 
página y cuál será su uso.
2. Determinar la estructura del sitio 
Una vez que sabes lo que quieres hacer, es buena idea 
decidir qué es lo que incluirá esta página. Haz una lista 
de todas las cosas que quieres incluir. Determina 
cómo ellos se integrarán en la página. Prepara un 
mapa estructural del sitio Web como el de abajo para 
ayudarte a visualizar la estructura del sitio. 
Mi página principal 
Acerca de nosotros Próximo eventos Inform. de servicios Inform. contactos Hipervínculos
3. Decide la apariencia de la página 
Esta etapa es importante en la planeación en un sitio Web. 
Está bien tener una mirada firme en todas las partes del 
sitio. Si tu negocio, organización o propuesta ya tiene 
logotipos y colores que son usados en el papel , etc. Los 
puedes usar en el diseño del sitio. Haz el diseño y el 
diagrama de la ubicación de los objetos de la página hasta 
que tengas algo que te guste, por ejemplo: 
Link 
Logo y 
Título 
Link 
Gif 
Imagen 
Texto 
Patroci-nador 
Imagen como 
fondo
4. Considera el diseño 
Antes de comenzar a crear documentos HTML tienes que 
considerar varios aspectos. Algunos de éstos son: 
• Tomar en cuenta que tipos de visitante vas a tener y 
que tu página sea compatible con diferentes tipos de 
navegadores. 
• La excelente pagina que has pasado horas diseñando 
puede tomar tiempo en descargarse. Si esto es el caso, 
muchos invitados no esperarán hasta que termine la 
descarga e irán a otra parte. 
• Hacerla fácil para el público para que pueda 
desplazarse de una área del sitio a otra. 
• Trata de encontrar equilibrio entre un sitio web 
aburrido y un sitio Web excesivo.
5. Escoge el editor 
Se puede utilizar un editor de Windows: bloc 
de notas o word padun sitioWeb excesivo.
6. Busca y junta los objetos 
Imágenes, logos, animaciones, sonidos, 
películas, etc. Que vas a utilizar en tu página 
Web.
7. Crea el codigo 
Crea el código para cada objeto y guárdalo 
con extensión HTML.
8. Visualizar mi pagina 
Abre el navegador de tu pagina elaborada y 
checa como funciona tu código.
9. Modificar mi pagina 
Para eventuales modificaciones, no es necesario volver a 
abrir cada vez el navegador. 
• Vuelve al editor de texto (sin cerrar el el navegador). 
• Modifica el código html. 
• Guarda el archivo. 
• Utiliza el menú ver-actualizar del navegador u oprime 
F5 para ver los cambios.
10. Publica la página en internet 
Para eventuales modificaciones, no es necesario 
volver a abrir cada vez el navegador. 
• Vuelve al editor de texto (sin cerrar el navegador). 
• Modifica el código html. 
• Guarda el archivo. 
• Utiliza el menú ver-actualizar del navegador u 
oprime F5 para ver los cambios.

Más contenido relacionado

La actualidad más candente

Guía paso a paso para crear una página web
Guía paso a paso para crear una página webGuía paso a paso para crear una página web
Guía paso a paso para crear una página webLUZ ARIZPE
 
Como crear una pagina web en línea
Como crear una pagina web en líneaComo crear una pagina web en línea
Como crear una pagina web en líneaAngelica Guerrero
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Webmarissa
 
Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web Francisco Berrizbeitia
 
Etapas de un diseño web
Etapas de un diseño  webEtapas de un diseño  web
Etapas de un diseño webfabianll
 
Pasos para crear una pagina wed en linea
Pasos para crear una pagina wed en lineaPasos para crear una pagina wed en linea
Pasos para crear una pagina wed en lineaGinaguerrero19
 
Guia creacion paginas web
Guia creacion paginas webGuia creacion paginas web
Guia creacion paginas webWebasesor
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Webcolquis
 
Página web en línea
Página web en líneaPágina web en línea
Página web en líneaDaniCharris
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina weblauraandrea1996
 

La actualidad más candente (18)

Etapas del desarrollo web
Etapas del desarrollo webEtapas del desarrollo web
Etapas del desarrollo web
 
Guía paso a paso para crear una página web
Guía paso a paso para crear una página webGuía paso a paso para crear una página web
Guía paso a paso para crear una página web
 
Ximena
XimenaXimena
Ximena
 
Actividad html ciclo 4
Actividad html ciclo 4Actividad html ciclo 4
Actividad html ciclo 4
 
Informatica presentacion
Informatica presentacionInformatica presentacion
Informatica presentacion
 
Como crear una pagina web en línea
Como crear una pagina web en líneaComo crear una pagina web en línea
Como crear una pagina web en línea
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web
 
Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web
 
Etapas de un diseño web
Etapas de un diseño  webEtapas de un diseño  web
Etapas de un diseño web
 
Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.
 
Pasos para crear una pagina wed en linea
Pasos para crear una pagina wed en lineaPasos para crear una pagina wed en linea
Pasos para crear una pagina wed en linea
 
Guia creacion paginas web
Guia creacion paginas webGuia creacion paginas web
Guia creacion paginas web
 
Pagina web
Pagina webPagina web
Pagina web
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Web
 
Página web en línea
Página web en líneaPágina web en línea
Página web en línea
 
BLOG
BLOGBLOG
BLOG
 
Julia
JuliaJulia
Julia
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina web
 

Similar a Cómo crear un sitio web en 10 pasos

Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaromausheng
 
Proyecto creacion de la pagina web acti6
Proyecto creacion de la pagina web acti6Proyecto creacion de la pagina web acti6
Proyecto creacion de la pagina web acti6Adela Cueva
 
PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...
PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...
PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...julio pineda
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generalesga12007
 
Trabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila ZamoraTrabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila Zamoraluly-z
 
Pagina web para las empresas
Pagina web para las empresasPagina web para las empresas
Pagina web para las empresasjlduranro
 
Pagina web para las empresas
Pagina web para las empresasPagina web para las empresas
Pagina web para las empresasjlduranro
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxjuanancka
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internetMariElaRsas
 
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Webguestf13996f
 
Tutorial de wix.com
Tutorial de wix.comTutorial de wix.com
Tutorial de wix.comacarrera12
 

Similar a Cómo crear un sitio web en 10 pasos (20)

Crear pagina web
Crear pagina webCrear pagina web
Crear pagina web
 
Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaro
 
Proyecto creacion de la pagina web acti6
Proyecto creacion de la pagina web acti6Proyecto creacion de la pagina web acti6
Proyecto creacion de la pagina web acti6
 
PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...
PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...
PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generales
 
Beatriz
BeatrizBeatriz
Beatriz
 
Issuu1 a.v.v.m
Issuu1 a.v.v.mIssuu1 a.v.v.m
Issuu1 a.v.v.m
 
Diseño web
Diseño webDiseño web
Diseño web
 
Trabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila ZamoraTrabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila Zamora
 
Beatriz
BeatrizBeatriz
Beatriz
 
Pagina web para las empresas
Pagina web para las empresasPagina web para las empresas
Pagina web para las empresas
 
Pagina web para las empresas
Pagina web para las empresasPagina web para las empresas
Pagina web para las empresas
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptx
 
Presentación post
Presentación postPresentación post
Presentación post
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internet
 
Manual frontpage 2000
Manual frontpage 2000Manual frontpage 2000
Manual frontpage 2000
 
Manual frontpage 2000
Manual frontpage 2000Manual frontpage 2000
Manual frontpage 2000
 
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
 
Tutorial de wix.com
Tutorial de wix.comTutorial de wix.com
Tutorial de wix.com
 
PLAN_PAGINA_WEB.pptx
PLAN_PAGINA_WEB.pptxPLAN_PAGINA_WEB.pptx
PLAN_PAGINA_WEB.pptx
 

Cómo crear un sitio web en 10 pasos

  • 1. Pasos para crear un sitio Web 1. Definir el objetivo Es el primer paso de la creación de un sitio Web, se debe determinar exactamente por qué quieres crear una página y cuál será su uso.
  • 2. 2. Determinar la estructura del sitio Una vez que sabes lo que quieres hacer, es buena idea decidir qué es lo que incluirá esta página. Haz una lista de todas las cosas que quieres incluir. Determina cómo ellos se integrarán en la página. Prepara un mapa estructural del sitio Web como el de abajo para ayudarte a visualizar la estructura del sitio. Mi página principal Acerca de nosotros Próximo eventos Inform. de servicios Inform. contactos Hipervínculos
  • 3. 3. Decide la apariencia de la página Esta etapa es importante en la planeación en un sitio Web. Está bien tener una mirada firme en todas las partes del sitio. Si tu negocio, organización o propuesta ya tiene logotipos y colores que son usados en el papel , etc. Los puedes usar en el diseño del sitio. Haz el diseño y el diagrama de la ubicación de los objetos de la página hasta que tengas algo que te guste, por ejemplo: Link Logo y Título Link Gif Imagen Texto Patroci-nador Imagen como fondo
  • 4. 4. Considera el diseño Antes de comenzar a crear documentos HTML tienes que considerar varios aspectos. Algunos de éstos son: • Tomar en cuenta que tipos de visitante vas a tener y que tu página sea compatible con diferentes tipos de navegadores. • La excelente pagina que has pasado horas diseñando puede tomar tiempo en descargarse. Si esto es el caso, muchos invitados no esperarán hasta que termine la descarga e irán a otra parte. • Hacerla fácil para el público para que pueda desplazarse de una área del sitio a otra. • Trata de encontrar equilibrio entre un sitio web aburrido y un sitio Web excesivo.
  • 5. 5. Escoge el editor Se puede utilizar un editor de Windows: bloc de notas o word padun sitioWeb excesivo.
  • 6. 6. Busca y junta los objetos Imágenes, logos, animaciones, sonidos, películas, etc. Que vas a utilizar en tu página Web.
  • 7. 7. Crea el codigo Crea el código para cada objeto y guárdalo con extensión HTML.
  • 8. 8. Visualizar mi pagina Abre el navegador de tu pagina elaborada y checa como funciona tu código.
  • 9. 9. Modificar mi pagina Para eventuales modificaciones, no es necesario volver a abrir cada vez el navegador. • Vuelve al editor de texto (sin cerrar el el navegador). • Modifica el código html. • Guarda el archivo. • Utiliza el menú ver-actualizar del navegador u oprime F5 para ver los cambios.
  • 10. 10. Publica la página en internet Para eventuales modificaciones, no es necesario volver a abrir cada vez el navegador. • Vuelve al editor de texto (sin cerrar el navegador). • Modifica el código html. • Guarda el archivo. • Utiliza el menú ver-actualizar del navegador u oprime F5 para ver los cambios.