tag:blogger.com,1999:blog-18967787305462231982024-03-13T12:14:33.840-07:00INNOVACIONES TECNOLOGICAS EN LA INFORMÁTICALA CIENCIA Y TECNOLOGÍAhttp://www.blogger.com/profile/00242697840698924894noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-1896778730546223198.post-21825705142444725632009-07-21T12:21:00.000-07:002009-07-21T12:43:30.072-07:00DISEÑO WEB<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC1xf8rVHPBLU2Le_ubdDEAuiuIbYQRtc3l6Q6KQY8dhsSjr2rLLC9uLXauX2ip6RC67OJrW-BdE8YF4MkZFpn2TFkV17gpM6qt2ZEV40Wpq0NuBfTouY9POSWG5fX0pop1f4XslHdR7g/s1600-h/DISE%C3%91O_GRAFICO_WEB_thumb%5B3%5D[1].jpg"><img id="BLOGGER_PHOTO_ID_5361001319523721554" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 278px; CURSOR: hand; HEIGHT: 211px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC1xf8rVHPBLU2Le_ubdDEAuiuIbYQRtc3l6Q6KQY8dhsSjr2rLLC9uLXauX2ip6RC67OJrW-BdE8YF4MkZFpn2TFkV17gpM6qt2ZEV40Wpq0NuBfTouY9POSWG5fX0pop1f4XslHdR7g/s200/DISE%25C3%2591O_GRAFICO_WEB_thumb%255B3%255D%5B1%5D.jpg" border="0" /></a><br /><div align="justify"><br /><span style="color:#cc0000;"><span style="font-size:130%;">1.- ¿En qué consiste?</span><br /></span><br /><span style="color:#006600;">Es una actividad consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo.</span><br /><br /><span style="font-size:130%;color:#cc0000;">2.- ¿Qué programas y herramientas existen actualmente?<br /></span><br /><span style="color:#006600;">Hasta hace muy poco tiempo el diseño de páginas Web exigía el conocimiento de los códigos propios del lenguaje HTML, DHTML, actualmente la utilización de este lenguaje de programación está al alcance de cualquier usuario. Existen en el mercado distintos programas creados específicamente para facilitar el diseño de websites. Son los llamados editors WYSIWYG ("What You See Is What You Get")<br />Una herramienta muy útil para cuya finalidad es enriquecer de una forma muy fácil el producto final en cuanto a interactividad es:</span></div><br /><div><br /><span style="font-size:130%;">Ø Macromedia CourseBuilder para Dreamweaver :</span></div><br /><div align="justify"><br /><span style="color:#006600;">Es una extensión que se añade al Dreamweaver y que facilita enormemente la tarea de crear tutoriales Web sin que haga falta una profundización en los aspectos técnicos de lenguajes de programación. Incorpora 40 tipos diferentes de interacciones del material con el alumno, como por ejemplo preguntas de verdadero o falso, elecciones múltiples, asociaciones, pregunta-respuesta, campos abiertos, etc. </span></div><br /><div><br /><span style="font-size:130%;">Ø Amaya :</span> </div><br /><div align="justify"><br /><span style="color:#006600;">Es el editor WYSIWYG gratuito del World Wide Web Consortium (W3C), encargado de discutir y establecer nuevos estándares para la web. El editor se parece mucho al IMS Web Dwarf, con unas cuantas opciones más. Si bien aún no es del todo profesional, es un programa que habrá que tener en cuenta en sus futuras versiones, ya que entre otras cosas está previsto que tenga soporte para dibujo vectorial en formato SVG así que recomiendo visitar cada cierto tiempo su dirección para estar al tanto de novedades y bajar actualizaciones.</span></div><u><span style="color:#0000ff;"></span></u><br /><div><br /><span style="font-size:130%;">Ø Arachnofilia :</span></div><br /><div align="justify"><br /><span style="color:#006600;">Programa sencillo y gratuito (freeware) para crear y editar páginas Web. Colorea los códigos HTML, e inserta código fácilmente con botones que podemos desplegar personalizando nuestro interfaz. Muy difícil de usar para inexpertos en HTML, aunque tiene la ventaja de que apenas consume recursos al sistema (ocupa muy poco).</span> </div><u><span style="color:#0000ff;"></span></u><br /><div><br /><span style="font-size:130%;">Ø WebFácil:</span></div><br /><div align="justify"><br /><span style="color:#006600;">Es un editor gratuito y sencillo. Además en castellano. 1st Page 2000 2.0. Editor HTML práctico y fácil de usar. Entre sus componentes es bueno destacar: tamaño automático de imágenes, efecto rollover de JavaScript, limpieza de código, asistente, cliente de FTP etc.<br />Pero lo más llamativo de este programa son sus añadidos como son 450 scripts, 15 scripts DHTML, 6 scripts HTML así como 2 scripts CGI.</span></div><br /><div></div><br /><div><span style="font-size:130%;">Ø http://www.nvu.com/ Nvu: </span></div><br /><div align="justify"><br /><span style="color:#006600;">Es un editor gráfico HTML similar al Front Page de Window$ que ha desarrollado LindowsOS. Nvu está basado en el código de Mozilla Composer, es un programa tipo Frontpage/Dreamweaver, WYSIWYG y que nos promete la cómoda creación de contenidos web como si trabajásemos con un procesador de textos.</span> </div><br /><div><br /><span style="color:#006600;">Entre otros tenemos las cuales serán mencionadas: </span></div><br /><div><br /><span style="color:#006600;">· Adobe Photoshop CS3<br />· Adobe Illustrator CS3 o Corel Draw X4<br />· Adobe InDesign<br />· Adobe Acrobat</span></div><br /><div><br /><span style="font-size:130%;color:#cc0000;">3.- ¿Qué se necesita saber para aprender diseño Web?</span></div><br /><div><br /><span style="color:#006600;">Se necesita tener muy buena imaginación para la creación de las paginas, también sería importante conocer algunos programas pero lo mas básico.</span></div>LA CIENCIA Y TECNOLOGÍAhttp://www.blogger.com/profile/00242697840698924894noreply@blogger.com0tag:blogger.com,1999:blog-1896778730546223198.post-2758484368732923282009-06-09T20:00:00.000-07:002009-06-09T20:33:20.319-07:00CAPAS<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw8bfMG3MgEG3Pb1t_kBPhDwX1f_M6N93E1ckcBeDX423Rby6DPhpjQIRHL6kLceHZDkjteerJhAIUIQlTmf-yBu6yAgfNy9ISNbuTEDJJSd3QU4p9-L7MUtS0pNfvVbiYMjUAHjFCYtU/s1600-h/clip_image001.jpg"><img id="BLOGGER_PHOTO_ID_5345536263529944098" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 293px; CURSOR: hand; HEIGHT: 263px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw8bfMG3MgEG3Pb1t_kBPhDwX1f_M6N93E1ckcBeDX423Rby6DPhpjQIRHL6kLceHZDkjteerJhAIUIQlTmf-yBu6yAgfNy9ISNbuTEDJJSd3QU4p9-L7MUtS0pNfvVbiYMjUAHjFCYtU/s200/clip_image001.jpg" border="0" /></a><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghszvYoIIoDJxdm8FjqaZAAWCiFXvkMJ6hBsAZ0nvlYZWCXLduC2cVpz1RxWsoTPiXYubwZUlE4xf9qIx_-ARJNUPPunGmDYyPlGyzwZcRAb3oxkwtWWrZGLfSkc5km7d_5ToZHOuFLek/s1600-h/scroll1[1].gif"></a><br /><br /><br /><div align="center"><span style="color:#cc0000;"><strong><span style="font-size:130%;"><span style="color:#cc0000;"><span style="font-family:verdana;">CAPAS</span> </span></span></strong><br /></span></div><br /><div align="justify"><span style="font-family:Verdana;"><br /><strong><span style="color:#ff6600;">Es una especie del contenedor de HTML, las capas por lo general se definen con las etiquetas div y span y pueden contener cualquier objeto, por ejemplo un formulario, un fragmento de texto o un pluguin. Las capas proporcionan un control muy potente sobre la posición de estos objetos (control a nivel de pixeles) que permite controlar qué objetos estarán adelante y que objetos estarán detrás.<br /><br />Existen dos tipos de capas: las capas CSS controladas por medio de las etiquetas div y span y las capas de Netscape (etiquetas layer e ilayer)</span></strong></span></div><span style="font-family:Verdana;"><br /><br /><div align="center"><br /><span style="font-size:130%;"><strong><span style="color:#cc0000;">USO<br /></span><br /></strong></span></div><br /><div align="justify"><strong><span style="color:#ff6600;">Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la página, en los que podemos insertar contenido HTML. Dichas capas pueden ocultarse y solaparse entre sí, lo que proporciona grandes posibilidades de diseño.</span></strong></div><br /><div align="justify"><br /><span style="color:#ff6600;"><strong><span style="color:#ff6600;">Las capas pueden moverse de una posición a otra de la ventana pulsando sobre el recuadro blanco, y sin soltar el ratón, arrastrándola hacia la nueva posición. También pueden ser redimensionadas pulsando sobre los recuadros negros, y arrastrándolos hasta conseguir el tamaño deseado.<br /><br />Dentro del recuadro de la capa es posible insertar texto, tablas, imágenes, animaciones flash, y todos los elementos que puede contener un documento HTML.<br /></span></strong><br /></span></div><br /><div align="justify"><em><span style="color:#3333ff;"><strong>Fuente:</strong></span></em><br /></div><ul><li><a href="http://www.svetlian.com/Webmaster/dream_capas1.htm"><span style="font-size:78%;color:#990000;">http://www.svetlian.com/Webmaster/dream_capas1.htm</span></a><br /></li><br /><li><a href="http://www.todo-dreamweaver.com/tutorial-dreamweaver/capas/uso-basico-capas-dreamweaver.html"><span style="font-size:78%;color:#990000;">http://www.todo-dreamweaver.com/tutorial-dreamweaver/capas/uso-basico-capas-dreamweaver.html</span></a></li></ul></span></div>LA CIENCIA Y TECNOLOGÍAhttp://www.blogger.com/profile/00242697840698924894noreply@blogger.com0tag:blogger.com,1999:blog-1896778730546223198.post-90744084519615285542009-05-13T11:10:00.000-07:002009-05-13T11:35:02.325-07:00SITIO WEB REMOTO Y LOCAL<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmaUxpoJCXPxkuorvv7i7SSX8ocPx19ikJk1q00MCRZ67gLcbtub_-rSDtAdeu7Cfk1iOEhuLg1QnbZrPZKszPbDgvjIJlWdTJ1wvoF6penvNKcR5riL76gDNSnQvTk4sDvG7rsmEbNRM/s1600-h/sitio-web2[1].bmp"><img id="BLOGGER_PHOTO_ID_5335377132392355634" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 315px; CURSOR: hand; HEIGHT: 320px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmaUxpoJCXPxkuorvv7i7SSX8ocPx19ikJk1q00MCRZ67gLcbtub_-rSDtAdeu7Cfk1iOEhuLg1QnbZrPZKszPbDgvjIJlWdTJ1wvoF6penvNKcR5riL76gDNSnQvTk4sDvG7rsmEbNRM/s320/sitio-web2%5B1%5D.bmp" border="0" /></a><br /><br /><div align="center"></div><br /><br /><div align="center"><span style="font-size:130%;color:#33cc00;"><strong><em>SITIO WEB REMOTO</em></strong></span></div><br /><br /><br /><div align="justify"><strong><span style="color:#ff6600;">Un sitio remoto es el que esta conectado a travez de alguna red en otra parte, ya sea en el mismo lugar que tu, pero en otra computadora, o atravez de internet, al cual te puedes conectar usando un terminal.</span></strong></div><br /><br /><div align="justify"><span style="color:#ff6600;"></span></div><br /><br /><div align="center"><span style="font-size:130%;color:#33cc00;"><strong><em>SITIO WEB LOCAL</em></strong></span></div><br /><div align="center"><span style="color:#ff6600;"></span></div><br /><div align="justify"><strong><span style="color:#ff6600;">Un sitio local son archivos del disco local que corresponden a los archivos del sitio remoto. Usted edita los archivos en el disco local y, a continuación, los carga en el sitio remoto. </span></strong></div><br /><div align="justify"><br /><strong><span style="color:#ff6600;">La creación de un sitio Web suele comenzar con la planificación: se determina cuántas páginas se van a crear, qué contenido aparecerá en cada página y cómo se conectarán las páginas entre sí.</span></strong></div><br /><br /><div align="justify"><span style="color:#33ccff;"><strong></strong></span></div><span style="color:#006600;"><strong>FUENTE:</strong></span><br /><ul><li><a href="http://es.wikipedia.org/wiki/Página_web"><span style="font-size:78%;">http://es.wikipedia.org/wiki/P%C3%A1gina_web</span></a><br /></li></ul><div align="justify"><span style="color:#33ccff;"></span></div><br /><br /><div align="justify"><span style="color:#33ccff;"></span></div>LA CIENCIA Y TECNOLOGÍAhttp://www.blogger.com/profile/00242697840698924894noreply@blogger.com0tag:blogger.com,1999:blog-1896778730546223198.post-62855946936616615042009-05-13T10:55:00.000-07:002009-05-13T11:10:20.833-07:00RUTAS ABSOLUTAS Y RELATIVAS<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT7GOrghVZPLZp0wez4gMBsI_MTgvJTT8eBMdsXiS__48MxYN1D5qHN8i5gLFtlzV2lSZgORR_mTAKLkn65R3jyq8BIYjt8r4263KWF5plbMgX6IYk_ZXeeJpQPKI4YqIuOtERPu98D8s/s1600-h/rutas4[1].jpg"><img id="BLOGGER_PHOTO_ID_5335370215146911186" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 378px; CURSOR: hand; HEIGHT: 253px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT7GOrghVZPLZp0wez4gMBsI_MTgvJTT8eBMdsXiS__48MxYN1D5qHN8i5gLFtlzV2lSZgORR_mTAKLkn65R3jyq8BIYjt8r4263KWF5plbMgX6IYk_ZXeeJpQPKI4YqIuOtERPu98D8s/s320/rutas4%5B1%5D.jpg" border="0" /></a><br /><div align="center"><strong><span style="color:#cc0000;"><span style="font-size:130%;color:#990000;">RUTAS ABSOLUTAS</span> </span></strong></div><br /><div align="center"><strong><span style="color:#cc33cc;"></span></strong></div><br /><div align="justify"><strong><span style="color:#cc33cc;">Las rutas absolutas proporcionan el URL completo del documento vinculado, incluido el protocolo que se debe usar (generalmente, http:// para páginas Web), </span></strong></div><br /><div align="justify"><strong><span style="color:#cc33cc;"></span></strong></div><br /><div align="justify"><strong><span style="color:#cc33cc;">Por ejemplo:</span></strong></div><br /><div align="justify"><strong><span style="color:#cc33cc;"></span></strong></div><br /><div align="justify"><a href="http://www.adobe.com/support/dreamweaver/contents.html"><strong><em><span style="color:#ff6600;">http://www.adobe.com/support/dreamweaver/contents.html</span></em></strong></a><strong><span style="color:#cc33cc;"><em><span style="color:#ff6600;">.</span></em> </span></strong></div><br /><div align="justify"><br /><strong><span style="color:#cc33cc;">Para vincular un documento situado en otro servidor, es preciso emplear una ruta absoluta. También puede utilizar rutas absolutas para vínculos locales (con documentos del mismo sitio), pero se desaconseja utilizar este sistema, ya que, si mueve el sitio a otro dominio, se romperán todos los vínculos de las rutas absolutas locales. El uso de rutas relativas para vínculos locales también ofrece una mayor flexibilidad si necesita mover archivos dentro del sitio.</span></strong></div><br /><div align="justify"><strong><span style="color:#cc33cc;"></span></strong></div><br /><div align="justify"><strong><span style="color:#cc33cc;"></span></strong></div><br /><div align="center"><strong><span style="font-size:130%;color:#990000;">RUTAS RELATIVAS</span></strong></div><br /><div align="center"><strong><span style="color:#cc33cc;"></span></strong></div><br /><div align="justify"><strong><span style="color:#cc33cc;">Las rutas relativas al documento suelen ser las más adecuadas para vínculos locales en la mayoría de los sitios Web. Resultan particularmente útiles cuando el documento actual y el documento con el que se establece el vínculo se encuentran en la misma carpeta y es probable que vayan a permanecer juntos. También puede utilizar una ruta relativa al documento para establecer un vínculo con un documento de otra carpeta, pero especificando la ruta a través de la jerarquía de carpetas desde el documento actual hasta el vinculado. </span></strong></div><strong><span style="color:#cc33cc;"><div align="justify"><br />En una ruta relativa al documento se omite la parte de la ruta absoluta que coincide en los documentos actual y vinculado y se indica únicamente la parte de la ruta que difiere. </div><div align="justify"> </div><div align="justify"> </div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"><span style="color:#006600;">Fuente:</span></div><div align="justify"><span style="color:#006600;"></span></div><div align="justify"><span style="color:#006600;"></span></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><div align="justify"></div><ul><li><div align="justify"><a href="http://www.forosdelweb.com/f16/rutas-relativas-absolutas-428834/"><span style="font-size:78%;">http://www.forosdelweb.com/f16/rutas-relativas-absolutas-428834/</span></a></div></li><li><div align="justify"><a href="http://images.google.com.pe/images?hl=es&um=1&sa=1&q=rutas+RELATIVAS&aq=f&oq"><span style="font-size:78%;">http://images.google.com.pe/images?hl=es&um=1&sa=1&q=rutas+RELATIVAS&aq=f&oq</span></a><span style="font-size:78%;">=</span></div></li></ul><div align="justify"><span style="font-size:78%;"></span></div><div align="justify"></span></strong></div>LA CIENCIA Y TECNOLOGÍAhttp://www.blogger.com/profile/00242697840698924894noreply@blogger.com1tag:blogger.com,1999:blog-1896778730546223198.post-29038139397785420292009-05-03T15:24:00.000-07:002009-05-13T18:39:48.814-07:00PRESENTACIÓN PERSONAL<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKboGb8OhNBe07BkFVgWmuozUCfZUT4QjCbg95LgMiCKsnHTajAOChXI5WHSThN_hnCpCoa2dIBA-Qiy4JSufB5gccu4My6_diVnYW1y5YZOOq_dRPjk7wvobOEtwwB_kAR8bYJRgh6Vw/s1600-h/DSC00007.JPG"><img id="BLOGGER_PHOTO_ID_5331727325377524546" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 320px; CURSOR: hand; HEIGHT: 240px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKboGb8OhNBe07BkFVgWmuozUCfZUT4QjCbg95LgMiCKsnHTajAOChXI5WHSThN_hnCpCoa2dIBA-Qiy4JSufB5gccu4My6_diVnYW1y5YZOOq_dRPjk7wvobOEtwwB_kAR8bYJRgh6Vw/s320/DSC00007.JPG" border="0" /></a><br /><br /><div align="justify"><span style="color:#cc0000;">Hola a todos mis amistades saludos, mi nombre es Javier Ccoillo Garriazo, natural de Puquio – Ayacucho.<br /><br />Actualmente estoy estudiando en la Universidad Nacional Federico Villarreal en la Facultad de Educación de la Especialidad de Computación e Informática, VII Ciclo.<br /><br />Soy una persona alegre, amical y que le gusta compartir diferentes ideas y pensamientos de los demás; unos de mis hobbies es hacer deporte, escuchar músicas ayacuchanas y tocar guitarra, espero conocer personas alegres como yo.<br /><br /><br /><span style="color:#33cc00;"><strong>OBJETIVOS</strong><br /></span><br /><br />· Como objetivo principal en mi vida es contribuir al desarrollo de mi país y el de mi familia.<br /><br />· Concluir mi carrera profesional en Educación en la especialidad de Computación e Informática<br /><br />· Llevar cursos de capacitación respecto a mi carrera que permitan mejorar y desarrollar mi metodología de enseñanza en el alumnado.<br /><br />· Estudiar la carrera de computación e informática que permitirá tener mejores conocimientos para perfeccionarme en mi especialidad.</span></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="justify"><span style="color:#cc0000;">Este video es interesante para el desarrollo educativo de nuestra especialidad de Computacion e Informática, espero les guste.</span></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="justify"></div><div align="justify"></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="justify"><span style="color:#cc0000;"></span></div><div align="center"><span style="color:#33cc00;"><strong>TECNOLOGÍA DE LA INFORMACIÓN</strong></span></div><div align="justify"></div><br /><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='431' height='266' src='https://www.blogger.com/video.g?token=AD6v5dyHlp4StQkwbRzJXubQWp0pof3wIxV6io3dy3HxwB_8UBBL8lGU_E_3wA5ubI7dwOfGa6aAl9wwroO_VVftqQ' class='b-hbp-video b-uploaded' frameborder='0'></iframe>LA CIENCIA Y TECNOLOGÍAhttp://www.blogger.com/profile/00242697840698924894noreply@blogger.com0