SlideShare una empresa de Scribd logo
1 de 10
¿Qué es una página web?
         Una página web es un
          documento electrónico
          diseñado para el World
          Wide Web (Internet) que
          contiene algún tipo de
          información como texto,
          imagen, video, animación u
          otros.
Tipos de websites




•   Corporativos
•   Personales
•   Flash
•   Portales /Aplicaciones
Diseño de Layout o interfaces

            Navegación horizontal superior


           Esta es la estructura más utilizada
             en websites que tienen poco
             contenido. Es un layout bastante
             fácil de crear y manejar.
Diseño de Layout o interfaces

            Navegación Lateral izquierda
           Uno de los usos recomendados para
              este tipo de layout son los websites
              como catálogos o directorios, que
              requieren de muchas secciones
              principales y constantes adiciones o
              sustracciones
           a los listados de opciones.
Diseño de Layout o interfaces

            Navegación combinada

           Este modelo en particular presenta una
              gran ventaja sobre los anteriores. Con
              este layout podemos dividir las
              opciones de nuestro sitio por tipo de
              sección.
Diseño de Layout o interfaces

            Navegación combinada a triple
             columna
           Utilizado generalmente por los portales
              y sitios web con una cantidad masiva
              de links y secciones. Este modelo
              ofrece la posibilidad de organizar
              mucha información en poco espacio.
¿Por qué necesita un sitio web
       para su negocio?
              La respuesta a esto sin lugar a
              dudas es la Internet, más
              personas utilizan la Internet
              para hacer sus compras o bien
              para informarse sobre
              determinado artículo o
              servicio, comparar, evaluar y
              decidir donde y a quien
              comprar.
Consejos para una Página Web Exitosa


             •   Destácate de la competencia
             •   Mantén el diseño simple
             •   Haz que tu site sea fácil de navegar
             •   Mantén el Site Actualizado
             •   Incursiona en las redes sociales
PERO, antes de lanzar tu página…




   pointerstudio    pointerstudio

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Paginas web estaticas y dinamicas
Paginas web estaticas y dinamicasPaginas web estaticas y dinamicas
Paginas web estaticas y dinamicas
 
Diferencia entre pagina web estatica y dinamica
Diferencia entre pagina web estatica y dinamicaDiferencia entre pagina web estatica y dinamica
Diferencia entre pagina web estatica y dinamica
 
Paginas web dinámicas y estáticas
Paginas web dinámicas y estáticasPaginas web dinámicas y estáticas
Paginas web dinámicas y estáticas
 
Uroweb
UrowebUroweb
Uroweb
 
Presentación Curso Diseño y Desarrollo Web Avanzado
Presentación Curso Diseño y Desarrollo Web AvanzadoPresentación Curso Diseño y Desarrollo Web Avanzado
Presentación Curso Diseño y Desarrollo Web Avanzado
 
BAAS porque la opción para startups
BAAS porque la opción para startupsBAAS porque la opción para startups
BAAS porque la opción para startups
 
Por qué debes Tener tu Propio Dominio
Por qué debes Tener tu Propio DominioPor qué debes Tener tu Propio Dominio
Por qué debes Tener tu Propio Dominio
 
Diseño web
Diseño webDiseño web
Diseño web
 
Jessica ximena narváez estrada
Jessica ximena narváez estradaJessica ximena narváez estrada
Jessica ximena narváez estrada
 
Iniciación a WordPress, aspectos teóricos
Iniciación a WordPress, aspectos teóricosIniciación a WordPress, aspectos teóricos
Iniciación a WordPress, aspectos teóricos
 
Joomla
JoomlaJoomla
Joomla
 
Ventajas desventajas paginas_web
Ventajas desventajas paginas_webVentajas desventajas paginas_web
Ventajas desventajas paginas_web
 
Cuadro Comparativo Web
Cuadro Comparativo Web Cuadro Comparativo Web
Cuadro Comparativo Web
 
Curso Blog Corporativo
Curso Blog CorporativoCurso Blog Corporativo
Curso Blog Corporativo
 
Bizpro servicios.key
Bizpro servicios.keyBizpro servicios.key
Bizpro servicios.key
 
Wix y yola
Wix y yola Wix y yola
Wix y yola
 
En 20 minutos ... Responsive Design
En 20 minutos ... Responsive DesignEn 20 minutos ... Responsive Design
En 20 minutos ... Responsive Design
 
Paginas web
Paginas webPaginas web
Paginas web
 
Tendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXTendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UX
 
Wix
WixWix
Wix
 

Destacado

4 Biggest Challenges for Creative Teams
4 Biggest Challenges for Creative Teams4 Biggest Challenges for Creative Teams
4 Biggest Challenges for Creative TeamsWrike
 
Essential things that should always be in your car
Essential things that should always be in your carEssential things that should always be in your car
Essential things that should always be in your carEason Chan
 
Activism x Technology
Activism x TechnologyActivism x Technology
Activism x TechnologyWebVisions
 
How to Battle Bad Reviews
How to Battle Bad ReviewsHow to Battle Bad Reviews
How to Battle Bad ReviewsGlassdoor
 

Destacado (6)

Famosos
FamososFamosos
Famosos
 
4 Biggest Challenges for Creative Teams
4 Biggest Challenges for Creative Teams4 Biggest Challenges for Creative Teams
4 Biggest Challenges for Creative Teams
 
Back-to-School Survey 2016
Back-to-School Survey 2016Back-to-School Survey 2016
Back-to-School Survey 2016
 
Essential things that should always be in your car
Essential things that should always be in your carEssential things that should always be in your car
Essential things that should always be in your car
 
Activism x Technology
Activism x TechnologyActivism x Technology
Activism x Technology
 
How to Battle Bad Reviews
How to Battle Bad ReviewsHow to Battle Bad Reviews
How to Battle Bad Reviews
 

Similar a QuéEsUnaPáginaWebTiposLayoutDiseñoSitioWeb

Similar a QuéEsUnaPáginaWebTiposLayoutDiseñoSitioWeb (20)

Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Sitio web
Sitio webSitio web
Sitio web
 
Sitio web
Sitio webSitio web
Sitio web
 
Buenas Practicas - Web
Buenas Practicas - WebBuenas Practicas - Web
Buenas Practicas - Web
 
Estructura del diseño web
Estructura del diseño webEstructura del diseño web
Estructura del diseño web
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Sitios Web - WebSites
Sitios Web - WebSitesSitios Web - WebSites
Sitios Web - WebSites
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
 
Sitios Web
Sitios Web Sitios Web
Sitios Web
 
Actividad baldit(2) (1)
Actividad baldit(2) (1)Actividad baldit(2) (1)
Actividad baldit(2) (1)
 
Presentation web-1
Presentation web-1Presentation web-1
Presentation web-1
 
¿Cómo diseñar mi tienda online?
¿Cómo diseñar mi tienda online? ¿Cómo diseñar mi tienda online?
¿Cómo diseñar mi tienda online?
 
Paginas web
Paginas web Paginas web
Paginas web
 
Widison
WidisonWidison
Widison
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
DIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMASDIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMAS
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 

Último

BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoJosDanielEstradaHern
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVGiustinoAdesso1
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosJonathanCovena1
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 

Último (20)

BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° grado
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 

QuéEsUnaPáginaWebTiposLayoutDiseñoSitioWeb

  • 1.
  • 2. ¿Qué es una página web?  Una página web es un documento electrónico diseñado para el World Wide Web (Internet) que contiene algún tipo de información como texto, imagen, video, animación u otros.
  • 3. Tipos de websites • Corporativos • Personales • Flash • Portales /Aplicaciones
  • 4. Diseño de Layout o interfaces  Navegación horizontal superior Esta es la estructura más utilizada en websites que tienen poco contenido. Es un layout bastante fácil de crear y manejar.
  • 5. Diseño de Layout o interfaces  Navegación Lateral izquierda Uno de los usos recomendados para este tipo de layout son los websites como catálogos o directorios, que requieren de muchas secciones principales y constantes adiciones o sustracciones a los listados de opciones.
  • 6. Diseño de Layout o interfaces  Navegación combinada Este modelo en particular presenta una gran ventaja sobre los anteriores. Con este layout podemos dividir las opciones de nuestro sitio por tipo de sección.
  • 7. Diseño de Layout o interfaces  Navegación combinada a triple columna Utilizado generalmente por los portales y sitios web con una cantidad masiva de links y secciones. Este modelo ofrece la posibilidad de organizar mucha información en poco espacio.
  • 8. ¿Por qué necesita un sitio web para su negocio? La respuesta a esto sin lugar a dudas es la Internet, más personas utilizan la Internet para hacer sus compras o bien para informarse sobre determinado artículo o servicio, comparar, evaluar y decidir donde y a quien comprar.
  • 9. Consejos para una Página Web Exitosa • Destácate de la competencia • Mantén el diseño simple • Haz que tu site sea fácil de navegar • Mantén el Site Actualizado • Incursiona en las redes sociales
  • 10. PERO, antes de lanzar tu página… pointerstudio pointerstudio