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

Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina weblauraandrea1996
 
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
 
Pasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebPasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebAugusto Vargas
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internetMariElaRsas
 
VI Meetup WordPress Pontevedra - Creación y modificación de temas
VI Meetup WordPress Pontevedra - Creación y modificación de temasVI Meetup WordPress Pontevedra - Creación y modificación de temas
VI Meetup WordPress Pontevedra - Creación y modificación de temasJuan Hernando García
 
Cómo crear un theme en 2017 desde un diseño
Cómo crear un theme en 2017 desde un diseñoCómo crear un theme en 2017 desde un diseño
Cómo crear un theme en 2017 desde un diseñoJuan Hernando García
 
Presentation1
Presentation1Presentation1
Presentation1faty2114
 
Programa Ejecutivo Publicidad On line, Clase WordPress, Prof. Diego Del Pizzo...
Programa Ejecutivo Publicidad On line, Clase WordPress, Prof. Diego Del Pizzo...Programa Ejecutivo Publicidad On line, Clase WordPress, Prof. Diego Del Pizzo...
Programa Ejecutivo Publicidad On line, Clase WordPress, Prof. Diego Del Pizzo...Diego Del Pizzo
 
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
 

La actualidad más candente (18)

Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina web
 
Ximena
XimenaXimena
Ximena
 
Informatica presentacion
Informatica presentacionInformatica presentacion
Informatica presentacion
 
Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaro
 
Etapas de un diseño web
Etapas de un diseño  webEtapas de un diseño  web
Etapas de un diseño web
 
Actividad html ciclo 4
Actividad html ciclo 4Actividad html ciclo 4
Actividad html ciclo 4
 
Pasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitiowebPasos tecnicoscrearsitioweb
Pasos tecnicoscrearsitioweb
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internet
 
Blogger
BloggerBlogger
Blogger
 
VI Meetup WordPress Pontevedra - Creación y modificación de temas
VI Meetup WordPress Pontevedra - Creación y modificación de temasVI Meetup WordPress Pontevedra - Creación y modificación de temas
VI Meetup WordPress Pontevedra - Creación y modificación de temas
 
Frontpage
FrontpageFrontpage
Frontpage
 
Cómo crear un theme en 2017 desde un diseño
Cómo crear un theme en 2017 desde un diseñoCómo crear un theme en 2017 desde un diseño
Cómo crear un theme en 2017 desde un diseño
 
PREZI
PREZIPREZI
PREZI
 
Presentation1
Presentation1Presentation1
Presentation1
 
Programa Ejecutivo Publicidad On line, Clase WordPress, Prof. Diego Del Pizzo...
Programa Ejecutivo Publicidad On line, Clase WordPress, Prof. Diego Del Pizzo...Programa Ejecutivo Publicidad On line, Clase WordPress, Prof. Diego Del Pizzo...
Programa Ejecutivo Publicidad On line, Clase WordPress, Prof. Diego Del Pizzo...
 
Meetup WordPress Lugo
Meetup WordPress LugoMeetup WordPress Lugo
Meetup WordPress Lugo
 
Weebly
WeeblyWeebly
Weebly
 
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
 

Similar a Crear pagina web (20)

Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02
 
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
 
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
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
HTML 5
HTML 5HTML 5
HTML 5
 
Jesus maria-fernanda
Jesus  maria-fernandaJesus  maria-fernanda
Jesus maria-fernanda
 
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
 
Diseño web
Diseño webDiseño web
Diseño web
 
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?
 
Relatoria
RelatoriaRelatoria
Relatoria
 
El internet
El internetEl internet
El internet
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 

Último

ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024DanielErazoMedina
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfjjfch3110
 
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...Kevin Serna
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestrerafaelsalazar0615
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Telefónica
 
Gestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerGestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerRobertoCarrancioFern
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfcj3806354
 
lenguaje algebraico.pptx álgebra, trigonometria
lenguaje algebraico.pptx álgebra, trigonometrialenguaje algebraico.pptx álgebra, trigonometria
lenguaje algebraico.pptx álgebra, trigonometriasofiasonder
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxLeidyfuentes19
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesssuserbe0d1c
 
¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf7adelosriosarangojua
 
manual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdfmanual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdfprofmartinsuarez
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxTaim11
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiegoCampos433849
 
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Luis Fernando Uribe Villamil
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfManuelCampos464987
 
Introducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxIntroducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxJohanna4222
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informáticavazquezgarciajesusma
 
Inteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialInteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialEducática
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusraquelariza02
 

Último (20)

ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
Gestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerGestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL Server
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
lenguaje algebraico.pptx álgebra, trigonometria
lenguaje algebraico.pptx álgebra, trigonometrialenguaje algebraico.pptx álgebra, trigonometria
lenguaje algebraico.pptx álgebra, trigonometria
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptuales
 
¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf
 
manual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdfmanual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdf
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptx
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
Introducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxIntroducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptx
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Inteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialInteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicial
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 

Crear 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.