SlideShare a Scribd company logo
1 of 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.

More Related Content

Viewers also liked

(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
 

Viewers also liked (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 to 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 to 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
 

Recently uploaded

PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
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
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxJUANCARLOSAPARCANARE
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicialLorenaSanchez350426
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicaGianninaValeskaContr
 
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)veganet
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORGonella
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxEribertoPerezRamirez
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...YobanaZevallosSantil1
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
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
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxMartín Ramírez
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesRaquel Martín Contreras
 

Recently uploaded (20)

PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.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
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicial
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básica
 
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIOR
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
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
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 

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.