SlideShare una empresa de Scribd logo
FONDOS Y CONTENIDOS DE UN SITIO WEB
6 reglas de oro para crear una web con un fondo
impactante
Diseñar una página web impactante es fácil si sabes cómo. El truco está
en saber elegir las imágenes apropiadas y saber combinar los colores
y tipos de letras. Verás que sorprendes a tus visitas y que ganarás
puntos frente a tus clientes. Te presentamos 6 reglas que te
ayudarán a crear una página web impactante. Síguelas paso a paso
y verás la diferencia en el diseño de tu web.
1. Usa una imagen llamativa para tu fondo web
Usa una imagen de alta resolución para tu fondo, que sea interesante
pero que no tenga tanto detalle como para desviar la atención del
contenido de tu web. Puedes hacer la foto tú mismo o bien usar una
libre de derechos de autor.
2. Contrasta el texto y el fondo web
Usa colores que contrasten. De esta forma harás que tu texto sea
visible sobre tu imagen de fondo. Prueba a usar texto blanco sobre un
fondo negro transparente para conseguir un efecto llamativo. Si
necesitas algunos consejos sobre tipografía aquí puedes ver más.
3. Alinea la página para destacar el fondo
Dependiendo de la imagen que estés usando quizás te convenga
más alinear la plantilla de tu página a la izquierda o a la derecha.
Con la configuración adecuada podrás atraer la atención de tus visitas
con una imagen impactante que también les permita ver tu contenido.
4. Haz que la imagen ocupe todo el fondo
Una imagen en pantalla completa es la base perfecta para una página
impactante. Asegúrate de que, una vez hayas elegido tu imagen de
fondo con alta resolución, marques la opción correspondiente para que
el fondo sea completo y que la imagen no aparezca repetida.
5. Utiliza un encabezado transparente para
resaltar el título
El mejor consejo es utilizar un encabezado transparente para lograr que
el título se integre en el fondo.
Es truco muy sencillo que no te costará mucho esfuerzo; de esta forma,
evitas tener que buscar un encabezado que combine con el fondo de tu
página web.
6. Da un paso más: sube un vídeo de fondo
Si tienes vídeos de colores y formas bonitas, sobre tu local, tus
productos, sobre tu grupo de música o sobre tu creación audiovisual...
puedes utilizarlo como vídeo de fondo.
Debes tener cuidado, ya que un vídeo de mala calidad puede causar
muy mala impresión de tu página o distraer a tus visitas.
10 CONSEJOS SENCILLOS PARA EL CONTENIDO
DE TU PAGINA WEB:
1. Saber a qué público se dirige el texto y escribirlo acorde
2. Usar un lenguaje directo, sencillo y conciso
3. Limitar las frases a un máximo de 20 palabras
4. Limitar las oraciones a una idea por párrafo
5. Limitar el párrafo a un máximo de 5 líneas
6. Organizar el contenido según el estilo de pirámide invertida —de
mayor a menor interés
7. Escribir en un lenguaje llano y sencillo —cercano a la lengua hablada
8. Usar la voz activa; evitar el uso de jerga y clichés (cuando haya que
usar siglas, dar la versión completa); usar verbos expresivos
9. Abreviar el texto omitiendo palabras que no aportan significado, por
ejemplo, "como lo habíamos dicho anteriormente"
10. Facilitar la lectura dejando abundantes espacios en blanco y
evitando el uso de diferentes tipos de letra
CONSEJOS ADICIONALES:
 Elegir titulares y subtítulos significativos para dividir el texto y facilitar
la exploración
 Evitar largos bloques de texto gris usando listas con viñetas
 Revisar el texto para asegurarse que no tenga errores gramaticales
ni ortográficos
Y ADEMÁS...
1. Título: No es lo mismo escribir titulares para la Web que para textos
impresos. La cantidad de información disponible en una pantalla
es limitada, a diferencia de un periódico o una revista que permite ver
al mismo tiempo el titular, fotografía, leyenda, bajada o deck (titular
secundario explicativo) y el cuerpo del artículo. El título es lo que va a
hacer que el lector se quede en su artículo o sección.
2. Cuerpo: Utilizar oraciones cortas, listas con viñetas y subtítulos: La
mayoría de la gente no lee las páginas Web de manera lineal. Más bien las
exploran buscando áreas de interés y usando enlaces saltan de un sitio
a otro. Esto le deja poco o ningún control a la persona que escribe sobre
la manera en que el lector abordará su material. Por eso es importante
que el documento sea fácilmente explorable.
3. Gráficos: Un buen texto debe ser acompañado de buenas gráficas.
Las imágenes ayudan a hacer la lectura más placentera y pueden llamar
mucho la atención del lector. Si pensamos cómo lectores Web, siempre
tendemos a asociar una imagen a un artículo.
4. Links: Es importante siempre hacer links cruzados dentro de los
textos. Por ejemplo si se está listando productos, cada uno de estos
debe tener un link a la sección del producto. En artículos, de ser el caso
se deben proveer links relevantes que soporten su texto o que
entreguen más descripciones del mismo.

Más contenido relacionado

La actualidad más candente

Grandes Blogs De Asesoramiento De La Real Ejecución De Un Blog De Profesionales
Grandes Blogs De Asesoramiento De La Real Ejecución De Un Blog De ProfesionalesGrandes Blogs De Asesoramiento De La Real Ejecución De Un Blog De Profesionales
Grandes Blogs De Asesoramiento De La Real Ejecución De Un Blog De Profesionales
goodyears8246
 
Marketing de artículos
Marketing de artículosMarketing de artículos
Marketing de artículos
Deysi Torres
 
Los mejores tips para hacer una buena presentación
Los mejores tips para hacer una buena presentaciónLos mejores tips para hacer una buena presentación
Los mejores tips para hacer una buena presentación
Erik Alejandro Chi May
 
Posicionar contenidos en google
Posicionar contenidos en googlePosicionar contenidos en google
Posicionar contenidos en google
José CHICA-PINCAY
 
Los mejores tips para hacer una buena presentación
Los mejores tips para hacer una buena presentaciónLos mejores tips para hacer una buena presentación
Los mejores tips para hacer una buena presentación
citalan17
 
Encabezados de pagina
Encabezados de paginaEncabezados de pagina
Encabezados de pagina
Mayer Olivares Salinas
 
Diseño Web en Photoshop
Diseño Web en PhotoshopDiseño Web en Photoshop
Diseño Web en Photoshop
Jorge Llanten
 
Cómo escoger un buen título para tus artículos
Cómo escoger un buen título para tus artículosCómo escoger un buen título para tus artículos
Cómo escoger un buen título para tus artículos
Óscar Pech Lara
 
Introducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginasIntroducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginas
paoloarevaloortiz
 
Cómo producir contenidos periodísticos para la web
Cómo producir contenidos periodísticos para la webCómo producir contenidos periodísticos para la web
Cómo producir contenidos periodísticos para la web
Gabriela Ramos
 
Taller Optimiza y Promociona tu Blog en Mi Boda Rocks
Taller Optimiza y Promociona tu Blog en Mi Boda RocksTaller Optimiza y Promociona tu Blog en Mi Boda Rocks
Taller Optimiza y Promociona tu Blog en Mi Boda Rocks
Celia Espada Garcia
 
Taller WordPress de Infolagun: Escribe para personas y posiciona en Google
Taller WordPress de Infolagun: Escribe para personas y posiciona en GoogleTaller WordPress de Infolagun: Escribe para personas y posiciona en Google
Taller WordPress de Infolagun: Escribe para personas y posiciona en Google
infolagun
 
Contenido
ContenidoContenido
Contenido
citalan17
 
Seo Para Blogs
Seo Para BlogsSeo Para Blogs
Seo Para Blogs
Carina Novarese
 
Presentación1
Presentación1Presentación1
Presentación1
14096
 
Diseño de presentaciones efectivas
Diseño de presentaciones efectivasDiseño de presentaciones efectivas
Diseño de presentaciones efectivas
ScarletTitania
 
Buscadores
BuscadoresBuscadores
Buscadores
Heidiie Hdz
 

La actualidad más candente (17)

Grandes Blogs De Asesoramiento De La Real Ejecución De Un Blog De Profesionales
Grandes Blogs De Asesoramiento De La Real Ejecución De Un Blog De ProfesionalesGrandes Blogs De Asesoramiento De La Real Ejecución De Un Blog De Profesionales
Grandes Blogs De Asesoramiento De La Real Ejecución De Un Blog De Profesionales
 
Marketing de artículos
Marketing de artículosMarketing de artículos
Marketing de artículos
 
Los mejores tips para hacer una buena presentación
Los mejores tips para hacer una buena presentaciónLos mejores tips para hacer una buena presentación
Los mejores tips para hacer una buena presentación
 
Posicionar contenidos en google
Posicionar contenidos en googlePosicionar contenidos en google
Posicionar contenidos en google
 
Los mejores tips para hacer una buena presentación
Los mejores tips para hacer una buena presentaciónLos mejores tips para hacer una buena presentación
Los mejores tips para hacer una buena presentación
 
Encabezados de pagina
Encabezados de paginaEncabezados de pagina
Encabezados de pagina
 
Diseño Web en Photoshop
Diseño Web en PhotoshopDiseño Web en Photoshop
Diseño Web en Photoshop
 
Cómo escoger un buen título para tus artículos
Cómo escoger un buen título para tus artículosCómo escoger un buen título para tus artículos
Cómo escoger un buen título para tus artículos
 
Introducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginasIntroducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginas
 
Cómo producir contenidos periodísticos para la web
Cómo producir contenidos periodísticos para la webCómo producir contenidos periodísticos para la web
Cómo producir contenidos periodísticos para la web
 
Taller Optimiza y Promociona tu Blog en Mi Boda Rocks
Taller Optimiza y Promociona tu Blog en Mi Boda RocksTaller Optimiza y Promociona tu Blog en Mi Boda Rocks
Taller Optimiza y Promociona tu Blog en Mi Boda Rocks
 
Taller WordPress de Infolagun: Escribe para personas y posiciona en Google
Taller WordPress de Infolagun: Escribe para personas y posiciona en GoogleTaller WordPress de Infolagun: Escribe para personas y posiciona en Google
Taller WordPress de Infolagun: Escribe para personas y posiciona en Google
 
Contenido
ContenidoContenido
Contenido
 
Seo Para Blogs
Seo Para BlogsSeo Para Blogs
Seo Para Blogs
 
Presentación1
Presentación1Presentación1
Presentación1
 
Diseño de presentaciones efectivas
Diseño de presentaciones efectivasDiseño de presentaciones efectivas
Diseño de presentaciones efectivas
 
Buscadores
BuscadoresBuscadores
Buscadores
 

Destacado

Manual css3 nov2014
Manual css3 nov2014Manual css3 nov2014
Manual css3 nov2014
Yadith Gomez Nolasco
 
Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014
Yadith Gomez Nolasco
 
Elaboración del resumen
Elaboración del resumenElaboración del resumen
Elaboración del resumen
Yadith Gomez Nolasco
 
Menu de Navegacion y footer
Menu  de Navegacion y footerMenu  de Navegacion y footer
Menu de Navegacion y footer
Yadith Gomez Nolasco
 
Manual chat
Manual chatManual chat
Diseño Web-Personales Institucionales
Diseño Web-Personales InstitucionalesDiseño Web-Personales Institucionales
Diseño Web-Personales Institucionales
Yadith Gomez Nolasco
 
Menu y footer
Menu y footerMenu y footer
Menu y footer
Yadith Gomez Nolasco
 
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
Yadith Gomez Nolasco
 
Menusfooter
MenusfooterMenusfooter
Fondo y contenido
Fondo y contenidoFondo y contenido
Fondo y contenido
Yadith Gomez Nolasco
 
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
Yadith Gomez Nolasco
 
Barra lateral
Barra lateralBarra lateral
Barra lateral
Yadith Gomez Nolasco
 
Diseño web-personales institucionales
Diseño web-personales institucionalesDiseño web-personales institucionales
Diseño web-personales institucionales
Yadith Gomez Nolasco
 
Lição 04 - Os Benefícios da Justificação
Lição 04 - Os Benefícios da JustificaçãoLição 04 - Os Benefícios da Justificação
Lição 04 - Os Benefícios da Justificação
Regio Davis
 
Periodico
PeriodicoPeriodico
Periodico
Humbert Gonza
 
3º ano cap 1 industrialização e imperialismo
3º ano  cap 1 industrialização e imperialismo3º ano  cap 1 industrialização e imperialismo
3º ano cap 1 industrialização e imperialismo
José Carlos
 
República oligarquica
República oligarquicaRepública oligarquica
República oligarquica
José Carlos
 
parcial 2
parcial 2parcial 2
parcial 2
bryandavid98
 
2. COSOP results review mtr 2016
2. COSOP results review mtr 20162. COSOP results review mtr 2016
2. COSOP results review mtr 2016
ifadseahub
 
Reorganización
Reorganización Reorganización
Reorganización
MAEG Guzmán
 

Destacado (20)

Manual css3 nov2014
Manual css3 nov2014Manual css3 nov2014
Manual css3 nov2014
 
Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014
 
Elaboración del resumen
Elaboración del resumenElaboración del resumen
Elaboración del resumen
 
Menu de Navegacion y footer
Menu  de Navegacion y footerMenu  de Navegacion y footer
Menu de Navegacion y footer
 
Manual chat
Manual chatManual chat
Manual chat
 
Diseño Web-Personales Institucionales
Diseño Web-Personales InstitucionalesDiseño Web-Personales Institucionales
Diseño Web-Personales Institucionales
 
Menu y footer
Menu y footerMenu y footer
Menu y footer
 
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
 
Menusfooter
MenusfooterMenusfooter
Menusfooter
 
Fondo y contenido
Fondo y contenidoFondo y contenido
Fondo y contenido
 
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
 
Barra lateral
Barra lateralBarra lateral
Barra lateral
 
Diseño web-personales institucionales
Diseño web-personales institucionalesDiseño web-personales institucionales
Diseño web-personales institucionales
 
Lição 04 - Os Benefícios da Justificação
Lição 04 - Os Benefícios da JustificaçãoLição 04 - Os Benefícios da Justificação
Lição 04 - Os Benefícios da Justificação
 
Periodico
PeriodicoPeriodico
Periodico
 
3º ano cap 1 industrialização e imperialismo
3º ano  cap 1 industrialização e imperialismo3º ano  cap 1 industrialização e imperialismo
3º ano cap 1 industrialização e imperialismo
 
República oligarquica
República oligarquicaRepública oligarquica
República oligarquica
 
parcial 2
parcial 2parcial 2
parcial 2
 
2. COSOP results review mtr 2016
2. COSOP results review mtr 20162. COSOP results review mtr 2016
2. COSOP results review mtr 2016
 
Reorganización
Reorganización Reorganización
Reorganización
 

Similar a Fondo y contenido

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
kateclaros
 
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
kateclaros
 
Andrea paz
Andrea pazAndrea paz
Andrea paz
Andrepazgomez
 
Andrea paz
Andrea pazAndrea paz
Andrea paz
Andrepazgomez
 
Como escribir tus post para seducir a Google y lanzarlos al estrellato. Por J...
Como escribir tus post para seducir a Google y lanzarlos al estrellato. Por J...Como escribir tus post para seducir a Google y lanzarlos al estrellato. Por J...
Como escribir tus post para seducir a Google y lanzarlos al estrellato. Por J...
BlogsterApp Ambassador
 
Contenido digital 11.03
Contenido digital  11.03Contenido digital  11.03
Contenido digital 11.03
Angelica1996
 
Usos de la tipografía y los diferentes tipos de logotipos
Usos de la tipografía y los diferentes tipos de logotiposUsos de la tipografía y los diferentes tipos de logotipos
Usos de la tipografía y los diferentes tipos de logotipos
AriannaGonzalez15
 
Escribe para la web
Escribe para la webEscribe para la web
Escribe para la web
★ Luis A. Román Mañas
 
Taller Urbanidad Blogs[1]
Taller Urbanidad Blogs[1]Taller Urbanidad Blogs[1]
Taller Urbanidad Blogs[1]
askubia25
 
Taller Urbanidad Blogs[1]
Taller Urbanidad Blogs[1]Taller Urbanidad Blogs[1]
Taller Urbanidad Blogs[1]
mapebil
 
CONTENIDOS DIGITALES
CONTENIDOS DIGITALESCONTENIDOS DIGITALES
CONTENIDOS DIGITALES
Danny Tamayo
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generales
ga12007
 
Manual diseño de blog
Manual diseño de blogManual diseño de blog
Manual diseño de blog
Flaquita PJ
 
Redacción en Internet
Redacción en InternetRedacción en Internet
Redacción en Internet
Eva Avila
 
8 Ideas Escribir Contenidos
8 Ideas   Escribir Contenidos8 Ideas   Escribir Contenidos
8 Ideas Escribir Contenidos
Gonzalo Suárez
 
Guía de cómo hacer una presentación
Guía de cómo hacer una presentaciónGuía de cómo hacer una presentación
Guía de cómo hacer una presentación
robertocamachoguerrero
 
Ocho claves para una buena redacción en la
Ocho claves para una buena redacción en laOcho claves para una buena redacción en la
Ocho claves para una buena redacción en la
Verito Vasconez Varas
 
CONTENIDO DIGITAL INCLUSIVO
CONTENIDO DIGITAL INCLUSIVOCONTENIDO DIGITAL INCLUSIVO
CONTENIDO DIGITAL INCLUSIVO
Danny Tamayo
 
Guión Videotutorial
Guión VideotutorialGuión Videotutorial
Guión Videotutorial
yorlep
 
10 trucos para crear una presentación de buena calidad
10 trucos para crear una presentación de buena calidad10 trucos para crear una presentación de buena calidad
10 trucos para crear una presentación de buena calidad
Daniel Rincon
 

Similar a Fondo y contenido (20)

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
 
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
 
Andrea paz
Andrea pazAndrea paz
Andrea paz
 
Andrea paz
Andrea pazAndrea paz
Andrea paz
 
Como escribir tus post para seducir a Google y lanzarlos al estrellato. Por J...
Como escribir tus post para seducir a Google y lanzarlos al estrellato. Por J...Como escribir tus post para seducir a Google y lanzarlos al estrellato. Por J...
Como escribir tus post para seducir a Google y lanzarlos al estrellato. Por J...
 
Contenido digital 11.03
Contenido digital  11.03Contenido digital  11.03
Contenido digital 11.03
 
Usos de la tipografía y los diferentes tipos de logotipos
Usos de la tipografía y los diferentes tipos de logotiposUsos de la tipografía y los diferentes tipos de logotipos
Usos de la tipografía y los diferentes tipos de logotipos
 
Escribe para la web
Escribe para la webEscribe para la web
Escribe para la web
 
Taller Urbanidad Blogs[1]
Taller Urbanidad Blogs[1]Taller Urbanidad Blogs[1]
Taller Urbanidad Blogs[1]
 
Taller Urbanidad Blogs[1]
Taller Urbanidad Blogs[1]Taller Urbanidad Blogs[1]
Taller Urbanidad Blogs[1]
 
CONTENIDOS DIGITALES
CONTENIDOS DIGITALESCONTENIDOS DIGITALES
CONTENIDOS DIGITALES
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generales
 
Manual diseño de blog
Manual diseño de blogManual diseño de blog
Manual diseño de blog
 
Redacción en Internet
Redacción en InternetRedacción en Internet
Redacción en Internet
 
8 Ideas Escribir Contenidos
8 Ideas   Escribir Contenidos8 Ideas   Escribir Contenidos
8 Ideas Escribir Contenidos
 
Guía de cómo hacer una presentación
Guía de cómo hacer una presentaciónGuía de cómo hacer una presentación
Guía de cómo hacer una presentación
 
Ocho claves para una buena redacción en la
Ocho claves para una buena redacción en laOcho claves para una buena redacción en la
Ocho claves para una buena redacción en la
 
CONTENIDO DIGITAL INCLUSIVO
CONTENIDO DIGITAL INCLUSIVOCONTENIDO DIGITAL INCLUSIVO
CONTENIDO DIGITAL INCLUSIVO
 
Guión Videotutorial
Guión VideotutorialGuión Videotutorial
Guión Videotutorial
 
10 trucos para crear una presentación de buena calidad
10 trucos para crear una presentación de buena calidad10 trucos para crear una presentación de buena calidad
10 trucos para crear una presentación de buena calidad
 

Último

La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
JonathanCovena1
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
Inslvarez5
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
AlexDeLonghi
 
Guia para Docentes como usar ChatGPT Mineduc Ccesa007.pdf
Guia para Docentes como usar ChatGPT  Mineduc Ccesa007.pdfGuia para Docentes como usar ChatGPT  Mineduc Ccesa007.pdf
Guia para Docentes como usar ChatGPT Mineduc Ccesa007.pdf
Demetrio Ccesa Rayme
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
RAMIREZNICOLE
 
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptxPPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
gamcoaquera
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
EricaCouly1
 
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdfMundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
ViriEsteva
 
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdfEl Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
Robert Zuñiga Vargas
 
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptxSEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
Osiris Urbano
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
Jose Luis Jimenez Rodriguez
 
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
JAVIER SOLIS NOYOLA
 
Power Point: El espiritismo desenmascarado
Power Point: El espiritismo desenmascaradoPower Point: El espiritismo desenmascarado
Power Point: El espiritismo desenmascarado
https://gramadal.wordpress.com/
 
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptxNuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
lautyzaracho4
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
ROCIORUIZQUEZADA
 
Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
YeniferGarcia36
 
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docxRETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
100078171
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
ginnazamudio
 
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdfp4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
DavidCamiloMosquera
 
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdfGuia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Demetrio Ccesa Rayme
 

Último (20)

La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
 
Guia para Docentes como usar ChatGPT Mineduc Ccesa007.pdf
Guia para Docentes como usar ChatGPT  Mineduc Ccesa007.pdfGuia para Docentes como usar ChatGPT  Mineduc Ccesa007.pdf
Guia para Docentes como usar ChatGPT Mineduc Ccesa007.pdf
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
 
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptxPPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
 
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdfMundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
 
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdfEl Cerebro se Cambia a si Mismo-Norman Doidge.pdf
El Cerebro se Cambia a si Mismo-Norman Doidge.pdf
 
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptxSEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
 
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
 
Power Point: El espiritismo desenmascarado
Power Point: El espiritismo desenmascaradoPower Point: El espiritismo desenmascarado
Power Point: El espiritismo desenmascarado
 
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptxNuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
 
Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
 
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docxRETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
 
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdfp4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
 
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdfGuia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
 

Fondo y contenido

  • 1. FONDOS Y CONTENIDOS DE UN SITIO WEB 6 reglas de oro para crear una web con un fondo impactante Diseñar una página web impactante es fácil si sabes cómo. El truco está en saber elegir las imágenes apropiadas y saber combinar los colores y tipos de letras. Verás que sorprendes a tus visitas y que ganarás puntos frente a tus clientes. Te presentamos 6 reglas que te ayudarán a crear una página web impactante. Síguelas paso a paso y verás la diferencia en el diseño de tu web. 1. Usa una imagen llamativa para tu fondo web Usa una imagen de alta resolución para tu fondo, que sea interesante pero que no tenga tanto detalle como para desviar la atención del contenido de tu web. Puedes hacer la foto tú mismo o bien usar una libre de derechos de autor.
  • 2. 2. Contrasta el texto y el fondo web Usa colores que contrasten. De esta forma harás que tu texto sea visible sobre tu imagen de fondo. Prueba a usar texto blanco sobre un fondo negro transparente para conseguir un efecto llamativo. Si necesitas algunos consejos sobre tipografía aquí puedes ver más. 3. Alinea la página para destacar el fondo Dependiendo de la imagen que estés usando quizás te convenga más alinear la plantilla de tu página a la izquierda o a la derecha. Con la configuración adecuada podrás atraer la atención de tus visitas con una imagen impactante que también les permita ver tu contenido.
  • 3. 4. Haz que la imagen ocupe todo el fondo Una imagen en pantalla completa es la base perfecta para una página impactante. Asegúrate de que, una vez hayas elegido tu imagen de fondo con alta resolución, marques la opción correspondiente para que el fondo sea completo y que la imagen no aparezca repetida. 5. Utiliza un encabezado transparente para resaltar el título El mejor consejo es utilizar un encabezado transparente para lograr que el título se integre en el fondo. Es truco muy sencillo que no te costará mucho esfuerzo; de esta forma, evitas tener que buscar un encabezado que combine con el fondo de tu página web.
  • 4. 6. Da un paso más: sube un vídeo de fondo Si tienes vídeos de colores y formas bonitas, sobre tu local, tus productos, sobre tu grupo de música o sobre tu creación audiovisual... puedes utilizarlo como vídeo de fondo. Debes tener cuidado, ya que un vídeo de mala calidad puede causar muy mala impresión de tu página o distraer a tus visitas. 10 CONSEJOS SENCILLOS PARA EL CONTENIDO DE TU PAGINA WEB: 1. Saber a qué público se dirige el texto y escribirlo acorde 2. Usar un lenguaje directo, sencillo y conciso 3. Limitar las frases a un máximo de 20 palabras 4. Limitar las oraciones a una idea por párrafo 5. Limitar el párrafo a un máximo de 5 líneas 6. Organizar el contenido según el estilo de pirámide invertida —de mayor a menor interés 7. Escribir en un lenguaje llano y sencillo —cercano a la lengua hablada 8. Usar la voz activa; evitar el uso de jerga y clichés (cuando haya que usar siglas, dar la versión completa); usar verbos expresivos 9. Abreviar el texto omitiendo palabras que no aportan significado, por ejemplo, "como lo habíamos dicho anteriormente" 10. Facilitar la lectura dejando abundantes espacios en blanco y evitando el uso de diferentes tipos de letra CONSEJOS ADICIONALES:  Elegir titulares y subtítulos significativos para dividir el texto y facilitar la exploración  Evitar largos bloques de texto gris usando listas con viñetas
  • 5.  Revisar el texto para asegurarse que no tenga errores gramaticales ni ortográficos Y ADEMÁS... 1. Título: No es lo mismo escribir titulares para la Web que para textos impresos. La cantidad de información disponible en una pantalla es limitada, a diferencia de un periódico o una revista que permite ver al mismo tiempo el titular, fotografía, leyenda, bajada o deck (titular secundario explicativo) y el cuerpo del artículo. El título es lo que va a hacer que el lector se quede en su artículo o sección. 2. Cuerpo: Utilizar oraciones cortas, listas con viñetas y subtítulos: La mayoría de la gente no lee las páginas Web de manera lineal. Más bien las exploran buscando áreas de interés y usando enlaces saltan de un sitio a otro. Esto le deja poco o ningún control a la persona que escribe sobre la manera en que el lector abordará su material. Por eso es importante que el documento sea fácilmente explorable. 3. Gráficos: Un buen texto debe ser acompañado de buenas gráficas. Las imágenes ayudan a hacer la lectura más placentera y pueden llamar mucho la atención del lector. Si pensamos cómo lectores Web, siempre tendemos a asociar una imagen a un artículo. 4. Links: Es importante siempre hacer links cruzados dentro de los textos. Por ejemplo si se está listando productos, cada uno de estos debe tener un link a la sección del producto. En artículos, de ser el caso se deben proveer links relevantes que soporten su texto o que entreguen más descripciones del mismo.