SlideShare una empresa de Scribd logo
1 de 10
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

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 (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 acti6
Adela Cueva
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generales
ga12007
 
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.