Diseño en Mérida

¿Todavía no te has enterado? ¡DIME repite este año!

Para aquellos que todavía no saben de lo que estoy hablando, el año pasado inauguramos DIME: la semana del diseño en Mérida. Afortunadamente este año repetimos, del 5 al 9 de marzo podremos disfrutar de las visitas de algunos diseñadores de nuestro país, los cuales compartirán un poco de sus conocimientos con todos los que asistan a las diferentes charlas, o se inscriban a los talleres que impartirán durante toda la semana.

Para más información sobre la semana del diseño, échale un vistazo a su Facebook, si quieres inscribirte a algún taller o ver el horario de este año, entra en su página web. También puedes ver los vídeos que suben a su canal de Youtube.
Anímate y disfruta con nosotros la semana del diseño!

¿Qué es JavaScript?

JavaScript es un lenguaje de programación interpretado, que se usa para programar el comportamiento de un sitio web con la etiqueta script. Un script es una secuencia de órdenes, en un determinado lenguaje, que puede ser ejecutado desde el navegador y visualizar el documento en que está contenido. La inclusión de estos scripts en los documentos HTML hace que sean más dinámicos.

JavaScript permite al usuario la posibilidad de crear aplicaciones "on-line", es decir modificar páginas web en tiempo real. Hace que las páginas web sean interactivas, también permite cambiar el aspecto de nuestra página al gusto del usuario.

Tiene muchas aplicaciones, pero las principales serían las siguientes:

• Responder a eventos locales dentro de la página, como pulsar un botón
• La realización de cálculos en tiempo real
• La validación de formularios dentro de una página
• La personalización de la página por el usuario, que le permitirá tener una página web a su medida
• La inclusión de datos del propio sistema, como son la hora y la fecha
• Mostrar mensajes
• Crear animaciones
• ...

Échale un vistazo a mi página web para ver de lo que te estoy hablando
Sitio web de Lucía

Creando páginas web

¡Hola a todos!

Hoy comparto con vosotros el enlace a mi página web, Sitio web de Lucía
Todavía le queda mucho trabajo, pero iré compartiendo con vosotros todo el trayecto.

Si tu también quieres crear tu propia página web, primero debes crear tu archivo HTML, editarlo con las hojas de estilo-CSS, y por último subirlo a un hosting gratuito. El hosting que yo he utilizado es este: webhost. Solo tienes que registrarte, confirmar el correo electrónico y subir tus archivos HTML.

¿Qué son las Hojas de Estilos - CSS?

Las hojas de estilo o CSS (Cascading Style Sheets) son las que nos permiten definir diferentes estilos para la misma página web. Sirven para describir como se ven los elementos HTML en la pantalla.

Dentro de las hojas de estilo, cada regla de estilo o componente, está formado por dos partes:

• Selector: indica las etiquetas a las que se aplica
• Declaración: conjunto de pares (propiedad/valor)

Ejemplo de sintaxis:

p {color: green; font-size:18px; text-align:center; }

Cuidado: la regla puede ser ignorada si no la hemos escrito correctamente.

Otra de las cosas que debemos de tener en cuenta a la hora de utilizar CSS son las prioridades de las diferentes formas de aplicar los estilos. El orden de prioridad es el siguiente:

1. Estilo en línea (dentro de un elemento HTML)
2. Hojas de estilo internas (en la sección de cabecera)
3. Hojas de estilo externas (en la sección de cabecera)
4. Por defecto del navegador

Animaros a probar las Hojas de Estilos, os dejo el enlace de mi página web para que veáis como he utilizado las CSS: Sitio web de prueba

Creando GIFS

¡Hola a todos!

En esta entrada os dejo el link de una página web en la cuál podéis crear vuestros propios GIFs. Es muy fácil de utilizar, rápido, y además, ¡es gratis!

Crea tu propio GIF aquí

En la página podéis añadir todas las imágenes que queráis, podéis cambiar su tamaño, la velocidad a la que se reproducen, e incluso podéis añadirle música. Este es el GIF que he creado yo con diferentes paisajes.

Introdución y pruebas con HTML

Este es un párrafo, que debe estar entre las etiquetas de apertura y cierre "p" En este otro párrafo probar tipos de letras, negrita, itálica,...

---

Este texto esta preformateado, usando la etiqueta pre
podemos escribir el texto como
queramos

A continuación probaremos una lista ordenada

TIPOS DE LISTAS HTML

3. Ordenadas usaremos la etiqueta ol.
4. No ordenadas, usaremos la etiqueta ul.
5. Listas de definiciones, usaremos la etiqueta dl.

Y una lista No ordenada

Tareas a realizar

• Artículo con html.
• Modifica el código html del blog.
• Probar html5maker.

Lista de definiciones

Glosario

HTML

Lenguaje de Marcado de HiperTexto.

WWW

Red Mundial.

URL

Localizador Universal de Recursos.

Para terminar con una tabla con el horario de SCM

Horario de SCM

	Lunes	Martes	Miércoles	Jueves	Viernes
Mañana	11:00 –15:00	---	8:00-10:00	---	---
Tarde	---	---	---	---	---

Coca-Cola no para de reinventarse

El pasado verano, esta marca de refrescos conocida mundialmente, estrenó la primera valla publicitaria 3D del mundo. Y cómo no, tenía que ser a lo grande. 
Mide cerca de los 20 metros de alto, por casi 13 metros de ancho. Además está compuesta por unos 1760 cubos de LED, los cuáles dan vida a esta valla en el corazón de Nueva York: Times Square.

Gracias al movimiento de los cubos, la valla publicitaria adquiere dinamismo, genera diferentes ilusiones ópticas y aporta realismo a la imagen. Coca-Cola no para de sorprendernos con su ingenio para anunciarse.

https://www.youtube.com/watch?v=geMEB8zJLiU