Hoy toca centrarnos en la teoría, vamos a hablar el entorno web y multimedia. También nos adentraremos en el código HTML. Sin embargo, con estos lenguajes hay que ir paso a paso. Es decir, que hoy toca ver un poco más de texto que de imagen.
Entorno web: ¿qué es multimedia?
En primer lugar, el entorno web es una presentación de información que utiliza combinaciones de; texto, imagen, animación, sonido, video… En el entorno web podemos distinguir diferentes tipos de multimedia. A continuación vamos a ver que significa cada uno, un pequeño resumen para no agobiarnos.
1. Multimedia interactiva
Otro tipo de multimedia es la multimedia interactiva, este tipo de multimedia te permite buscar resultados, tienes el control sobre los contenidos. Por ejemplo, un buscador de Google.
2. Multimedia lineal
También existe la multimedia lineal. És una visualización forzada, en este caso no podremos interactuar con el tipo de multimedia mencionado. En este caso, podríamos hablar de un blog informativo.
3. Hipermedia
Hiper= navegación. Por eso, es una estructura que utiliza diferentes medias como su estructura de navegación, así que es una estructura compleja. Por tanto, tienes un control directo de la información.
4. Hypertexto
Mientras que la hipermedia utiliza diferentes medias como su estructura de navegación, el hipertexto es una navegación entre los propios textos.
5. Hyperlink
Para terminar, el hiperlink es la navegación entre multimedia y temas. Especialmente relevante, ya que una combinación de contenidos que motivará al consumidor.
La web
La web es un conjunto de información que se encuentra en una dirección determinada de internet. Además, dentro de una web nos encontraremos una red, malla, red informática, internet… Y es importante distinguir entre una página web y un sitio web.
Página web
Primeramente, estas son las características principales de una página web:
- Archivo HTML + texto + imágenes…
- Jerarquía clara.
- Estándares web.
- Navegación sencilla y rápida.
- Atractiva, dinámica.
- Público objetivo.
Sitio web
Y por lo general, estas serán las de un sitio web:
- Website. Zona donde se guardan todos los documentos para una buena visualización de la web.
- Conjunto de documentos (páginas web) organizadas jerárquicamente.
- Todos los documentos guardan relación entre sí (hipervínculos).
- Página de inicio (Home, index…).
- Dominio (www.merys.esy.es…) el dominio va enlazado al index.
- Sitio gestionado por una persona o una empresa.
Lenguaje HTML
Podríamos hablar sobre este lenguaje durante horas, sin embargo, hoy vamos a conocer los conceptos generales. En primer lugar, el lenguaje HTML es el código que se utiliza para crear todas las páginas web de Internet y por suerte es bastante intuitivo.
Es un estándar cuyas normas las define W3C.
- 1980 Tim Berners-Lee, trabajador del CERN. Nuevo sistema de hipertexto para compartir documentos. El hipertexto permite acceder a la información de documentos electrónicos.
- Tim Berners Lee + Robert Cailliau = World Wide Web.
- 1991 se creó el primer documento publicado como HTML Tags.
- 1993 primera propuesta para que HTML sea un estándar = HTML / HTML +
- 1995 HTML 2.0. – Primer estándar oficial de HTML.
- 1996 HTML 3.2. – W3C
- 1998 – HTML 4.0.
- 1999 HTML 4.01 – WC3 – XHTML
- 2004 Apple – Mozilla, Opera… WHATWG / HTML 5
HTML / XHTML
El SGML está formado por HTML y XML / XHTML.
HTML = Lenguaje que voy a utilizar para mi WEB / CONTENIDO (HTML) + ESTÉTICA (CSS)
HTML + CSS = Lo que me va ha permitir decorar mi web.
- Primeros archivos, texto sin formato = números (ej. Prueba = 80 114 117 101 98 97)
- Texto con formato (negrita, tipografía…)
Cosas a tener en cuenta en la programación
- Etiqueta de apertura <……>
- Etiqueta de cierre </…..>
- Estructura HTML <nombre_etiqueta>………</nombre_etiqueta>
- MARKUP (marcar) ETIQUETAS (lenguaje de etiquetas = lenguaje de marcado).
Página HTML
Componentes = cabecera <HEAD> + cuerpo <BODY> + pie <FOOTER>
Próximamente seguiremos hablando sobre el entorno web, un lenguaje que se ha convertido en un lenguaje universal.
¡Si te ha gustado este post sígueme y compártelo en tus redes sociales!
Fotografías >