tag:blogger.com,1999:blog-28445195188916415072024-03-13T14:45:10.323-07:00El blog de LopezmaPatriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.comBlogger16125tag:blogger.com,1999:blog-2844519518891641507.post-25974938373525723082017-05-15T03:45:00.001-07:002017-05-15T03:45:37.381-07:00Unity<span style="color: #222222; font-family: sans-serif;"><span style="background-color: white; font-size: 14px;">Unity es un motor de videojuego multiplataforma creado por Unity Technologies. Está disponible como plataforma de desarrollo para Microsoft Windows, Os X, Linux. Unity tiene dos versiones: Unity Professional (pro) y Unity Professional.</span></span><br />
<span style="color: #222222; font-family: sans-serif;"><span style="background-color: white; font-size: 14px;">Puede usarse junto con otros programas como Blender, 3ds Max, Maya, ZBrush, etc. </span></span><span style="background-color: white; color: #222222; font-family: sans-serif; font-size: 14px;">Los cambios realizados a los objetos creados con estos productos se actualizan automáticamente en todas las instancias de ese objeto durante todo el proyecto sin necesidad de volver a importar manualmente.</span><br />
<span style="background-color: white; color: #222222; font-family: sans-serif; font-size: 14px;"><br /></span>
<span style="background-color: white; color: #222222; font-family: sans-serif; font-size: 14px;">El objetivo de esta práctica es crear un mini juego utilizando Unity. Para </span><span style="background-color: white; color: #222222; font-family: sans-serif; font-size: 14px;">ello se ha creado un plano y una esfera la cual hará el papel de jugador y se moverá por encima del plano.</span><br />
<br />
<div style="text-align: center;">
<span style="background-color: white; color: #222222; font-family: sans-serif; font-size: 14px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGLXzIr0smPLaYJvU1Y_3fazm8vzBeWkdDgDQAlc2iDdbAb9sQX0dED5sDPgAUOSQWauhuzrAOttnhlJC6DtuCyptC4OEu-Ouw12lolhh0Cw6s_r0EZTN6IaerOW_iHb73LkEplUV8oQ/s1600/Captura+de+pantalla+2017-05-15+12.36.59.png" imageanchor="1"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGLXzIr0smPLaYJvU1Y_3fazm8vzBeWkdDgDQAlc2iDdbAb9sQX0dED5sDPgAUOSQWauhuzrAOttnhlJC6DtuCyptC4OEu-Ouw12lolhh0Cw6s_r0EZTN6IaerOW_iHb73LkEplUV8oQ/s320/Captura+de+pantalla+2017-05-15+12.36.59.png" width="320" /></a></span></div>
<div style="text-align: left;">
<span style="background-color: white; color: #222222; font-family: sans-serif; font-size: 14px;"><br /></span></div>
<div style="text-align: left;">
<span style="background-color: white; color: #222222; font-family: sans-serif; font-size: 14px;">Este es el mini juego una vez acabado:</span></div>
<div style="text-align: left;">
<span style="background-color: white; color: #222222; font-family: sans-serif; font-size: 14px;"><br /></span></div>
<div style="text-align: center;">
<span style="background-color: white; color: #222222; font-family: sans-serif; font-size: 14px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisLxITDPPllJAMkuptYmWQRZSIFJ7SaYxmMSSNx1dntwkATV2CiwVhJYajzccrCZu430VGWHgH3nd5Mh4aZgVs-VtAHtfP822pLZrp2Dg8pM1Y4lYeuuSwjZRFwVCvVUvUK69bWpK6OQ/s1600/Captura+de+pantalla+2017-05-15+12.40.47.png" imageanchor="1"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisLxITDPPllJAMkuptYmWQRZSIFJ7SaYxmMSSNx1dntwkATV2CiwVhJYajzccrCZu430VGWHgH3nd5Mh4aZgVs-VtAHtfP822pLZrp2Dg8pM1Y4lYeuuSwjZRFwVCvVUvUK69bWpK6OQ/s320/Captura+de+pantalla+2017-05-15+12.40.47.png" width="320" /></a></span></div>
Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-8104709160974667432017-05-09T08:25:00.001-07:002017-05-09T08:25:16.882-07:00Más sobre realidad aumentadaAurasma y Blippar son otras dos herramientas para crear realidad aumentada.<br />
<br />
En esta práctica he elegido como imagen disparadora el favicon del blog:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpzbM-DPIBmvpHztLWB5jcF0gPSyDQdLd174LF9-hN5e9DH0BSl1KxtHeuuiYF6kHSxtCC4Sol5_fN9bk7vDWsp8mvCb8wSsFjLl2Kjnh11KTYvlTpZwIXyVhwsUh553tbdTKxpoQVMA/s1600/lm2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpzbM-DPIBmvpHztLWB5jcF0gPSyDQdLd174LF9-hN5e9DH0BSl1KxtHeuuiYF6kHSxtCC4Sol5_fN9bk7vDWsp8mvCb8wSsFjLl2Kjnh11KTYvlTpZwIXyVhwsUh553tbdTKxpoQVMA/s200/lm2.png" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
El contenido asignado en Aurasma es un vídeo resumido de las entradas que se han realizado durante el curso en el blog.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhRhwGcHCGBD6DrP3tJhuB_Dg0mO4JQywzplW0Ci_hXqOvteN_IxAj0KabiHfXVgSzt9MYQDj24XvwnDWUSeugdS1BKU-mhmlV6mts8pNShsyYdyR7y6q3bBmPSJf-ffI7CNLnEpm3VQ/s1600/Screenshot_2017-05-09-16-36-00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhRhwGcHCGBD6DrP3tJhuB_Dg0mO4JQywzplW0Ci_hXqOvteN_IxAj0KabiHfXVgSzt9MYQDj24XvwnDWUSeugdS1BKU-mhmlV6mts8pNShsyYdyR7y6q3bBmPSJf-ffI7CNLnEpm3VQ/s320/Screenshot_2017-05-09-16-36-00.png" width="320" /></a></div>
<br />
En Blippar se han añadido dos widgets, uno que nos dirige a youtube, donde se encuentra el vídeo resumidoo, y otro que nos trae este blog.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHBFBJwetTGgs5jzsdVdWSgyW0aHvaUKPF78yqSa9C_f_1554t7JfmtSjZnw4MAh2e4IvapRMIeqftCgChsTefVw6jWNLDfs0s_W1OqluivPG0R4I4wLRVORFaCxbRRFwFKm5KjDW1CA/s1600/generic.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHBFBJwetTGgs5jzsdVdWSgyW0aHvaUKPF78yqSa9C_f_1554t7JfmtSjZnw4MAh2e4IvapRMIeqftCgChsTefVw6jWNLDfs0s_W1OqluivPG0R4I4wLRVORFaCxbRRFwFKm5KjDW1CA/s320/generic.png" width="180" /></a></div>
<br />Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-48769850539907767372017-05-09T06:39:00.000-07:002017-05-09T08:26:14.620-07:00Realidad aumentada: LayarLa misión de Layar es proporcionar las herramientas y servicios de la más alta calidad para la realidad aumentada.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnHF2bxhvj9Mnqa_KVN1ebhFBmqW4abcDwCpWIyBsAPatJfNwHDgPIsIPFK_Q2xwPJh441D3IGvxYH2ImIF-AHPMc5RVxzbUVJM83Lo17MdpyLb-V_cBri9KyZrpyozBTdklRYw_KMgg/s1600/Captura+de+pantalla+2017-05-09+15.27.33.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnHF2bxhvj9Mnqa_KVN1ebhFBmqW4abcDwCpWIyBsAPatJfNwHDgPIsIPFK_Q2xwPJh441D3IGvxYH2ImIF-AHPMc5RVxzbUVJM83Lo17MdpyLb-V_cBri9KyZrpyozBTdklRYw_KMgg/s200/Captura+de+pantalla+2017-05-09+15.27.33.png" width="200" /></a><br />
<br />
Se pueden añadir elementos digitales interactivos, incluyendo mensajes de vídeo, clips de música, enlaces web, redes sociales y mucho más.<br />
<br />
Permite publicar y compartir las creaciones realizadas. Mediante la aplicación Layar se podrán escanear y obtener así una experiencia con realidad aumentada.<br />
<br />
<br />
En la práctica con Layar he elegido una imagen de fondo y después he ido añadiendo diferentes recursos relacionados con las actividades que hemos realizado en sistemas de comunicación multimedia. El resultado se muestra a continuación:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6q3HDOmbwqZhnk4YQHHvO17-FmRvOsOK0fcNQGHys4-92w4sd9nc8p4HrVtdPDVCLCFjKj4M3ukvHjMYpZTPfCOgPcByC37MZE-6ywl98IhzD5Jf1Vb_4PvIbV6BaBLPe8n1ZIbml8A/s1600/Screenshot_2017-05-08-12-29-06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6q3HDOmbwqZhnk4YQHHvO17-FmRvOsOK0fcNQGHys4-92w4sd9nc8p4HrVtdPDVCLCFjKj4M3ukvHjMYpZTPfCOgPcByC37MZE-6ywl98IhzD5Jf1Vb_4PvIbV6BaBLPe8n1ZIbml8A/s320/Screenshot_2017-05-08-12-29-06.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-88311073616962008322017-04-20T07:13:00.001-07:002017-04-20T07:13:39.192-07:00MobincubeMobincube es la mejor herramienta para crear aplicaciones móviles sin saber programar.<br />
Es muy fácil de utilizar y ofrece un gran nivel de personalización para poder crear la aplicación que mas se adapte a nuestras necesidades. Se puede crear una aplicación desde las plantillas que ofrece Mobincube o directamente empezar desde cero.<br />
Para los usuarios más avanzados, con conocimientos de programación, Mobiencube también les permite añadir sus propios módulos html/javascript para ampliar la funcionalidad interactuando con el resto de la aplicación.<br />
<br />
Mediante Mobincube hemos realizado una aplicación para la Semana Cultural del CUM. En la parte izquierda inferior de este blog se encuentra el código QR para poder descargarla, y a continuación podéis ver unas imágenes del aspecto que tiene:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2P3PVV96eatTZPEsFqLPpYgz0EsrKfpZ2KQ92y65FUFQ9zaNeDG__ETkXZWKfyJmdYxE5yffrACSeJYqYXmbdaEx8YEbqZnHyqDdo8TgS9fnmIT7w-n1Q-MZVOYokU7rA3SrO1MVPrw/s1600/Screenshot_2017-04-20-16-09-36.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2P3PVV96eatTZPEsFqLPpYgz0EsrKfpZ2KQ92y65FUFQ9zaNeDG__ETkXZWKfyJmdYxE5yffrACSeJYqYXmbdaEx8YEbqZnHyqDdo8TgS9fnmIT7w-n1Q-MZVOYokU7rA3SrO1MVPrw/s320/Screenshot_2017-04-20-16-09-36.png" width="180" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWhy6tNO4VodzrX9sZOfAf3sIs6_ymgbL13cy-MqCfCj9VZVBX9f2AbcyqCLgrFRd5Pa2Lb0LcGwpbMdz9aNXWVB3fdoZxm2JloVJE_-H3KdqFOO7YZX1iyKlbA-q5bspxwc36p9VL7g/s1600/Screenshot_2017-04-20-16-06-16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWhy6tNO4VodzrX9sZOfAf3sIs6_ymgbL13cy-MqCfCj9VZVBX9f2AbcyqCLgrFRd5Pa2Lb0LcGwpbMdz9aNXWVB3fdoZxm2JloVJE_-H3KdqFOO7YZX1iyKlbA-q5bspxwc36p9VL7g/s320/Screenshot_2017-04-20-16-06-16.png" width="180" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDSqmDBov38PzF0vYcTHSybuxCYuAQwo26Q-gl6VH4QXE6veqifpW0xxVfyEXAIeRyCupCzwnOjRhVR6Yv5YW7Go1OTFaBXysLVGJpFjhyphenhyphenjkw9WhBXlbvSIlt3VnDjUik6uX3V0VtuOg/s1600/Screenshot_2017-04-20-16-06-20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDSqmDBov38PzF0vYcTHSybuxCYuAQwo26Q-gl6VH4QXE6veqifpW0xxVfyEXAIeRyCupCzwnOjRhVR6Yv5YW7Go1OTFaBXysLVGJpFjhyphenhyphenjkw9WhBXlbvSIlt3VnDjUik6uX3V0VtuOg/s320/Screenshot_2017-04-20-16-06-20.png" width="180" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1vkR6rIkpf3b4tuDZvzpN-USwENlrVvdENf463xreZEDJPxaTdm2eRu9pGrr-xgiiMDK6S2OmllSArvvHtTPa6e_rrdrd2HyUpEKvL7hM5jkGcwdftUsf4_6eLKqQMEumnpC3vOx3Jg/s1600/Screenshot_2017-04-20-16-06-25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1vkR6rIkpf3b4tuDZvzpN-USwENlrVvdENf463xreZEDJPxaTdm2eRu9pGrr-xgiiMDK6S2OmllSArvvHtTPa6e_rrdrd2HyUpEKvL7hM5jkGcwdftUsf4_6eLKqQMEumnpC3vOx3Jg/s320/Screenshot_2017-04-20-16-06-25.png" width="180" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEjYFniY7ZbI1XD-PY9FqgmjfcEFFmGtHeFgqAajjOhRVOowphiOydRkawx9RAA_dV-B-s15X3ulVq3yUREiSLX2sBPyQizYUuzqUQ_-LIVRceXBeAxFnp17DnGwZFhJbmKdru4nyaHg/s1600/Screenshot_2017-04-20-16-06-30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEjYFniY7ZbI1XD-PY9FqgmjfcEFFmGtHeFgqAajjOhRVOowphiOydRkawx9RAA_dV-B-s15X3ulVq3yUREiSLX2sBPyQizYUuzqUQ_-LIVRceXBeAxFnp17DnGwZFhJbmKdru4nyaHg/s320/Screenshot_2017-04-20-16-06-30.png" width="180" /></a></div>
<br />Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-53918058931372381672017-04-07T10:26:00.001-07:002017-04-07T10:26:12.021-07:00PidocoPidoco es una herramienta que permite hacer prototipos de aplicaciones webs y dispositivos móviles, comprobar el funcionamiento de su interfaz y realizar pruebas de usabilidad online.<br />
Permite diseñar diferentes prototipos. Cada prototipo se va creando a partir de plantillas o módulos que se pueden arrastrar.<br />
Pidoco se estructura en varias vistas que dan acceso a varias funciones. Las funciones que incluye son:<br />
<br />
<ul>
<li>Editor: Crear, compartir y exportar wireframes, maquetas y prototipos.</li>
<li>Simulador: Revisión y discusión de proyectos y requerimientos.</li>
<li>Tester: Pruebas de prototipos para su uso con los usuarios finales en línea.</li>
</ul>
<div>
En esta práctica se ha creado la interfaz de una página web para la semana cultural, el resultado ha sido el siguiente:</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuj_KxVmvPlemEEjRdLbiHD-N2G33HEGBFABtxDnDjyu-GDIe7XyIFvXmvHw41dSRC_bSYGXeNJvGTsMrZoesymtGCxH6TXZkWOT2azGLCZVx2f0xT0A40UGamdoXenB3RLXxWRhAB1A/s1600/Captura+de+pantalla+2017-04-07+18.51.46.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuj_KxVmvPlemEEjRdLbiHD-N2G33HEGBFABtxDnDjyu-GDIe7XyIFvXmvHw41dSRC_bSYGXeNJvGTsMrZoesymtGCxH6TXZkWOT2azGLCZVx2f0xT0A40UGamdoXenB3RLXxWRhAB1A/s400/Captura+de+pantalla+2017-04-07+18.51.46.png" width="400" /></a></div>
<div>
<br /></div>
Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-25291992658751260652017-03-27T08:40:00.001-07:002017-03-27T08:40:44.719-07:00SoundationSoundation es un editor de audio que funciona sobre una interfaz web desarrollada en Flash.<div>
Dispone de un amplio catálogo de ejemplos gratuitos, ordenador por estilos. El editor permite guardar nuestras producciones tanto en MP3 como en WAV o difundirla a través de la red.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAOyntxH0mDcff_PRXJb_08isPEnocrbMeuMEekby2495nVjudneRu_4OKpc843IMvtViVLX8i7ovOymSaZR7rVcx9tvtsVziEOSdNySRwiOsObABnTaXG11VWq2BVtrj5RqAGEvlW5g/s1600/Captura+de+pantalla+2017-03-27+17.38.32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAOyntxH0mDcff_PRXJb_08isPEnocrbMeuMEekby2495nVjudneRu_4OKpc843IMvtViVLX8i7ovOymSaZR7rVcx9tvtsVziEOSdNySRwiOsObABnTaXG11VWq2BVtrj5RqAGEvlW5g/s400/Captura+de+pantalla+2017-03-27+17.38.32.png" width="400" /></a></div>
<div>
<br /></div>
<div>
El audio se ha añadido como un gadget en la parte inferior izquierda del blog.</div>
Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-72430050326058926372017-03-27T08:31:00.001-07:002017-03-27T08:31:39.817-07:00Crear vídeo con YouTubeEsta práctica tiene como objetivo editar un vídeo con la herramienta de edición de vídeos de YouTube, solo se necesita tener una cuenta de Google.<br />
Para crear el vídeo se ha utilizado la opción "CC", que se encuentra en el editor de vídeo, y sirve para buscar vídeos dentro de YouTube con Licencia de Creative Commons, además de añadir un audio.<br />
El vídeo creado se ha puesto como un gadget en la parte inferior izquierda del blog.Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-7828857096381383512017-03-27T07:18:00.000-07:002017-03-27T08:41:57.708-07:00BootstrapBootstrap es un framework, originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript. Su particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice.<br />
Los diseños creados con Bootstrap son simples, limpios e intuitivos. Esto les da agilidad a la hora de cargar y al adaptarse a otros dispositivos.<br />
<br />
En la práctica con Bootstrap hemos creado otra página web y para ello se han seguido los siguientes pasos:<br />
<br />
<ol>
<li>Acceder a <a href="http://getbootstrap.com/">http://getbootstrap.com/</a> y descargar los archivos (carpeta zip).</li>
<li>Elegir la plantilla que más nos guste y le damos a "guardar como" de manera que se nos guardará un archivo html.</li>
<li>Seleccionamos el elemento de la plantilla al que queremos añadirle una imagen y le damos a inspeccionar elemento. De esta forma sabremos en qué parte se sitúa la imagen que queremos cambiar y así será más fácil cambiarla en el archivo html.</li>
<li>Por último subimos todos los archivos de la carpeta a hostinger, incluyendo el archivo html y la imagen que hemos cambiado.</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga_Q-8TM_SPSk3W0B8_a2xf18pb1ldwHG5Fc-XMfIuVVTDXR-fpOU4RKKPmIOTInm9PMh3XZbR0TVCpbVqMtv2Qzj1pwFBYEhOIarlJuKpbb26miJd7TnmGqTzuxNpX01c1STaK52wyw/s1600/Captura+de+pantalla+2017-03-27+16.14.26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga_Q-8TM_SPSk3W0B8_a2xf18pb1ldwHG5Fc-XMfIuVVTDXR-fpOU4RKKPmIOTInm9PMh3XZbR0TVCpbVqMtv2Qzj1pwFBYEhOIarlJuKpbb26miJd7TnmGqTzuxNpX01c1STaK52wyw/s400/Captura+de+pantalla+2017-03-27+16.14.26.png" width="400" /></a></div>
<div>
<br /></div>
Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-52078145254830300182017-03-16T09:02:00.000-07:002017-03-16T09:02:14.593-07:00Más sobre JavaScriptAnteriormente hemos visto que se han añadido a la página web tres botones lo cuales han sido incluidos en el archivo html mediante un script. En esta práctica se ha añadido otro script que muestra el mensaje "Click me!" y al pulsarlo nos dirige a este blog. Además se ha creado un archivo con extensión js y se han incluido varias funciones que añaden los siguientes objetos a la página web:<br />
<ul>
<li>Un mensaje ("¡Hola!") que al seleccionar cualquier parte de él sale una ventana que indica que introduzcamos un nombre y apellidos. Esta ventana no se cerrará hasta que no escribamos algo, a continuación genera un texto en el que pondrá "Hola <u>Nombre Apellidos</u>! Como estas hoy?</li>
<li>Un botón ("Pulsame cambio") que cambia el estilo de la cabecera de la página web.</li>
<li>Un botón ("Pulsame alert!) que abre una ventana de alerta con el título "Hola clase!</li>
<li>Un botón ("Pulsame otro cambio header") que vuelve a cambiar el estilo de la cabecera por el original.</li>
<li>Un mensaje que se genera a los 5 segundos de entrar en la página web.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklqUA-sNtQAoTfhHKqb0aHSDRCMvybl0On108drcxGapM5PXjBOYjyABsiFZcxmlFDCZi61nuAwXCguW6ie_5Nc83q49daEwMLeMsWBmzujNvNbcF8U9xrgBCTjy5Z79MiQKkcQbQJg/s1600/Captura+de+pantalla+2017-03-16+16.55.52.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklqUA-sNtQAoTfhHKqb0aHSDRCMvybl0On108drcxGapM5PXjBOYjyABsiFZcxmlFDCZi61nuAwXCguW6ie_5Nc83q49daEwMLeMsWBmzujNvNbcF8U9xrgBCTjy5Z79MiQKkcQbQJg/s400/Captura+de+pantalla+2017-03-16+16.55.52.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivtBPz1f8RIBHlijfr2Vi6-5j1sBC9P4ELxt9SQ3Hy0k31yjsQum3yom55oaOjSG4kgHe1Mpyhz8_66KwZEsPEDRY3VpnxsU5INAs9f2WNTd704gNuQgIO4uehcwzD42szSujEQmnoOw/s1600/Captura+de+pantalla+2017-03-16+16.56.37.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivtBPz1f8RIBHlijfr2Vi6-5j1sBC9P4ELxt9SQ3Hy0k31yjsQum3yom55oaOjSG4kgHe1Mpyhz8_66KwZEsPEDRY3VpnxsU5INAs9f2WNTd704gNuQgIO4uehcwzD42szSujEQmnoOw/s400/Captura+de+pantalla+2017-03-16+16.56.37.png" width="400" /></a></div>
<div>
<br /></div>
Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-23698792519138771892017-03-06T03:46:00.000-08:002017-03-06T03:46:40.520-08:00Práctica con JavaScriptJava Script es un lenguaje de programación que se utiliza principalmente para programar el comportamiento de un sitio web. Es multiplataforma, orientado a eventos con manejo de objetos, cuyo código se puede incluir directamente en el mismo documento html.<br />
<br />
A partir de los archivos subidos anteriormente a hoostinger, html y css, se han vuelto a crear otros dos archivos con extensión css los cuales definen otro tipo de estilos. Mediante JavaScript se han añadido, al archivo html, tres botones con la siguiente función:<br />
<br />
<ul>
<li>Cambio de estilo: al pulsarlo se cambia el estilo de la página.</li>
<li>Cambio de estilo: tiene la misma función que el anterior pero con otro estilo diferente.</li>
<li>Estilo original: al pulsarlo la página vuelve a tener su estilo original.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY99UvBSE_1TFbpNK_4a9puUjZBJKJwjRfHWgffzNpevuFApNU8fcLUMxEmjkKl3hDYAs_SnF9Sqg-9j7jpd0MGsvaD7xLQCZWv4URQ4RAn6HKmFPrcKYueQvLsXNXFFAkUmYPC4jlsg/s1600/3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY99UvBSE_1TFbpNK_4a9puUjZBJKJwjRfHWgffzNpevuFApNU8fcLUMxEmjkKl3hDYAs_SnF9Sqg-9j7jpd0MGsvaD7xLQCZWv4URQ4RAn6HKmFPrcKYueQvLsXNXFFAkUmYPC4jlsg/s320/3.PNG" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDVQrZ6Ro5UTZVyqN2rNp3SjNtEaNnGcXTM7NNBmbftyyBF7WovvWbTbJt00gKqSEtKDdLQMVIHQrQ9hKk8ryVN78BtuCNBaMgICHjLfsbYWBL3Xe_HBipKDQv4Ga0TRR1dUSrxW0FIQ/s1600/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDVQrZ6Ro5UTZVyqN2rNp3SjNtEaNnGcXTM7NNBmbftyyBF7WovvWbTbJt00gKqSEtKDdLQMVIHQrQ9hKk8ryVN78BtuCNBaMgICHjLfsbYWBL3Xe_HBipKDQv4Ga0TRR1dUSrxW0FIQ/s320/2.PNG" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCUpHX5miORrMcNLH8I74NLhgh5mB9SiMljzdG-xHh_I-gXJWuAlJ3Vm1WTErOWOLBI8CcfNwwS9Lk70oI-kmcltjJEoKFL_JWu8klrKqAbxd2k6N2ePGELGvF52wCLkjhnvd47XAKRQ/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCUpHX5miORrMcNLH8I74NLhgh5mB9SiMljzdG-xHh_I-gXJWuAlJ3Vm1WTErOWOLBI8CcfNwwS9Lk70oI-kmcltjJEoKFL_JWu8klrKqAbxd2k6N2ePGELGvF52wCLkjhnvd47XAKRQ/s320/1.PNG" width="320" /></a></div>
<div>
<br /></div>
<div>
También se ha añadido otro botón que al pulsarlo se muestra una alert box.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCleaxX0Hkv2oennpMe6EtQ-IXAmAfs6tGDjreSThL74B1InkC1XcZXyBdiXEhXhXsUCrxcZNbYboGm8YixSbIKcBhlhlyKVPjom5X6iFFu5vkZSeT-Hjluy-IOMF8C23OkMl-FIVABQ/s1600/4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCleaxX0Hkv2oennpMe6EtQ-IXAmAfs6tGDjreSThL74B1InkC1XcZXyBdiXEhXhXsUCrxcZNbYboGm8YixSbIKcBhlhlyKVPjom5X6iFFu5vkZSeT-Hjluy-IOMF8C23OkMl-FIVABQ/s320/4.PNG" width="320" /></a></div>
<div>
<br /></div>
Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-34786243394778146102017-03-02T09:26:00.001-08:002017-03-02T09:26:33.793-08:00Hojas de Estilos: CSSCSS es un mecanismo que describe cómo se va a mostrar un documento en la pantalla. Se utiliza para dar estilo a documentos HTML y XML. Funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos.<br />
Con la ayuda de Hostinger, que es un servicio gratuito que permite crear páginas web y tener donde alojarlas, se ha modificado una página y se han realizado los siguientes cambios:<br />
<br />
<ol>
<li>Se ha cambiado el color del fondo.</li>
<li>Se han cambiado los tipos de letras.</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgLSID_7pAOr9FKXHQm8CA4-RKbK4V3Kqr5g1Nlj-q1-PHDk98xR4JvFvJZQjjtE3hO0cYzj9sGWYt7zt4wrp_HLFUyFus8lZOMoHiHJP2PwF7sBPivap2UzIAahGVQdLeNSEgDnRMQw/s1600/Captura+de+pantalla+2017-03-02+18.24.24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgLSID_7pAOr9FKXHQm8CA4-RKbK4V3Kqr5g1Nlj-q1-PHDk98xR4JvFvJZQjjtE3hO0cYzj9sGWYt7zt4wrp_HLFUyFus8lZOMoHiHJP2PwF7sBPivap2UzIAahGVQdLeNSEgDnRMQw/s400/Captura+de+pantalla+2017-03-02+18.24.24.png" width="400" /></a></div>
<div>
<br /></div>
Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-8616742542306579162017-02-27T02:37:00.000-08:002017-02-27T02:37:10.626-08:00HTML5 Maker<script src='//cdn.html5maker.com/embed.js?id=1f8f6feb37da6fd75f1d8817e04d13088c91ce228234&responsive=1&width=400&height=220&h5mTag=html5maker'></script>Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-35382819479153925112017-02-22T12:12:00.000-08:002017-02-22T12:12:11.120-08:00Aprende animación con este curso de Pixar gratuito<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJNsZ6eoKBbiTVLibKTAkdhOr8XnYCiYQ-BXYiG8HUEodbJonsxp-As9-AJRN6b-q61L9-p_Qb8USwS8DdcH7hTkAY2uU7hpF58kit-E5cP_oam1S7ttQIhtszDF_97BDldYUG5L40Qw/s1600/pixar-curso-animacion-gratuito-2-810x422.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJNsZ6eoKBbiTVLibKTAkdhOr8XnYCiYQ-BXYiG8HUEodbJonsxp-As9-AJRN6b-q61L9-p_Qb8USwS8DdcH7hTkAY2uU7hpF58kit-E5cP_oam1S7ttQIhtszDF_97BDldYUG5L40Qw/s320/pixar-curso-animacion-gratuito-2-810x422.png" width="320" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Aprende las técnicas de animación de Pixar y descubre los secretos de la productora que ha dado vida a Wall-E, Buzz Lightyear y compañía con este curso gratuito patrocinado por Disney.</span><br />
<span style="font-size: large;"><br /></span>
Toy Story, Mostruos SA o del Revés son algunas de las obras maestras de Pixar. Si además de disfrutarlas como espectador te gustaría conocer qué técnicas se emplearon para diseñar a sus personajes y aprender tú mismo, entonces te interesará el curso online gratuito que ha lanzado la productora de Disney.<br />
<br />
Se trata de <a href="https://es.khanacademy.org/partner-content/pixar">Pixar in The Box</a> y contiene 8 unidades cada una de una hora de duración aproximada, donde accederás a lecturas, videotutoriales y diferentes actividades prácticas sobre patrones, modelado de ambientes y personales, o randerizados entre otras técnicas de animación fundamentales para hacer películas,<br />
<br />
<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/o6TfhWY6WoI/0.jpg" src="https://www.youtube.com/embed/o6TfhWY6WoI?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br />
<span style="background-color: white; color: #444444; font-family: "Roboto Slab"; font-size: 22px;"><br /></span>
<br />Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-41604775031670219612017-02-22T10:32:00.001-08:002017-02-22T10:32:57.942-08:00Más sobre HTMLEn este blog se ha realizado un cambio en la plantilla con html que ha consistido en centrar el título y se ha realizado de la siguiente forma:<br />
<br />
<ol>
<li>Se accede a la plantilla del blog y nos vamos a editar html</li>
<li>Se crea un estilo para indicar que el encabezado, que en este caso se identifica por h1, esté alineado en el centro de la página:<table><tbody>
<tr><td class="line-content"><span class="html-tag"><style></span></td></tr>
<tr><td class="line-number" value="9"></td><td class="line-content">h1 {</td></tr>
<tr><td class="line-number" value="10"></td><td class="line-content"> text-align: center;</td></tr>
<tr><td class="line-number" value="11"></td><td class="line-content">}</td></tr>
<tr><td class="line-number" value="12"></td><td class="line-content"><span class="html-tag"></style><br /></span></td></tr>
</tbody></table>
</li>
<li>Este estilo se coloca dentro de la zona del encabezado (<head>).</li>
<li>Si le damos a vista previa podemos observar el cambio realizado.<br /><table><tbody>
<tr><td class="line-content"><span class="html-tag"><br /></span></td></tr>
</tbody></table>
</li>
</ol>
<br />
Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-87662574601455421272017-02-20T08:16:00.000-08:002017-02-20T08:16:28.240-08:00Lenguaje HTMLHTML es el lenguaje con el que se define el contenido de las páginas web. Se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro.<br />
Es un lenguaje de marcación de elementos para la creación de documentos hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web.<br />
<br />
Este lenguaje se escribe en un documento de texto, de modo que cuando se programe en HTML se hará con un editor de texto y se guardarán los trabajos con extensión .html. Además consta de etiquetas, cada una con un significado, de la forma <B><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6XciEfKy8mba4E94zBmfT7F-vw8wHzwShNuLeavgxF_5ejnWowVfdZ41-q2Ig-EEJDMrgU7VClXZI26XciqoQbL4IGkbVegjkzWlBOkF-T5t5GEki5V_IoEvLt3meRmsnVuljW3EJSA/s1600/HTML_source_code_example.svg.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6XciEfKy8mba4E94zBmfT7F-vw8wHzwShNuLeavgxF_5ejnWowVfdZ41-q2Ig-EEJDMrgU7VClXZI26XciqoQbL4IGkbVegjkzWlBOkF-T5t5GEki5V_IoEvLt3meRmsnVuljW3EJSA/s1600/HTML_source_code_example.svg.png" /></a></div>
<br />
En el siguiente vídeo se explica muy bien en lo que consiste el lenguaje HTML:<br />
<a href="https://youtu.be/M4wmJVvlzeY">https://youtu.be/M4wmJVvlzeY</a><br />
<br />Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0tag:blogger.com,1999:blog-2844519518891641507.post-53370103076171686422017-02-15T08:49:00.000-08:002017-02-15T08:49:03.903-08:00¿Que es Blogger?Blogger es un servicio mediante el cual los cibernautas pueden crear y manejar su propio blog. Estos blogs están alojados en los servidores de Google dentro del dominio blogspot.com.<div>
Las innovaciones de blogger están fundamentadas en que brindan un espacio gratuito a los usuarios de internet para publicar su propio contenido y compartirlo con sus seguidores.</div>
<div>
<br /></div>
<div>
Cada minuto 270 mil palabras son escritas en blogger.</div>
<div>
Casi dos tercios del tráfico de Blogger viene desde fuera de Estados Unidos. El segundo país que más utiliza el servicio es Brasil, seguido por Turquía, España,Canadá y Reino Unido.</div>
Patriciahttp://www.blogger.com/profile/07555707997187015762noreply@blogger.com0