Comentario sobre HTML

Finalmente, y tras "enredar" bastante con el HTML, mi conclusión es que es un lenguaje que a la hora de editar entradas no es muy complejo, ya que se puede hacer de manera bastante intuitiva pero editar el propio diseño del blog desde la programación HTML es algo bastante complejo, que no he sido capaz de lograr.

HTML es una grandisima herramienta para introducir vídeos, imágenes y widgets para así crear un blog mas interactivo.

Para acabar con este tema, os dejo un juego muy divertido (el Mahjong) que he introducido también mediante código HTML (solo para web).

Muchas gracias y nos vemos en otro tema!

Cambios en HTML

Buenas!

Esta vez creo una nueva entrada para hablaros de los cambios en los códigos HTML. En primer lugar, y debido a los problemas que supone cambiar el código HTML de la plantilla, he decidido añadir un código CSS (que sirve para organizar la presentación y aspectos de una página web). Añadimos el siguiente código:

.header .widget {
 text-align:center;}
.eader img {margin: auto;}
text-indent: 30px;
}

De esta forma, el título del blog se centra en la página.

Pero vamos a los códigos HTML, en primer lugar y para ayudarnos, he buscado información a cerca de diferentes códigos y la página htmlpoint nos ayudará a encontrar los que necesitamos.

Para centrar el texto, como hemos hecho con el código CSS, utiliza <div align=center> delante de:

<span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"><br /></span>

<span style="font-family: &quot;courier new&quot; , &quot;courier&quot; , monospace;">.header .widget {</span><br />

<span style="font-family: &quot;courier new&quot; , &quot;courier&quot; , monospace;">&nbsp;text-align:center;}</span><br />

<span style="font-family: &quot;courier new&quot; , &quot;courier&quot; , monospace;">.eader img {margin: auto;}</span><br />

<span style="font-family: &quot;courier new&quot; , &quot;courier&quot; , monospace;">text-indent: 30px;</span><br />

<span style="font-family: &quot;courier new&quot; , &quot;courier&quot; , monospace;">}</span><br />

<br />

 y cerramos con </div>

En la página que he añadido como información, al pulsar encima de ella funciona como hipervinculo que te lleva a esa direccion directamente, para hacer esto debemos añadir antes del texto

<a href="http://www.htmlpoint.com/guida/index.html">

Quedando finalmente de la siguiente manera:

<span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;">Pero vamos a los códigos HTML, en primer lugar y para ayudarnos, he buscado información a cerca de diferentes códigos y la página 
<a href="http://www.htmlpoint.com/guida/index.html">htmlpoint</a>&nbsp;nos ayudará a encontrar los que necesitamos.</span><br />

Y por último, voy a hablar sobre el tipo de animaciones que se pueden incluir en un blogg utilizando el código HTML. En primer lugar, se pueden añadir elementos interactivos como el reloj que podemos ver a continuación:


Y como apreciamos al final de la entrada, hay un rotulo con neones que da la bienvenida al blog, esto no es mas que otro código HTML que permite este que se vaya moviendo el rótulo.

Herramientas para hacer un e-portafolio

De nuevo, quiero añadir una entrada para hablaros sobre otro tema, los e-portafolios y las herramientas para hacerlo

Un portafolio es un documento compuesto por otros (escritos, imágenes, vídeos, etc. que pueden tener formato digital o no) con los que se demuestra nuestra experiencia profesional y personal.
Puesto que los e-portafolios son personales y un formato muy flexible y particular de cada persona, todas las estructuras son válidas y bienvenidas. Para hacerlo debemos de:

          - Hablar de uno mismo a modo de presentación.

          - Incluir las diferentes experiencias que vamos a introducir en el e-portafolio agrupándolas por secciones.

          - Es importante incluir algunos datos de contacto: teléfono móvil o correo electrónico.

HERRAMIENTAS:

Creación de documentos, insertar imágenes y presentaciones: Mediante Open Office, Microsoft Office Word y Power Point.

Creación de un espacio en línea: Mediante plataforma blog de Blogger o Wordpress y creación de páginas web con Google Sites.

Creación de los sitios alojados: (Requiere conocimientos mas avanzados de informática, se realizan mediante Dreamweaver, Fontpage etc.

Herramientas complementarias: 

          Vídeo: Mediante plataformas como YouTube, Dailymotion o Vimeo
          Fotografías: Realizadas en sitios web gratuitos como Flickr o Picasa

PARA FINALIZAR...

Con la facilidad y variedad que ofrecen las diferentes herramientas, lo ideal seria realizar un e-portafolio en un blog como Blogger o Wordpress ya que permite vídeos, fotos, links con una mayor interacción. Además se pueden combinar las diferentes herramientas añadiendo vídeos de YouTube e imágenes de Flickr o Picasa

VIDEO HTML5

Hola mundo.

Bueno pues empezamos el blog,

Este es un blog sobre la asignatura de Sistemas de Comunicación Multimedia, donde se irán subiendo las diferentes tareas mandadas.

En primer lugar voy a hablar de los blogs y paginas de interés, en el ámbito del Diseño Industrial y de los avances en multimedia.

http://www.dezeen.com/design/ es una página que sigo de hace tiempo que sube diseños interesantes diariamente.

Os dejo una lista sobre los 20 mejores blogs de diseño en español, son muy completos y tienen todo tipo de diseños innovadores que pueden servir de inspiración. http://nfgraphics.com/los-mejores-20-blogs-de-diseno-en-espanol/

http://blogdeldiseno.com/ Este blog es de interiorismo, tiene numerosos muebles diferentes, y combinaciones tanto en restaurantes como en viviendas.