Nuevo CSS

Hola a todos, hoy vamos a hablar un poco del CSS.
Os voy a explicar algunas etiquetas nuevas que hemos visto y como usar CSS
Lo primero es escribir el HTML y en un documento aparte (ambos en Dreamweaver) de CSS. En el CSS debemos escribir los cambios estéticos que queremos poner al documentos, como el color del fondo y las letras, que es lo que veremos en esta entrada.

Yo en mi CSS he cambiado el color del fondo y el titulo 1 de color.

Body se refiere a que lo que vamos a cambiar es el cuerpo del documento, o sea, el fondo, de ahi que luego ponga Background y después de eso el color.
H1 es en referencia al titulo 1, al igual ponemos color y ahí el color deseado.
Algo facil.

Una vez escrito el HTML y el CSS, debemos enlazarlos, para ello hay que escribir <link rel="Stylesheet" href="el nombre de tu css">


Eso hará que se nos enlace el HTML con la hoja CSS.
Recordad que con HTML tenemos que tener todas las cosas que vamos a usar en la misma carpeta que el archivo HTML, y el CSS no es una excepción.
Después de eso guardáis y ya tenéis vuestro HTML con CSS

Espero que os haya sido de ayuda.
Un saludo.

HTML5

Hola a todos.
Hoy hablaremos del HTML5
Se trata de un lenguaje web de etiquetas que permite construir los documentos webs (páginas web) de forma que los navegadores puedan entender el contenido y mostrárselo al usuario. En internet es el estándar en el que la inmensa mayoría de páginas están realizadas.

Para esto yo he usado Adobe Dreamweaver, un programa que sirve para escribir el codigo HTML5.

Para poder utilizarlo debemos saber las etiquetas base que os pondre aqui

<h1></h1>: define un texto como título o cabecera.
<p></p>: define un bloque de texto para que sea párrafo.
<br></br>: inserta un salto de linea.
<hr></hr>: inserta el salto de linea con una linea visible.
<strong></strong>: te deja poner el texto en negrita.
<em></em>:permite poner el texto en cursiva.

Incluso con ciertas etiquetas se pueden insertar tanto imagenes como video

<a href=""> </a>: permite insertar enlaces externos, pondremos la url de la pagina entre las "". Siempre habrá que ponerlo entre las comillas
<img src=""/>:  te deja insertar imágenes, pondremos el nombre exacto de la imagen entre las "", es importante que la imagen esté guardada en una carpeta en la cual no la vayamos a mover para que el programa la encuentre.

Yo por ejemplo he hecho esto


Espero que esta entrada os haya sido de ayuda.
Un saludo.

Cinemagraph

Hola a todos, vengo a contaros como crear un cinemagraph.
Primero debes abrir el video en photoshop, una vez alli copias la capa de video, la rasterizas y la sacas de la carpeta.


Despues de eso creas una mascara de capa en la capa que has rasterizado.

Despues simplemente ocultas en la mascara la parte que quieres que se mueva y ya estaría.

Facil, sencillo y para toda la familia.
Espero que os haya sido de ayuda, os dejo dos ejemplos aquí abajo.
Un saludo.