SlideShare una empresa de Scribd logo
Crear Pagina web gratis
Autor: Jorge Fletes
Asignatura: Administra y configura
Plataformas de e-learning
Maestra: Elma cristina Camacho
Fecha: 10/04/2014
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
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
Image
n
Patroci-
nador
Text
o
Imagen
como fondo
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.
Se puede utilizar un editor de Windows:
bloc de notas o word padun sitio Web
excesivo.
Imágenes, logos, animaciones, sonidos,
películas, etc. Que vas a utilizar en tu
página Web.
Crea el código para cada objeto y
guárdalo con extensión HTML.
Abre el navegador de tu pagina
elaborada y checa como funciona tu
código.
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.
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

Que necesita para crear un sitio web
Que necesita para crear un sitio webQue necesita para crear un sitio web
Que necesita para crear un sitio webgvmendezm
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio webtomyycerr
 
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
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
Massiel1810
 
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.
Complejo Educativo "Antonio J. Alfaro"
 
Pasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebPasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitioweb
Augusto Vargas
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Webmarissa
 
Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaromausheng
 
Etapas de un diseño web
Etapas de un diseño  webEtapas de un diseño  web
Etapas de un diseño webfabianll
 
Anexos ide06170128
Anexos ide06170128Anexos ide06170128
Anexos ide06170128
Claudia Gil
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internet
MariElaRsas
 
Como crear una pagina web en linea123
Como crear una pagina web en linea123Como crear una pagina web en linea123
Como crear una pagina web en linea123Maria Dlhz
 
Creación de páginas usando dream weaver
Creación de páginas usando dream weaverCreación de páginas usando dream weaver
Creación de páginas usando dream weaverSol Romero Vela
 

La actualidad más candente (18)

Etapas del desarrollo web
Etapas del desarrollo webEtapas del desarrollo web
Etapas del desarrollo web
 
Que necesita para crear un sitio web
Que necesita para crear un sitio webQue necesita para crear un sitio web
Que necesita para crear un sitio web
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio 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
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio 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 tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebPasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitioweb
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web
 
Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaro
 
Creando plantillas y enlaces
Creando plantillas y enlacesCreando plantillas y enlaces
Creando plantillas y enlaces
 
Etapas de un diseño web
Etapas de un diseño  webEtapas de un diseño  web
Etapas de un diseño web
 
Anexos ide06170128
Anexos ide06170128Anexos ide06170128
Anexos ide06170128
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internet
 
Blog presentacion
Blog presentacionBlog presentacion
Blog presentacion
 
Blog presentacion
Blog presentacionBlog presentacion
Blog presentacion
 
Como crear una pagina web en linea123
Como crear una pagina web en linea123Como crear una pagina web en linea123
Como crear una pagina web en linea123
 
Tutorial sites
Tutorial sitesTutorial sites
Tutorial sites
 
Creación de páginas usando dream weaver
Creación de páginas usando dream weaverCreación de páginas usando dream weaver
Creación de páginas usando dream weaver
 

Destacado

Introducción a la mercadotecnia
Introducción a la mercadotecniaIntroducción a la mercadotecnia
Introducción a la mercadotecnia
tererobledo
 
Introducción a la mercadotecnia
Introducción a la mercadotecniaIntroducción a la mercadotecnia
Introducción a la mercadotecnia
Julio Carreto
 
Historia de la mercadotecnia
Historia de la mercadotecnia Historia de la mercadotecnia
Historia de la mercadotecnia
Roxy Paola
 
La Historia De La Mercadotecnia
La Historia De La MercadotecniaLa Historia De La Mercadotecnia
La Historia De La Mercadotecniaguestcabe39d
 
Mercadotecnia Introducción
Mercadotecnia IntroducciónMercadotecnia Introducción
Mercadotecnia Introducción
Vic Martínez
 
El ambiente de marketing
 El ambiente de marketing El ambiente de marketing
El ambiente de marketingjlmtindustrial
 

Destacado (6)

Introducción a la mercadotecnia
Introducción a la mercadotecniaIntroducción a la mercadotecnia
Introducción a la mercadotecnia
 
Introducción a la mercadotecnia
Introducción a la mercadotecniaIntroducción a la mercadotecnia
Introducción a la mercadotecnia
 
Historia de la mercadotecnia
Historia de la mercadotecnia Historia de la mercadotecnia
Historia de la mercadotecnia
 
La Historia De La Mercadotecnia
La Historia De La MercadotecniaLa Historia De La Mercadotecnia
La Historia De La Mercadotecnia
 
Mercadotecnia Introducción
Mercadotecnia IntroducciónMercadotecnia Introducción
Mercadotecnia Introducción
 
El ambiente de marketing
 El ambiente de marketing El ambiente de marketing
El ambiente de marketing
 

Similar a Como crear una pagina web

Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02
Mateo Salgado
 
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
 
Actividad html ciclo 4
Actividad html ciclo 4Actividad html ciclo 4
Actividad html ciclo 4
ALCALDIA DE TOCANCIPÁ
 
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
 
Issuu1 a.v.v.m
Issuu1 a.v.v.mIssuu1 a.v.v.m
Issuu1 a.v.v.m
Simonjosueana
 
diseño de paginas web
diseño de paginas webdiseño de paginas web
diseño de paginas web
Santycevallos1994
 
Diseño de paginas web
Diseño de paginas webDiseño de paginas web
Diseño de paginas web
Santycevallos1994
 
Exposicion
ExposicionExposicion
Exposicion
ElvisSepa
 
HTML 5
HTML 5HTML 5
Jesus maria-fernanda
Jesus  maria-fernandaJesus  maria-fernanda
Jesus maria-fernanda
Jesus22barrera
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
Kamila Velasquez
 
Paginas web
Paginas webPaginas web
Paginas web
Joel Cuvi
 
como hacer una pagina web?
como hacer una pagina web?como hacer una pagina web?
como hacer una pagina web?Angie Lop
 

Similar a Como crear una pagina web (20)

Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02
 
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
 
Actividad html ciclo 4
Actividad html ciclo 4Actividad html ciclo 4
Actividad html ciclo 4
 
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
 
Issuu1 a.v.v.m
Issuu1 a.v.v.mIssuu1 a.v.v.m
Issuu1 a.v.v.m
 
Ximena
XimenaXimena
Ximena
 
diseño de paginas web
diseño de paginas webdiseño de paginas web
diseño de paginas web
 
Diseño de paginas web
Diseño de paginas webDiseño de paginas web
Diseño de paginas web
 
Exposicion
ExposicionExposicion
Exposicion
 
Exposicion
ExposicionExposicion
Exposicion
 
HTML 5
HTML 5HTML 5
HTML 5
 
Jesus maria-fernanda
Jesus  maria-fernandaJesus  maria-fernanda
Jesus maria-fernanda
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Paginas web
Paginas webPaginas web
Paginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Presentación post
Presentación postPresentación post
Presentación post
 
Paginas web
Paginas webPaginas web
Paginas web
 
como hacer una pagina web?
como hacer una pagina web?como hacer una pagina web?
como hacer una pagina web?
 
Diseño web
Diseño webDiseño web
Diseño web
 

Como crear una pagina web

  • 1. Crear Pagina web gratis Autor: Jorge Fletes Asignatura: Administra y configura Plataformas de e-learning Maestra: Elma cristina Camacho Fecha: 10/04/2014
  • 2. 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. 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 Image n Patroci- nador Text o Imagen como fondo
  • 4. 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. Se puede utilizar un editor de Windows: bloc de notas o word padun sitio Web excesivo.
  • 6. Imágenes, logos, animaciones, sonidos, películas, etc. Que vas a utilizar en tu página Web.
  • 7. Crea el código para cada objeto y guárdalo con extensión HTML.
  • 8. Abre el navegador de tu pagina elaborada y checa como funciona tu código.
  • 9. 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. 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.