Entradas

Mostrando entradas de febrero, 2019

Hojas de Estilo (CSS).

Imagen
En esta entrada aprenderemos pasos básicos sobre las páginas web.  Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos.  Las páginas web están desarrolladas con lenguajes como el HTML (ya explicado en anteriores entradas) que pueden ser interpretados por los navegadores. Para definir el contenido de una página web: tipo, fuente y tamaño de letras, alineación y posicionamiento del texto, colores y fondos, etc; deberemos subir, además del archico HTML, un archivo CSS. ¿Por lo tanto, que es el archivo CSS?  El archivo de extensión CSS (Cascading Style Sheets) se corresponde con una hoja de estilo. Las hojas de estilo permiten modificar, como mencionamos anteriormente, el tipo de fuente, tamaño, color de la fuente, color de fondo, párrafos, etc.. de las distintas etiquetas que forman una página HTML. Su principal ventaja...

Sesión práctica HTML SCM 11/02/2019

Imagen
En esta entrada resolveré los ejercicios planteados en clase sobre HTML. Deberá incluir: -2 títulos o cabeceras de diferentes tamaños. -2 párrafos, uno centrado y otro alineado a la izquierda, con alguna palabra en negrita y otra subrayada. -Una lista ordenada cuyo estilo de numeración sean letras minúsculas y otra no ordenada con cuadrados como marcas que preceden a cada elemento de la lista. -Una tabla con el horario de clases del estudiante en este semestre. -Un hipervínculo que enlace con una dirección de internet que le resulte interesante para la asignatura. -Una imagen con un hipervínculo. ¡Vamos a empezar! -2 títulos o cabeceras de diferentes tamaños. Mi nombre es Rebeca Mi nombre es Rebeca -2 párrafos, uno centrado y otro alineado a la izquierda, con alguna palabra en negrita y otra subrayada. Mi nombre es Rebeca, y soy estudiante de Ingeniería en Diseño Industrial en el Centro Universitario de Mérida . Actualmente utilizo este blog para la asignatura ...

Camisa antimanchas, ¡increíble pero cierto!

Imagen
Hoy vengo a contaros algo que me ha impactado. Hace poco en la clase de Sistemas de Comunicación Multimedia descubrimos la existencia de una empresa llamada "Sepiia" dedicada al diseño de moda inteligente. Las camisas están diseñadas de tal forma que no debemos preocuparnos ni por las manchas, ni por las arrugas, ni por los olores. ¡Cero preocupaciones! Suena maravilloso. Nuestra profesora hizo la prueba en clase con una de sus camisas, y efectivamente, tras verter ketchup y café en ella, comprobamos que la camisa estaba completamente limpia. Los productos resbalaban por la camisa pero..¡Ni una sola mancha!  Me parece increíble todo el diseño que hay detrás de estas camisas 😱. ¡Yo quiero una!

¿Qué es un favicon?

Imagen
En esta entrada explicaré que es un favicon y además, mostraré mi favicon propio. El favicon un pequeño icono, normalmente de 16×16 píxels o de 32×32 px, que sirve para:   -Transmitir nuestra imagen de marca cuando alguien navega por nuestra página web y fija su mirada en la zona de la URL del navegador.   -Para que nuestra página sea fácilmente identificable cuando alguien tiene abiertas varias pestañas en su navegador.   -Para que nuestra página sea fácilmente identificable cuando alguien la guarda en sus favoritos. Ejemplo de favicon A continuación, podemos ver la creación de mi favicon: Esto es todo por hoy, espero que os haya gustado, ¡hasta la próxima!

Sesión práctica HTML SCM 04/02/2019

Imagen
En esta entrada, os enseñaré los ejercicios resueltos de HTML y su forma de programarlo. Para empezar, explicaremos qué es el HTML. El HTML es un lenguaje que se utiliza para la creación de páginas web, y está formado por un conjunto de instrucciones que debemos seguir a la hora de organizar el texto que queremos representar. Comenzaremos con la resolución de ejercicios: Ejercicio 1. Lenguaje: <html> <body> <h1 <b>h1 es la cabecera de mayor tamaño</b></h1> <h2 <b>h2 es un poco más pequeña que h1</b></h2> <h6 <b>la etiqueta h6 es para el título más pequeño</b> <h4 ALIGN=CENTER> Mi primer párrafo centrado</h4> <h4 ALIGN=LEFT> Mi primer párrafo alineado a la izquierda</h4> <h4 ALIGN=RIGHT> Mi primer párrafo alineado la derecha </h4> <h4 ALIGN=JUSTIFY> Mi primer párrafo alineación justificada</h4> </body> </html> Resultado : Lista...

¡Bienvenidos al blog de Rebeca!

Hola, me llamo Rebeca Aliseda, soy estudiante del grado de Ingeniería de Diseño Industrial  en el Centro Universitario de Mérida y utilizaré este blog para la asignatura de Sistemas de Comunicación Multimedia. Espero que disfruteis del contenido del blog. ¡Nos vemos pronto!