¿Cómo crear una página web?

¡Bienvenidos un día mas a la guarida!

En esta entrada vamos a ver cómo podemos crearnos nuestra propia página web fácilmente.

Por supuesto, para comenzar, debemos tener nuestro archivo, en este caso html (acompañado de otros .css y .js), con el cual editaremos a nuestro gusto la página web.

Teniendo lo comentado anteriormente, se ha buscado un servidor gratuito para hacer nuestra página, que es el siguiente: 000webhost.es , donde solo tienes que registrarte,  posteriormente subir los archivos, y por último hacer click en "ver"... ¡YA TIENES TU PÁGINA WEB!

Aquí os dejo mi prueba, desde la cual podéis acceder a mi blog en "Ver blog": https://la-guarida-del-topo.000webhostapp.com/sitioweb.html

Diseño Gráfico en carnavales para los Peaky Blinders.

Como todos sabemos, Badajoz es una de las mejores ciudades del mundo donde se puede disfrutar el carnaval.

Este año mi grupo de amigos y yo decidimos disfrazarnos de los "Peaky Blinders", unos personajes de una serie ambientada en los años 20, en la ciudad de Birmingham.

Al ser una serie la cual su mayor auge se ha dado este año con la última temporada, suponíamos que iba a haber mas personas con este disfraz, y nosotros queríamos destacar sobre ellos. Por lo tanto, a parte de "clavar el disfraz", buscamos tener detalles los cuales nos diferenciasen del resto y nos reconociese la gente del carnaval; por ello me puse manos a la obra, y fue todo un triunfo...
A continuación os mostraré cuales son los detalles a los que me refiero:

Stickers:

Etiqueta para botella de Whiskey:

Apuestas de hipódromo:

Logramos nuestro propósito de ser reconocidos, sobretodo por fans de la serie, los cuales se hicieron fotos con nosotros y alagaron nuestro trabajo.

Adjunto foto del grupo con el disfraz para finalizar:

PRIMERA SEMANA: Introducción al HTML

Comprensión de conceptos básicos:

HTML: Lenguaje de Marcado de Hipertexto.
WWW: Red Mundial.
URL: Localizador Uniforme de Recursos.
HTTP: Protocolo Transferencia de Hipertexto.


Introducción al HTML:

Es el lenguaje con el que se estructuran internamente las páginas web. Básicamente se trata de un conjunto de instrucciones (etiquetas) que sirven para dar formato al texto y definir donde y como se van a presentar los elementos de página.

Consiste en una serie de etiquetas (tags) encerradas entre los simbolos "<tag>". Casi todas las etiquetas constan de dos marcas, una de apertura y otra de cierre; esta última tiene asignado el mismo nombre que la de apertura, excepto que debe ir precedida del símbolo "/" (<p> texto </p>).

 Este es un párrafo, que debe estar entre las etiquetas de apertura y cierre"p".
Otro párrafo probando los tipos de letra, negrita, itálica...
Este texto está formateado, usando la etiqueta pre:
podemos escribir el texto como
queramos.


Tipos de entrada HTML:
-Ordenadas (ol)
-No ordenadas (ul)
-Lista de definiciones (dl)

Crear un GIF animado.

Cómo crear un GIF animado, fácil y sencillo, a continuación lo explicaré paso a paso, ¡comenzamos!:

1. Para comenzar, debemos tener descargados los archivos que vayamos a utilizar, en formato imagen, en nuestro dispositivo.

2. A continuación, con ayuda de internet, buscaremos la mejor página posible para crear nuestro GIF. Encontraremos varias páginas que nos ofrecen este servicio, en mi caso os mostraré la que creo que es más óptima, por sencillez, rapidez y calidad: http://picasion.com/es/

3. Para terminar subimos las imágenes;  podemos editar la velocidad de transición de las imágenes, el tamaño...

Resultado: