Publica tu propia página web

Buenas! En esta entrada os voy a enseñar a publicar vuestra propia página web subiéndola a un hosting gratuito. En primer lugar, habrá que crear los archivos con los códigos previamente explicados HTML/CSS

✰ Para ello nos registraremos en 000webhost con nuestro email y esperaremos a que nos llegue un correo a modo de confirmación. Una vez tenemos el correo confirmado, únicamente tendremos que subir nuestros archivos en el File Manager (al archivo HTML le tendremos que llamar index.html).



Un poquito de CSS

Hoy vamos a hacer una breve introducción al CSS, hablar de qué es y para qué sirve, ya que se trata de una herramienta muy importante para la creación de páginas webs.

En primer lugar os preguntaréis, ¿qué es CSS? Bien, CSS son las siglas de Cascading Style Sheets, lo cual se traduce como "Hojas de estilo en cascada". Las hojas de estilo son un conjunto de propiedades de formato con reglas de definición y aplicación que describen cómo se van a visualizar los elementos HTML en nuestras pantallas.

✰ Dentro del CSS tenemos también las Reglas de Estilo, una regla está formada por un selector, que indica las etiquetas a las que se aplica, y por una declaración o conjunto de pares.


✰ De esta forma, tenemos varios tipos de selectores, los cuales pueden estar basados en el elemento/etiqueta (p.e. p{color: green;}), en el contexto del elemento (p.e. div strong {color: red;}), en un identificador (p.e. #parrafo1 y id="parrafo1") o en una clase (p.e. p.center).

✰ Os dejo un corto vídeo introducctorio en el que se hace una comparación entre CSS y HTML (el cual podéis ver de qué se trata en esta entrada anterior del blog).


Introducción y pruebas con HTML

INTRODUCCIÓN A 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 EN HTML

  1. Ordenadas, usaremos la etiqueta ol.
  2. No ordenadas, usaremos la etiqueta ul.
  3. Listas de definiciones, usaremos la etiqueta dl.

Y una lista No ordenada

Tareas a realizar

  • Articulo 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 Uniforme de Recursos.

Para terminar con una tabla con el horario de SCM

Horario de SCM

LunesMartesMiércolesJuevesViernes
Mañana11:00 – 15:00----8:00-10:00------
Tarde---------------

Toyoi Yuuta y la vida cotidiana japonesa

Toyoi Yuuta es un artista de Pixel Art japonés, quien a través de interesantes GIFs (o archivos con capacidad para animar imágenes de hasta 8 bits) nos muestra cómo se presenta la vida cotidiana en Japón: la espera al tren, sus tradicionales bares, sus bellos escenarios o inluso el amor por los gatos.

✰ Os dejo algunos ejemplos de sus hermosas y cuidadas obras:






Podemos encontrar online a este artísta bajo el usuario 1041uuu, aquí os dejo su Tumblr y os invito a que le echéis un vistazo a sus curiosas obras.

¿Qué es multimedia?

Seguro que todos estamos bastante familiarizados con el término "multimedia" ya que está bastante presente en nuestras vidas, pero ¿sabríamos cómo definirlo?

Multimedia, según la RAE: 1. adj. Que utiliza conjunta y simultáneamente diversos medios, como imágenes, sonidos y texto, en la transmisión de una información. 

En otras palabras, este concepto se refiere a combinaciones de textos, imágenes, audios, animaciones y elementos de video.

Según esta definición, ¿qué podría ser un entorno multimedia? La respuesta es prácticamente todo lo que nos rodea; desde algo que utilizamos a diario como son los teléfonos móviles hasta las aplicaciones educativas. Un gran ejemplo son las páginas webs y dentro de éstas tenemos el blog, por lo que ahora mismo estás navegando por un espacio multimedia.

Algunos ejemplos de los diferentes ámbitos de aplicación son:

       ✰ Ámbito doméstico: televisores, videojuegos, DVD.

       Servicios públicos: museos virtuales, compra de entradas, planos de zonas, reservas de alojamientos.

       Enseñanza: idiomas, educación a distancia, aplicaciones de simulaciones, laboratorios virtuales.

       Ámbito empresarial: presentaciones, marketing, bases de datos, PDA's, video conferencia.






 

¿Qué es PROJEKTANDO?

En primer lugar, ¡bienvenid@ a mi blog! Mi nombre es María Jesús y soy estudiante de Ingeniería en Diseño Industrial y Desarrollo de Productos, al igual que la propietaria de este blog.

¿Qué es PROJEKTANDO? Bien, PROJEKTANDO nace como un blog dedicado a la asignatura de Sistemas de Comunicación Multimedia, en el cual se irá haciendo un seguimiento de la misma y publicando noticias o datos interesantes relacionados con el diseño.

¿Por qué "PROJEKTANDO"? El nombre del blog viene de la palabra "projekt" la cual significa "diseño" en polaco (y bueno, me pareció interesante ya que en español también tenemos dicha palabra, escrita de manera diferente y bastante relacionada con el desarrollo de un diseño, un proyecto) y le he añadido el sufijo -ando, por lo tanto si unimos ambos tenemos "projektando" que lo podríamos traducir como "diseñando". Su pronunciación sería la misma que la de la palabra "proyectando" en español.