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


Guía para el diseño y estructura de publicaciones digitales: HTML y multimedia - Prof. Flo, Apuntes de Periodismo

En este documento, el profesor jesús flores vivar explica los conceptos básicos de html y su uso en la creación de contenidos digitales multimedia. Aprenda sobre la sintaxis de las etiquetas, herramientas utilizadas y cómo estructurar una página web. Además, se abordan temas relacionados con la interfaz de usuario y el proceso de redacción para internet.

Tipo: Apuntes

2013/2014

Subido el 22/05/2014

tete77
tete77 🇪🇸

3.7

(27)

6 documentos

1 / 43

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
Elementos Elementos
Multimedia (1)Multimedia (1)
MULTIMEDIAMULTIMEDIA
Paradigmas. Elementos y configuración
multimedia. Interactividad, hipermedialidad y
navegación. Lenguaje HTML. Codificación y
diseño de una publicación. Modalidades
multimedia en blogs y redes sociales
Prof. Dr. Jesús Flores Vivar
@@jesusfloresjesusflores
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
pf24
pf25
pf26
pf27
pf28
pf29
pf2a
pf2b

Vista previa parcial del texto

¡Descarga Guía para el diseño y estructura de publicaciones digitales: HTML y multimedia - Prof. Flo y más Apuntes en PDF de Periodismo solo en Docsity!

ElementosElementos

MULTIMEDIAMULTIMEDIA Multimedia (1)Multimedia (1)

Paradigmas. Elementos y configuraciónmultimedia. Interactividad, hipermedialidad ynavegación. Lenguaje HTML. Codificación ydiseño de una publicación. Modalidadesmultimedia en blogs y redes sociales

Prof. Dr. Jesús Flores Vivar

@@jesusfloresjesusflores

Pautas para el diseño y estructura de una

publicación digital

^ La idea ^ Visitar otras páginasweb, similares al^ proyecto de

© JMFV - Multimedia

proyecto de publicación  Papel y lápiz  Los trazos  Estructura  Arquitectura

¿Qué es HTML?  HyperText MarkupLanguage

(Lenguaje de

Etiquetado o marcas de Hipertexto)

© JMFV - Multimedia

Hipertexto)^ ^

HyperText

(Hipertexto)

^ Markup

(Marcas o Etiquetado)  Language

(Lenguaje)

Herramientas ^ Editor de textos

[Wordpad, block de

notas(Windows), Simple Text (Mac), Vi (Unix),Pico (Linux)] Navegador

[Explorer, Netscape, Firefox]

© JMFV - Multimedia

^ Navegador

[Explorer, Netscape, Firefox]

^ Editor de imágenes

[Corel Draw, Paint Shop

Pro, Fireworks, Photoshop]  Editor Text Ortográfico

[Corel Word Perfect

Star Office, Microsoft Office]

Html…..

(OTROS CARACTERES 1)

^ FUERTE ^ INTERMITENTE ^ CLAVE^

RESALTADO

© JMFV - Multimedia

^

RESALTADO

^ DIRECCIÓN ^ CITA ^ PARA INSERTAR CITAS,CON UNA TABULACIÓN

Html…

(OTROS CARACTERES 2)

^ MUESTRA ^ GRAN IMPRESIÓN ^

PEQUEÑA IMPRESIÓN

SUB ÍNDICE

© JMFV - Multimedia

^

SUB ÍNDICE

^ SUPER ÍNDICE ^ TELETIPO ^ KEY WORD ^ TACHADO

Html….

(OTROS CARACTERES 4)

^ TACHAR ^ PARA USAR CON LOSATRIBUTOS ^

PARA GENERAR ESTILOS: (EJ: )

© JMFV - Multimedia

^

PARA GENERAR ESTILOS: (EJ: )

^ ^ ^ Uno ^ Dos ^ Tres ^ ^ ^ EL TEXTOAPARECE EN EL TIPO DE LETRA QUE SEINDIQUE

Html…

(OTROS CARACTERES 5)

^ Colores: ^ Al comienzo del documento

^

^ Colores en el lugar

^ TEXTO

Principios básicos en la construcciónde una página… ^ P.e. Todo el documento HTMLdebe estar entre las etiquetas^ (Todo el documento) ^ El documento está dividido en^ dos zonas principales:

© JMFV - Multimedia

dos zonas principales:^ ^

El encabezamiento,comprendido entre lasetiquetas: y  El cuerpo, comprendido entrelas etiquetas y  Dentro del encabezamiento ydel cuerpo, hay información

Principios básicos en la construcción deuna página…

^ 4to.

: Una vez que se ha escrito todo el

código deseado (texto con las etiquetasincluidas), se ha de guardar los ficheroscon las extensiones

.html

o^

.htm

© JMFV - Multimedia

^ 5to.

:La página principal debe guardarse

con el nombre de:

index

^ Para ver como va quedando nuestrapágina web inicial, utilizamos alguno delos navegadores que se tiene por defecto.

Primer ejemplo

© JMFV - Multimedia

Empezando a redactar... Infolider

INFOLIDER

Liderando información y conocimiento para los negocios digitales

© JMFV - Multimedia

digitales Este es el primer modelo de la página de Infolider , agencia virtual de comunicación,cuyos objetivos se centran en proporcionar información y conocimiento a las empresas decualquier entorno para desarrollar negocios digitales.

Hoy en día, las empresas buscan estarmás y mejor informadas para ser cada vez mas competitivas. Pero ante el cúmulo deinformación, tanto analógica como digital, Infolider se presenta como la granalternativa para dar a las empresas, la información puntual que necesitan.

Hipertexto e Hipermedia.Escribir para Internet

MULTIMEDIAMULTIMEDIA

El hipertexto y la expansión del hipermedia. Journalismlink. El texto digital. Elementos del discurso multimedia.Infomorfosis, pirámide invertida y rombo informativo

Prof. Dr. Jesús Flores VivarProf. Dr. Jesús Flores VivarProf. Dr. Jesús Flores VivarProf. Dr. Jesús Flores Vivar

@jesusflores@jesusflores

Hipertexto

^ Es un paradigma en lainterfaz del usuario cuyofin es el de presentardocumentos que puedan^ "bifurcarse o ejecutarse © JMFV - Multimedia

"bifurcarse o ejecutarse cuando sea solicitado" (Ted Nelson).