SlideShare una empresa de Scribd logo
1 de 6
• La persona que publicaba la
información tenía total control
y autoridad de lo publicado.
• Fue el inicio de exposición al
mundo entero a través de
Internet.
VENTAJAS
• La información es pasiva es
decir, no se conoce de
inmediato la reacción de del
público en relación a la
información compartida.
• La comunicación es pasiva.
DEVENTAJAS
• Permite a los usuarios
interactuar y colaborar entre sí,
subir, guardar y compartir
información.
• Software libre
VENTAJAS
• Generalmente no se sabe en
manos de quién caen los datos
ni que uso se va a hacer de
ellos.
• Se necesita tener la
capacidad de selección de
información.
DEVENTAJAS
• Interfaz fácil de navegar,
podemos editar los sitios web .
• El código fuente es abierto.
• Web con sentido semántico
VENTAJAS
• Debemos tener cuidado con la
seguridad de información del
sitio.
• Uso inadecuado de
herramientas
DEVENTAJAS
• Inteligencia artificial.
• Podremos comunicarnos de
forma natural y en línea con
una agente virtual inteligente.
VENTAJAS
• La dependencia del sistema a
la conexión de Internet.
• En el caso de las empresas u
otras instituciones es peligroso
colgar datos confidenciales.
DEVENTAJAS
PENSAR
DEFINE LOS
ELEMENTOS
DE TU
ESTILO
CREA
UN
MAPA DE
TU WEB
EL ARTE DE
CONSTRUIR
UNA WEB S
Hacerse unas preguntas
básicas sobre cuáles son
los objetivos de hacer
una página web
Sobre el tema que
vamos a crear la página
web
El público que va a
participar en la página
web
Cuando tengas una
idea clara de cómo
debe ser tu web,
puedes empezar a
preocuparte de los
detalles generales.
Define tus colores
Piensa en los colores
corporativos de tu
empresa, o en los
objetivos de tu web.
Define tu tipo de
letra Decide el tipo
de letra que usarás
en tu sitio web, el
tamaño y el color .
Define la tecnología
que usarás ¿Qué
tecnología hay
detrás de una página
web? Básicamente,
una web contiene un
código HTML e
imágenes,
usualmente en
formato GIF
(dibujos) y JPG
(fotografías).
Llegó el momento de
crear un mapa de tu
web
Tienes el material,
fotografías, estilos,
pero ¿de cuántas
páginas estamos
hablando?
Un mapa puede servirte
de guía para mantener
controlado el desarrollo
y mantenimiento de tu
web.
Pie de página Ya es
una regla
generalizada poner
información de tu
empresa en el pie de
página de todas tus
webs.
Titulares y menú El
principal elemento
que dará coherencia a
tu web es utilizar un
único estilo para
desarrollar tu menú
de navegación y
titulares.
Consistencia visual La
clave de un diseño
exitoso es encontrar
un balance entre las
imágenes, un texto no
muy denso y hacer
que el menú de
navegación se ubique
en un espacio
predecible.
Sólo cuando tengas
reunido todo el
material, definido el
mapa de tu web y
definido tu estilo,
puedes ponerte en
marcha a trabajar en
la construcción de tu
obra virtual.

Más contenido relacionado

Destacado

AcquiretheFireJune06
AcquiretheFireJune06AcquiretheFireJune06
AcquiretheFireJune06Lora Schrock
 
Waldo the All Star
Waldo the All StarWaldo the All Star
Waldo the All StarEddie Loomis
 
Community manager jucelira lopez multimedia
Community manager jucelira lopez  multimediaCommunity manager jucelira lopez  multimedia
Community manager jucelira lopez multimediajucelira
 
Manualidades con abalorios
Manualidades con abaloriosManualidades con abalorios
Manualidades con abaloriosAngel Duna
 
Herramientas digitales ana simbron
Herramientas digitales ana simbronHerramientas digitales ana simbron
Herramientas digitales ana simbronanie_torres
 
Образ человека культурного
Образ человека культурногоОбраз человека культурного
Образ человека культурногоAnastasia Shatkova
 
Indigenous Peoples' and Community Conserved Territories and Areas as No-Go Areas
Indigenous Peoples' and Community Conserved Territories and Areas as No-Go AreasIndigenous Peoples' and Community Conserved Territories and Areas as No-Go Areas
Indigenous Peoples' and Community Conserved Territories and Areas as No-Go AreasAshish Kothari
 
Réinventez la productivité avec Microsoft Dynamics
Réinventez la productivité avec Microsoft DynamicsRéinventez la productivité avec Microsoft Dynamics
Réinventez la productivité avec Microsoft DynamicsPRODWARE
 
8 reasons to choose NEO as your LMS
8 reasons to choose NEO as your LMS8 reasons to choose NEO as your LMS
8 reasons to choose NEO as your LMSAlina Ana
 

Destacado (16)

NIVELACIÓN
NIVELACIÓNNIVELACIÓN
NIVELACIÓN
 
Tasbeeh Jan CV
Tasbeeh Jan CVTasbeeh Jan CV
Tasbeeh Jan CV
 
AcquiretheFireJune06
AcquiretheFireJune06AcquiretheFireJune06
AcquiretheFireJune06
 
Waldo the All Star
Waldo the All StarWaldo the All Star
Waldo the All Star
 
Due Diligence Presentation
Due Diligence PresentationDue Diligence Presentation
Due Diligence Presentation
 
Himalaya vaas info pack
Himalaya vaas info packHimalaya vaas info pack
Himalaya vaas info pack
 
Ouya catalogo
Ouya catalogoOuya catalogo
Ouya catalogo
 
Community manager jucelira lopez multimedia
Community manager jucelira lopez  multimediaCommunity manager jucelira lopez  multimedia
Community manager jucelira lopez multimedia
 
Manualidades con abalorios
Manualidades con abaloriosManualidades con abalorios
Manualidades con abalorios
 
Herramientas digitales ana simbron
Herramientas digitales ana simbronHerramientas digitales ana simbron
Herramientas digitales ana simbron
 
Образ человека культурного
Образ человека культурногоОбраз человека культурного
Образ человека культурного
 
Indigenous Peoples' and Community Conserved Territories and Areas as No-Go Areas
Indigenous Peoples' and Community Conserved Territories and Areas as No-Go AreasIndigenous Peoples' and Community Conserved Territories and Areas as No-Go Areas
Indigenous Peoples' and Community Conserved Territories and Areas as No-Go Areas
 
Secadora Balay 3SE761
Secadora Balay 3SE761 Secadora Balay 3SE761
Secadora Balay 3SE761
 
Réinventez la productivité avec Microsoft Dynamics
Réinventez la productivité avec Microsoft DynamicsRéinventez la productivité avec Microsoft Dynamics
Réinventez la productivité avec Microsoft Dynamics
 
8 reasons to choose NEO as your LMS
8 reasons to choose NEO as your LMS8 reasons to choose NEO as your LMS
8 reasons to choose NEO as your LMS
 
Current Resume
Current ResumeCurrent Resume
Current Resume
 

Similar a Web 1 2-3-4

Similar a Web 1 2-3-4 (20)

Tecnología web II
Tecnología web IITecnología web II
Tecnología web II
 
Paginas web
Paginas webPaginas web
Paginas web
 
Lenguaje Digital UDD clase 2
Lenguaje Digital UDD clase 2Lenguaje Digital UDD clase 2
Lenguaje Digital UDD clase 2
 
SITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimientoSITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimiento
 
Creatividad en Internet
Creatividad en InternetCreatividad en Internet
Creatividad en Internet
 
Comunicación interactiva
Comunicación interactivaComunicación interactiva
Comunicación interactiva
 
Cuestionario la web 2
Cuestionario la web 2Cuestionario la web 2
Cuestionario la web 2
 
Que es el internet
Que es el internetQue es el internet
Que es el internet
 
Paginas web
Paginas webPaginas web
Paginas web
 
Trabajo de compu
Trabajo de  compuTrabajo de  compu
Trabajo de compu
 
Sitios Web - WebSites
Sitios Web - WebSitesSitios Web - WebSites
Sitios Web - WebSites
 
Lucia Pamos Extremera
Lucia Pamos ExtremeraLucia Pamos Extremera
Lucia Pamos Extremera
 
Exposición 7
Exposición 7Exposición 7
Exposición 7
 
Comunicacion interactiva
Comunicacion interactiva Comunicacion interactiva
Comunicacion interactiva
 
Docentes e-competentes: estrategias y herramientas para el desarrollo de marc...
Docentes e-competentes: estrategias y herramientas para el desarrollo de marc...Docentes e-competentes: estrategias y herramientas para el desarrollo de marc...
Docentes e-competentes: estrategias y herramientas para el desarrollo de marc...
 
HERRAMIENTASTIC
HERRAMIENTASTICHERRAMIENTASTIC
HERRAMIENTASTIC
 
Redes sociales listo
Redes sociales listoRedes sociales listo
Redes sociales listo
 
Vale
ValeVale
Vale
 
Comunicación interactiva
Comunicación interactivaComunicación interactiva
Comunicación interactiva
 
LA WEB
LA WEBLA WEB
LA WEB
 

Más de Estefy Sanchez

Experiencias aleatorias
Experiencias aleatoriasExperiencias aleatorias
Experiencias aleatoriasEstefy Sanchez
 
SISTEMA DE GESTIÓN DE CONTENIDOS
SISTEMA DE GESTIÓN DE CONTENIDOSSISTEMA DE GESTIÓN DE CONTENIDOS
SISTEMA DE GESTIÓN DE CONTENIDOSEstefy Sanchez
 
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010Estefy Sanchez
 
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010Estefy Sanchez
 
Java Teoría-ejercicios
Java Teoría-ejerciciosJava Teoría-ejercicios
Java Teoría-ejerciciosEstefy Sanchez
 
Ejercicios de Aplicación
Ejercicios de AplicaciónEjercicios de Aplicación
Ejercicios de AplicaciónEstefy Sanchez
 
Libro digital de programación
Libro digital de programaciónLibro digital de programación
Libro digital de programaciónEstefy Sanchez
 

Más de Estefy Sanchez (13)

Ángulos
ÁngulosÁngulos
Ángulos
 
Experiencias aleatorias
Experiencias aleatoriasExperiencias aleatorias
Experiencias aleatorias
 
SISTEMA DE GESTIÓN DE CONTENIDOS
SISTEMA DE GESTIÓN DE CONTENIDOSSISTEMA DE GESTIÓN DE CONTENIDOS
SISTEMA DE GESTIÓN DE CONTENIDOS
 
Redacción Comercial
Redacción Comercial Redacción Comercial
Redacción Comercial
 
Listas HTML
Listas HTMLListas HTML
Listas HTML
 
Listas
ListasListas
Listas
 
La internet
La internetLa internet
La internet
 
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
 
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
 
Ejercicios Java
Ejercicios JavaEjercicios Java
Ejercicios Java
 
Java Teoría-ejercicios
Java Teoría-ejerciciosJava Teoría-ejercicios
Java Teoría-ejercicios
 
Ejercicios de Aplicación
Ejercicios de AplicaciónEjercicios de Aplicación
Ejercicios de Aplicación
 
Libro digital de programación
Libro digital de programaciónLibro digital de programación
Libro digital de programación
 

Último

Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilJuanGallardo438714
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxlosdiosesmanzaneros
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 

Último (15)

Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 

Web 1 2-3-4

  • 1.
  • 2. • La persona que publicaba la información tenía total control y autoridad de lo publicado. • Fue el inicio de exposición al mundo entero a través de Internet. VENTAJAS • La información es pasiva es decir, no se conoce de inmediato la reacción de del público en relación a la información compartida. • La comunicación es pasiva. DEVENTAJAS • Permite a los usuarios interactuar y colaborar entre sí, subir, guardar y compartir información. • Software libre VENTAJAS • Generalmente no se sabe en manos de quién caen los datos ni que uso se va a hacer de ellos. • Se necesita tener la capacidad de selección de información. DEVENTAJAS
  • 3. • Interfaz fácil de navegar, podemos editar los sitios web . • El código fuente es abierto. • Web con sentido semántico VENTAJAS • Debemos tener cuidado con la seguridad de información del sitio. • Uso inadecuado de herramientas DEVENTAJAS • Inteligencia artificial. • Podremos comunicarnos de forma natural y en línea con una agente virtual inteligente. VENTAJAS • La dependencia del sistema a la conexión de Internet. • En el caso de las empresas u otras instituciones es peligroso colgar datos confidenciales. DEVENTAJAS
  • 4. PENSAR DEFINE LOS ELEMENTOS DE TU ESTILO CREA UN MAPA DE TU WEB EL ARTE DE CONSTRUIR UNA WEB S
  • 5. Hacerse unas preguntas básicas sobre cuáles son los objetivos de hacer una página web Sobre el tema que vamos a crear la página web El público que va a participar en la página web Cuando tengas una idea clara de cómo debe ser tu web, puedes empezar a preocuparte de los detalles generales. Define tus colores Piensa en los colores corporativos de tu empresa, o en los objetivos de tu web. Define tu tipo de letra Decide el tipo de letra que usarás en tu sitio web, el tamaño y el color . Define la tecnología que usarás ¿Qué tecnología hay detrás de una página web? Básicamente, una web contiene un código HTML e imágenes, usualmente en formato GIF (dibujos) y JPG (fotografías).
  • 6. Llegó el momento de crear un mapa de tu web Tienes el material, fotografías, estilos, pero ¿de cuántas páginas estamos hablando? Un mapa puede servirte de guía para mantener controlado el desarrollo y mantenimiento de tu web. Pie de página Ya es una regla generalizada poner información de tu empresa en el pie de página de todas tus webs. Titulares y menú El principal elemento que dará coherencia a tu web es utilizar un único estilo para desarrollar tu menú de navegación y titulares. Consistencia visual La clave de un diseño exitoso es encontrar un balance entre las imágenes, un texto no muy denso y hacer que el menú de navegación se ubique en un espacio predecible. Sólo cuando tengas reunido todo el material, definido el mapa de tu web y definido tu estilo, puedes ponerte en marcha a trabajar en la construcción de tu obra virtual.