Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad


Lenguaje Multimedia, Cultura Digital y Redacción para Medios Digitales, Apuntes de Comunicación Audiovisual

Información sobre la asignatura Lenguaje Multimedia, con énfasis en la cultura digital y la redacción y edición para medios digitales. Se incluyen temas como la teoría y prácticas de evaluación, cultura digital y memes, difusión de contenido viral, positividad y humor, packaging y prominencia, y características del HTML y CSS. También se tratan temas como la pirámide invertida, listas, enlaces, imágenes y videos en la redacción para medios digitales.

Tipo: Apuntes

2019/2020

Subido el 20/05/2020

ArekDurant
ArekDurant 🇪🇸

4

(3)

6 documentos

1 / 35

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
2/6/17
Lenguaje Multimedia
Info
-Prof. Titular
oscarcoromina.com
@ocoromina
-Grupo 2:
Despacho 124
-Lecturas OBLIGATORIAS
Remediation. Understanding New Media
-Bolter, D. & Grusin, R
Capitulo 1
-Evaluación:
Teoría 30%
Prácticas 60%
-Tweets 20%
-Artículo 30%
-Multimedia 50%
Seminarios 10%
1
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19
pf1a
pf1b
pf1c
pf1d
pf1e
pf1f
pf20
pf21
pf22
pf23

Vista previa parcial del texto

¡Descarga Lenguaje Multimedia, Cultura Digital y Redacción para Medios Digitales y más Apuntes en PDF de Comunicación Audiovisual solo en Docsity!

Lenguaje Multimedia

Info

- Prof. Titular

• oscarcoromina.com

[email protected]

• @ocoromina

- Grupo 2:

• Despacho 124

[email protected]

- Lecturas OBLIGATORIAS

• Remediation. Understanding New Media

- Bolter, D. & Grusin, R

• Capitulo 1

- Evaluación:

• Teoría 30%

• Prácticas 60%

- Tweets 20%

- Artículo 30%

- Multimedia 50%

• Seminarios 10%

Cultura Digital: Virales y Memes

- (^) Bibliografía: Memes in digital culture, Limor Shifman - (^) Contenido Viral: - Difusión de persona a persona - Alta velocidad de referencia (Social Media) - (^) Se transmite rápido entre la gente - Amplio abasto (crossplatform, vínculos débiles) - Unidad cultural^ (foto, texto, video, etc…) - (^) No hay variaciones - Características más importantes^ (no todas deben de cumplirse) - (^) Positividad y humor - (^) Provocar emociones - (^) Packaging (claro y simple) - (^) Prestigio - (^) Prominencia - Capacidad de destacar sobre el resto - (^) Llamado a la participación - (^) Memes: - Difusión de persona a persona - Alta velocidad de referencia (Social Media) - Amplio abasto (crossplatform, vínculos débiles) - Variabilidad - (^) Versiones del producto original

HTML y CSS

  • (^) Kit de trabajo
    • Editor de texto
      • (^) Notepad++
      • (^) Text Wrangler
    • Navegador
    • Gestor FTP
      • (^) ftp.desdebellaterra.com
      • (^) Usuari: gecodi
      • (^) Contraseña: kl1ng00n - (^) http
    • Hyper Text Transfer Protocol
    • El ordenador cliente (el mío) pide recursos de un servidor
      • (^) Para hacerlo necesitamos un navegador.
      • (^) Los servidores suelen usar Apache
  • (^) Página web —> tres grupos de archivos
    • Documento HTML
      • (^) Contenido
      • (^) Estructura de la información (encabezado, título, pies de página, secciones…
    • Documento CSS
      • (^) Información sobre la visualización del contenido
      • (^) Colores, imágenes, posición de los diferentes bloques de información
    • Documento JS (JavaScript)
      • (^) Funciones que determinan el comportamiento del contenido a partir de las acciones del usuario
  • (^) Es el único que puede ser considerado como parte de programación - (^) HTML
  • Define la estructura de la información
  • (^) Todo el documento mantiene una estructura coherente y formal (presentación, nudo y desenlace)
  • (^) Los documentos HTML también tienen una estructura formal
  • (^) La estructura se establece mediante elementos sintácticos
  • Lenguaje de marcado
  • (^) Para señalar la estructura se utilizan etiquetas de marcado
  • (^) El lenguaje HTML no es un lenguaje de programación
  • (^) El documento HTML es el contenido más los elementos de marcado - (^) CSS
  • Visualización
  • (^) Efectos del texto (negrita, cursiva, subrayado…)
  • (^) Posición de los elementos
  • (^) Imágenes decorativas (fondo)
  • (^) Efectos visuales
  • (^) No afecta al contenido, solo la apariencia
  • (^) Son prescindibles, el contenido se puede seguir viendo
  • Como un documento de Word, pero se ve - (^) JS
  • Interacción
  • (^) Servidor: cuando el usuario actúa, el servidor responde
  • (^) Cliente: utilizamos scripts para permitir que la respuesta dependa del navegador
  • (^) tag: ****
  • Definición de encabezado
  • (^) tag: ****
  • Información contextual de la página ****
  • Referencias para otros ficheros (CSS, favicon, JavaScript>
  • Scripts o estilos (si no se definen en un fichero independiente pueden

definirse en )

  • Definición de cuerpo
    • (^) tag: ****
      • Todo^ el^ contenido^ de^ la^ página^ (imágenes,^ texto,^ multimedia, enlaces…)
      • Secciones sintácticas

      • Secciones semánticas

Hello World!

Hello World!

  • (^) Un documento HTML se divide en secciones o bloques de contenidos ****
  • (^) Dividimos para
    • Establecer una división lógica del contenido
    • Dar una estructura coherente
    • Ofrecer una visualización diferente
  • (^) Además de **** HTML5 permite macar
    • **** : cabecera
    • ****^ : pie de página
    • ****^ : agrupación de titulares
    • ****^ : sección del documento
    • ****^ : artículo
    • **** : contenido externo relacionado
    • ****^ : navegación - Etiquetas HTML
  • (^) Una etiqueta es todo aquello comprendido entre los caracteres “ < “ y “ >
  • (^) Pueden tener la siguiente estructura :

o

Contenido (otros tags, texto…)

  • (^) División del documento en dos secciones:

Dalt

HTML y CSS

- (^) Etiquetas HTML - Marcador de texto - El contenido textual se incluye dentro de un párrafo, listas, titulares - Anidaremos el contenido dentro de las secciones^ ** -** (^) Párrafo -

- Marca la totalidad de un párrafo - No se debe utilizar para hacer saltos de línea, para eso existe el^
-
(^) Titulares - ** - Marca el texto que corresponde al titular - El número indica la importancia dentro del documento - Se han de nidar ordenados - Y hay que cerrarlos con:^ **
-
(^) Listas **- ** - Marca el inicio de una lista de elementos - Una lista definida por^ ****^ muestra un punto al inicio de cada ítem - Una lista ordenada^ ****^ muestra un número siguiendo un orden - Cada item de la lista debe estar marcado con el tag^ **** - Se pueden nidar listas

- (^) Texto - Enfasis - (^) **** - (^) Marca la palabra o expresión que queremos enfatizar - (^) Ejemplo: mutantes peludos - Enfasis Fuerte - (^) - (^) Marca la palabra o expresión que queremos enfatizar - (^) Ejemplo: mutantes muy peludos - Marcar una parte de un texto - (^) **** - (^) Marca la palabra o expresión que queremos delimitar - (^) La utilizamos para cambiar el estilo de la expresión - (^) También sirve para llamar scripts - (^) No aporta información extra al usuario - Enlace - (^) **** - (^) Marca la palabra que queremos delimitar y utilizar para enlazar - (^) Marca un punto de anclaje a un documento html - (^) Un enlace puede llevarnos a una sección del documento o de un otro documento - (^) Podemos enlazar cualquier tipo de documento

- Reglas - (^) Sirve para definir estilos - (^) Se definen las características de los elementos mediante selectores, propiedades u valores p{color:red;text-align:center;} - Cascada - (^) Los estilos se pueden ampliar en cascada - (^) Pueden definir un estilo para una etiqueta, después para una clase de etiquetas y también para un elemento concreto - (^) Siempre se aplica luego del estilo - (^) Las reglas definidas al final del árbol tienen prevalencia p{color:red;} p.campus{color:green;} —> Definiendo una clase de etiquetas con “.” p#cel{color:blue;} —> Definiendo un id con “#”

Inteligencia Artificial

- (^) Norbert Wiener - 1948 publica el libro “Cibernética o el control y comunicación en animales y máquinas” - (^) Seguido de modelos matemáticos que servían para que las máquinas respondiesen a estímulos externos - (^) La pieza clave es el feedback , los estímulos externos que se recogen y activan una respuesta programada - (^) Podemos llamarlo interactividad - Bajo este principio funciona el termostato, los videojuegos y los seres humanos - Pieza fundamental para la creación de “vida” e “inteligencia” artificia - (^) Algoritmo - Es una lista finita de instrucciones que se aplican en un input durante un número finito de estados para obtener un output, permiten realizar cálculos y procesar datos de manera automática. - Como una receta de cocina - (^) James Suriowiecki - 2004 “The wisdom of the crowds” - (^) Dadas las circunstancias adecuadas, los grupos son notablemente inteligentes - (^) Las ideas creadas en grupo siempre serán mejores que las creadas por el individuo más inteligente del grupo

- (^) Economía de la atención - The only factor becoming scarce in a world of abundance is human attention - Visitas = $

Clase

- (^) Redacción y Edición para los medios digitales - Texto - Enlaces - Imágenes - Videos y audio - Otros objetos - (^) Usuarios Humanos - No nos gusta leer - Antes de leer escaneamos - Hacemos click en el primer enlace que nos interesa - La mayor parte de los contenidos no los vemos - Tenemos visión selectiva (esquivamos todo aquello que parezca publicidad) - Decidimos eso que es importante - Nos importa un rábano las pretensiones artísticas y el “toque personal” del autor - No^ estamos^ dispuestos^ a^ esforzarnos^ para^ entender^ cosas^ confusas^ y complejas - No tenemos paciencia, no estamos dispuestos a que nos hagan perder el tiempo - No todos somos iguales

Clase # 4

- (^) El Titular - Probablemente la única cosa que es leída de nuestro contenido - Periodístico/Informativo - Autoexplicativo - Con palabras clave - Interesante - Atractivo - Sencillo, claro, concreto - Ante la duda: (Sujeto + Verbo + Predicado) - Coherente - Se escribe al final - Breve - Exportable (social media) - Ha parar los ojos - (^) Pirámide Invertida - 6 W - (^) What, When, How, Who, Where, Why - Un lead - (^) Con 3 o 4 W mínimo - Evitar frases excesivamente largas - (^) Como si el texto se deba locutar - Párrafos cortos - Cada párrafo una idea - Del más importante al menos importante

  • Huir del estilo narrativo
  • Huir de la sintaxis compleja
  • Hacer uso de frases afirmativas
  • Evitar las perífrasis - (^) El Teaser
  • Vender el contenido
  • En publicidad es una estrategia que consiste en dar una avance del producto final de manera enigmática con la idea de generar interés
  • En contenidos digitales el teaser es una estrategia porque el usuario hace clic en el contenido
  • Hay que identificar primero que es lo que queremos vender y como
  • No se debe mentir
  • No se deben de generar más expectativas de la cuenta
  • Frases inacabadas
  • Preguntas - (^) Listas
  • UL, OL, LI
  • Facilitan la lectura rápida
  • Numerar solamente si el orden es importante
  • Poner en negritas el inicio de los ítems
  • No más de 10 items
  • El más largo al final