Guest User

Untitled

a guest
May 14th, 2012
26
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.11 KB | None | 0 0
  1. <html>
  2. <head>
  3. <style>
  4. span,tt,var,dl,dt,dd,ol,ul,li,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100.01%;font-family:inherit;vertical-align:baseline}:focus{outline:0}
  5. caption,th,td{text-align:left;font-weight:normal}
  6. ul{list-style:none}
  7. a img{border:0}textarea{overflow:auto}
  8. button::-moz-focus-inner{border:0}
  9. .trace.reset.css{cursor:pointer}body{background-color:#fff;color:#333;font-size:11px;font-family:Arial,Helvetica,sans-serif;line-height:1.5em;text-align:center;text-rendering:optimizeLegibility}
  10. h1,h2,h3,h4,h5,strong{font-weight:bold}
  11. em{font-style:italic}
  12. h1{font-size:17px}
  13. h1 span{font-size:12px;color:#8a8a8a;font-weight:normal}
  14. h2{font-size:15px}
  15. h2 span{color:#8a8a8a;font-weight:normal}
  16. h2 span.beta{color:#8a8a8a;font-size:10px;position:relative;left:-1px;top:-4px}
  17. h3{font-size:13px}
  18. h3 span{font-weight:normal}
  19. abbr,acronym{border-bottom:1px dotted #666;cursor:help}
  20. acronym{font-variant:small-caps;text-transform:lowercase}
  21. a{color:#36679f;text-decoration:none}a:hover{text-decoration:underline}
  22. a:active{color:#688db7}.clear{clear:both}.overflow{overflow:hidden}
  23. a img,img{border:1px solid #ddd;padding:1px;color:#CCC}a img{background-color:#FFF}
  24. a:hover img{border:1px solid #999}p{word-wrap:break-word}
  25. .topNavBar{display:none!important}
  26. .header{position:fixed;z-index:1300000;top:0;left:0;width:100%;min-width:954px;height:39px;text-align:left;overflow:hidden;border-bottom:1px solid #2e5c94;-webkit-box-shadow:0 1px 2px hsla(0,0%,0%,0.2);-moz-box-shadow:0 1px 2px hsla(0,0%,0%,0.2);box-shadow:0 1px 2px hsla(0,0%,0%,0.2);background-color:#3869a0;background-image:-webkit-gradient(linear,left top,left bottom,from(#5c8bba),to(#3869a0));background-image:-webkit-linear-gradient(top,#5c8bba,#3869a0);background-image:-moz-linear-gradient(top,#5c8bba,#3869a0);background-image:-ms-linear-gradient(top,#5c8bba,#3869a0);background-image:-o-linear-gradient(top,#5c8bba,#3869a0);background-image:linear-gradient(top,#5c8bba,#3869a0);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#5C8BBA',EndColorStr='#3869A0')}@media all and (max-width:954px){.header{position:absolute}}.header .logo{float:left;display:inline;height:24px;width:91px;margin-top:8px;background:url("http://estaticosak3.tuenti.com/layout/web2-Zero/images/layout/nsprite.u6Z085HNNz.png") no-repeat 2px -124px;border-right:1px solid #6992bc;border-right:1px solid hsla(0,0%,100%,0.15)}.header .logo span{display:block;height:39px;margin-top:-7px;text-indent:-90em;overflow:hidden}.header .logo:active{margin-top:9px}.header li{float:left;display:inline;margin-right:1px}
  27. .header li a{float:left;display:inline;padding:11px 9px;color:#d7e6ef}
  28. .header li a:hover,.header li a.active,.header li a.more:hover{padding:11px 9px 0;color:#FFF;text-decoration:none;border-bottom:11px solid #34639a;background:0;background-color:#34639a;background-image:-webkit-gradient(linear,left top,left bottom,from(#5c8bba),to(#34639a));background-image:-webkit-linear-gradient(top,#5c8bba,#34639a);background-image:-moz-linear-gradient(top,#5c8bba,#34639a);background-image:-ms-linear-gradient(top,#5c8bba,#34639a);background-image:-o-linear-gradient(top,#5c8bba,#34639a);background-image:linear-gradient(top,#5c8bba,#34639a);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#5C8BBA',EndColorStr='#2E5C94')}
  29. .sections{float:left;height:24px;margin:8px 0 0 0;font-size:12px;border-left:1px solid #3869a0}
  30. .sections li{margin-top:-7px}
  31. .sections a.active{font-weight:bold}
  32. .headerBadge{display:inline-block;zoom:1;*display:inline;min-width:7px;padding:1px 3px 0 4px;margin-left:5px;text-shadow:#66a243 -0 -1px 0;color:#FFF;font-size:11px;line-height:13px;text-align:left;border:1px solid #85b03b;border-top:1px solid #85b03b;background-color:#a3ca79;background-image:-webkit-gradient(linear,left top,left bottom,from(#a3ca79),to(#85b03b));background-image:-webkit-linear-gradient(top,#a3ca79,#85b03b);background-image:-moz-linear-gradient(top,#a3ca79,#85b03b);background-image:-ms-linear-gradient(top,#a3ca79,#85b03b);background-image:-o-linear-gradient(top,#a3ca79,#85b03b);background-image:linear-gradient(top,#a3ca79,#85b03b);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#A3CA79',EndColorStr='#85B03B');-webkit-box-shadow:0 1px 0 hsla(0,0%,0%,0.2);-moz-box-shadow:0 1px 0 hsla(0,0%,0%,0.2);box-shadow:0 1px 0 hsla(0,0%,0%,0.2);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.header .headerBadge{border-top:1px solid #bad89a}
  33. .sections .headerMessage,.sections .headerHome{overflow:hidden}
  34. .sections .headerMessageText,.sections .headerHomeText{float:left}
  35. .trace.base.css{cursor:pointer}
  36. .headerContent{position:relative;width:954px;margin:0 auto;text-align:left}
  37. .sectionHeader{overflow:hidden;padding:16px 0 8px;margin:0 10px}
  38. .sectionHeader h2{font-size:18px;line-height:17px;font-weight:normal}
  39. .sectionHeader .note{float:right;display:inline;color:#666}
  40. .main .sectionHeader{margin:0;padding:0 0 24px}
  41. .sectionHeader+.main{padding-top:0}
  42. .sectionHeader+.main+.sidebar{padding-top:0}
  43. .trace.nLayout.css{cursor:pointer}
  44. .contenido {margin: 0px 0px 0px -90%; padding: 100px 0px 0px 0px;}
  45. body{background-image:url('http://www.desktopwallpaperhd.com/wallpapers/35/7329.jpg'); background-attachment:fixed;}
  46. .contenido {margin: 15%; text-align:justify;}
  47. </style>
  48. <title>Trabajos</title>
  49. </head>
  50. <body link="#0099CC" vlink="#0099CC" alink="#0099CC">
  51. <div id="header" class="header ">
  52. <div class="headerContent">
  53. <ul id="sections" class="sections">
  54. <li>
  55. <a id="tab_trabajos" class="headerHome active" href="trabajos.html" title="Trabajos">
  56. <span class="headerHomeText">Trabajos</span></a></li>
  57. <li><a id="tab_aficiones" href="aficiones.html" title="Aficiones">Aficiones</a></li>
  58. <li><a id="tab_mibarrio" href="mibarrio.html" title="Mi barrio">Mi barrio</a></li>
  59. </ul>
  60. <!-- .actionsSection -->
  61. </div>
  62. <!-- .headerContent -->
  63. </div>
  64. <div class="contenido">
  65. <h1><p align="center"><font color="#0099CC" size="80" face="Mongolian Baiti, Arial, MS Sans Serif">?-MIS TRABAJOS-?</font></p></h1>
  66. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">En esta página hablaré de los trabajos que he realizado este curso de informática.</font></p>
  67. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">El primer trabajo habla de <a href="http://es.wikipedia.org/wiki/Sistema_operativo">Sistemas Operativos</a></font></p>
  68. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">En concreto os voy a hablar un poco sobre el sistema operativo que más me interesa, el <a href="http://www.apple.com/es/ios/">iOS</a> o también conocido como <a href="http://es.wikipedia.org/wiki/IPhone">iPhone</a> Operative Sistem.</font></p>
  69. <h1><p align="center"><img src="http://images.apple.com/es/iphone/ios/images/ios_interface.png"></h>
  70. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">iOS (anteriormente denominado <a href="http://es.wikipedia.org/wiki/IOS_(sistema_operativo)">iPhone OS</a>) es un sistema operativo móvil de <a href="http://es.wikipedia.org/wiki/Apple">Apple</a>. Originalmente desarrollado para el iPhone, siendo después usado en dispositivos como el <a href="http://es.wikipedia.org/wiki/IPod_Touch">iPod Touch</a>, iPad y el <a href="http://es.wikipedia.org/wiki/Apple_TV">Apple TV</a>. <a href="http://es.wikipedia.org/wiki/Apple">Apple</a>, Inc. no permite la instalación de <a href="http://es.wikipedia.org/wiki/IOS_(sistema_operativo)">iOS</a> en hardware de terceros. Tenía el 26% de cuota de mercado de sistemas operativos móviles vendidos en el último cuatrimestre de 2010, detrás de <a href="http://es.wikipedia.org/wiki/Google">Google</a> <a href="http://es.wikipedia.org/wiki/Android">Android</a> y <a href="http://es.wikipedia.org/wiki/Nokia">Nokia</a> <a href="http://es.wikipedia.org/wiki/Symbian_OS">Symbian</a>. En mayo de 2010 en los <a href="http://es.wikipedia.org/wiki/Estados_Unidos">Estados Unidos</a>, tenía el 59% de consumo de datos móviles (incluyendo el <a href="http://es.wikipedia.org/wiki/IPod_Touch">iPod Touch</a> y el <a href="http://es.wikipedia.org/wiki/IPad">iPad</a>).
  71. La <a href="http://es.wikipedia.org/wiki/Interfaz">Interfaz</a> de usuario de iOS está basada en el concepto de manipulación directa, usando gestos <a href="http://es.wikipedia.org/wiki/Multit%C3%A1ctil">multitáctiles</a>. Los elementos de control consisten de deslizadores, interruptores y botones. La respuesta a las órdenes del usuario es inmediata y provee de una interfaz fluida. La interacción con el sistema operativo incluye gestos como deslices, toques, pellizcos, los cuales tienen definiciones diferentes dependiendo del contexto de la interfaz. Se utilizan acelerometros internos para hacer que algunas aplicaciones respondan a sacudir el dispositivo (por ejemplo, para el comando deshacer) o rotarlo en tres dimensiones (un resultado común es cambiar de modo vertical al apaisado u horizontal).
  72. <p align="center"><iframe width="630" height="473" src="http://www.youtube.com/embed/8ZTm9HVASJk" frameborder="0" allowfullscreen></iframe></inframe</p>
  73.  
  74. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">El segundo trabajo que realicé durante el curso fue uno sobre redes, he aquí más detalles:
  75. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">
  76. Una red de computadoras, también llamada red de ordenadores, red de comunicaciones de datos o red informática, es un conjunto de <a href="http://es.wikipedia.org/wiki/Hardware">equipos informáticos</a> y <a href="http://es.wikipedia.org/wiki/Software">software</a> conectados entre sí por medio de <a href="http://es.wikipedia.org/wiki/Hardware_de_red">dispositivos físicos</a> que envían y reciben <a href="http://es.wikipedia.org/wiki/Red_de_computadoras">impulsos eléctircos</a>, <a href="http://es.wikipedia.org/wiki/Radiaci%C3%B3n_electromagn%C3%A9tica">ondas electromagnéticas</a> o cualquier otro medio para el transporte de <a href="http://es.wikipedia.org/wiki/Dato">datos</a>, con la finalidad de compartir información, recursos y ofrecer <a href="http://es.wikipedia.org/wiki/Servicio_de_red">servicios</a>.
  77. Como en todo proceso de <a href="http://es.wikipedia.org/wiki/Comunicaci%C3%B3n">comunicación</a> se requiere de un <a href="http://es.wikipedia.org/wiki/Emisor">emisor</a>, un <a href="http://es.wikipedia.org/wiki/Mensaje">mensaje</a>, un <a href="http://es.wikipedia.org/wiki/Medio_de_comunicaci%C3%B3n">medio</a> y un <a href="http://es.wikipedia.org/wiki/Receptor_(comunicaci%C3%B3n)">receptor</a>.</font></p>
  78.  
  79. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">Después realicé un trabajo sobre la <a href="http://es.wikipedia.org/wiki/Seguridad_inform%C3%A1tica">seguridad informática</a>:</font></p>
  80. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">La <a href="http://es.wikipedia.org/wiki/Seguridad_inform%C3%A1tica">seguridad informática</a>, es el área de la <a href="http://es.wikipedia.org/wiki/Inform%C3%A1tica">informática</a> que se enfoca en la protección de la infraestructura computacional y todo lo relacionado con esta (incluyendo la información contenida). Para ello existen una serie de estándares, protocolos, métodos, reglas, herramientas y leyes concebidas para minimizar los posibles riesgos a la infraestructura o a la información. La seguridad informática comprende software, bases de datos, metadatos, archivos y todo lo que la organización valore (activo) y signifique un riesgo si ésta llega a manos de otras personas. Este tipo de información se conoce como información privilegiada o confidencial.
  81. El concepto de <a href="http://es.wikipedia.org/wiki/Seguridad_de_la_informaci%C3%B3n">seguridad de la información</a> no debe ser confundido con el de seguridad informática, ya que este último sólo se encarga de la seguridad en el medio informático, pudiendo encontrar información en diferentes medios o formas.</font></p>
  82.  
  83. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">Otro de los trabajos que realicé fue el de <a href="http://es.wikipedia.org/wiki/Retoque_fotogr%C3%A1fico">retoque fotográfico</a>. Tuve que hacer uso de uno de mis programas favoritos, el <a href="http://es.wikipedia.org/wiki/Adobe_Photoshop">Photoshop</a> hice diversos modelos de foto, pero el que más me gustó fue el de la imagen de a continuación
  84. <h1><p align="center"><img src="http://25.media.tumblr.com/tumblr_m0fciy1OGn1r56hw9o1_500.jpg"></h>
  85.  
  86. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">Uno de los últimos trabajos que hice fue el de <a href="http://es.wikipedia.org/wiki/Inkscape">Inkscape</a>, que consistía en realizar unos cartelitos informativos para la <a href="http://www1.ocupacio.gva.es:8084/adient/informacion/eventos/semana-cutural-universidad-de-valencia">semana cultural</a> de mi <a href="http://intercentres.cult.gva.es/intercentres/46018035/primera.htm">instituto</a>.
  87. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">Mi semana cultural la hice sobre el país que más adoro en este <a href="http://es.wikipedia.org/wiki/Universo">universo</a>, <a href="http://es.wikipedia.org/wiki/Jap%C3%B3n">Japón</a>.</font></p>
  88.  
  89. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">El último trabajo es el que hicimos del <a href="http://es.wikipedia.org/wiki/Scratch_(lenguaje_de_programaci%C3%B3n)">Scracth</a>. El de los famosos historieta, cálculo de edad y <a href="http://es.wikipedia.org/wiki/Videojuego">videojuego</a>, que tánto me costó terminar... </font></p>
  90. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif">El <a href="http://es.wikipedia.org/wiki/Scratch_(lenguaje_de_programaci%C3%B3n)">Scracth</a> es un anglicismo que significa literalmente rayar o arañar. Tiene distintos significados según el ámbito en el que se aplique... pero no hablamos de este <a href="http://es.wikipedia.org/wiki/Scratch_(lenguaje_de_programaci%C3%B3n)">Scracth</a>.</font></p>
  91. <p align="center"><iframe width="630" height="473" src="http://www.youtube.com/embed/6JyBCx6WGJQ" frameborder="0" allowfullscreen></iframe></inframe</p>
  92. <p><font color="#FFCCFF" size="4" face="Palatino Linotype, Arial, MS Sans Serif"><a href="<a href="http://es.wikipedia.org/wiki/Scratch_(lenguaje_de_programaci%C3%B3n)">Scracth</a> es una aplicación informática</a> destinada principalmente a los niños y les permite explorar y experimentar con los conceptos de programación de ordenadores mediante el uso de una sencilla <a href="<a href="http://es.wikipedia.org/wiki/Interfaz_gr%C3%A1fica">interfaz gráfica</a>. Scratch utiliza el lenguaje LOGO que es un lenguaje de programación que facilita el lenguaje autónomo Es desarrollado por el "the Lifelong Kindergarten group" en el <a href="http://es.wikipedia.org/wiki/MIT_Media_Lab">Media Lab del MIT</a> (Massachussets Institute of Tecnology) por un equipo dirigido por Mitchel Resnick y apareció por primera vez en el verano de 2007. Scratch se puede instalar y redistribuir libremente en cualquier ordenador con <a href="http://es.wikipedia.org/wiki/Windows">windows</a>, <a href="http://es.wikipedia.org/wiki/Mac_OS_X">MAC OS X</a> o <a href="http://es.wikipedia.org/wiki/Linux">Linux</a>.
  93. El nombre de Scratch se deriva de la técnica de <a href="http://es.wikipedia.org/wiki/Scratch">scratching</a> usada en el <a href="http://es.wikipedia.org/wiki/Turntablism">Turntablism</a> (arte del DJ para usar los tornamesas), y se refiere tanto a la lengua y su aplicación. La similitud con el "scratching" musical es la fácil reutilización de piezas: en Scratch todos los objetos, gráficos, sonidos y secuencias de comandos pueden ser fácilmente importados a un nuevo programa y combinados en maneras permitiendo a los principiantes a conseguir resultados rápidos y estar motivados para intentar más.
  94. Podemos utilizar este programa para, tal y como dice su lema, programas, jugar y crear.
  95.  
  96. <p><font color="#FFCCCC" size="3" face="Comic Sans MS, Arial, MS Sans Serif">by <a href="http://25.media.tumblr.com/tumblr_m3pmptu9jA1r56hw9o1_500.jpg">Juan Rosado García</a>.</font></p>
  97.  
  98. </div>
  99. </body>
  100. </html>
Advertisement
Add Comment
Please, Sign In to add comment