PRIMER CURSO PREIMPRESIÓN DIGITAL : mayo 2019

jueves, 30 de mayo de 2019

CSS

¿QUÉ ES UN CSS?

- El css es la parte del html separada a él, que nos ayuda a crear las características de estilo , programación y lenguaje.

En el html"llamamos" css para darle órdenes.

-Si queremos crear un archivo css en la aplicación de Dreamweaver , simplemente le damos a File - new - css

A continuación os voy a mostrar la comparación de la pantalla con el archivo css y el archivo html.

Como podéis ver el fondo tiene color y las letras del titulo igual. Esto es gracias al css.

Aquí estáis viendo ya la pantalla con el archivo css abierto. También tiene una pantalla de previsualización arriba y abajo están escritas en forma de código las indicaciones de estilo que tiene que hacer en el archivo html.

Hay que tener en cuenta que las etiquetas del css , son diferentes a las del html.

ETIQUETAS CSS :

-background:para añadir algo de fondo

-color: para añadir color al texto u imagen o fondo.

jueves, 23 de mayo de 2019

HTML

- Hola !!!!!! en esta entrada de hoy os voy a mostrar qué es el html y después os voy a enseñar cómo llevarlo a acabo con la aplicación de Adobe Dreamweaver CC.

¿QUÉ ES EL HTML?

Es el lenguaje de marcado de hipertexto que se utiliza para dividir un documento , especificar sus contenidos y su estructura , y definir el significado de cada parte ( es lo que incluye todo el texto ,etc.., que se ve en las páginas web)

El html5 es la versión mejorada del html . Por lo cual , sus dos mayores ventajas respecto al html son , que ocupa muchísimo menos espacio , y , que se puede ver en distintos dispositivos.

Lo que vemos en esta imagen es el lenguaje html , como podéis ver tenemos el texto dentro de la etiqueta 'body' que es el cuerpo , y delante de cada texto tenemos una ETIQUETA , la etiqueta es lo que nos va a indicar si lo que viene ahora es un texto , una tabla , un video , un enlace a una web o simplemente el tamaño de la imagen que aparece por otro lado reproducido en web.

La ESTRUCTURA BASE DEL HTML está compuesta por :

<html

<head>

<head/> titulo de lo que se va a hablar o visualizar

<body> texto, imagen , video , enlace.. (CUERPO)

</body>

</html> cierre del documento html

Ahora os voy a explicar un poquito la imagen de arriba para que entendáis un poquito mejor de que va.

En el cuadrado rosa que he dibujado , muestra lo que se está viendo en web.

Y lo que se ve en el cuadrado verde , es donde nosotros escribimos el lenguaje html.Como estaréis observando y como he dicho antes , delante de cada texto , video , enlacde , distorsionamiento de imagen aparece en forma de código , que es la etiqueta .

Hay distintas etiquetas para , cada una única para realizar una acción en concreto.

ESPERO QUE OS RESULTE ÚTIL Y FÁCIL DE ENTENDER!!!!!!

BANNER EN HTML

BANNER EN HTML5

Hola a tod@s , a continuación os voy a mostrar una forma muy sencilla de hacer banner dinámicos a través de html5.

La app que he utilizado se llama ONLYOMEGA

En esta captura os muestro la app , podéis probar a crearlo desde cero o , escoger una plantila.

A demás te deja seleccionar el tamaño de banner.

ESTE ES MI BANNER :

banner html5

lunes, 20 de mayo de 2019

CINEMAGRAPH

¿QUÉ ES EL CINEMAGRAPH?

-Seguramente os suene mucho esta palabra de haberla visto en redes sociales , televisión , etc...

Pero en sí el cinemagraph es una imagen estática y otra en movimiento.

Su intención es transmitir sensaciones y sorprender al espectador.

AQUÍ TENEÍS VARIOS EJEMPLOS :

En este cinemagraph la noria esta en movimiento y el tráfico de los coches y la gente está estático.

Este es otro ejemplo de cinemagraph , que como podéis ver , hay una parte en movimiento y otra estática.

Este es mi cinemagraph libre.