tag:blogger.com,1999:blog-32428099030667585922024-03-05T05:24:18.300-08:00Diseñar y crearBlog de Diseño Industrial, aquí podrás profundizar en temas relacionados con sistemas de comunicación multimedia. Anonymoushttp://www.blogger.com/profile/00803213040531788372noreply@blogger.comBlogger9125tag:blogger.com,1999:blog-3242809903066758592.post-4488616762924327992016-04-18T03:55:00.002-07:002016-04-18T03:55:33.328-07:00CUM<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">La semana que viene se celebra la Semana Cultural del CUM, por este motivo hemos diseñado un cartel y un díptico. El cartel refleja una mujer con un megáfono anunciando la Semana Cultural que viene simbolizada en forma de U (Unex). La "U" contiene palabras que reflejan el significado de esta Semana. </span><br />
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjDzqQuZqlvYmPpGLANZfCmw4xN6dpAC4BWUHmLqkJecF32fmAuFR3luhpLOJOxNiz8LeucO3QldycGmxK6sG3UXnLyshpMwcQQhGGaBkdq56I2HN14mstiilDpCUQPUtrEfatbYC5c2c/s1600/cartel-bien-Definitivo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjDzqQuZqlvYmPpGLANZfCmw4xN6dpAC4BWUHmLqkJecF32fmAuFR3luhpLOJOxNiz8LeucO3QldycGmxK6sG3UXnLyshpMwcQQhGGaBkdq56I2HN14mstiilDpCUQPUtrEfatbYC5c2c/s400/cartel-bien-Definitivo.jpg" width="282" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">El cartel contiene un aura, para poder verla es necesario descargar la aplicación Aurasma y seguir al usuario "jmpince". </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dw7S_tkNMTov0PD3mb957dZyAOI4Qf4802YLQcd4nBxp_WyogmAI1pt3x2TSkGz8eU4X7yNbxZDcczo1HsDfA' class='b-hbp-video b-uploaded' frameborder='0'></iframe></span></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">El diptico que hemos realizado sigue la misma temática que el cartel.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPf-kGqYDIkemahsld4FqGkm-SZfOiQ8lrRBUHwID5R_nmeW4ohYxGi0wwkAJsLx3BQtEToWglOSnYsrNkb7AP4rYR0Vh4pX2ATnlkitjvpoXsTTyacOPwENeVD0b_Lc7ZJtKTXq1yBa8/s1600/diptico2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPf-kGqYDIkemahsld4FqGkm-SZfOiQ8lrRBUHwID5R_nmeW4ohYxGi0wwkAJsLx3BQtEToWglOSnYsrNkb7AP4rYR0Vh4pX2ATnlkitjvpoXsTTyacOPwENeVD0b_Lc7ZJtKTXq1yBa8/s320/diptico2.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp92mXMaisP0FH3bgXw-ve3c6kED7LBuybkZo6yrZvt96ToQdnt0DfC_yztsOFhLAsqTgeYrYwijY6vd462S0-aQNZVhSrxJqlPHvkr8itwhcQ1vzSt3_QRLE15l7mivEg3UCwR0i5b4Q/s1600/diptico1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp92mXMaisP0FH3bgXw-ve3c6kED7LBuybkZo6yrZvt96ToQdnt0DfC_yztsOFhLAsqTgeYrYwijY6vd462S0-aQNZVhSrxJqlPHvkr8itwhcQ1vzSt3_QRLE15l7mivEg3UCwR0i5b4Q/s320/diptico1.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">La presentación se puede ver pinchando en este enlace, ya que se ha utilizado el programa prezi.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://prezi.com/ykmlzih7q9ca/semana-cum-2016/">presentacion</a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span>Anonymoushttp://www.blogger.com/profile/00803213040531788372noreply@blogger.com1tag:blogger.com,1999:blog-3242809903066758592.post-13833839986664282412016-04-10T03:58:00.000-07:002016-04-10T03:58:53.730-07:00Aurasma<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><span style="background-color: white; box-sizing: border-box; color: #333333; font-weight: 700; line-height: 24px;">Aurasma</span><span style="background-color: white; color: #333333; line-height: 24px;"> es una App bastante complicada de describir sin ver cómo funciona directamente; Se trata de un sistema de </span>realidad aumentada<span style="background-color: white; color: #333333; line-height: 24px;">, que utiliza la cámara del movil para identificar los objetos que tiene delante, y en tiempo real, superpone sobre ellos algún tipo de animación que nosotros elijamos para relacionar con ese objeto.</span></span><br />
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><span style="background-color: white;"><span style="color: #333333;"><span style="line-height: 24px;">Para poder ver el aura que se ha creado tenemos que descargar la app Aurasma y seguir al usuario. Mi usuario es Marta512, una vez que me sigáis podréis ver mi aura que surge de esta imagen.</span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjICPstnRQ3o8TCClG1CjA-c-Vev_LTK9kvVrow3maFduiX7gsK1WOEfggPesG7yupGCz_BZ_DlNm3csMkiOijKg4JQg8PjETcQ3U1LOL66DMc2dsfNFzc9RqQcO8go6SPICHtpW8zNZgw/s1600/xJ4YxfpEK5DsQlQClC2Whg-Aurasma_Primary_Logo_Col.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjICPstnRQ3o8TCClG1CjA-c-Vev_LTK9kvVrow3maFduiX7gsK1WOEfggPesG7yupGCz_BZ_DlNm3csMkiOijKg4JQg8PjETcQ3U1LOL66DMc2dsfNFzc9RqQcO8go6SPICHtpW8zNZgw/s320/xJ4YxfpEK5DsQlQClC2Whg-Aurasma_Primary_Logo_Col.png" width="320" /></a></div>
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><span style="background-color: white;"><span style="color: #333333;"><span style="line-height: 24px;"><br /></span></span></span></span>Anonymoushttp://www.blogger.com/profile/00803213040531788372noreply@blogger.com1tag:blogger.com,1999:blog-3242809903066758592.post-61724522806781887212016-03-24T09:17:00.000-07:002016-03-24T09:17:39.101-07:00ITOP- BIOIMPRESORA 3D<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Atala y su equipo han
creado una tecnología de impresión basado en un sistema con una especie de
microcanales donde van
instaladas las células que se van a utilizar, asegurando así la permeabilidad
de los nutriente y el oxígeno, consiguiendo que éstas se mantengan vivas una vez se trasladen a la pieza sintética ya construida y que por lo tanto, puedan desarrollar un sistema de vasos sanguíneos.</span><br />
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeThApLlYSbqaIXhEfnSQXfI-B8R0HEwKbEJJc4cStEi8PApuETzh0Ew1Eoo21zOYuKfnmRUe3NY9Hw08zH9G5WRYcZejANLM7I1lJNozqgL9bvXCD8bv_aPNhVaZM5hBwA4BwCidKh_k/s1600/Imagen1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeThApLlYSbqaIXhEfnSQXfI-B8R0HEwKbEJJc4cStEi8PApuETzh0Ew1Eoo21zOYuKfnmRUe3NY9Hw08zH9G5WRYcZejANLM7I1lJNozqgL9bvXCD8bv_aPNhVaZM5hBwA4BwCidKh_k/s320/Imagen1.jpg" width="320" /></a></div>
<br />
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Hasta ahora este tipo de impresoras sólo eran capaces de
imprimir tejidos de unos tamaños de hasta 0,007 pulgadas. Este nuevo modelo,
llamado Integrated Tissue and Organ Printing System o ITOP, parece haber
superado estas barreras mezclando las células de músculos y cartílagos, e
incluso células madre obtenidas de líquido amniótico, <span style="font-weight: bold;">con
otro material plástico biodegradable</span>.</span><br />
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0in; margin-top: 0pt; unicode-bidi: embed; word-break: normal;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">
</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0in; margin-top: 0pt; unicode-bidi: embed; word-break: normal;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Este plástico llamado </span><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">policaprolactona</span><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"> tiene como misión el </span><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small; font-weight: bold;">mantener las formas con las que se
imprimen</span><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"> los tejidos
mientras las células van creciendo y enraizándose en los organismos. Después se
va degradando hasta que sólo quede tejido orgánico.</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0in; margin-top: 0pt; unicode-bidi: embed; word-break: normal;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgiM1aDXFe9W8Xl8tI3H8AUM91BiUj3ngjVo33-9SynJlEWLp1K3cKSLWVhg0UBeT1gwAIB9jGESQ-7e7fwlKHuxmpYQi04En8dcFE1eID2jXh94UZLnoG9SwbH_eOTdmwRMI80JRUGPU/s1600/Imagen2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgiM1aDXFe9W8Xl8tI3H8AUM91BiUj3ngjVo33-9SynJlEWLp1K3cKSLWVhg0UBeT1gwAIB9jGESQ-7e7fwlKHuxmpYQi04En8dcFE1eID2jXh94UZLnoG9SwbH_eOTdmwRMI80JRUGPU/s320/Imagen2.jpg" width="320" /></a></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0in; margin-top: 0pt; unicode-bidi: embed; word-break: normal;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0in; margin-top: 0pt; unicode-bidi: embed; word-break: normal;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">
</span></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Tal y como aseguran sus
creadores, el ITOP <span style="font-weight: bold;">va alternando plástico y material orgánico</span>. Esta alternancia entre
blando y duro parece ser la clave por la que <span style="font-weight: bold;">dicen
estar consiguiendo que los tejidos sobrevivan</span>, crezcan y mantengan la integridad estructural necesaria
para poder ser implantados con garantías.</span><br />
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieWEVhqyQX3SxQDNO8IaQMI2FPBdHaL03EYPaqgbUOllQnSnJeeVm8UbMXfNqwpyOl4nx85MYOlFwSwe8t7mIF6zXCH5wwwHsL1BJtrZoP5NslBVpWiDweu6CWUcCCXGa1NGtDr_2Z3Ik/s1600/Imagen3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieWEVhqyQX3SxQDNO8IaQMI2FPBdHaL03EYPaqgbUOllQnSnJeeVm8UbMXfNqwpyOl4nx85MYOlFwSwe8t7mIF6zXCH5wwwHsL1BJtrZoP5NslBVpWiDweu6CWUcCCXGa1NGtDr_2Z3Ik/s320/Imagen3.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">En el vídeo que se muestra a continuación explica lo anteriormente escrito, (minuto 3: 24 a 5:00)</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/sisbBveJ4tA/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/sisbBveJ4tA?feature=player_embedded" width="320"></iframe><br />
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span>Anonymoushttp://www.blogger.com/profile/00803213040531788372noreply@blogger.com1tag:blogger.com,1999:blog-3242809903066758592.post-22482259144856693122016-03-23T11:20:00.001-07:002016-03-23T11:20:10.859-07:00Realidad Aumentada<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><span style="background: white; line-height: 115%;">La<span class="apple-converted-space"> </span><b>realidad
aumentada</b><span class="apple-converted-space"> </span>(RA) es el término
que se usa para definir una visión a través de un dispositivo tecnológico,
directa o indirecta, de un entorno físico del mundo real, cuyos elementos se
combinan con elementos virtuales para la creación de una realidad mixta en
tiempo real. Consiste en un conjunto de dispositivos que añaden información
virtual a la información física ya existente, es decir, añadir una parte
sintética virtual a lo real. Esta es la principal diferencia con la<span class="apple-converted-space"> realidad virtual</span></span><span style="background: white; line-height: 115%;">, puesto que no sustituye la
realidad física, sino que sobreimprime los datos<span class="apple-converted-space"> </span></span><span style="line-height: 115%;"><span style="background: white; color: windowtext; mso-bidi-font-family: Arial; text-decoration: none; text-underline: none;"><a href="https://es.wikipedia.org/wiki/Inform%C3%A1tica" title="Informática">i</a>nformáticos</span></span><span class="apple-converted-space"><span style="background: white; line-height: 115%;"> </span></span><span style="background: white; line-height: 115%;">al mundo real.<o:p></o:p></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><span style="background: white; line-height: 115%;"><br /></span></span></div>
<div class="Default" style="text-align: justify;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Las características
más importantes de la RA son que este ambiente virtual es una escena
tridimensional generada por un computador que requiere gráficos del alto
rendimiento para proporcionar un mayor nivel de realismo. Por otro lado, el
mundo virtual generado es interactivo. Un usuario requiere una respuesta en
tiempo real del sistema para poder interactuar con el modelo. Las imágenes
virtuales se combinan con la visión verdadera para crear la exhibición
aumentada. <o:p></o:p></span></span></div>
<div class="Default" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="line-height: 115%;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Los sistemas de
Realidad Aumentada sincronizan la representación virtual con los movimientos
del usuario y/ o de la cámara de video, mostrándoselos a través de lentes
especiales, proyecciones o por medio de un monitor.<o:p></o:p></span></span></div>
<div style="background: white; line-height: 16.75pt; margin-bottom: .0001pt; margin: 0cm; vertical-align: baseline;">
<br /></div>
<div style="background: white; line-height: 16.75pt; margin-bottom: .0001pt; margin: 0cm; vertical-align: baseline;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix0OzDVNTsjr4Xc3BXkwI3COdbJ3l52Ncd0JKQTHvW7ehFlP__xa7LUlBwBU5DbM3EoQG4MjJwqL1GsOiTUbX7zTtzubTlzT9_ukdM5P7Uj4nGrSevMkj_lF4Ms9QG8vitckpxPQz0f4c/s1600/Author.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix0OzDVNTsjr4Xc3BXkwI3COdbJ3l52Ncd0JKQTHvW7ehFlP__xa7LUlBwBU5DbM3EoQG4MjJwqL1GsOiTUbX7zTtzubTlzT9_ukdM5P7Uj4nGrSevMkj_lF4Ms9QG8vitckpxPQz0f4c/s1600/Author.JPG" /></a></span></div>
<br />
<div style="background: white; line-height: 16.75pt; margin-bottom: .0001pt; margin: 0cm; vertical-align: baseline;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div style="background: white; line-height: 16.75pt; margin-bottom: .0001pt; margin: 0cm; vertical-align: baseline;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Aumentaty
Author es la herramienta de generación de contenidos de Realidad Aumentada idónea
para los que no saben programar. <o:p></o:p></span></div>
<div style="background: white; line-height: 16.75pt; margin-bottom: .0001pt; margin: 0cm; vertical-align: baseline;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Aumentaty Author forma parte de las herramientas para generar contenidos
en Realidad Aumentada, utiliza tecnología de marcas fiduciales para reconocer
el espacio tridimensional mostrado por la cámara de tu dispositivo y posicionar
el contenido.<o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7QfanBLBTxJWzRquuu8T4SSR-3yc4TLCOVTgXdxCaPxvPrITW_1ddRd2msc6YayMQfexjPJLN2SODqadL103KAavdTaRO9mN-X3fALe3B7IOjyc6ndkwmlCJwMGXdg9lvGqOAP-sYK4o/s1600/Aumentaty.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7QfanBLBTxJWzRquuu8T4SSR-3yc4TLCOVTgXdxCaPxvPrITW_1ddRd2msc6YayMQfexjPJLN2SODqadL103KAavdTaRO9mN-X3fALe3B7IOjyc6ndkwmlCJwMGXdg9lvGqOAP-sYK4o/s320/Aumentaty.JPG" width="320" /></a></div>
<div style="background: white; line-height: 16.75pt; margin-bottom: .0001pt; margin: 0cm; vertical-align: baseline;">
<span style="font-family: "trebuchet ms" , sans-serif;"><br /></span></div>
<div style="background: white; line-height: 16.75pt; margin-bottom: .0001pt; margin: 0cm; vertical-align: baseline;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">El objeto que vamos a representar es un playmobil (formato .obj)</span></div>
<div style="background: white; line-height: 16.75pt; margin-bottom: .0001pt; margin: 0cm; vertical-align: baseline;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXifQq8JPv-45FMSzZ4tG0PyvY1HKdoA4Ys7RrXD5HKt4_aGWDPAxNGhrhxH4WUbzarXK0gxJwIFqoV98vNQXDMbqHZNToGrccc5g4p4CQr6VM92xS-K4hs-N9dX9oRsx8vNu32uXMAEQ/s1600/Playmovil.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXifQq8JPv-45FMSzZ4tG0PyvY1HKdoA4Ys7RrXD5HKt4_aGWDPAxNGhrhxH4WUbzarXK0gxJwIFqoV98vNQXDMbqHZNToGrccc5g4p4CQr6VM92xS-K4hs-N9dX9oRsx8vNu32uXMAEQ/s200/Playmovil.JPG" width="167" /></a></div>
<div style="background: white; line-height: 16.75pt; margin-bottom: .0001pt; margin: 0cm; vertical-align: baseline;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; vertical-align: baseline;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMz5hBa2hHwZpnVBmVSl_Btas5yRHg_liIm-95MlXoLzB8AlGtuCUKCvIETYEwT0dTrEa5SUVpCjP4TH70v536sqj5fPcq8FL5m2-Sfsr46_blEsK9nr1pPOu0iGJK-cRbbSSYm930qiA/s1600/Captura11.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMz5hBa2hHwZpnVBmVSl_Btas5yRHg_liIm-95MlXoLzB8AlGtuCUKCvIETYEwT0dTrEa5SUVpCjP4TH70v536sqj5fPcq8FL5m2-Sfsr46_blEsK9nr1pPOu0iGJK-cRbbSSYm930qiA/s400/Captura11.JPG" width="400" /></a></span></div>
<br />
<br />
<div class="MsoNormal">
<br /></div>
Anonymoushttp://www.blogger.com/profile/00803213040531788372noreply@blogger.com0tag:blogger.com,1999:blog-3242809903066758592.post-16485540838133762362016-03-07T03:36:00.001-08:002016-03-07T03:36:24.403-08:00<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">En la clase de hoy, hemos aprendido a utilizar el lenguaje
JavaScript. Vamos a crear un botón que cambie el estilo de nuestra página web, la que creamos el otro día. Para realizar esta actividad vamos a crear un archivo
nuevo con extensión “.css”. Este nuevo archivo
tendrá un estilo diferente, en mi caso voy a modificar la cabecera y el
pie de página, para que se vean rápido los cambios. </span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><b>Final1.css</b></span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">#header{</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">Background-image:url( );</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">background-size: 100% 100%;</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">padding:25px;</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">}</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">En cambio mi <b>Final2.css</b>, tendrá otra imagen:</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">#header{</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">background-image:url( );</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">background-size: 100% 100%;</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">padding:25px;</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">}</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">Para que la página cambie de estilo, necesitamos crear un
botón. Como el que se muestra a continuación. Primero añadiremos un identificador
al link del estilo que vamos a usar, en mi caso css.</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><link
rel="stylesheet" type ="text/css"
href="final1.css" id="css"><o:p></o:p></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">A continuación insertamos el script con la función. Como veréis
yo tengo dos funciones una que cambia mi estilo inicial al final y otra
viceversa.</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><script
type="text/javascript" language="JavaScript"><o:p></o:p></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">function
cambio(){<o:p></o:p></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">document.getElementById("css").href=
"final2.css";<o:p></o:p></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">}<o:p></o:p></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">function
cambio2(){<o:p></o:p></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">document.getElementById("css").href=
"final1.css";<o:p></o:p></span></span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">}</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"></script></span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">Por último, insertamos los botones donde queramos que
aparezca en mi caso en “head”.</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><button type="button"
onclick="cambio()">Cambio de estilo!</button></span></div>
<br />
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><button
type="button" onclick="cambio2()">Estilo
inicial</button></span><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">ESTILO INICIAL</span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0UNsaObRYY0bC9KwhIJgz79G82Iga3ZZL3PCA2D94H_9D4f8L5Vw0Lfx_4yCYxPzUKMLIVdAkQs2rtbk4ocenbbnsArcBNF6OAeuyztTh593KjpVg78DxRo5aZEu6pcBG4qWQxKOc_yI/s1600/pag1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0UNsaObRYY0bC9KwhIJgz79G82Iga3ZZL3PCA2D94H_9D4f8L5Vw0Lfx_4yCYxPzUKMLIVdAkQs2rtbk4ocenbbnsArcBNF6OAeuyztTh593KjpVg78DxRo5aZEu6pcBG4qWQxKOc_yI/s320/pag1.JPG" width="320" /></a></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">ESTILO FINAL</span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYUr_L2_g5AGqW6wentGxLYETysboysmkR8sjsJbV1JZPXjZQRhK4ua05_bvMdCYK60Mnu9fix5jSIUrlC1riOhoyTV1aP8gGuKe4jJUv-xQrKx3eriqhXjc_XJpxjkZ2Ih-QwcL8Ibw/s1600/pag2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYUr_L2_g5AGqW6wentGxLYETysboysmkR8sjsJbV1JZPXjZQRhK4ua05_bvMdCYK60Mnu9fix5jSIUrlC1riOhoyTV1aP8gGuKe4jJUv-xQrKx3eriqhXjc_XJpxjkZ2Ih-QwcL8Ibw/s320/pag2.JPG" width="320" /></a></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">Para ver los cambios os invito a visitar mi página. <a href="file:///C:/Users/marta/Documents/Ing.%20de%20Dise%C3%B1o%20Industrial/sistemas%20comunicacion%20multimedia/index.html">WEB</a></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></span></div>
Anonymoushttp://www.blogger.com/profile/00803213040531788372noreply@blogger.com0tag:blogger.com,1999:blog-3242809903066758592.post-18192702982796397992016-02-29T10:35:00.001-08:002016-02-29T10:45:11.955-08:00Página Web (SCM)<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Hoy vamos a explicar las hojas de estilo (CSS) que nos van a
servir para crear nuestra propia página web. El código que utilizamos es el
mismo que en html. </span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Como ya comentamos en otras entradas los estilos los
creamos utilizando #Etiqueta{}.</span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">#estilopruebatexto{</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-US" style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Text-align: ;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-US" style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Font-family: ;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-US" style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Color: ;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">}</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">También creamos los estilos de cabecera, etc.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Un ejemplo es este:</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-US" style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">#header{<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-US" style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">background-color:#9b0530;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-US" style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">padding:10px;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">}</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Para realizar la página web, vamos a crear dos archivos: uno
de estilos (estilo.css) y otro con el contenido de la página
(paginadeprueba.html). Estos archivos
los crearemos con el “bloc de notas”. Mi
ejemplo de página es la siguiente. </span></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPYRbTXwZaUnF2d4JEDm2-QAmBcXijiXRjdX6QeHAMPfcUS_4HExULDcjMvfEiEgrc0t5VBzIAunRIMIhDTQH8PKP50VWPEXV-_pr_j49856HCU1nTJcwxtn9hevqlS_fOyO4LCfvOapI/s1600/Capturafdsdfsdf.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPYRbTXwZaUnF2d4JEDm2-QAmBcXijiXRjdX6QeHAMPfcUS_4HExULDcjMvfEiEgrc0t5VBzIAunRIMIhDTQH8PKP50VWPEXV-_pr_j49856HCU1nTJcwxtn9hevqlS_fOyO4LCfvOapI/s320/Capturafdsdfsdf.JPG" width="320" /></a></div>
<div class="MsoNormal">
<br /></div>
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">Una vez creado el estilo lo insertamos donde lo necesitemos:</span><br />
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><div id="estiloprueba"></span><br />
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><p>contenido</p></span><br />
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"></div></span><br />
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">Aqui os dejo tambíen el codigo para poder insertar una imagen en la pagina:</span><br />
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: 'Trebuchet MS', sans-serif; font-size: x-small;"><p>contenido</p></span><br />
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><p><img src="URL" alt:"descripcion"></p></span><br />
<br />
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">O</span><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">s invito a entrar en mi página web, podéis acceder desde el
enlace que os dejo aquí.</span></div>
<div class="MsoNormal">
<a href="file:///C:/Users/marta/Documents/Ing.%20de%20Dise%C3%B1o%20Industrial/sistemas%20comunicacion%20multimedia/pagina4.html#">WEB DE MARTA</a></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicYr8RQr2jBylARpq4XXenAX0rfud9GsP6_ERSA4Sg5RFJTxfeh2kmqhy7dvSejBSjOOfXqkosabNizHX7GLkn7IG77o_yDpMyedhkyu22Kz_qLZRcax6WHOZsxeYdYfxkqNbz58WLZ1Y/s1600/Capturafgdfgdfgdfgdfgfd.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicYr8RQr2jBylARpq4XXenAX0rfud9GsP6_ERSA4Sg5RFJTxfeh2kmqhy7dvSejBSjOOfXqkosabNizHX7GLkn7IG77o_yDpMyedhkyu22Kz_qLZRcax6WHOZsxeYdYfxkqNbz58WLZ1Y/s320/Capturafgdfgdfgdfgdfgfd.JPG" width="320" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
Anonymoushttp://www.blogger.com/profile/00803213040531788372noreply@blogger.com0tag:blogger.com,1999:blog-3242809903066758592.post-91705972955319368292016-02-28T02:58:00.001-08:002016-02-28T02:58:46.651-08:00GRAFENO, el material del futuro<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Buenos días, hoy leyendo noticias, he encontrado una sobre
un nuevo material que revolucionará el mundo de la tecnología.</span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu7qNkFnG7u9Iodhv52cJA14mq3NnLJ6wS4YSZbvcEabXmv2GogL9LiiE6Zn2f8035jxU5mkDEcFaDeIKp8sHAv_k-qya1rLv3dVZg6b5ogp4V8y5gi6QE9j_uYCDKx1yrfVQcd2TlhGI/s1600/grafeno2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu7qNkFnG7u9Iodhv52cJA14mq3NnLJ6wS4YSZbvcEabXmv2GogL9LiiE6Zn2f8035jxU5mkDEcFaDeIKp8sHAv_k-qya1rLv3dVZg6b5ogp4V8y5gi6QE9j_uYCDKx1yrfVQcd2TlhGI/s320/grafeno2.jpg" width="206" /></a></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><strong><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 1pt none windowtext; font-weight: normal; line-height: 115%; padding: 0cm;"><br /></span></strong></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><strong><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 1pt none windowtext; font-weight: normal; line-height: 115%; padding: 0cm;"><br /></span></strong></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><strong><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 1pt none windowtext; font-weight: normal; line-height: 115%; padding: 0cm;">Es uno de los
materiales más finos, flexibles, fuertes</span></strong><span class="apple-converted-space"><b><span style="background: white; border: 1pt none windowtext; line-height: 115%; padding: 0cm;"> </span></b></span><strong style="outline: 0px;"><span style="background: white; border: 1pt none windowtext; font-weight: normal; line-height: 115%; padding: 0cm;">y
con mayor conductividad que existen.</span></strong><span class="apple-converted-space"><b><span style="background: white; line-height: 115%;"> </span></b></span><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; line-height: 115%;">Y tan<span class="apple-converted-space"> </span></span><strong style="outline: 0px;"><span style="border: 1pt none windowtext; font-weight: normal; padding: 0cm;">delgado</span></strong><span class="apple-converted-space"> </span>que
se le considera como un material de solo dos dimensiones. Aunque su estructura
se describió hace más de ochenta años, fue aislado por primera vez en 2004 y
sobre él descansa una buena parte del futuro de las sociedades tecnológicas,<span class="apple-converted-space"> </span><strong><span style="border: 1pt none windowtext; font-weight: normal; padding: 0cm;">ya que sus aplicaciones potenciales son ilimitadas</span></strong>. Ahora, y por primera vez, el grafeno y sus posibilidades,
pero sobretodo sus realidades, han ocupado por derecho propio un lugar
destacado en esta edición del <a href="https://www.mobileworldcongress.com/">WMC</a> (Mobile World Congress).</span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal" style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4JlvOLXjd3xETPK-1hKE-TqbZ8mkiL768GUOy8f3vf5dvAZKPTcmrowjIKjqcMxeoJfp-SA9piBDA-0TO7uK4lw21PQV5E_lMyNRAQ6VtbnsRK6s6E9G-sNY_AF3mQLTfG6erGm6cseM/s1600/Capturasdsads.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4JlvOLXjd3xETPK-1hKE-TqbZ8mkiL768GUOy8f3vf5dvAZKPTcmrowjIKjqcMxeoJfp-SA9piBDA-0TO7uK4lw21PQV5E_lMyNRAQ6VtbnsRK6s6E9G-sNY_AF3mQLTfG6erGm6cseM/s320/Capturasdsads.JPG" width="320" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/gWHkNa8eE2w/0.jpg" src="https://www.youtube.com/embed/gWHkNa8eE2w?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
Anonymoushttp://www.blogger.com/profile/00803213040531788372noreply@blogger.com0tag:blogger.com,1999:blog-3242809903066758592.post-45516456741528480382016-02-25T12:06:00.000-08:002016-02-25T12:06:46.023-08:00Tutorial HTML<div class="MsoNormal">
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Hoy vamos a explicar qué es <b>HTML</b></span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><b><br /></b></span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Éste es el lenguaje con el que se estructuran internamente
las páginas web. Básicamente se trata de un conjunto de instrucciones
(etiquetas) que sirven para dar formato al texto y definir donde y como se van
a presentar los elementos de página.</span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Aunque no es necesario saber HTML, siempre es conveniente
tener unas nociones básicas.</span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Consiste en una serie de etiquetas encerradas entre los
símbolos <> y casi todas las etiquetas constan de dos marcas, una de
apertura y otra de cierre. </span></div>
<div class="MsoNormal">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><etiqueta><o:p></o:p></span></b></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Contenido<o:p></o:p></span></b></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"></etiqueta><o:p></o:p></span></b></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></b></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Cuando queremos agregar en HTML comentarios, que aconsejo ir
poniendo, para saber qué es lo que vas a modificar, se utilizarían estos símbolos;
<b><!--Contenido
--><o:p></o:p></b></span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><b><br /></b></span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Cuando accedamos al HTML de nuestro blog veremos que este
consta de distintas secciones</span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="Default" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 21.3pt; margin-right: 0cm; margin-top: .15pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">1. Una línea donde se indica la versión de HTML utilizada (<!DOCTYPE>)
No tiene cierre. <o:p></o:p></span></span></div>
<div class="Default" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 21.3pt; margin-right: 0cm; margin-top: .15pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">2. La cabecera (delimitada por las etiquetas <b><head> y </head></b>). <o:p></o:p></span></span></div>
<div class="Default" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 21.3pt; margin-right: 0cm; margin-top: .15pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">3. El cuerpo (delimitado por las etiquetas <b><body> y </body></b>). <o:p></o:p></span></span></div>
<div class="Default" style="margin-top: .15pt;">
<br /></div>
<div class="Default" style="margin-top: .15pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Cuando editemos nuestro código nos daremos cuenta que ciertas
etiquetas se repiten de manera constante como son: <h1> <h2> etc.
Estas etiquetas se utilizan para títulos y cabeceras. Puedes modificar el
estilo de estos títulos poniendo el código:<o:p></o:p></span></span></div>
<div class="Default" style="margin-top: .15pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"> <o:p></o:p></span></span></div>
<div class="Default" style="margin-top: .15pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"> <b><style><o:p></o:p></b></span></span></div>
<div class="Default" style="margin-top: .15pt;">
<b><span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"> h 1 { <o:p></o:p></span></span></b></div>
<div class="Default" style="margin-top: .15pt;">
<b><span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"> modificamos lo que queramos;<o:p></o:p></span></span></b></div>
<div class="Default" style="margin-top: .15pt;">
<b><span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"> }<o:p></o:p></span></span></b></div>
<div class="Default" style="margin-top: .15pt;">
<b><span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"> </style><o:p></o:p></span></span></b></div>
<div class="Default" style="margin-top: .15pt;">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Algunas de las cosas que podemos modificar son:</span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"> La alineación
del texto: <b>text-align: center / left
/right / justify</b></span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><b><br /></b></span></div>
<div class="Default">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"> <span style="color: windowtext;">Podemos cambiar la forma del
texto</span>: </span></div>
<div class="Default" style="margin-left: 106.2pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">•<b> Negrita </b> <o:p></o:p></span></span></div>
<div class="Default" style="margin-left: 106.2pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">•<i> itálica</i> <o:p></o:p></span></span></div>
<div class="Default" style="margin-left: 106.2pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">•<big> GRANDE </big> <o:p></o:p></span></span></div>
<div class="Default" style="margin-left: 106.2pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">•<small> pequeña</small> <o:p></o:p></span></span></div>
<div class="Default" style="margin-left: 106.2pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">•<sub> SUBÍNDICE </sub> <o:p></o:p></span></span></div>
<div class="Default" style="margin-left: 106.2pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">•<sup> SUPERINDICE </sup> <o:p></o:p></span></span></div>
<div class="Default" style="margin-left: 106.2pt;">
<span style="color: windowtext;"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">•<u> Subrayado </u> <o:p></o:p></span></span></div>
<div class="Default" style="margin-left: 106.2pt;">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"> El
color: color: red/blue/green, etc</span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Para acceder al código HTML debemos meternos a blogger –
Plantilla – Editar HTML</span><br />
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheWPVEDXCnSrdJW9yJx41v5E1yXixw-GNrzGrPBfBQJTETWmDr7rMCnRTrkoWNGs_sbv_10m-rTYZNF0WbfEdR2oQVBUEa8Iir-bCW1pk0YxlHWbd_p_kPV1RQOQpDOHVpSc9KM4bTmhA/s1600/Captura54454.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheWPVEDXCnSrdJW9yJx41v5E1yXixw-GNrzGrPBfBQJTETWmDr7rMCnRTrkoWNGs_sbv_10m-rTYZNF0WbfEdR2oQVBUEa8Iir-bCW1pk0YxlHWbd_p_kPV1RQOQpDOHVpSc9KM4bTmhA/s320/Captura54454.JPG" width="320" /></a></div>
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<!--[if gte vml 1]><v:oval id="_x0000_s1027" style='position:absolute;
margin-left:174.45pt;margin-top:224.55pt;width:51.75pt;height:22.5pt;
z-index:2' filled="f" strokecolor="#c00000" strokeweight="1.5pt"/><![endif]--><!--[if !vml]--><span style="height: 33px; margin-left: 231px; margin-top: 298px; mso-ignore: vglayout; position: absolute; width: 72px; z-index: 2;"><br /></span><!--[endif]--><!--[if gte vml 1]><v:oval id="_x0000_s1026"
style='position:absolute;margin-left:7.95pt;margin-top:188.55pt;width:60.75pt;
height:22.5pt;z-index:1' filled="f" strokecolor="#c00000" strokeweight="1.5pt"/><![endif]--><!--[if !vml]--><span style="height: 33px; margin-left: 9px; margin-top: 250px; mso-ignore: vglayout; position: absolute; width: 84px; z-index: 1;"><br /></span><!--[endif]--></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">En este tutorial vamos aprender por ejemplo como alinear la
cabeza del blog, como poner una línea y como crear un nuevo identificador para
cambiar estilos.</span><br />
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">1.<span style="font-stretch: normal;">
</span><!--[endif]-->COMO ALINEAR LA CABECERA.</span></div>
<div class="MsoListParagraphCxSpMiddle">
<br /></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><head><o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><!--Modificamos
la alineación de la cabecera--><o:p></o:p></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><style><o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">h 1 { <o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">text-align: center;<o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">}<o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"></style><o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpLast">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"></head><o:p></o:p></span></span></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">2.<span style="font-stretch: normal;">
</span><!--[endif]-->Cuando en ocasiones queremos crear otro estilo
de texto y no queremos modificar ningún <h1>, <h2>, etc. deberemos
de realizar lo siguiente:</span></div>
<div class="MsoListParagraphCxSpMiddle">
<br /></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><head><o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><style><o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">#ETIQUETA { <o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">text-align: center;<o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">color: red;<o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">}<o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"></style><o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"></head><o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<br /></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Si este estilo se lo aplicamos a la
descripción, por ejemplo, deberíamos de hacer lo siguiente:</span></div>
<div class="MsoListParagraphCxSpMiddle">
<br /></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><body></span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><div id=”ETIQUETA”></span><br />
<span style="font-family: 'trebuchet ms', sans-serif; font-size: x-small;">Contenido</span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"></div></span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"></body></span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: 'trebuchet ms', sans-serif; font-size: x-small; font-stretch: normal; text-indent: -18pt;"><br /></span>
<span style="font-family: 'trebuchet ms', sans-serif; font-size: x-small; font-stretch: normal; text-indent: -18pt;"><br /></span>
<a href="https://www.blogger.com/blogger.g?blogID=3242809903066758592" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=3242809903066758592" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=3242809903066758592" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=3242809903066758592" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=3242809903066758592" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><span style="font-family: 'trebuchet ms', sans-serif; font-size: x-small; font-stretch: normal; text-indent: -18pt;"> </span><span style="font-family: 'trebuchet ms', sans-serif; font-size: x-small; text-indent: -18pt;">COMO HACER UNA LINEA.</span></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><hr
/><o:p></o:p></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<br /></div>
<div class="MsoListParagraphCxSpMiddle">
<span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Ejemplo:<o:p></o:p></span></span></div>
<div class="MsoListParagraphCxSpMiddle">
<b><span lang="EN-US"><span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><hr aling=”left” noshade=”noshade”
size=”2” width=”80%” /><o:p></o:p></span></span></b></div>
<div class="MsoListParagraphCxSpMiddle">
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br /></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Para practicar el código HTML os recomiendo
entrar en las siguientes paginas:</span></div>
<div class="MsoListParagraphCxSpMiddle">
<br /></div>
<div class="MsoListParagraphCxSpMiddle">
<a href="https://thimble.webmaker.org/es">OPCION 1</a><br />
<a href="http://www.w3schools.com/default.asp">OPCION 2</a></div>
<div class="MsoListParagraphCxSpMiddle">
<br /></div>
<br />
<div class="MsoListParagraphCxSpLast">
<br /></div>
Anonymoushttp://www.blogger.com/profile/00803213040531788372noreply@blogger.com0tag:blogger.com,1999:blog-3242809903066758592.post-53561064220658003012016-02-15T07:13:00.002-08:002016-02-15T07:26:03.086-08:003 sencillos pasos para crear un blog<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">¡Estrenamos blog nuevo! Esta primera entrada va a estar
dedicada para explicar en definitiva, que es un blog… ¿por que realmente
sabemos lo que es? </span></div>
<div class="MsoNormal">
<blockquote class="tr_bq">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Según la wikipedia, un blog es <i><span style="line-height: 115%;"><span style="color: #e06666;">“un <span style="text-decoration: none;">sitio web</span> que
incluye, a modo de <span style="text-decoration: none;">diario personal</span> de su autor o autores, contenidos de su interés,
actualizados con frecuencia y a menudo comentados por los lectores.”</span> </span></i></span></blockquote>
</div>
<div class="MsoNormal">
<span style="font-family: 'trebuchet ms', sans-serif; font-size: x-small;">Pero
realmente un blog es mucho más.</span></div>
<div class="MsoNormal">
<span style="font-family: 'trebuchet ms', sans-serif; font-size: x-small;">Un blog es…</span></div>
<div style="background: white; line-height: 15.6pt; margin-bottom: 0.0001pt; margin-bottom: 0cm; margin-left: 53.25pt; margin-right: 0cm; margin-top: 0cm; text-indent: -18.0pt; vertical-align: baseline;">
<span style="color: #e06666; font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><span style="font-weight: normal;"> -<span style="font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><span style="font-weight: normal;">ES
UN ATRIL DESDE EL CUAL PODRÁS COMUNICAR TU MENSAJE A TODO EL MUNDO.<br /><o:p></o:p></span></span><span style="color: #e06666; font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><span style="font-weight: normal;">-<span style="font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><span style="font-weight: normal;">ES
SINÓNIMO DE COMPARTIR SIN COMPLEJOS<br /><o:p></o:p></span></span><span style="color: #e06666; font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><span style="font-weight: normal;">-<span style="font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><span style="font-weight: normal;">SIGNIFICA
ESTAR EN CONSTANTE EVOLUCIÓN Y CRECIMIENTO<o:p></o:p></span></span></div>
<div class="MsoListParagraph" style="margin-left: 53.25pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="color: #e06666; font-family: "trebuchet ms" , sans-serif; font-size: x-small;"> -<span style="font-stretch: normal;">
</span><!--[endif]-->ES UNIVERSAL…</span></div>
<div class="MsoListParagraph" style="margin-left: 53.25pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: "trebuchet ms" , sans-serif; font-size: x-small;">Pero, ¿cómo hacemos un
blog?; es muy fácil solo te llevará tres pasos…</span></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLGxMfRrwnZr4Qy8fSrRCb6kZaEz9yiZJJHHOXVYrrgj702zJm_EdZA9DGnaItNfzpkjoufR5vIxkIU_Muv9PYfKGnpd2ZsGhj2FFQ1Tq4v7fobqRS_YTyTyHhIn_K-3qhR6dL2Qb3u9c/s1600/Capturanmnmnmm.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: x-small;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLGxMfRrwnZr4Qy8fSrRCb6kZaEz9yiZJJHHOXVYrrgj702zJm_EdZA9DGnaItNfzpkjoufR5vIxkIU_Muv9PYfKGnpd2ZsGhj2FFQ1Tq4v7fobqRS_YTyTyHhIn_K-3qhR6dL2Qb3u9c/s320/Capturanmnmnmm.JPG" width="320" /></span></a></div>
<div class="MsoNormal">
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">Lo primero de todo es disponer de una cuenta Gmail, puede ser tu cuenta personal o crearte una específica para el blog. Una vez tengas una, es muy fácil.</span></div>
<div class="MsoNormal">
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">Nos metemos a la página oficial de blogger e iniciamos sesión con nuestra cuenta. </span></div>
<div class="MsoNormal">
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-size: x-small;"><span style="font-family: "verdana" , sans-serif;">Una vez dentro nos pedirá el titulo del blog y la
dirección URL. Blogger</span><span style="font-family: "verdana" , sans-serif;"> te va a asignar una dirección gratuita
terminada en .blogspot.com</span><span style="font-family: "verdana" , sans-serif;">, por ejemplo </span><a href="http://iniciablogdemo.blogspot.com/" style="font-family: Verdana, sans-serif;"><span style="color: windowtext; text-decoration: none; text-underline: none;">scm-martaga.blogspot.com</span></a><span style="font-family: "verdana" , sans-serif;">. Luego en un futuro siempre podrás optar por</span><span style="font-family: "verdana" , sans-serif;"><span style="font-family: "verdana" , sans-serif;"> </span><span style="color: windowtext; text-decoration: none; text-underline: none;">pasarte a un
dominio de pago</span><span style="font-family: "verdana" , sans-serif;">,</span></span><span style="font-family: "verdana" , sans-serif;"> del tipo .com. .net. .org. etc.</span></span></div>
<div class="MsoNormal">
<span style="font-family: "verdana" , sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: "verdana" , sans-serif; font-size: x-small;">Es muy importante que tengas claro cuál será el nombre de la
dirección, ya que será con ella con la
que invites a tus amigos. El titulo del blog se puede ir modificando de manera
muy sencilla una vez creado el blog. </span></div>
<div class="MsoNormal">
<span style="font-family: verdana, sans-serif; font-size: x-small;">Por último elegirás una plantilla que propone blogger.</span></div>
<span style="font-size: x-small;"><br /></span>
<br />
<div class="MsoNormal">
<span style="font-family: verdana, sans-serif; font-size: x-small;">Una vez creado el blog se irá modificando esta plantilla en
la opción “Plantilla”. Cambiaremos el fondo, el diseño, la tipografía, el ancho
del menú…</span></div>
Anonymoushttp://www.blogger.com/profile/00803213040531788372noreply@blogger.com0