SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
Nombre: Juan Ricardo Flores
Computación e Informática.
Pasos técnicos 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:
Logo y
Título
Link
Link
Gif
Imagen
Patrocinador
Texto
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, notepad ++ ó
sublime text.
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 CÓDIGO
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

Exploración de Scratch
Exploración de ScratchExploración de Scratch
Exploración de Scratchlucecitadll
 
Que Es Power Point
Que Es Power PointQue Es Power Point
Que Es Power Pointpricyla
 
PRACTICAS DE PUBLISHER 2020.pdf
PRACTICAS DE PUBLISHER 2020.pdfPRACTICAS DE PUBLISHER 2020.pdf
PRACTICAS DE PUBLISHER 2020.pdfJosPinaya
 
Corel draw presentación
Corel draw presentaciónCorel draw presentación
Corel draw presentaciónIlsa Velasquez
 
Diapositivas microsoft word
Diapositivas microsoft wordDiapositivas microsoft word
Diapositivas microsoft worddeysic91
 
Programamos con Scratch 13: proyecto final - planificación
Programamos con Scratch 13:  proyecto final - planificaciónProgramamos con Scratch 13:  proyecto final - planificación
Programamos con Scratch 13: proyecto final - planificaciónProgramamos
 
Declaraciones, propiedades y operaciones - Small Basic
Declaraciones, propiedades y operaciones - Small BasicDeclaraciones, propiedades y operaciones - Small Basic
Declaraciones, propiedades y operaciones - Small BasicISIV - Educación a Distancia
 
Guía práctica publisher 2013-03-04
Guía práctica publisher 2013-03-04Guía práctica publisher 2013-03-04
Guía práctica publisher 2013-03-04Konectia
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño WebNicida Malca
 
Presentacion mapa conceptual entorno power point
Presentacion mapa conceptual entorno power pointPresentacion mapa conceptual entorno power point
Presentacion mapa conceptual entorno power pointJavier Laguna
 
Tipos de navegadores y clasificación de software
Tipos de navegadores y clasificación de softwareTipos de navegadores y clasificación de software
Tipos de navegadores y clasificación de softwareZaigor
 
Manual de DreamWeaver
Manual de DreamWeaverManual de DreamWeaver
Manual de DreamWeaverarte6
 
Páginas_web guia didactica.pdf
Páginas_web guia didactica.pdfPáginas_web guia didactica.pdf
Páginas_web guia didactica.pdfTEMPORAL13
 
Ppt construcción de un sitio web
Ppt construcción de un sitio webPpt construcción de un sitio web
Ppt construcción de un sitio webNorber Barraza
 
Presentacion de paint
Presentacion de paintPresentacion de paint
Presentacion de paintharold707
 
Linea de tiempo...
Linea de tiempo...Linea de tiempo...
Linea de tiempo...Mariifer30
 
VENTAJAS Y DESVENTAJAS DE SLIDESHARE
VENTAJAS Y DESVENTAJAS DE SLIDESHAREVENTAJAS Y DESVENTAJAS DE SLIDESHARE
VENTAJAS Y DESVENTAJAS DE SLIDESHAREleidybarzallo
 

La actualidad más candente (20)

Exploración de Scratch
Exploración de ScratchExploración de Scratch
Exploración de Scratch
 
Cuestionario power point
Cuestionario power point Cuestionario power point
Cuestionario power point
 
Piktochart
PiktochartPiktochart
Piktochart
 
Que Es Power Point
Que Es Power PointQue Es Power Point
Que Es Power Point
 
PRACTICAS DE PUBLISHER 2020.pdf
PRACTICAS DE PUBLISHER 2020.pdfPRACTICAS DE PUBLISHER 2020.pdf
PRACTICAS DE PUBLISHER 2020.pdf
 
Corel draw presentación
Corel draw presentaciónCorel draw presentación
Corel draw presentación
 
Diapositivas microsoft word
Diapositivas microsoft wordDiapositivas microsoft word
Diapositivas microsoft word
 
Tutorial basico para power point
Tutorial basico para power pointTutorial basico para power point
Tutorial basico para power point
 
Programamos con Scratch 13: proyecto final - planificación
Programamos con Scratch 13:  proyecto final - planificaciónProgramamos con Scratch 13:  proyecto final - planificación
Programamos con Scratch 13: proyecto final - planificación
 
Declaraciones, propiedades y operaciones - Small Basic
Declaraciones, propiedades y operaciones - Small BasicDeclaraciones, propiedades y operaciones - Small Basic
Declaraciones, propiedades y operaciones - Small Basic
 
Guía práctica publisher 2013-03-04
Guía práctica publisher 2013-03-04Guía práctica publisher 2013-03-04
Guía práctica publisher 2013-03-04
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño Web
 
Presentacion mapa conceptual entorno power point
Presentacion mapa conceptual entorno power pointPresentacion mapa conceptual entorno power point
Presentacion mapa conceptual entorno power point
 
Tipos de navegadores y clasificación de software
Tipos de navegadores y clasificación de softwareTipos de navegadores y clasificación de software
Tipos de navegadores y clasificación de software
 
Manual de DreamWeaver
Manual de DreamWeaverManual de DreamWeaver
Manual de DreamWeaver
 
Páginas_web guia didactica.pdf
Páginas_web guia didactica.pdfPáginas_web guia didactica.pdf
Páginas_web guia didactica.pdf
 
Ppt construcción de un sitio web
Ppt construcción de un sitio webPpt construcción de un sitio web
Ppt construcción de un sitio web
 
Presentacion de paint
Presentacion de paintPresentacion de paint
Presentacion de paint
 
Linea de tiempo...
Linea de tiempo...Linea de tiempo...
Linea de tiempo...
 
VENTAJAS Y DESVENTAJAS DE SLIDESHARE
VENTAJAS Y DESVENTAJAS DE SLIDESHAREVENTAJAS Y DESVENTAJAS DE SLIDESHARE
VENTAJAS Y DESVENTAJAS DE SLIDESHARE
 

Similar a Pasos tecnicos para crear un sitio web

Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02Mateo Salgado
 
Pasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebPasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebAugusto Vargas
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio webMassiel1810
 
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
 
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
 
Trabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila ZamoraTrabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila Zamoraluly-z
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generalesga12007
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internetMariElaRsas
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxjuanancka
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas webLuisa Perez
 

Similar a Pasos tecnicos para crear un sitio web (20)

Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02
 
Pasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebPasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitioweb
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
 
Crear pagina web
Crear pagina webCrear pagina web
Crear pagina web
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Actividad html ciclo 4
Actividad html ciclo 4Actividad html ciclo 4
Actividad html ciclo 4
 
Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaro
 
Ximena
XimenaXimena
Ximena
 
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...
 
PLAN_PAGINA_WEB.pptx
PLAN_PAGINA_WEB.pptxPLAN_PAGINA_WEB.pptx
PLAN_PAGINA_WEB.pptx
 
Pagina web
Pagina webPagina web
Pagina web
 
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
 
Planificacion de una pagina web
Planificacion de una pagina webPlanificacion de una pagina web
Planificacion de una pagina web
 
Trabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila ZamoraTrabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila Zamora
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generales
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internet
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptx
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 

Pasos tecnicos para crear un sitio web

  • 1. Nombre: Juan Ricardo Flores Computación e Informática.
  • 2. Pasos técnicos 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.
  • 3. 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
  • 4. 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: Logo y Título Link Link Gif Imagen Patrocinador Texto
  • 5. 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.
  • 6. 5. ESCOGE EL EDITOR Se puede utilizar un editor de Windows: bloc de notas, notepad ++ ó sublime text.
  • 7. 6. BUSCA Y JUNTA LOS OBJETOS Imágenes, logos, animaciones, sonidos, películas, etc. Que vas a utilizar en tu página Web.
  • 8. 7. CREA EL CÓDIGO Crea el código para cada objeto y guárdalo con extensión HTML.
  • 9. 8. VISUALIZAR MI PAGINA Abre el navegador de tu pagina elaborada y checa como funciona tu código.
  • 10. 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.
  • 11. 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.