Ir al contenido principal

Poniendo en práctica lo aprendido

En la clase práctica de hoy, hemos puesto en práctica algunos conocimientos aprendidos durante esta semana. 
En primer lugar, hemos personalizado el fondo del blog. El proceso es el siguiente:

  1. Estando dentro del BackEnd, nos clicamos en PLANTILLA, situado en la columna de la derecha.
  2. Clicamos en PERSONALIZAR→FONDO
  3. Pinchamos en la imagen de fondo. Nos da la opción de poner una  predeterminada ofrecida por blogger o poder subir la imagen que queramos.
Secuencia por foto:




Una vez hecho esto, añadimos un favicon. 
¿Qué es un favicon?
Es icono de página, es una pequeña imagen asociada con una página o sitio web en particular. 
¿Cómo se hace un favicon?
  1. Clicamos en DISEÑO
  2. En la ventana de la derecha nos aparecerá en primer lugar: FAVICON
  3. Clicamos y seguimos las instrucciones que se nos ofrecen.
En tercer lugar, añadimos una lista de los blogs que queremos seguir. Esto se hace a través de un gadget. Lo vemos a través de imágenes como lo hemos hecho.

Una vez hecho esto, pasamos a realizar un cambio en el código html. Mi cambio ha sido el que vemos a continuación:
El cambio realizado ha sido estructurar una lista de definiciones. Para ello el códico utilizado es:
<head><title>En un blog diferenciamos dos interfaces:</title>
  
  </head>
  <body>
    <h3>Interfaces que encontramos en un blog:
      
    </h3>
    <dl>
      <dt>FrontEnd</dt>
      <dd>Es nuestro "escaparate", es decir, lo que nosotros como autor de un blog le enseñamos a nuestro lector. Podríamos decir que es la cara "bonita" del blog.</dd>
      <dt>BackEnd</dt>
      <dd> Es nuestro "taller", sólo puede verlo y gestionarlo el propio autor o autores del blog. Aquí hacemos es donde controlamos todo lo que queremos publicar y cómo lo queremos publicar.</dd>
      
    </dl>
  </body>

En último lugar,creamos un vídeo con html5maker, su resultado fue:

Comentarios

Publicar un comentario

Entradas populares de este blog

Mockup con Pidocco

En esta sesión prácticas vamos a realizar un mockup. Un mochup es un modelo a escala real o tamaño real de un diseño o dispositivo, utilizado para la demostración, evaluación del diseño, promoción y para otros fines. Para diseñar nuestro mockup, que tendrá que estar relacionado con la semana cultural utilizaremos la herramienta Pidocco. Con ella crearemos una interfaz de una página web destinada a la semana cultural .
Publicar un comentario
Leer más

BLOG

El primer sistema de comunicación multimedia que vamos a ver será el blog. En primer lugar vamos explicar que es un blog. Un blog es un sitio web donde una persona o varias muestran contenidos de su propio interés, que actualizan con frecuencia y pueden ser comentados por los lectores de su blog. Podemos definirlo como publicaciones en línea de historias que se actualizan periódicamente, éstas son presentadas en orden cronológico inverso, es decir, lo más reciente que se ha publicado es lo primero que nos aparecerá en pantalla. Normalmente, los blogs disponen de una lista de enlaces a otros blogs, a páginas para ampliar información, citar fuentes o hacer notar que se continúa con un tema que empezó otro blog . ¿Qué elementos básicos podemos usar para crear nuestro blog? Texto Hipertexto Imagen Gráficos 3D Animaciones Sonido Vídeo En un blog diferenciamos dos interfaces: Interfaces que encontramos en un blog: FrontEnd Es nu
Publicar un comentario
Leer más

LAYAR

Layar  es un navegador de realidad aumentada para  Android , su funcionamiento se basa en usar la información que proporciona el  GPS  y la brújula que posee el terminal, mientras la pantalla nos muestra lo que la cámara capta y sobre ella información relativa en tiempo real de lo que tenemos delante de nosotros, nada mejor para entenderlo que ver el vídeo que da comienzo a esta publicación. La práctica con esta aplicación consiste en crear una imagen con contenido multimedia, que cuando escaneemos dicha imagen, nos aparezca a través de nuestro dispositivo móvil, las modificaciones y el contenido multimedia que hemos añadido.  La imagen que he elegido para modificarla es la ssiguiente:         Si escaneamos la imagen anterior, con nuestro dispositivo móvil y a través de App de Layar, nos aparecerá el siguiente contenido multimedia:                                                                                  Nuestro móvil nos hace de intermediario, si quer
Publicar un comentario
Leer más