SlideShare una empresa de Scribd logo
1 de 8
David stiven Quintero
David stiven Quintero
      Perdomo
      Perdomo
     Grado:1101
     Grado:1101
 Todos lo que vallamos hacer debe
  tener una maquetación coherente.

 La estructura debe tener simétrica,
  el orden y las compensación.
Unas de las recomendaciones
importantes no usar imágenes
como fondo, solo colores planos
ya que lo mas importante es el
contenido.
No   colocar   combinaciones de
colores extravagantes sino algo
cómodo y que combine.
La tipografía toda no puede servir lo
primero debe tener en cuenta es que
actividad se va a ver en una navegación
tiene que usar una serie de fuentes
determinadas
Las imágenes se dividen en tres :
Gifs animado: Las imágenes gifs
son las que tiene movimiento, efecto y
la mayoría son de 3D.
Pesos de las imágenes
Imágenes con transparencias

   Las de transparencias la puede utilizar
   imágenes de PNG en lugar de GIF. Los gifs
   dejan un borde blanco alrededor de la
   imagen que queda fatal. Si tu fondo no es
   blanco utiliza imágenes png y esos
   molestos píxeles no aparecerán.
Peso de las imágenes


  El peso de la imágenes hacen ralentizan la carga y
  muchas veces no tiene justificación.
  Trate de que tus imágenes pese lo menos posible.

Más contenido relacionado

Destacado

(Resumen) de las tic's
(Resumen) de las tic's(Resumen) de las tic's
(Resumen) de las tic'srysx
 
Asi vamos a terminar todos
Asi vamos a terminar todosAsi vamos a terminar todos
Asi vamos a terminar todoscarlos
 
Presentación ceip
Presentación ceipPresentación ceip
Presentación ceiptictelleiras
 
Rgimendeinfraccionesysanciones
RgimendeinfraccionesysancionesRgimendeinfraccionesysanciones
RgimendeinfraccionesysancionesFATIMAMI
 
Propuesta de implementación de herramienta web 2.0 en la organización
Propuesta de implementación de herramienta web 2.0 en la organizaciónPropuesta de implementación de herramienta web 2.0 en la organización
Propuesta de implementación de herramienta web 2.0 en la organizaciónCarses83
 
El correo electronico
El correo electronicoEl correo electronico
El correo electronicojosselynkelly
 
I Encuentro Internacional sobre Modelo Extractivista Minero Energético
I Encuentro Internacional sobre Modelo Extractivista Minero EnergéticoI Encuentro Internacional sobre Modelo Extractivista Minero Energético
I Encuentro Internacional sobre Modelo Extractivista Minero EnergéticoCrónicas del despojo
 
Asig4 t2 presentacion
Asig4 t2 presentacionAsig4 t2 presentacion
Asig4 t2 presentaciongromdia
 
La memoria principal o ram. m
La memoria principal o ram. mLa memoria principal o ram. m
La memoria principal o ram. mtalarid14
 
Sintesis informativa 05 de septiembre 2013
Sintesis informativa 05 de septiembre 2013Sintesis informativa 05 de septiembre 2013
Sintesis informativa 05 de septiembre 2013megaradioexpress
 
Califica ya final wbs
Califica ya final wbsCalifica ya final wbs
Califica ya final wbsYare LoZada
 

Destacado (19)

Program prof hit araştırmaları
Program   prof hit araştırmalarıProgram   prof hit araştırmaları
Program prof hit araştırmaları
 
(Resumen) de las tic's
(Resumen) de las tic's(Resumen) de las tic's
(Resumen) de las tic's
 
Acuerdo 648
Acuerdo 648Acuerdo 648
Acuerdo 648
 
Asi vamos a terminar todos
Asi vamos a terminar todosAsi vamos a terminar todos
Asi vamos a terminar todos
 
Instrucciones tutoría virtual con moodle módulo 0
Instrucciones tutoría virtual con moodle módulo 0Instrucciones tutoría virtual con moodle módulo 0
Instrucciones tutoría virtual con moodle módulo 0
 
La web 2
La web 2La web 2
La web 2
 
Presentación ceip
Presentación ceipPresentación ceip
Presentación ceip
 
Parte1
Parte1Parte1
Parte1
 
Diplomado[3]
 Diplomado[3] Diplomado[3]
Diplomado[3]
 
Rgimendeinfraccionesysanciones
RgimendeinfraccionesysancionesRgimendeinfraccionesysanciones
Rgimendeinfraccionesysanciones
 
Natalia906
Natalia906Natalia906
Natalia906
 
Propuesta de implementación de herramienta web 2.0 en la organización
Propuesta de implementación de herramienta web 2.0 en la organizaciónPropuesta de implementación de herramienta web 2.0 en la organización
Propuesta de implementación de herramienta web 2.0 en la organización
 
El correo electronico
El correo electronicoEl correo electronico
El correo electronico
 
Unabweb
UnabwebUnabweb
Unabweb
 
I Encuentro Internacional sobre Modelo Extractivista Minero Energético
I Encuentro Internacional sobre Modelo Extractivista Minero EnergéticoI Encuentro Internacional sobre Modelo Extractivista Minero Energético
I Encuentro Internacional sobre Modelo Extractivista Minero Energético
 
Asig4 t2 presentacion
Asig4 t2 presentacionAsig4 t2 presentacion
Asig4 t2 presentacion
 
La memoria principal o ram. m
La memoria principal o ram. mLa memoria principal o ram. m
La memoria principal o ram. m
 
Sintesis informativa 05 de septiembre 2013
Sintesis informativa 05 de septiembre 2013Sintesis informativa 05 de septiembre 2013
Sintesis informativa 05 de septiembre 2013
 
Califica ya final wbs
Califica ya final wbsCalifica ya final wbs
Califica ya final wbs
 

Similar a Maquetación coherente y estructura simétrica para contenido web

Contenido digital
Contenido digitalContenido digital
Contenido digitalCRTISTIAN07
 
Consejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativosConsejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativosandrea tatiana trujillo
 
Recomendaciones para elaborar un contenido digital
Recomendaciones para elaborar un contenido digitalRecomendaciones para elaborar un contenido digital
Recomendaciones para elaborar un contenido digitallorenitha13v
 
Contenidos digitales
Contenidos digitalesContenidos digitales
Contenidos digitaleslifecoca
 
TIPS PARA ELABORAR UN CONTENIDO DIGITAL
TIPS PARA ELABORAR UN CONTENIDO DIGITALTIPS PARA ELABORAR UN CONTENIDO DIGITAL
TIPS PARA ELABORAR UN CONTENIDO DIGITALKarito Muñoz
 
TIPS PARA ELABORAR UN CONTENIDO DIGITAL
TIPS PARA ELABORAR UN CONTENIDO DIGITALTIPS PARA ELABORAR UN CONTENIDO DIGITAL
TIPS PARA ELABORAR UN CONTENIDO DIGITALKarito Muñoz
 
Diseño de contenidos digitales
Diseño de contenidos digitalesDiseño de contenidos digitales
Diseño de contenidos digitalesNatalia Hernandez
 
Consejos para crear contenidos digitales
Consejos para crear contenidos digitalesConsejos para crear contenidos digitales
Consejos para crear contenidos digitalesVanessa Cabrera
 
Como crear contenidos digitales
Como crear contenidos digitales Como crear contenidos digitales
Como crear contenidos digitales Angie Galindo
 
INFORMACIÓN SOBRE CONTENIDOS DIGITALES
INFORMACIÓN SOBRE CONTENIDOS DIGITALESINFORMACIÓN SOBRE CONTENIDOS DIGITALES
INFORMACIÓN SOBRE CONTENIDOS DIGITALESdaniela charry
 
Contenidos digitales
Contenidos digitalesContenidos digitales
Contenidos digitalesLoraine8
 
Recomendaciones para elaborar un contenido digital
Recomendaciones para elaborar un contenido digitalRecomendaciones para elaborar un contenido digital
Recomendaciones para elaborar un contenido digitalMario Fierro P
 
Recomendaciones para evaluar los contenidos digitales
Recomendaciones para evaluar los contenidos digitalesRecomendaciones para evaluar los contenidos digitales
Recomendaciones para evaluar los contenidos digitalesyakylorena
 

Similar a Maquetación coherente y estructura simétrica para contenido web (19)

Contenido digital
Contenido digitalContenido digital
Contenido digital
 
Consejos graficos
Consejos graficosConsejos graficos
Consejos graficos
 
Consejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativosConsejos graficos para el diseño de recursos educativos
Consejos graficos para el diseño de recursos educativos
 
Recomendaciones para elaborar un contenido digital
Recomendaciones para elaborar un contenido digitalRecomendaciones para elaborar un contenido digital
Recomendaciones para elaborar un contenido digital
 
Jean carlo echeverry
Jean carlo echeverryJean carlo echeverry
Jean carlo echeverry
 
Contenidos digitales
Contenidos digitalesContenidos digitales
Contenidos digitales
 
TIPS PARA ELABORAR UN CONTENIDO DIGITAL
TIPS PARA ELABORAR UN CONTENIDO DIGITALTIPS PARA ELABORAR UN CONTENIDO DIGITAL
TIPS PARA ELABORAR UN CONTENIDO DIGITAL
 
TIPS PARA ELABORAR UN CONTENIDO DIGITAL
TIPS PARA ELABORAR UN CONTENIDO DIGITALTIPS PARA ELABORAR UN CONTENIDO DIGITAL
TIPS PARA ELABORAR UN CONTENIDO DIGITAL
 
Diseño de contenidos digitales
Diseño de contenidos digitalesDiseño de contenidos digitales
Diseño de contenidos digitales
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Consejos para crear contenidos digitales
Consejos para crear contenidos digitalesConsejos para crear contenidos digitales
Consejos para crear contenidos digitales
 
CONTENIDOS DIGITALES
CONTENIDOS DIGITALESCONTENIDOS DIGITALES
CONTENIDOS DIGITALES
 
Como crear contenidos digitales
Como crear contenidos digitales Como crear contenidos digitales
Como crear contenidos digitales
 
INFORMACIÓN SOBRE CONTENIDOS DIGITALES
INFORMACIÓN SOBRE CONTENIDOS DIGITALESINFORMACIÓN SOBRE CONTENIDOS DIGITALES
INFORMACIÓN SOBRE CONTENIDOS DIGITALES
 
Contenidos digitales
Contenidos digitalesContenidos digitales
Contenidos digitales
 
Recomendaciones para elaborar un contenido digital
Recomendaciones para elaborar un contenido digitalRecomendaciones para elaborar un contenido digital
Recomendaciones para elaborar un contenido digital
 
Recomendaciones para evaluar los contenidos digitales
Recomendaciones para evaluar los contenidos digitalesRecomendaciones para evaluar los contenidos digitales
Recomendaciones para evaluar los contenidos digitales
 
Qué es linkedIn
Qué es linkedIn Qué es linkedIn
Qué es linkedIn
 

Último

RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALEDUCCUniversidadCatl
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxMartín Ramírez
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIAAbelardoVelaAlbrecht1
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Baker Publishing Company
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfDannyTola1
 

Último (20)

DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdf
 

Maquetación coherente y estructura simétrica para contenido web

  • 1. David stiven Quintero David stiven Quintero Perdomo Perdomo Grado:1101 Grado:1101
  • 2.  Todos lo que vallamos hacer debe tener una maquetación coherente.  La estructura debe tener simétrica, el orden y las compensación.
  • 3. Unas de las recomendaciones importantes no usar imágenes como fondo, solo colores planos ya que lo mas importante es el contenido.
  • 4. No colocar combinaciones de colores extravagantes sino algo cómodo y que combine.
  • 5. La tipografía toda no puede servir lo primero debe tener en cuenta es que actividad se va a ver en una navegación tiene que usar una serie de fuentes determinadas
  • 6. Las imágenes se dividen en tres : Gifs animado: Las imágenes gifs son las que tiene movimiento, efecto y la mayoría son de 3D. Pesos de las imágenes
  • 7. Imágenes con transparencias Las de transparencias la puede utilizar imágenes de PNG en lugar de GIF. Los gifs dejan un borde blanco alrededor de la imagen que queda fatal. Si tu fondo no es blanco utiliza imágenes png y esos molestos píxeles no aparecerán.
  • 8. Peso de las imágenes El peso de la imágenes hacen ralentizan la carga y muchas veces no tiene justificación. Trate de que tus imágenes pese lo menos posible.