Este documento presenta una introducción a los servicios de Internet, el diseño de páginas web, la web social y el multimedia en la web. Explica conceptos como navegadores web, servidores de correo, herramientas para diseñar páginas como Kompozer, y componentes de la web social como blogs, wikis y redes sociales. También describe formatos multimedia como imágenes, audio, video y sus características técnicas.
2. Servicios de Internet
SERVIDOR DE CORREO: Un servidor de correo es una aplicación informática ubicada en una página web en
internet cuya función es parecida al Correo postal solo que en este caso los correos (otras veces llamados mensajes)
que circulan, lo hacen a través de nuestras Redes de transmisión de datos y a diferencia del correo postal, por este
medio solo se pueden enviar adjuntos de ficheros de cualquier extensión y no bultos o paquetes al viajar la
información en formato electrónico.
3. Navegadores: Un navegador, navegador red o navegador web es un programa que permite visualizar
la información que contiene una página web. Windows Internet Explorer
Windows Internet Explore: Anteriormente Microsoft Internet Explorer, conocido comúnmente como IE, es un
navegador web desarrollado por Microsoft para el sistema operativo Microsoft Windows desde 1995.
Opera: Es un navegador web y suite de Internet creado por la empresa noruega Opera Software, capaz de realizar
múltiples tareas como navegar por sitios web, gestionar correo electrónico, contactos, fuentes web, charlar
vía IRC y funcionar como cliente BitTorrent.
Safari: Es un navegador web de código cerrado desarrollado por Apple Inc. Está disponible para Mac OS X, iOS (el
sistema usado por el iPhone, el iPod Touchy el iPad) .
Google Chorme: Es un navegador web desarrollado por Google y compilado con base en componentes de código
abierto como el motor de renderizado WebKit .
Firefox: Es una de las aplicaciones gratuitas que se pueden utilizar para navegar en Internet. Es uno de los mas
conocidos y utilizados, está basado en Mozilla, el proyecto Firefox nació a finales de 2002.
4. Diseño de páginas
Página web: Es un documento, visible en la WWW o Web (mediante un programa denominado navegador)
que contiene hipervínculos o hiperenlaces con otras páginas web. Además de la información en forma de texto y
elementos multimedia, puede contener aplicaciones, como formularios, que dotan a las páginas de elementos
interactivos. Tipos:
PÁGINA WEB ESTÁTICA.: Son aquellas páginas web que no tienen base de datos y pueden contener
animaciones, peliculas, imagenes y todo sobre codigo HTML y/o XML
PÁGINA WEB DINÁMICA.- Son aquellas páginas web que tienen base de datos y pueden contener
animaciones, videos, imagenes, etc.
5. Kompozer: Es un editor WYSIWYG (What You See Is What You Get = Lo que ves es lo que tienes) de
páginas web. Resulta una herramienta de uso fácil, de libre distribución y de uso gratuito basado en el
motor de Mozilla.
Este programa es el sucesor no oficial del conocido editor Nvu 1.0 y se propone como alternativa ya que
Nvu no se actualiza desde el 2005 y una nutrida comunidad de usuarios desarrolladores se han
encargado de evolucionar Nvu bajo esta nueva denominación con múltiples correcciones y parches. La
página de KompoZer es http://www.kompozer.net/
Trabaja con Kompozer:
La primera tarea será organizar los archivos del sitio. Crea carpetas para las imágenes,
los botones y los elementos multimedia.
La segunda será nombrar la página principal como index.
En cuanto al diseño de cada página, el uso de tablas es la manera más común de situar
los elementos en la pantalla (imágenes, texto, botones, etc).
Recuerda que Kompozer dispone de plantillas (templates) con páginas estándar
prediseñadas.
6. La web Social
La Web social o Web 2.0 es una segunda generación en la evolución y desarrollo de Internet basada
en servicios y aplicaciones que fomentan la colaboración y el intercambio de información entre los
usuarios.
7. Contenidos:
Blogs: Para publicar noticias o artículos en orden cronológico con espacio para comentarios
y discusión.(Veremos en este curso Blogger y WordPress)
Wikis: En los que todo el mundo puede colaborar en los artículos y también permite
espacio para discusiones. Indicado para material que irá evolucionando con el tiempo.
(Wikipedia)
Sitios web: Sitios con contenido y diversa funcionalidad que sirve como fuente de
información o como soporte a una comunidad. Se realizan con CMS como Joomla o
PHPNuke.
Galerías: Un tipo de software que permite administrar y mostrar contenido audivisual,
imágenes, o vídeos. ( Flick, Picassa, Youtube,..)
Foros: Para crea un foro de discusión en línea donde la gente se puede reunir y discutir
temas en los que están interesados. Un CMS muy conocido que realiza esta función es
PHPBB2
Sitios de votación de noticias: Es un sitio web basado en la participación comunitaria en el
que los usuarios registrados envían historias que los demás usuarios del sitio pueden votar,
promoviendo las más votadas a la página principal.
Gestores de Contenidos personales: Funcionan como un escritorio personal on-line.
RSS: Nos permiten ofrecer contenidos propios para que sean mostrados en otras páginas
de forma integrada.
8. En busca de la web 3.0: La web 3.0 es la web semántica, la web de la nube, la web de las
aplicaciones y la web multidispositivo. Hoy en día ya no solamente utilizamos ordenadores para
conectarnos a Internet. Los tablets, los smartphones, e incluso los mapas interactivos, algunas tiendas, y
en un futuro no lejano la automoción estará consumiendo Internet.
La web 3.0 se presenta como una web inteligente (aunque creemos que para esto aun falta bastante), y
principalmente aprovecha la nube para prestar servicios al usuario y eliminar su necesidad de disponer
de sistemas operativos complejos y grandes discos duros para almacenar su información.
Y volviendo al principio, es curioso que tras casi 20 años de internet, haya aún hoy en día tantas
empresas que siguen torciendo la cara a internet.
9. Multimedia en la web
Imágenes:
Una imagen rasterizada o mapa de bits (bitmap) es una matriz de puntos, denominados píxeles.
Una imagen vectorial es un conjunto de elementos geométricos definidos por sus atributos matemáticos.
La calidad de una imagen digital viene definida por dos características:
Profundidad de color.- es el número de colores que tiene una imagen. Lo determina el número de bits que almacenan la
información del color. Tal que 1 bit (blanco y negro), 8 bits (256 colores), 16 bits (65.536), 24 bits (16,7 millones).
Compresión de la información.- es la forma en que se almacena la información de la imagen en relación al tamaño que ocupa.
A mayor compresión, mayor pérdida de información y menor tamaño de archivo.
10. Audio: Se entiende por audio digital el archivo cuya información, al ejecutarse, emite ondas sonoras.
Es decir, los parámetros característicos de las ondas sonoras (frecuencia, amplitud, longitud de onda) se
almacenan en forma de bytes (1 y 0).
Los parámetros de un archivo de audio digital son:
Frecuencia de muestreo.- es el número de muestras por segundo que se toman del sonido análogico. De ella
depende la calidad del sonido digital. La calidad de CD audio tiene una frecuencia de muestreo de 44.100 Hz.
Las nuevas frecuencias de alta definición llegan hasta los 192 KHz.
Bits de muestreo.- es el número de bits en el que se codifica el sonido digital. La tasa más común a una
calidad de CD audio es 16 bits (65.536 posiciones de información).
Canales.- es el número de pistas que componen un sonido. Los sonidos de una pista se denominan mono y
los de dos estéreo.
11. Video: Vídeo digital es la representación de secuencias de imágenes y sonidos en archivos digitales. En
esta definición cabe tanto la reproducción de imágenes obtenidas mediante una cámara digital, como las
animaciones realizadas con programas específicos.
La resolución de vídeo es la cantidad de píxeles que se obtiene al multiplicar el número de filas de
píxeles por el de columnas.
La tasa de bits o bit rate (BR) es el número de bits por segundo que se transmite. Se mide en bit/s o sus
múltiplos Kbit/s y Mbit/s. Esta velocidad puede ser constante (CBR) o variable (VBR).