SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
CREACIÓN DEL SITIO WEB
Todo proyecto requiere un proceso el cual se verá
brevemente a continuación para la creación de un sitio
Web.
1. Definición del sitio y planificación
Se definirán los objetivos y metas a largo y corto plazo, así
como se recolectará toda la información necesaria para
realizar. El proyecto definiendo tiempo de realización y
costos. Con todo el contenido en las manos se empezará a
ver qué apoyo Interactivo y funcional requiere el sitio.
2. Arquitectura
La organización y el orden jerárquico de la información
permite realizar ciertos prototipos de navegación, éstos
prototipos no Son elaborados, simplemente sirven para ver
qué tal funciona el orden del contenido y la estructura de
navegación
3. Diseño
El sitio comienza a tener forma, es momento de ver las
imágenes, acomodo de textos, retículas y en sí empezar con
el Diseño de cada una de las páginas componentes del
proyecto.
4. Construcción
Solo queda poner manos en el proyecto, se tienen todos los
elementos y herramientas para trabajar sobre el sitio,
5. Mantenimiento
Algunos sitios requieren mantenimiento constantemente,
para mostrar nuevas publicaciones, noticias, cuando se
diseña una Nueva página dentro del mismo sitio no hay que
olvidar respetar el diseño inicial, dejando todo unificado.
PLANIFICACIÓN PARA EL DISEÑO DE PÁGINAS WEB
.Objetivos del proyecto web
Tomando en cuenta la información y lo que desea el cliente
se deben fijar mínimo tres objetivos a alcanzar con este
Proyecto, el diseñar un sitio no es poner simplemente en la
red una página estática, sino es todo un desarrollo donde se
Estudia al usuario, la competencia y sobre todo tiene como
fin el éxito de un objetivo a corto o a largo plazo.
Arquitectura y organización del contenido
La definición de los objetivos nos conlleva al siguiente paso:
obtener la información necesaria para alcanzarlos. Hacer
una Lista detallada de la documentación
Estructura de la navegación
Al tener todo el contenido se procede a diseñar la
estructura de navegación, ésta es básicamente un diagrama
de flujo de la información. Existen cuatro estructuras de
navegación, las cuales se verán una por una a continuación.
Secuencia
Es la forma más simple de organizar la información, debido
a que es completamente secuencial, generalmente es
utilizada para contenidos educativos o presentaciones
donde el contenido se va dando paso a paso.
Jerarquía
Este tipo de estructura consta básicamente de una página
principal, a partir de ésta Se va desglosando la información,

Más contenido relacionado

La actualidad más candente

DISEÑO Y MANEJO DE PAGINAS WED
DISEÑO Y MANEJO DE PAGINAS WEDDISEÑO Y MANEJO DE PAGINAS WED
DISEÑO Y MANEJO DE PAGINAS WED
saidi-12barcelo
 
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
Norber Barraza
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
Lorena Guerrero
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas web
sara paredes
 
Diseño y manejo de una pagina web
Diseño y manejo de una pagina webDiseño y manejo de una pagina web
Diseño y manejo de una pagina web
andersond88
 
Diseño y manejo de paginas web
Diseño y manejo de paginas webDiseño y manejo de paginas web
Diseño y manejo de paginas web
Kevin Arteaga
 
Introduccion al diseño web
Introduccion al                                 diseño webIntroduccion al                                 diseño web
Introduccion al diseño web
dianayroman
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
ciwmx
 
Taller Web 2010
Taller Web 2010Taller Web 2010
Taller Web 2010
portclick
 

La actualidad más candente (20)

El diseño web
El diseño webEl diseño web
El diseño web
 
DISEÑO Y MANEJO DE PAGINAS WED
DISEÑO Y MANEJO DE PAGINAS WEDDISEÑO Y MANEJO DE PAGINAS WED
DISEÑO Y MANEJO DE PAGINAS WED
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
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
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Preparativos web
Preparativos webPreparativos web
Preparativos web
 
Diseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseñoDiseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseño
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas web
 
Diseño y manejo de una pagina web
Diseño y manejo de una pagina webDiseño y manejo de una pagina web
Diseño y manejo de una pagina web
 
Diseño y manejo de paginas web
Diseño y manejo de paginas webDiseño y manejo de paginas web
Diseño y manejo de paginas web
 
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
 
Manejo y diseño de una pagina web
Manejo y diseño de una pagina webManejo y diseño de una pagina web
Manejo y diseño de una pagina web
 
Introduccion al diseño web
Introduccion al                                 diseño webIntroduccion al                                 diseño web
Introduccion al diseño web
 
Teoría del Diseño Web
Teoría del Diseño WebTeoría del Diseño Web
Teoría del Diseño Web
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Mapa conceptual de Diseños Web
Mapa conceptual de Diseños WebMapa conceptual de Diseños Web
Mapa conceptual de Diseños Web
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Taller Web 2010
Taller Web 2010Taller Web 2010
Taller Web 2010
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
pasos técnicos para crear sitios web
pasos técnicos para crear sitios webpasos técnicos para crear sitios web
pasos técnicos para crear sitios web
 

Similar a Estrutura de una pagina web

Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicos
lopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
lopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
lopzrobrt
 
El proceso de un diseño web norma
El proceso de un diseño web normaEl proceso de un diseño web norma
El proceso de un diseño web norma
marquezfajardo
 
Trabajo 10
Trabajo 10Trabajo 10
Trabajo 10
Liz345
 

Similar a Estrutura de una pagina web (20)

Bases pag web 4
Bases pag web 4Bases pag web 4
Bases pag web 4
 
Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
computación
computación computación
computación
 
tic
tictic
tic
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptx
 
Laboratorio N° 3 Planificacion Pagina Web.docx
Laboratorio N° 3 Planificacion Pagina Web.docxLaboratorio N° 3 Planificacion Pagina Web.docx
Laboratorio N° 3 Planificacion Pagina Web.docx
 
Clase 6
Clase 6Clase 6
Clase 6
 
DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
 
El proceso de un diseño web norma
El proceso de un diseño web normaEl proceso de un diseño web norma
El proceso de un diseño web norma
 
DiseñO Web
DiseñO WebDiseñO Web
DiseñO Web
 
El proceso de un diseño web danny
El proceso de un diseño web dannyEl proceso de un diseño web danny
El proceso de un diseño web danny
 
Diseño e instalación de sitios web
Diseño e instalación de sitios webDiseño e instalación de sitios web
Diseño e instalación de sitios web
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 
Trabajo 10
Trabajo 10Trabajo 10
Trabajo 10
 

Último

Ejercicios de Lengua que deberías prácticar para el uso de comas
Ejercicios de Lengua que deberías prácticar para el uso de comasEjercicios de Lengua que deberías prácticar para el uso de comas
Ejercicios de Lengua que deberías prácticar para el uso de comas
michica1
 
4.- COMO HACER QUE TE PASEN COSAS BUENAS.pdf
4.- COMO HACER QUE TE PASEN COSAS BUENAS.pdf4.- COMO HACER QUE TE PASEN COSAS BUENAS.pdf
4.- COMO HACER QUE TE PASEN COSAS BUENAS.pdf
MiNeyi1
 

Último (14)

ABRAHAM HAROLD MASLOW 1908-1970 HISTORIA.pptx
ABRAHAM HAROLD MASLOW 1908-1970 HISTORIA.pptxABRAHAM HAROLD MASLOW 1908-1970 HISTORIA.pptx
ABRAHAM HAROLD MASLOW 1908-1970 HISTORIA.pptx
 
DINAMICA VEAMOS TEMA 2 Padres y Padrinos, facilitadores del proceso de crecim...
DINAMICA VEAMOS TEMA 2 Padres y Padrinos, facilitadores del proceso de crecim...DINAMICA VEAMOS TEMA 2 Padres y Padrinos, facilitadores del proceso de crecim...
DINAMICA VEAMOS TEMA 2 Padres y Padrinos, facilitadores del proceso de crecim...
 
Revista Actualidad Espiritista N°33.pdf
Revista  Actualidad Espiritista N°33.pdfRevista  Actualidad Espiritista N°33.pdf
Revista Actualidad Espiritista N°33.pdf
 
El enamoramiento es una fuente de inspiración.pdf
El enamoramiento es una fuente de inspiración.pdfEl enamoramiento es una fuente de inspiración.pdf
El enamoramiento es una fuente de inspiración.pdf
 
ESCATOLOGÍA: LA FUERZA Y ESPERANZA DEL VERDADERO PUEBLO DE YHWH.pdf
ESCATOLOGÍA: LA FUERZA Y ESPERANZA DEL VERDADERO PUEBLO DE YHWH.pdfESCATOLOGÍA: LA FUERZA Y ESPERANZA DEL VERDADERO PUEBLO DE YHWH.pdf
ESCATOLOGÍA: LA FUERZA Y ESPERANZA DEL VERDADERO PUEBLO DE YHWH.pdf
 
Ejercicios de Lengua que deberías prácticar para el uso de comas
Ejercicios de Lengua que deberías prácticar para el uso de comasEjercicios de Lengua que deberías prácticar para el uso de comas
Ejercicios de Lengua que deberías prácticar para el uso de comas
 
el desafío del amor .pdf el desafío del amor
el desafío del amor .pdf el desafío del amorel desafío del amor .pdf el desafío del amor
el desafío del amor .pdf el desafío del amor
 
4.- COMO HACER QUE TE PASEN COSAS BUENAS.pdf
4.- COMO HACER QUE TE PASEN COSAS BUENAS.pdf4.- COMO HACER QUE TE PASEN COSAS BUENAS.pdf
4.- COMO HACER QUE TE PASEN COSAS BUENAS.pdf
 
CATEQUESIS SOBRE LA FE CATÓLICA PARA ADULTOS
CATEQUESIS SOBRE LA FE CATÓLICA PARA ADULTOSCATEQUESIS SOBRE LA FE CATÓLICA PARA ADULTOS
CATEQUESIS SOBRE LA FE CATÓLICA PARA ADULTOS
 
organizador visula diversidad linguistica y etnica.docx
organizador visula diversidad linguistica y etnica.docxorganizador visula diversidad linguistica y etnica.docx
organizador visula diversidad linguistica y etnica.docx
 
Virginia-Satir (1).pptx Autoestima y desarrollo personal
Virginia-Satir (1).pptx Autoestima y desarrollo personalVirginia-Satir (1).pptx Autoestima y desarrollo personal
Virginia-Satir (1).pptx Autoestima y desarrollo personal
 
LAS CIRCULARES Y MIS COMUNICADOS de los Maestres COMENTADOS.docx
LAS CIRCULARES Y MIS COMUNICADOS de los Maestres COMENTADOS.docxLAS CIRCULARES Y MIS COMUNICADOS de los Maestres COMENTADOS.docx
LAS CIRCULARES Y MIS COMUNICADOS de los Maestres COMENTADOS.docx
 
Uso correcto del silbato y formaciones.pdf
Uso correcto del silbato y formaciones.pdfUso correcto del silbato y formaciones.pdf
Uso correcto del silbato y formaciones.pdf
 
CURSO BÁSICO ÁNGELES Y ÁRCANGELES.pdf
CURSO  BÁSICO  ÁNGELES Y  ÁRCANGELES.pdfCURSO  BÁSICO  ÁNGELES Y  ÁRCANGELES.pdf
CURSO BÁSICO ÁNGELES Y ÁRCANGELES.pdf
 

Estrutura de una pagina web

  • 1. CREACIÓN DEL SITIO WEB Todo proyecto requiere un proceso el cual se verá brevemente a continuación para la creación de un sitio Web. 1. Definición del sitio y planificación Se definirán los objetivos y metas a largo y corto plazo, así como se recolectará toda la información necesaria para realizar. El proyecto definiendo tiempo de realización y costos. Con todo el contenido en las manos se empezará a ver qué apoyo Interactivo y funcional requiere el sitio. 2. Arquitectura La organización y el orden jerárquico de la información permite realizar ciertos prototipos de navegación, éstos prototipos no Son elaborados, simplemente sirven para ver qué tal funciona el orden del contenido y la estructura de navegación 3. Diseño El sitio comienza a tener forma, es momento de ver las imágenes, acomodo de textos, retículas y en sí empezar con
  • 2. el Diseño de cada una de las páginas componentes del proyecto. 4. Construcción Solo queda poner manos en el proyecto, se tienen todos los elementos y herramientas para trabajar sobre el sitio, 5. Mantenimiento Algunos sitios requieren mantenimiento constantemente, para mostrar nuevas publicaciones, noticias, cuando se diseña una Nueva página dentro del mismo sitio no hay que olvidar respetar el diseño inicial, dejando todo unificado. PLANIFICACIÓN PARA EL DISEÑO DE PÁGINAS WEB .Objetivos del proyecto web Tomando en cuenta la información y lo que desea el cliente se deben fijar mínimo tres objetivos a alcanzar con este Proyecto, el diseñar un sitio no es poner simplemente en la red una página estática, sino es todo un desarrollo donde se
  • 3. Estudia al usuario, la competencia y sobre todo tiene como fin el éxito de un objetivo a corto o a largo plazo. Arquitectura y organización del contenido La definición de los objetivos nos conlleva al siguiente paso: obtener la información necesaria para alcanzarlos. Hacer una Lista detallada de la documentación Estructura de la navegación Al tener todo el contenido se procede a diseñar la estructura de navegación, ésta es básicamente un diagrama de flujo de la información. Existen cuatro estructuras de navegación, las cuales se verán una por una a continuación. Secuencia Es la forma más simple de organizar la información, debido a que es completamente secuencial, generalmente es utilizada para contenidos educativos o presentaciones donde el contenido se va dando paso a paso. Jerarquía Este tipo de estructura consta básicamente de una página principal, a partir de ésta Se va desglosando la información,