SlideShare una empresa de Scribd logo
1 de 12
La Tecnologí@ Web
La Tecnologí@ Web
Internet
Herramientas
Web
Tecnología Web
2.0.
Internet es mucho más que una tecnología y junto a la web es un medio de comunicación.Internet es mucho más que una tecnología y junto a la web es un medio de comunicación.
¿Qué es Internet?
Es una red de redes de ordenadoresred de redes de ordenadores.
Desde un sencillo PC, hasta un súper-
ordenadorordenador, se pueden conectar en red;
sin embargo es indispensable que todas
las máquinas (dos, tres, cinco… las que
se encuentren en red) compartan el
mismo protocolo de comunicaciónprotocolo de comunicación; es
decir, que "hablen" el mismo idioma.
Más que nada, Internet es un nuevo
medio de comunicación, que nos
permite observar el mundo desde un
ángulo diferente del que nos ofrecen los
medios tradicionales y además
participar en ese mundo.
Requerimientos mínimos para estar conectados:
1)1) PC con procesador 386:PC con procesador 386: Este es el cerebro del computador. Dependiendo del tipo
de procesador y su velocidad se obtendrá un mejor o peor rendimiento.
2)2) Mbytes de RAM:Mbytes de RAM: son las siglas de random access memoryrandom access memory, un tipo de memoria de
ordenador a la que se puede acceder aleatoriamente; es decir, se puede acceder a
cualquier byte de memoria sin acceder a los bytes precedentes del ordenador.
3)3) WindowsWindows 3.1, Windows 95: Sistema Operativo del Ordenador.
4) Un software SLIP/PPP-TCP/IP:4) Un software SLIP/PPP-TCP/IP: es la base del Internet que sirve para enlazar
computadoras que utilizan diferentes sistemas operativos, incluyendo PC,
minicomputadoras y computadoras centrales sobre redes de área local y área
extensa (ARPANET).
5) Un módem:5) Un módem: dispositivo que convierte las señales digitales en analógicas
(modulación) y viceversa (demodulación), permitiendo la comunicación entre
computadoras a través de la línea telefónica o del cablemódem. compatible Hayes
velocidad mínima de 9600 bps .
NOTA:NOTA: poseer una tarjeta RDSI o adaptador terminal conectado a ese tipo de línea,poseer una tarjeta RDSI o adaptador terminal conectado a ese tipo de línea,
tarjeta SVGA y puerto de comunicaciones con chip UART 16550.tarjeta SVGA y puerto de comunicaciones con chip UART 16550.
6) Un proveedor de acceso6) Un proveedor de acceso es una empresa (ISP) que brinda conexión a Internet a sus
clientes a través de diferentes tecnologías, o ServidorServidor Una aplicación que realiza
algunas tareas en beneficio de otras aplicaciones, tales como: acceder a los archivos
de una computadora y los servicios de aplicaciones.
¿Para qué sirve el Internet?
Hoy en día, el internet tiene infinidad de funciones, pero entre estas destacan las siguientes:
Estudios, Trabajos, Comercio, Asesoría, Estudios, Comunicación y Juegos en línea.
Correo- Electrónico
Nos permite enviar o
recibir correspondencia,
comunicarnos con otras
personas que se
encuentren en cualquier
lugar del mundo. E-MAIL
El Chat
Se trata de la opción de
charla en forma de texto
en tiempo real. La
palabra proviene del
ingles “CHAT”, que
significa "charlar"
Word Wide Web: Se trata de
un standard para presentar y
visualizar páginas de
información que contiene texto,
gráfico, sonido, películas...
FTP: protocolo estándar de
transferencia de archivos.
Permite a los usuarios de
internet recibir y enviar
archivos de todas las máquinas
conectadas a la red del servidor.
Boletines de noticias
Permiten realizar
anuncios para debatir y
compartir información a
grupos de personas con
intereses similares que
desee leerlos, y no sólo de
los suscriptores.
Foros Web
Es una aplicación web
que da soporte a
discusiones u opiniones
en línea, que suelen estar
organizadas en
categorías.
Espacios Web
Son la capacidad que tiene su sitio para almacenar páginas,
imágenes, correos, administradores, etc. Y el software de soporte , y
se mide en MB.
Páginas
Buscador Blogs
Colaborativas Redes
¿Qué es una Página Web?
Es el nombre de un documento o información electrónica capaz de contener texto, sonido, vídeo, programas,
enlaces y muchas otras cosas, adaptada para la World Wide Web y que puede ser
accedida mediante un navegador . Esta información se encuentra generalmente en formato HTML o XHTML.
(Red informática mundial)
Red informática mundial
Fue creada en 1991 por los ingleses Tim Berners-Lee y Robert
Cailliau, quienes un día decidieron subir a Internet la primera página
a través de su computadora, que también fungió como el primer
servidor (se encontraba en el CERN y fue puesto en línea el 6
de agosto).
¿Por qué es importante estar en la web?
1. Para no perder oportunidades de negocio gracias
a la competencia que ya tiene una.
2. Presencia Total, es decir estarás presente las 24
horas del día, los 7 días semana y los 365 días año.
3. Presencia local, nacional e internacional, podrá
ser visitada por usuarios de todo el mundo.
4. Relativamente más económico, permite hacer
publicaciones, cotizaciones, generar respuestas.
5. Imagen más profesional de tu empresa, creando
una imagen más seria y profesional a los ojos del
usuario.
6. Podrás tener información completa, a que se
dedican, los productos y servicios que ofrecen.
7. Vender en internet, es una buena oportunidad
para poder vender nuestros servicios a través de
una página web.
8. Información de tus visitantes, de que país nos
visitan, cual es el número de visitas diarias que
tenemos, las fuentes de trafico, encuestas, etc.
9. Fácil de actualizar, basta con unos clicks para
tener la información lista para que nuestros clientes
la vean.
Uso de la Tecnología Web
La web 2.0 son todas aquellas herramientas informáticas que permiten al usuario hacer parte de
un sitio web ya sea aportando opiniones, comentarios, introduciendo nuevo contenido, en general
enriqueciendo y siendo parte de un portal web.
Herramientas útiles…
• Las imágenes y las Galerías de fotos: se utilizan para aprovechar y hacer una
descripción a manera de texto de las imágenes que están dentro del sitio web y
permitir a los buscadores el rastreo de las mismas.
• Animaciones: existen muchos elementos que nos permiten darle efectos dinámicos e
interactivos a los elementos de la página. Gracias a Macromedia MX, Adobe Flash,
Adobe Shockwave, Java o enlaces.
• Interacción con el usuario: para ello se pueden establecer en las páginas algunos
servicios para lograr la interacción (Blog, encuestas, formularios, preguntas
frecuentes, foros, libro de visitas).
• Redes Sociales: representan el espíritu de la web 2.0 y su lenguaje multimedia.
Dándonos la posibilidad de incluir en los contenidos elementos como imágenes,
audios, videos, animaciones y efectos. Los usuarios participan y reaccionan ante lo
que se les presenta. Compartir, etiquetar, comentar, hacer clic son acciones que lo
sumergen en la experiencia, haciendo que sean parte de ella.
• Los Influencers: como personas con gran presencia y credibilidad en redes sociales
gracias a su conocimiento en cierto sector. Estos usuarios pueden generar una
corriente de opinión súper importante y valiosa en la web.
• Una web App: como una versión de la página web optimizada y adaptable a
cualquier dispositivo móvil.
RED SOCIAL
RANKING
MUNDIAL
N de Usuarios
Millones
Tipología
Facebook 1 1.650 General
YouTube 2 1.000 Vídeos
WhatsApp 3 1.000 Mensajería
QQ 4 829 Mensajería
WeChat 5 700 Mensajería
Qzone 6 629 General
LinkedIn 7 433 Negocios
Weibo 8 400 Mensajería
Instagram 9 400 Foto / Vídeo
Google+ 10 343 General
Twitter 11 310 Mensajería
Line 12 300 Mensajería
Tagged 13 300 General
Habbo 14 250 General
Hi5 15 200 General
Tumblr 16 200 General
SoundCloud 17 200 Música
Badoo 18 200 Contactos
Snapchat 19 100 Mensajería
NetlogTWOO 20 115 General
DailyMotion 21 115 Foto/Vídeo
Soundhound 22 100 Música
Telegram 23 100 Mensajería
VK 24 100 General
Flickr 25 100 Foto/Vídeo
Pinterest 26 90 Música
Match 27 90 Contactos
Spotify 28 90 Foto/Vídeo
Slideshare 29 85 Foto/Vídeo
Reddit 30 70 Agregador
WidgetsWidgets
GadgetsGadgets
Avatares
Avatares
CursoresCursores
Algunas sugerencias de color según el público al que nos dirijamos
 Las páginas pensadas para el público en general deben
basarse en la utilización de colores neutros, que gusten a la
mayoría. Una buena opción es utilizar colores pastel, escalas
de grises...
 Las páginas destinadas al público joven pueden basarse en
colores más vivos. También es acertado introducir
animaciones que llamen la atención con colores llamativos.
 Las páginas elaboradas para un público adulto deben utilizar
colores serios y elegantes.
 Las páginas institucionales (de centros escolares...) deben
utilizar sus propios colores identificativos, es decir, los del
logotipo, escudo...
 Las páginas divulgativas (artículos, libros...) deben tener en cuenta
que su objetivo principal es ser leídas por el visitante, por lo que
deben evitar colores chillones y molestos para el ojo humano.
 Las páginas que busquen innovación, pueden diseñarse con fondos
oscuros y contenidos en colores chillones, siempre que se haga una
buena combinación.
Algunas sugerencias de color según el público al que nos dirijamos
“Internet es mucho más que una tecnología y
junto a la web es un medio de comunicación,
de información, de interacción y de organización social.”
Manuel CastellsManuel Castells

Más contenido relacionado

La actualidad más candente

Reglas generales de diseño de páginas web
Reglas generales de diseño de páginas webReglas generales de diseño de páginas web
Reglas generales de diseño de páginas webKoldo Parra
 
Comunicacion interactiva 2
Comunicacion interactiva 2Comunicacion interactiva 2
Comunicacion interactiva 2Veronica CRazut
 
terminos relacionados con la comunicacion interactiva
terminos relacionados con la comunicacion interactivaterminos relacionados con la comunicacion interactiva
terminos relacionados con la comunicacion interactivaWinexis Colmenarez
 
TERMINOS RELACIONADOS CON LA COMUNICACION INTERACTIVA
TERMINOS RELACIONADOS CON LA COMUNICACION INTERACTIVATERMINOS RELACIONADOS CON LA COMUNICACION INTERACTIVA
TERMINOS RELACIONADOS CON LA COMUNICACION INTERACTIVAWinexis Colmenarez
 
El internet y sus principales componentes
El internet y sus principales componentesEl internet y sus principales componentes
El internet y sus principales componentesJavier Ramos
 
Presentacion power point internet
Presentacion power point internetPresentacion power point internet
Presentacion power point internetJuancarlosportilla1
 
Comunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin VeraComunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin VeraMartin Vera
 
Practica de pawer point transiciones animaciones final
Practica de pawer point transiciones animaciones finalPractica de pawer point transiciones animaciones final
Practica de pawer point transiciones animaciones finalisrael paucar
 
Clase1 busquedas de informacion en internet
Clase1   busquedas de informacion en internetClase1   busquedas de informacion en internet
Clase1 busquedas de informacion en internetMaria Laura Andereggen
 
Comunicación Interactiva
Comunicación InteractivaComunicación Interactiva
Comunicación Interactivaglorialvarado
 
Comcunicacion Interactiva Terminos
Comcunicacion Interactiva Terminos Comcunicacion Interactiva Terminos
Comcunicacion Interactiva Terminos UFT
 
Comunicación Interactiva
Comunicación InteractivaComunicación Interactiva
Comunicación Interactivamelendez7d
 

La actualidad más candente (15)

Reglas generales de diseño de páginas web
Reglas generales de diseño de páginas webReglas generales de diseño de páginas web
Reglas generales de diseño de páginas web
 
Comunicacion interactiva 2
Comunicacion interactiva 2Comunicacion interactiva 2
Comunicacion interactiva 2
 
terminos relacionados con la comunicacion interactiva
terminos relacionados con la comunicacion interactivaterminos relacionados con la comunicacion interactiva
terminos relacionados con la comunicacion interactiva
 
TERMINOS RELACIONADOS CON LA COMUNICACION INTERACTIVA
TERMINOS RELACIONADOS CON LA COMUNICACION INTERACTIVATERMINOS RELACIONADOS CON LA COMUNICACION INTERACTIVA
TERMINOS RELACIONADOS CON LA COMUNICACION INTERACTIVA
 
El internet y sus principales componentes
El internet y sus principales componentesEl internet y sus principales componentes
El internet y sus principales componentes
 
Presentacion power point internet
Presentacion power point internetPresentacion power point internet
Presentacion power point internet
 
T.p. internet
T.p.  internetT.p.  internet
T.p. internet
 
Comunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin VeraComunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin Vera
 
Practica de pawer point transiciones animaciones final
Practica de pawer point transiciones animaciones finalPractica de pawer point transiciones animaciones final
Practica de pawer point transiciones animaciones final
 
Clase1 busquedas de informacion en internet
Clase1   busquedas de informacion en internetClase1   busquedas de informacion en internet
Clase1 busquedas de informacion en internet
 
Comunicacion Interactiva
Comunicacion InteractivaComunicacion Interactiva
Comunicacion Interactiva
 
Comunicación Interactiva
Comunicación InteractivaComunicación Interactiva
Comunicación Interactiva
 
Comcunicacion Interactiva Terminos
Comcunicacion Interactiva Terminos Comcunicacion Interactiva Terminos
Comcunicacion Interactiva Terminos
 
Comunicación Interactiva
Comunicación InteractivaComunicación Interactiva
Comunicación Interactiva
 
El internet
El internetEl internet
El internet
 

Destacado

¿Qué es una Infografias?
¿Qué es una Infografias?¿Qué es una Infografias?
¿Qué es una Infografias?Andreina Trejo
 
¿PARA QUÉ SIRVE PREGUNTARNOS POR EL ARTE Y LA ESTÉTICA?
¿PARA QUÉ SIRVE PREGUNTARNOS POR EL ARTE Y LA ESTÉTICA?¿PARA QUÉ SIRVE PREGUNTARNOS POR EL ARTE Y LA ESTÉTICA?
¿PARA QUÉ SIRVE PREGUNTARNOS POR EL ARTE Y LA ESTÉTICA?Henry Osorio
 
The Top 10 Most Remarkable Marketing Campaigns EVER
The Top 10 Most Remarkable Marketing Campaigns EVERThe Top 10 Most Remarkable Marketing Campaigns EVER
The Top 10 Most Remarkable Marketing Campaigns EVERHubSpot
 

Destacado (7)

Tutorial de powtoon
Tutorial de powtoonTutorial de powtoon
Tutorial de powtoon
 
¿Qué es una Infografias?
¿Qué es una Infografias?¿Qué es una Infografias?
¿Qué es una Infografias?
 
Como trabajar con canva
Como trabajar con canvaComo trabajar con canva
Como trabajar con canva
 
Emprendedores
EmprendedoresEmprendedores
Emprendedores
 
¿PARA QUÉ SIRVE PREGUNTARNOS POR EL ARTE Y LA ESTÉTICA?
¿PARA QUÉ SIRVE PREGUNTARNOS POR EL ARTE Y LA ESTÉTICA?¿PARA QUÉ SIRVE PREGUNTARNOS POR EL ARTE Y LA ESTÉTICA?
¿PARA QUÉ SIRVE PREGUNTARNOS POR EL ARTE Y LA ESTÉTICA?
 
Partes de una pagina web
Partes de una pagina webPartes de una pagina web
Partes de una pagina web
 
The Top 10 Most Remarkable Marketing Campaigns EVER
The Top 10 Most Remarkable Marketing Campaigns EVERThe Top 10 Most Remarkable Marketing Campaigns EVER
The Top 10 Most Remarkable Marketing Campaigns EVER
 

Similar a Tecnología Web I

Historia del internet...karla
Historia del internet...karlaHistoria del internet...karla
Historia del internet...karlaplantilla
 
Generacion computadoras
Generacion computadorasGeneracion computadoras
Generacion computadorasalba duarte
 
Fundamentatos básicos de la web 2.0 en la Comunicación Social
Fundamentatos básicos de la web 2.0 en la Comunicación Social Fundamentatos básicos de la web 2.0 en la Comunicación Social
Fundamentatos básicos de la web 2.0 en la Comunicación Social Ernesto José Parra Ortega
 
Comunicación interactiva
Comunicación interactivaComunicación interactiva
Comunicación interactivanovember29
 
Técnologías de la información y la comunicación
Técnologías de la información y la comunicaciónTécnologías de la información y la comunicación
Técnologías de la información y la comunicaciónRafaelGalvezGonzalez
 
Internet1_UNE
Internet1_UNEInternet1_UNE
Internet1_UNEireli5
 
Presentacion power point internet
Presentacion power point internetPresentacion power point internet
Presentacion power point internetJuancarlosportilla1
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internetmatiasorue
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internetmatiasorue
 
Comunicacion interactiva M-716
Comunicacion interactiva M-716Comunicacion interactiva M-716
Comunicacion interactiva M-716luisanam27
 
Clasificacion de-herramientas-digitales
Clasificacion de-herramientas-digitalesClasificacion de-herramientas-digitales
Clasificacion de-herramientas-digitalesYanizeth Mancilla
 
Clasificacion de-herramientas-digitales
Clasificacion de-herramientas-digitalesClasificacion de-herramientas-digitales
Clasificacion de-herramientas-digitalesKatiarosa30
 
Manual de Internet Nivel Basico
Manual de Internet Nivel BasicoManual de Internet Nivel Basico
Manual de Internet Nivel Basicowillivalle2012
 
Manual de internet nivel basico
Manual de internet nivel basicoManual de internet nivel basico
Manual de internet nivel basicochristianfabian24
 

Similar a Tecnología Web I (20)

Historia del internet...karla
Historia del internet...karlaHistoria del internet...karla
Historia del internet...karla
 
Invetigacion de tic 1
Invetigacion de tic 1Invetigacion de tic 1
Invetigacion de tic 1
 
Generacion computadoras
Generacion computadorasGeneracion computadoras
Generacion computadoras
 
Fundamentatos básicos de la web 2.0 en la Comunicación Social
Fundamentatos básicos de la web 2.0 en la Comunicación Social Fundamentatos básicos de la web 2.0 en la Comunicación Social
Fundamentatos básicos de la web 2.0 en la Comunicación Social
 
Comunicación interactiva
Comunicación interactivaComunicación interactiva
Comunicación interactiva
 
Técnologías de la información y la comunicación
Técnologías de la información y la comunicaciónTécnologías de la información y la comunicación
Técnologías de la información y la comunicación
 
Internet1_UNE
Internet1_UNEInternet1_UNE
Internet1_UNE
 
Presentacion power point internet
Presentacion power point internetPresentacion power point internet
Presentacion power point internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Comunicacion interactiva M-716
Comunicacion interactiva M-716Comunicacion interactiva M-716
Comunicacion interactiva M-716
 
Clasificacion de-herramientas-digitales
Clasificacion de-herramientas-digitalesClasificacion de-herramientas-digitales
Clasificacion de-herramientas-digitales
 
Clasificacion de-herramientas-digitales
Clasificacion de-herramientas-digitalesClasificacion de-herramientas-digitales
Clasificacion de-herramientas-digitales
 
Manual de Internet Nivel Basico
Manual de Internet Nivel BasicoManual de Internet Nivel Basico
Manual de Internet Nivel Basico
 
Manual de internet
Manual de internetManual de internet
Manual de internet
 
Manual de internet nivel basico
Manual de internet nivel basicoManual de internet nivel basico
Manual de internet nivel basico
 

Más de Andreina Trejo

Más de Andreina Trejo (11)

Rubrica de infografia
Rubrica de infografiaRubrica de infografia
Rubrica de infografia
 
La infografia
La infografiaLa infografia
La infografia
 
Aprende a trabajar con canva
Aprende a trabajar con canvaAprende a trabajar con canva
Aprende a trabajar con canva
 
Tejido1 ciencia
Tejido1 cienciaTejido1 ciencia
Tejido1 ciencia
 
Tutorial de powtoon 2
Tutorial de powtoon 2Tutorial de powtoon 2
Tutorial de powtoon 2
 
Estructuras condicionales
Estructuras condicionalesEstructuras condicionales
Estructuras condicionales
 
Pseint
PseintPseint
Pseint
 
Tutorial de tiki toki
Tutorial de tiki tokiTutorial de tiki toki
Tutorial de tiki toki
 
Linea del tiempo Interactiva
Linea del tiempo InteractivaLinea del tiempo Interactiva
Linea del tiempo Interactiva
 
Las Infografias
Las InfografiasLas Infografias
Las Infografias
 
El Video Digital
El Video DigitalEl Video Digital
El Video Digital
 

Último

MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 

Último (13)

MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 

Tecnología Web I

  • 1. La Tecnologí@ Web La Tecnologí@ Web Internet Herramientas Web Tecnología Web 2.0. Internet es mucho más que una tecnología y junto a la web es un medio de comunicación.Internet es mucho más que una tecnología y junto a la web es un medio de comunicación.
  • 2. ¿Qué es Internet? Es una red de redes de ordenadoresred de redes de ordenadores. Desde un sencillo PC, hasta un súper- ordenadorordenador, se pueden conectar en red; sin embargo es indispensable que todas las máquinas (dos, tres, cinco… las que se encuentren en red) compartan el mismo protocolo de comunicaciónprotocolo de comunicación; es decir, que "hablen" el mismo idioma. Más que nada, Internet es un nuevo medio de comunicación, que nos permite observar el mundo desde un ángulo diferente del que nos ofrecen los medios tradicionales y además participar en ese mundo.
  • 3. Requerimientos mínimos para estar conectados: 1)1) PC con procesador 386:PC con procesador 386: Este es el cerebro del computador. Dependiendo del tipo de procesador y su velocidad se obtendrá un mejor o peor rendimiento. 2)2) Mbytes de RAM:Mbytes de RAM: son las siglas de random access memoryrandom access memory, un tipo de memoria de ordenador a la que se puede acceder aleatoriamente; es decir, se puede acceder a cualquier byte de memoria sin acceder a los bytes precedentes del ordenador. 3)3) WindowsWindows 3.1, Windows 95: Sistema Operativo del Ordenador. 4) Un software SLIP/PPP-TCP/IP:4) Un software SLIP/PPP-TCP/IP: es la base del Internet que sirve para enlazar computadoras que utilizan diferentes sistemas operativos, incluyendo PC, minicomputadoras y computadoras centrales sobre redes de área local y área extensa (ARPANET). 5) Un módem:5) Un módem: dispositivo que convierte las señales digitales en analógicas (modulación) y viceversa (demodulación), permitiendo la comunicación entre computadoras a través de la línea telefónica o del cablemódem. compatible Hayes velocidad mínima de 9600 bps . NOTA:NOTA: poseer una tarjeta RDSI o adaptador terminal conectado a ese tipo de línea,poseer una tarjeta RDSI o adaptador terminal conectado a ese tipo de línea, tarjeta SVGA y puerto de comunicaciones con chip UART 16550.tarjeta SVGA y puerto de comunicaciones con chip UART 16550. 6) Un proveedor de acceso6) Un proveedor de acceso es una empresa (ISP) que brinda conexión a Internet a sus clientes a través de diferentes tecnologías, o ServidorServidor Una aplicación que realiza algunas tareas en beneficio de otras aplicaciones, tales como: acceder a los archivos de una computadora y los servicios de aplicaciones.
  • 4. ¿Para qué sirve el Internet? Hoy en día, el internet tiene infinidad de funciones, pero entre estas destacan las siguientes: Estudios, Trabajos, Comercio, Asesoría, Estudios, Comunicación y Juegos en línea. Correo- Electrónico Nos permite enviar o recibir correspondencia, comunicarnos con otras personas que se encuentren en cualquier lugar del mundo. E-MAIL El Chat Se trata de la opción de charla en forma de texto en tiempo real. La palabra proviene del ingles “CHAT”, que significa "charlar" Word Wide Web: Se trata de un standard para presentar y visualizar páginas de información que contiene texto, gráfico, sonido, películas... FTP: protocolo estándar de transferencia de archivos. Permite a los usuarios de internet recibir y enviar archivos de todas las máquinas conectadas a la red del servidor. Boletines de noticias Permiten realizar anuncios para debatir y compartir información a grupos de personas con intereses similares que desee leerlos, y no sólo de los suscriptores. Foros Web Es una aplicación web que da soporte a discusiones u opiniones en línea, que suelen estar organizadas en categorías. Espacios Web Son la capacidad que tiene su sitio para almacenar páginas, imágenes, correos, administradores, etc. Y el software de soporte , y se mide en MB. Páginas Buscador Blogs Colaborativas Redes
  • 5. ¿Qué es una Página Web? Es el nombre de un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces y muchas otras cosas, adaptada para la World Wide Web y que puede ser accedida mediante un navegador . Esta información se encuentra generalmente en formato HTML o XHTML. (Red informática mundial) Red informática mundial Fue creada en 1991 por los ingleses Tim Berners-Lee y Robert Cailliau, quienes un día decidieron subir a Internet la primera página a través de su computadora, que también fungió como el primer servidor (se encontraba en el CERN y fue puesto en línea el 6 de agosto).
  • 6. ¿Por qué es importante estar en la web? 1. Para no perder oportunidades de negocio gracias a la competencia que ya tiene una. 2. Presencia Total, es decir estarás presente las 24 horas del día, los 7 días semana y los 365 días año. 3. Presencia local, nacional e internacional, podrá ser visitada por usuarios de todo el mundo. 4. Relativamente más económico, permite hacer publicaciones, cotizaciones, generar respuestas. 5. Imagen más profesional de tu empresa, creando una imagen más seria y profesional a los ojos del usuario. 6. Podrás tener información completa, a que se dedican, los productos y servicios que ofrecen. 7. Vender en internet, es una buena oportunidad para poder vender nuestros servicios a través de una página web. 8. Información de tus visitantes, de que país nos visitan, cual es el número de visitas diarias que tenemos, las fuentes de trafico, encuestas, etc. 9. Fácil de actualizar, basta con unos clicks para tener la información lista para que nuestros clientes la vean.
  • 7. Uso de la Tecnología Web La web 2.0 son todas aquellas herramientas informáticas que permiten al usuario hacer parte de un sitio web ya sea aportando opiniones, comentarios, introduciendo nuevo contenido, en general enriqueciendo y siendo parte de un portal web.
  • 8. Herramientas útiles… • Las imágenes y las Galerías de fotos: se utilizan para aprovechar y hacer una descripción a manera de texto de las imágenes que están dentro del sitio web y permitir a los buscadores el rastreo de las mismas. • Animaciones: existen muchos elementos que nos permiten darle efectos dinámicos e interactivos a los elementos de la página. Gracias a Macromedia MX, Adobe Flash, Adobe Shockwave, Java o enlaces. • Interacción con el usuario: para ello se pueden establecer en las páginas algunos servicios para lograr la interacción (Blog, encuestas, formularios, preguntas frecuentes, foros, libro de visitas). • Redes Sociales: representan el espíritu de la web 2.0 y su lenguaje multimedia. Dándonos la posibilidad de incluir en los contenidos elementos como imágenes, audios, videos, animaciones y efectos. Los usuarios participan y reaccionan ante lo que se les presenta. Compartir, etiquetar, comentar, hacer clic son acciones que lo sumergen en la experiencia, haciendo que sean parte de ella. • Los Influencers: como personas con gran presencia y credibilidad en redes sociales gracias a su conocimiento en cierto sector. Estos usuarios pueden generar una corriente de opinión súper importante y valiosa en la web. • Una web App: como una versión de la página web optimizada y adaptable a cualquier dispositivo móvil.
  • 9. RED SOCIAL RANKING MUNDIAL N de Usuarios Millones Tipología Facebook 1 1.650 General YouTube 2 1.000 Vídeos WhatsApp 3 1.000 Mensajería QQ 4 829 Mensajería WeChat 5 700 Mensajería Qzone 6 629 General LinkedIn 7 433 Negocios Weibo 8 400 Mensajería Instagram 9 400 Foto / Vídeo Google+ 10 343 General Twitter 11 310 Mensajería Line 12 300 Mensajería Tagged 13 300 General Habbo 14 250 General Hi5 15 200 General Tumblr 16 200 General SoundCloud 17 200 Música Badoo 18 200 Contactos Snapchat 19 100 Mensajería NetlogTWOO 20 115 General DailyMotion 21 115 Foto/Vídeo Soundhound 22 100 Música Telegram 23 100 Mensajería VK 24 100 General Flickr 25 100 Foto/Vídeo Pinterest 26 90 Música Match 27 90 Contactos Spotify 28 90 Foto/Vídeo Slideshare 29 85 Foto/Vídeo Reddit 30 70 Agregador
  • 11. Algunas sugerencias de color según el público al que nos dirijamos  Las páginas pensadas para el público en general deben basarse en la utilización de colores neutros, que gusten a la mayoría. Una buena opción es utilizar colores pastel, escalas de grises...  Las páginas destinadas al público joven pueden basarse en colores más vivos. También es acertado introducir animaciones que llamen la atención con colores llamativos.  Las páginas elaboradas para un público adulto deben utilizar colores serios y elegantes.  Las páginas institucionales (de centros escolares...) deben utilizar sus propios colores identificativos, es decir, los del logotipo, escudo...
  • 12.  Las páginas divulgativas (artículos, libros...) deben tener en cuenta que su objetivo principal es ser leídas por el visitante, por lo que deben evitar colores chillones y molestos para el ojo humano.  Las páginas que busquen innovación, pueden diseñarse con fondos oscuros y contenidos en colores chillones, siempre que se haga una buena combinación. Algunas sugerencias de color según el público al que nos dirijamos “Internet es mucho más que una tecnología y junto a la web es un medio de comunicación, de información, de interacción y de organización social.” Manuel CastellsManuel Castells