INFORMATICA EN EL COMIL3: informatica

TERCER AÑO DE BACHILLERATO

UNIDAD II: PRESENCIA EN INTERNET

AÑO 2009 - 2010

Tema 3 _ 1: HTML y lenguajes script

Objetivo: Utilizar HTML o lenguajes scripts para mejorar la funcionalidad o presentación del Blog o sitio web.

HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Códigos HTML básicos : define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.

: define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera podemos encontrar:

Un ejemplo de código HTML con coloreado de sintaxis

· </code>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code><link></code>: para vincular el sitio a <a href="http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada" title="Hojas de estilo en cascada">hojas de estilo</a> o iconos Por ejemplo:<code><link rel="stylesheet" href="/style.css" type="text/css"></code> ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code><style></code>: para colocar el estilo interno de la página, ya sea usando <a href="http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada" title="Hojas de estilo en cascada">CSS</a>, <a href="http://es.wikipedia.org/wiki/JavaScript" title="JavaScript">JavaScript</a> u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <code><link></code> <ul type="disc"> <li class="MsoNormal" style=""><code><body></code>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como <a href="http://es.wikipedia.org/wiki/HTML_%28colores%29" title="HTML (colores)">color</a> de fondo y márgenes. Dentro del cuerpo <code><body></code> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:</li> </ul> ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code><h1>, <h2>, <h3>, <h4>, <h5>, <h6></code>: encabezados o títulos del documento con diferente relevancia. ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code><table></code>: define una tabla ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code><tr></code>: fila de una tabla ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code><td></code>: celda de datos de una tabla ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code><a></code>: <a href="http://es.wikipedia.org/wiki/Hiperv%C3%ADnculo" title="Hipervínculo">Hipervínculo</a> o enlace, dentro o fuera del <a href="http://es.wikipedia.org/wiki/Sitio_web" title="Sitio web">sitio web</a>. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <code><a href="http://www.wikipedia.org">Wikipedia</a></code> se representa como <a href="http://www.wikipedia.org/" title="http://www.wikipedia.org">Wikipedia</a>) ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code><div></code>: área de la página ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code><img></code>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <code><img src="./imagenes/mifoto.jpg" /></code> ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code><li><ol><ul></code>: Etiquetas para listas. ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code></code>: texto en negrita (Etiqueta descartada. Se recomienda usar la etiqueta <code></code>) ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code></code>: texto en cursiva ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code></code>: texto subrayado <ul type="disc"> <li class="MsoNormal" style="">La mayoría de etiquetas deben cerrarse como se abren, pero con una barra ("/") tal como se muestra en los siguientes ejemplos:</li> </ul> ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code><table><tr><td>Contenido de una celda</td></tr></table></code> ·<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> <code><script>Código de un <a href="http://es.wikipedia.org/wiki/Script" title="Script">script</a> integrado en la página</script></code> ---------- <a name="Nociones_b.C3.A1sicas_de_HTML"></a><o:p> </o:p> (Extraido de : <a href="http://es.wikipedia.org/wiki/HTML" target="_blank">http://es.wikipedia.org/wiki/HTML</a> ) <o:p> </o:p> Realmente el código html está en formato del texto más simple, de tal manera que podemos crear una página web sin necesidad de un editor especial, solamente utilizando un editor de texto normal como el bloc de notas, <o:p> </o:p> Vamos a realizar el siguiente ejercicio:<o:p></o:p> <o:p> </o:p> 1)<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> Ingresa al bloc de notas de Windows.<o:p></o:p> 2)<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> En el bloc de notas digita el siguiente código html:<o:p></o:p> <img src="http://central/Tercero/Unidad2/U2TEMA3_1%20Html_archivos/image011.jpg" shapes="Imagen_x0020_3" width="781" border="0" height="577" /><o:p></o:p> Nota: Se debe ser extremadamente exacto con la forma de escribir o no resultará.<o:p></o:p> 3)<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> Guárdelo en el escritorio con el nombre mipagina.html<o:p></o:p> <img src="http://central/Tercero/Unidad2/U2TEMA3_1%20Html_archivos/image013.jpg" shapes="Imagen_x0020_6" width="564" border="0" height="179" /><o:p></o:p> Nota: al cambiar la extensión de .txt a .html hacemos que la computadora lo identifique como página web.<o:p></o:p> <o:p> </o:p> 4)<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;"> Abra el archivo creado con un avegador como el Mozilla Fire Fox o Google Chrome.<o:p></o:p> <img src="http://central/Tercero/Unidad2/U2TEMA3_1%20Html_archivos/image015.jpg" shapes="Imagen_x0020_7" width="596" border="0" height="483" /><o:p></o:p> <o:p> </o:p> LENGUAJES SCRIPT.<o:p></o:p> <o:p> </o:p> Los lenguajes Script o lenguajes de programación interpretados son lenguajes de programación (Permiten escribir comandos que harán funcionar a la computadora de una forma específica) que se pueden incluir en el código HTML para dar alguna funcionalidad especial a tu página.<o:p></o:p> <o:p> </o:p> Por ejemplo: puedes realizar una búsqueda en Google con el texto “Trucos HTML” y entre otras cosas saldrán códigos en Java o Vbs que permitirán agregar detalles interesantes a tu codificación, la mayoría de las veces lo único que tienes que hacer es copiar y pegar el código en tu HTML. Si decides aprender a fondo estos lenguajes podrías llegar a crear tus propios trucos.<o:p></o:p> <o:p> </o:p> Por ejemplo puedes agregar el siguiente truco:<o:p></o:p> <o:p> </o:p> <img src="http://central/Tercero/Unidad2/U2TEMA3_1%20Html_archivos/image017.jpg" shapes="Imagen_x0020_10" width="911" border="0" height="526" /><o:p></o:p> <o:p> </o:p> Puedes consultar otros trucos en el siguiente vínculo: <a href="http://www.usuarios.sion.com/pauluk/trucospchtml.htm" target="_blank">http://www.usuarios.sion.com/pauluk/trucospchtml.htm</a> <o:p> </o:p> Tareas: <ol start="1" type="1"> <li class="MsoNormal" style="color: windowtext;">Agregar a su blog y a su página Web personal algún truco html.<o:p></o:p></li> </ol> <o:p> </o:p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> Publicado por <meta content='https://www.blogger.com/profile/02566578067127996884' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02566578067127996884' rel='author' title='author profile'> Luis Edgar Sánchez </a> en <meta content='http://informaticacomil3.blogspot.com/2009/07/3ero-u2-tema31-html-2009.html' itemprop='url'/> <a class='timestamp-link' href='https://informaticacomil3.blogspot.com/2009/07/3ero-u2-tema31-html-2009.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-07-27T13:24:00-05:00'>13:24</abbr></a> <a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/2562592607431390212/6694719697722382276' onclick=''> No hay comentarios: </a> <a href='https://www.blogger.com/post-edit.g?blogID=2562592607431390212&postID=6694719697722382276&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> Etiquetas: <a href='https://informaticacomil3.blogspot.com/search/label/comil' rel='tag'>comil</a>, <a href='https://informaticacomil3.blogspot.com/search/label/comil3' rel='tag'>comil3</a>, <a href='https://informaticacomil3.blogspot.com/search/label/html' rel='tag'>html</a>, <a href='https://informaticacomil3.blogspot.com/search/label/informatica' rel='tag'>informatica</a>, <a href='https://informaticacomil3.blogspot.com/search/label/tercero' rel='tag'>tercero</a> </div> <div class='post-footer-line post-footer-line-3'> </div> </div> </div> </div> <div class='inline-ad'> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div></div> <div class="date-outer"> <h2 class='date-header'>lunes, 20 de julio de 2009</h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='2562592607431390212' itemprop='blogId'/> <meta content='5095454215021125043' itemprop='postId'/> <a name='5095454215021125043'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://informaticacomil3.blogspot.com/2009/07/2009-3ero-trim2-tema-3-hosting.html'>2009 - 3ero - Trim2 - Tema 3: Hosting (WebHosting)</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-5095454215021125043' itemprop='description articleBody'> <div style="text-align: center;">TERCER AÑO DE BACHILLERATO<o:p></o:p></div> UNIDAD II: PRESENCIA EN INTERNET<o:p></o:p> AÑO 2009 - 2010<o:p></o:p> <o:p> </o:p> <o:p> </o:p> <o:p> </o:p> Tema2: Hosting y Dominios <o:p> </o:p> Objetivo: Reconocer el uso de servicios de Hosting y asignación de Dominios en Internet. <o:p> </o:p> <o:p> </o:p> *********** En este segmento incursionaremos en la forma de crear y publicar nuestros propios sitios Web en Internet, Para lo cual debemos comprender cosas como: <ul type="disc"><li class="MsoNormal" style="color: windowtext;">Servicio de Hosting.<o:p></o:p></li><li class="MsoNormal" style="color: windowtext;">Dominios.<o:p></o:p></li><li class="MsoNormal" style="color: windowtext;">Subdominios.<o:p></o:p></li><li class="MsoNormal" style="color: windowtext;">Sitios Web y Páginas Web.<o:p></o:p></li></ul> Además utilizaremos el servicio que nos brinda el sitio www.20m.com para realizar las respectivas prácticas. Resuelva la tarea de investigación para poder aclarar las ideas antes mencionadas. Tareas: En el cuaderno de computación Resolver los siguientes puntos: <ol start="1" type="1"><li class="MsoNormal" style="color: windowtext;">¿Qué es el servicio de WebHosting?<o:p></o:p></li><li class="MsoNormal" style="color: windowtext;">¿A qué se llaman dominios y subdominios?<o:p></o:p></li><li class="MsoNormal" style="color: windowtext;">¿Qué diferencia existe entre sitio web y página web?<o:p></o:p></li><li class="MsoNormal" style="color: windowtext;">Consulte al menos 3 sitios de Ecuador que ofrezcan servicio de hosting y su costo aproximado.<o:p></o:p></li><li class="MsoNormal" style="color: windowtext;">Realice un informe resumido de cómo se crea una cuenta gratuita en www.20m.com <o:p></o:p></li></ol> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> Publicado por <meta content='https://www.blogger.com/profile/02566578067127996884' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02566578067127996884' rel='author' title='author profile'> Luis Edgar Sánchez </a> en <meta content='http://informaticacomil3.blogspot.com/2009/07/2009-3ero-trim2-tema-3-hosting.html' itemprop='url'/> <a class='timestamp-link' href='https://informaticacomil3.blogspot.com/2009/07/2009-3ero-trim2-tema-3-hosting.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-07-20T10:48:00-05:00'>10:48</abbr></a> <a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/2562592607431390212/5095454215021125043' onclick=''> 2 comentarios: </a> <a href='https://www.blogger.com/post-edit.g?blogID=2562592607431390212&postID=5095454215021125043&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> Etiquetas: <a href='https://informaticacomil3.blogspot.com/search/label/comil' rel='tag'>comil</a>, <a href='https://informaticacomil3.blogspot.com/search/label/comil3' rel='tag'>comil3</a>, <a href='https://informaticacomil3.blogspot.com/search/label/hosting' rel='tag'>hosting</a>, <a href='https://informaticacomil3.blogspot.com/search/label/informatica' rel='tag'>informatica</a>, <a href='https://informaticacomil3.blogspot.com/search/label/tercero' rel='tag'>tercero</a>, <a href='https://informaticacomil3.blogspot.com/search/label/Webhosting' rel='tag'>Webhosting</a> </div> <div class='post-footer-line post-footer-line-3'> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'>martes, 14 de julio de 2009</h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='http://central/Tercero/Unidad2/U2TEMA2%20blogs_archivos/image003.gif' itemprop='image_url'/> <meta content='2562592607431390212' itemprop='blogId'/> <meta content='745732366433251778' itemprop='postId'/> <a name='745732366433251778'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://informaticacomil3.blogspot.com/2009/07/2009-3ero-trim2-tema-2-blogs.html'>2009 - 3ero - Trim2 - Tema 2: Blogs</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-745732366433251778' itemprop='description articleBody'> <div style="text-align: center;">TERCER AÑO DE BACHILLERATO<o:p></o:p></div> <o:p> </o:p> UNIDAD II: PRESENCIA EN INTERNET<o:p></o:p> <o:p> </o:p> AÑO 2009 - 2010 <o:p></o:p> <o:p> </o:p> <img height="12" shapes="Imagen_x0020_2" src="http://central/Tercero/Unidad2/U2TEMA2%20blogs_archivos/image003.gif" width="903" /> <o:p> </o:p> Tema2: Blogs <o:p> </o:p> Objetivo: Utilizar Sitios Web que ofrecen espacios de publicación en Blogs mediante las herramientas de Internet para crear artículos y publicarlos en <st1:personname productid="la Red." st="on">la Red.</st1:personname> <o:p> </o:p> <o:p> </o:p> Definición: Un blog, o en español también una bitácora, es un sitio <a href="http://es.wikipedia.org/wiki/World_Wide_Web" title="World Wide Web">web</a> periódicamente actualizado que recopila cronológicamente <a href="http://es.wikipedia.org/wiki/Texto" title="Texto">textos</a> o <a href="http://es.wikipedia.org/wiki/Art%C3%ADculo" title="Artículo">artículos</a> de uno o varios autores, apareciendo primero el más reciente, donde el <a href="http://es.wikipedia.org/wiki/Autor" title="Autor">autor</a> conserva siempre la libertad de dejar publicado lo que crea pertinente. El término blog proviene de las palabras web y log ('log' en inglés = diario). El término bitácora, en referencia a los antiguos <a href="http://es.wikipedia.org/wiki/Cuaderno_de_bit%C3%A1cora" title="Cuaderno de bitácora">cuadernos de bitácora</a> de los barcos, se utiliza preferentemente cuando el autor escribe sobre su vida propia como si fuese un <a href="http://es.wikipedia.org/wiki/Diario_personal" title="Diario personal">diario</a>, pero publicado en <a href="http://es.wikipedia.org/wiki/Internet" title="Internet">Internet</a> <a href="http://es.wikipedia.org/wiki/En_l%C3%ADnea" title="En línea">en línea</a>. Habitualmente, en cada artículo de un blog, los lectores pueden escribir sus comentarios y el autor darles respuesta, de forma que es posible establecer un diálogo. No obstante es necesario precisar que ésta es una opción que depende de la decisión que tome al respecto el autor del blog, pues las herramientas permiten diseñar blogs en los cuales no todos los internautas -o incluso ninguno- puedan participar. El uso o tema de cada blog es particular, los hay de tipo personal, <a href="http://es.wikipedia.org/wiki/Periodismo" title="Periodismo">periodístico</a>, empresarial o corporativo, <a href="http://es.wikipedia.org/wiki/Tecnolog%C3%ADa" title="Tecnología">tecnológico</a>, educativo (edublogs), <a href="http://es.wikipedia.org/wiki/Pol%C3%ADticos" title="Políticos">políticos</a>, etc. (Extraído de www.wikipedia.org) Uno de las páginas más utilizadas para blogs es <a href="http://www.blogger.com">www.blogger.com </a>, la cual pertenece a la empresa Google, y será la que utilizaremos. <img border="0" height="484" id="_x0000_i1026" src="http://central/Tercero/Unidad2/blog1.JPG" width="748" /> Simplemente habrá que seguir los tres sencillos pasos que nos muestra la página y nuestro blog estará listo. Tu blog debe tener un nombre que lo identifique y una dirección, en blogger, si haz puesto a tu blog por ejemplo la dirección o nombre "miprimerblog" podrán acceder a el con el siguiente URL: "http://miprimerblog.blogspot.com". Cabe resaltar que debemos tener presente que dos nombres de usuario o nombres de blogs no pueden ser iguales. Si ya tienes una cuenta en Google, por ejemplo una cuenta de gmail, o si ya haz creado anteriormente tu cuenta en Blogger, solo deberás ingresar tu nombre de usuario y contraseña en la parte superior y podrás acceder a tus blogs o crear nuevos blogs. <o:p> </o:p> Debemos resaltar lo siguiente: Un usuario puede tener varios blogs, un blog debe tener un nombre – un tema y una URL, y cada blog va a contener varias publicaciones de manera cronológica que se les va a conocer como entradas del blog. <o:p> </o:p> Para terminar podemos decir que un blog pone a disposición del usuario una página totalmente en blanco donde podemos ir llenándola con la información que nosotros queramos, así como imágenes y videos, además podemos anexarle a nuestro blog utilidades como encuestas o envio de mensajes y comentarios. Tarea:<o:p></o:p> <o:p> </o:p> <ol style="margin-top: 0cm;" start="1" type="1"><li class="MsoNormal" style="">En Internet: Crear un Blog en <a href="http://www.blogger.com/">www.blogger.com</a> y publicar un artículo (como sugerencia puede ser la presentación de su donde incluya el tema general del blog, una introducción, una descripción suya o de sus intereses y acompañarla con fotos).</li><li class="MsoNormal" style="">En el cuaderno:</li><ol style="margin-top: 0cm;" start="1" type="a"><li class="MsoNormal" style="">2 definiciones de blog.</li><li class="MsoNormal" style="">1 URL de un buen blog con la explicación de que trata.</li><li class="MsoNormal" style="">Descripción paso a paso de cómo creó un blog en www.Blogger.com(con capturas de pantalla).</li><li class="MsoNormal" style="">LA URL de su blog.</li></ol></ol> <ol style="margin-top: 0cm;" start="1" type="1"><ol style="margin-top: 0cm;" start="1" type="a"><li class="MsoNormal" style="">Describa la importancia, según su criterio, del uso de blogs y la existencia de los mismos. </li></ol></ol> <o:p> </o:p> <o:p> </o:p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> Publicado por <meta content='https://www.blogger.com/profile/02566578067127996884' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02566578067127996884' rel='author' title='author profile'> Luis Edgar Sánchez </a> en <meta content='http://informaticacomil3.blogspot.com/2009/07/2009-3ero-trim2-tema-2-blogs.html' itemprop='url'/> <a class='timestamp-link' href='https://informaticacomil3.blogspot.com/2009/07/2009-3ero-trim2-tema-2-blogs.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-07-14T09:56:00-05:00'>9:56</abbr></a> <a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/2562592607431390212/745732366433251778' onclick=''> No hay comentarios: </a> <a href='https://www.blogger.com/post-edit.g?blogID=2562592607431390212&postID=745732366433251778&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> Etiquetas: <a href='https://informaticacomil3.blogspot.com/search/label/comil' rel='tag'>comil</a>, <a href='https://informaticacomil3.blogspot.com/search/label/comil3' rel='tag'>comil3</a>, <a href='https://informaticacomil3.blogspot.com/search/label/informatica' rel='tag'>informatica</a>, <a href='https://informaticacomil3.blogspot.com/search/label/luis' rel='tag'>luis</a>, <a href='https://informaticacomil3.blogspot.com/search/label/profeluis' rel='tag'>profeluis</a>, <a href='https://informaticacomil3.blogspot.com/search/label/tema%202' rel='tag'>tema 2</a>, <a href='https://informaticacomil3.blogspot.com/search/label/tema2' rel='tag'>tema2</a>, <a href='https://informaticacomil3.blogspot.com/search/label/tercero' rel='tag'>tercero</a> </div> <div class='post-footer-line post-footer-line-3'> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image012.jpg' itemprop='image_url'/> <meta content='2562592607431390212' itemprop='blogId'/> <meta content='1316998497447676416' itemprop='postId'/> <a name='1316998497447676416'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://informaticacomil3.blogspot.com/2009/07/2009-2do-trim-2-tema-2-herramientas-de.html'>2009 - 2do - Trim 2 - Tema 2: Herramientas de edición</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-1316998497447676416' itemprop='description articleBody'> <table class="MsoNormalTable" style="width: 100%;" width="100%" border="0" cellpadding="0" cellspacing="0"><tbody> <tr style=""> <td style="padding: 0cm; background: rgb(211, 220, 230) none repeat scroll 0% 0%; width: 672pt; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" valign="top" width="896"> <o:p></o:p> <div align="center"> <table class="MsoNormalTable" style="width: 557.25pt;" width="743" border="0" cellpadding="0" cellspacing="0"> <tbody><tr style=""> <td style="padding: 1.5pt; width: 554.25pt;" width="739"> TEMA 2: HERRAMIENTAS DE EDICION <o:p></o:p> </td> </tr> <tr style="height: 57.75pt;"> <td style="padding: 1.5pt; height: 57.75pt;"> Objetivo: Reconocer las herramientas para el dibujo y su utilización dentro de Flash para crear los gráficos que posteriormente serán parte de la animación.<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(255, 255, 204) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" valign="top" background="../Unidad1/image004.jpg"> <ul type="disc"><ul type="circle"><li class="MsoNormal" style="color: rgb(38, 53, 74); line-height: 14.95pt;"><a href="http://www.aulaclic.es/flash8/index.htm">Curso en Línea de Flash 8</a><o:p></o:p></li></ul></ul> La Barra de Herramientas. Herramientas Básicas. <o:p></o:p> <img align="left" alt="http://www.aulaclic.com/flashMX/graficos/panel_toolsmx.JPG" height="521" hspace="12" shapes="Imagen_x0020_23" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image012.jpg" width="73" /><o:p></o:p> <img alt="http://www.aulaclic.com/flashMX/comunes/orangeBall.gif" border="0" height="14" id="_x0000_i1047" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image001.gif" width="13" />La Barra de Herramientas contiene todas las Herramientas necesarias para el dibujo. Veamos cuáles son las más importantes y cómo se usan: Herramienta Flecha: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_flecha.gif" border="0" height="29" id="_x0000_i1046" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image002.gif" width="28" />. Es la herramienta más usada de todas. Su uso principal es para seleccionar objetos. permite seleccionar los bordes de los objetos, los rellenos (con un sólo clic), los bordes (con doble clic), zonas a nuestra elección... Además, su uso adecuado puede ahorrarnos tiempo en el trabajo. Herramienta Línea: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_linea.gif" border="0" height="29" id="_x0000_i1045" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image003.gif" width="32" />Permite crear líneas rectas de un modo rápido. Las líneas se crean como en cualquier programa de dibujo, se hace clic y se arrastra hasta donde queramos que llegue la línea recta. Una vez creada la podemos modificar sin más que seleccionar situar el cursor encima de los extremos para estirarlos y en cualquier otra parte cercana a la recta para curvarla. Herramienta Texto: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_texto.gif" border="0" height="29" id="_x0000_i1044" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image004.gif" width="31" />Crea un texto en el lugar en el que hagamos clic. Sus propiedades se verán en el tema siguiente. Herramienta Óvalo: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_ovalo.gif" border="0" height="29" id="_x0000_i1043" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image005.gif" width="30" />La herramienta Óvalo permite trazar círculos o elipses de manera rápida y sencilla. <img alt="http://www.aulaclic.com/flashMX/comunes/greenBall.gif" border="0" height="14" id="_x0000_i1042" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image006.gif" width="14" />Para practicar el manejo de esta Herramienta, te aconsejamos realizar <a href="javascript:mostrar('aviso_flash.htm');">Ejercicio Crear Óvalo</a> <img alt="http://www.aulaclic.com/flashMX/comunes/greenBall.gif" border="0" height="14" id="_x0000_i1041" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image006_0000.gif" width="14" />Para practicar el manejo de esta Herramienta, te aconsejamos realizar <a href="javascript:mostrar('aviso_flash.htm');">Ejercicio Dar color a un Óvalo</a> Herramienta Rectángulo: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_rectangulo.gif" border="0" height="30" id="_x0000_i1040" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image007.gif" width="30" />Su manejo es idéntico al de la Herramienta Óvalo, tan solo se diferencian en el tipo de objetos que crean. Herramienta Lápiz: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_lapiz.gif" border="0" height="28" id="_x0000_i1039" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image008.gif" width="30" />Es la primera Herramienta de dibujo propiamente dicho. Permite dibujar líneas con la forma que decidamos, modificando la forma de estas a nuestro gusto. El color que aplicará esta Herramienta se puede modificar, bien desde el Panel Mezclador de Colores o bien desde el subpanel Colores que hay en la Barra de Herramientas. Herramienta Brocha: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_brocha.gif" border="0" height="29" id="_x0000_i1038" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image009.gif" width="30" />Su funcionalidad equivale a la del lápiz, pero su trazo es mucho más grueso. Se suele emplear para aplicar rellenos. Se puede modificar su grosor y forma de trazo. Herramienta Cubo de Pintura: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_cubo.gif" border="0" height="26" id="_x0000_i1037" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image010.gif" width="28" />Permite aplicar rellenos a los objetos que hayamos creado. Al contrario que muchos otros programas de dibujo, no permite aplicar rellenos si la zona no está delimitada por un borde. El color que aplicará esta Herramienta se puede modificar, bien desde el Panel Mezclador de Colores o bien desde el subpanel Colores que hay en la Barra de Herramientas. Herramienta Borrador: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_borrador.gif" border="0" height="28" id="_x0000_i1036" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image011.gif" width="29" />Su funcionamiento es análogo a la Herramienta Brocha. Pero su función es la de eliminar todo aquello que "dibuje". <o:p></o:p> <o:p> </o:p> La Barra de Herramientas. Herramientas Avanzadas. <o:p></o:p> <o:p> </o:p> Herramienta Lazo: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_lazo.gif" border="0" height="28" id="_x0000_i1035" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image013.gif" width="30" />Su función es complementaria a la de la Herramienta Flecha, pues puede seleccionar cualquier cosa, sin importar la forma, (la Herramienta Flecha sólo puede seleccionar objetos o zonas rectangulares o cuadradas). En contrapartida, la Herramienta Lazo no puede seleccionar rellenos u objetos (a menos que hagamos la selección a mano). Al seleccionar esta Herramienta, en el Panel Opciones aparecen estas imágenes: <img alt="http://www.aulaclic.com/flashMX/graficos/herra_lazo_opt1.gif" border="0" height="27" id="_x0000_i1034" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image014.gif" width="56" />. Esto, es la Herramienta "Varita Mágica", tan popular en otros programas de dibujo. Permite hacer selecciones según los colores de los objetos. El tercer dibujo que aparece es este: <img alt="http://www.aulaclic.com/flashMX/graficos/herra_lazo_opt2.gif" border="0" height="26" id="_x0000_i1033" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image015.gif" width="30" />permite hacer selecciones poligonales. Herramienta Pluma: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_pluma.gif" border="0" height="28" id="_x0000_i1032" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image016.gif" width="28" />Crea polígonos (y por tanto rectas, rectángulos...) de un modo sencillo. Mucha gente encuentra esta herramienta complicada, aunque es una de las más potentes que ofrece Flash. Su empleo consiste en hacer clic en los lugares que queramos definir como vértices de los polígonos, lo que nos asegura una gran precisión. Para crear curvas, hay que señalar los puntos que la delimitan y posteriormente trazar las tangentes a ellas. Con un poco de práctica se acaba dominando. Herramienta Subseleccionador: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_subselec.gif" border="0" height="28" id="_x0000_i1031" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image017.gif" width="31" />Esta Herramienta complementa a la Herramienta Pluma, ya que permite mover o ajustar los vértices que componen los objetos creados con dicha herramienta. Herramienta Bote de Tinta: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_tinta.gif" border="0" height="28" id="_x0000_i1030" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image018.gif" width="30" />Se emplea para cambiar rápidamente el color de un trazo. Se aplica sobre objetos, si tienen borde, cambia al color mostrado de dicho borde, por el mostrado en el Panel Mezclador de Colores (que coincide con el subpanel Colores que hay en la Barra de Herramientas.) Herramienta Cuentagotas: <img alt="http://www.aulaclic.com/flashMX/graficos/herr_ctgotas.gif" border="0" height="28" id="_x0000_i1029" src="http://central/Segundo/Unidad2/U2Tema2Herramientas%20de%20Edicion_clip_image019.gif" width="30" />Su misión es "Capturar" colores para que posteriormente podamos utilizarlos. <o:p></o:p> <o:p></o:p> <o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(255, 153, 51) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" valign="top"> TAREAS / DEBERES / PRÁCTICAS Nota:Las tareas en clase y los deberes son a mano en el cuaderno de computación. <o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(255, 255, 204) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" valign="top" background="image004.jpg"> <o:p></o:p> Práctica:<o:p></o:p> En Flash, Realizar un dibujo utilizando colores distintos y herramientas varias, darle una pequeña animación. <o:p></o:p> <o:p></o:p> </td></tr></tbody></table></div></td></tr></tbody></table> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> Publicado por <meta content='https://www.blogger.com/profile/02566578067127996884' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02566578067127996884' rel='author' title='author profile'> Luis Edgar Sánchez </a> en <meta content='http://informaticacomil3.blogspot.com/2009/07/2009-2do-trim-2-tema-2-herramientas-de.html' itemprop='url'/> <a class='timestamp-link' href='https://informaticacomil3.blogspot.com/2009/07/2009-2do-trim-2-tema-2-herramientas-de.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-07-14T09:52:00-05:00'>9:52</abbr></a> <a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/2562592607431390212/1316998497447676416' onclick=''> No hay comentarios: </a> <a href='https://www.blogger.com/post-edit.g?blogID=2562592607431390212&postID=1316998497447676416&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> Etiquetas: <a href='https://informaticacomil3.blogspot.com/search/label/comil' rel='tag'>comil</a>, <a href='https://informaticacomil3.blogspot.com/search/label/comil3' rel='tag'>comil3</a>, <a href='https://informaticacomil3.blogspot.com/search/label/informatica' rel='tag'>informatica</a>, <a href='https://informaticacomil3.blogspot.com/search/label/segundo' rel='tag'>segundo</a>, <a href='https://informaticacomil3.blogspot.com/search/label/tema%202' rel='tag'>tema 2</a>, <a href='https://informaticacomil3.blogspot.com/search/label/tema2' rel='tag'>tema2</a> </div> <div class='post-footer-line post-footer-line-3'> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='http://central/Tercero/Unidad2/U2Tema1%20Foros_archivos/image003.gif' itemprop='image_url'/> <meta content='2562592607431390212' itemprop='blogId'/> <meta content='3340704717127998518' itemprop='postId'/> <a name='3340704717127998518'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://informaticacomil3.blogspot.com/2009/07/2009-3ero-trim2-tema-1-foros.html'>2009 - 3ero - Trim2 - Tema 1: Foros</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-3340704717127998518' itemprop='description articleBody'> <div style="text-align: center;">TERCER AÑO DE BACHILLERATO<o:p></o:p></div> <o:p> </o:p> UNIDAD II: PRESENCIA EN INTERNET<o:p></o:p> <o:p> </o:p> AÑO 2009 - 2010 <o:p></o:p> <o:p> </o:p> <img height="12" shapes="Imagen_x0020_2" src="http://central/Tercero/Unidad2/U2Tema1%20Foros_archivos/image003.gif" width="903" /> <o:p> </o:p> Tema1: Foros. <o:p> </o:p> Objetivo: Utilizar el servicio de las comunidades y foros de Internet para avanzar en el desarrollo académico mediante la inscripción y participación en los mismos. <o:p> </o:p> FOROS<o:p></o:p> <o:p> </o:p> Todos sabemos que Internet puede ser una fuente amplia de información muy variada, pero no siempre nos interesa obtener información de tipo enciclopédica, en realidad, la mayoría de las veces estamos más interesados en opiniones y experiencias prácticas de personas entorno a algún tema o discusión. <o:p> </o:p> Una de las mejores fuentes para sondear la opinión de la gente o intercambiar experiencias es a través de los conocidos Foros de Internet. Si nos remontamos a la historia, desde la antigua civilización griega y romana, la gente sentía la necesidad de sitios donde se pudieran exponer temas de diversa índole y con cierto orden poder aportar las más variadas opiniones sobre dichos temas, éstos lugares eran plazas y centros de reunión que cuando cumplían este fin eran denominados foros, hoy en día gracias a las telecomunicaciones se puede hacer lo mismo pero en lugar de utilizar un lugar físico, se puede recurrir a un sitio en Internet, de esta manera, un foro será un sitio Web donde se puedan exponer temas o plantear interrogantes ante las cuáles diversos usuarios puedan verter sus opiniones. <o:p> </o:p> Los foros pueden ser de los más variados tipos, básicamente la idea es crear una cuenta en un sitio que ofrezca foros y plantear una situación o una interrogante, o simplemente leer las que ya existen y participar con su propia opinión o experiencia. Los foros de esta manera se convierten en un importante medio de obtención de información específica, de tal forma que podemos plantear en un foro o buscar en un planteamiento ya existente la respuesta deseada, como por ejemplo: Que te ayuden a solucionar un deber, obtener URLs interesantes, claves de juegos, opiniones sobre obras o eventos, trivia, etc. <o:p> </o:p> Puedes intentar participar en un foro de tu interés en : <a href="http://www.todoslosforos.com/">www.todoslosforos.com</a>, prueba también Yahoo respuestas o bien puedes simplemente realizar una búsqueda en Google con el foro de tu interés, por ejemplo puedes buscar “Foros de Informática”. <o:p> </o:p> <o:p> </o:p> <o:p> </o:p> <o:p> </o:p> Tareas: <o:p></o:p> <o:p> </o:p> 1) Inscríbase a un Foro de Opinión, y exprese la suya con respecto al tema que se trate. <o:p> </o:p> 2) En el cuaderno de informática a mano individual:<o:p></o:p> 1. Escribir 2 definiciones de foros de Internet.<o:p></o:p> 2. Escriba 5 URL de foros de su interés.<o:p></o:p> <o:p></o:p> <o:p> </o:p> 3) (En el cuaderno de informática a mano individual): <o:p></o:p> <o:p> </o:p> · Hacer un Informe de Prácticas explicando lo se hizo en la tarea 2. 1. El informe debe contener: 1. La dirección (URL) del Foro en el que ingresó. 2. La pregunta o tema de discusión en el que participó. 3. Dos comentarios o respuestas de otros usuarios que hayan participado en el foro. 4. La respuesta u opinión que usted emitió. 5. Los pasos que siguió para poder participar del foro. 6. Nota: Poner donde corresponda capturas de pantalla que evidencien su participación. <o:p> </o:p> <o:p> </o:p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> Publicado por <meta content='https://www.blogger.com/profile/02566578067127996884' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02566578067127996884' rel='author' title='author profile'> Luis Edgar Sánchez </a> en <meta content='http://informaticacomil3.blogspot.com/2009/07/2009-3ero-trim2-tema-1-foros.html' itemprop='url'/> <a class='timestamp-link' href='https://informaticacomil3.blogspot.com/2009/07/2009-3ero-trim2-tema-1-foros.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-07-14T09:05:00-05:00'>9:05</abbr></a> <a class='comment-link' href='https://www.blogger.com/comment/fullpage/post/2562592607431390212/3340704717127998518' onclick=''> 1 comentario: </a> <a href='https://www.blogger.com/post-edit.g?blogID=2562592607431390212&postID=3340704717127998518&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> Etiquetas: <a href='https://informaticacomil3.blogspot.com/search/label/bachillerato' rel='tag'>bachillerato</a>, <a href='https://informaticacomil3.blogspot.com/search/label/comil' rel='tag'>comil</a>, <a href='https://informaticacomil3.blogspot.com/search/label/comil3' rel='tag'>comil3</a>, <a href='https://informaticacomil3.blogspot.com/search/label/informatica' rel='tag'>informatica</a>, <a href='https://informaticacomil3.blogspot.com/search/label/luis' rel='tag'>luis</a>, <a href='https://informaticacomil3.blogspot.com/search/label/profeluis' rel='tag'>profeluis</a>, <a href='https://informaticacomil3.blogspot.com/search/label/tercero' rel='tag'>tercero</a> </div> <div class='post-footer-line post-footer-line-3'> </div> </div> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <a class='blog-pager-older-link' href='https://informaticacomil3.blogspot.com/search/label/informatica?updated-max=2009-07-14T09:05:00-05:00&max-results=20&start=20&by-date=false' id='Blog1_blog-pager-older-link' title='Entradas antiguas'>Entradas antiguas</a> <a class='home-link' href='https://informaticacomil3.blogspot.com/'>Inicio</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Suscribirse a: <a class='feed-link' href='https://informaticacomil3.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Entradas (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget AdSense' data-version='1' id='AdSense1'> <div class='widget-content'> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <div class='clear'></div> </div> </div></div> </div> <div id='footer-wrapper'> <div class='footer section' id='footer'><div class='widget Profile' data-version='1' id='Profile1'> <h2>Datos personales</h2> <div class='widget-content'> <a href='https://www.blogger.com/profile/02566578067127996884'><img alt='Mi foto' class='profile-img' height='80' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq5rKvBpQoTK-4ud9x-2RY-6LZWjdfKkrkgMgLJyyUBQHvkQOqL3OkKdzV5YUSJNMwOJwkpCCG6syi1PPf5Ysben76Fi2WbC-PXqPLrDlOtJvMWTVuR1vSfZvOl4ZrXw/s151-r/n1778932076_2049.jpg' width='80'/></a> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/02566578067127996884' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> Luis Edgar Sánchez </a> </dt> <dd class='profile-data'>Machala, El Oro, Ecuador</dd> <dd class='profile-textblock'>Informático, docente, filósofo maniatado, artista en pausa.</dd> </dl> <a class='profile-link' href='https://www.blogger.com/profile/02566578067127996884' rel='author'>Ver todo mi perfil</a> <div class='clear'></div> </div> </div></div> </div> </div> </div></div></div></div> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/851759228-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AAPvtVmljUBlXd4oE_u0EKIzOXST:1790224473899';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2562592607431390212','//informaticacomil3.blogspot.com/search/label/informatica','2562592607431390212'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2562592607431390212', 'title': 'INFORMATICA EN EL COMIL3', 'url': 'https://informaticacomil3.blogspot.com/search/label/informatica', 'canonicalUrl': 'http://informaticacomil3.blogspot.com/search/label/informatica', 'homepageUrl': 'https://informaticacomil3.blogspot.com/', 'searchUrl': 'https://informaticacomil3.blogspot.com/search', 'canonicalHomepageUrl': 'http://informaticacomil3.blogspot.com/', 'blogspotFaviconUrl': 'https://informaticacomil3.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'es', 'localeUnderscoreDelimited': 'es', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22INFORMATICA EN EL COMIL3 - Atom\x22 href\x3d\x22https://informaticacomil3.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22INFORMATICA EN EL COMIL3 - RSS\x22 href\x3d\x22https://informaticacomil3.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22INFORMATICA EN EL COMIL3 - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2562592607431390212/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/02566578067127996884\x22 /\x3e\n', 'adsenseClientId': 'ca-pub-7343746323414040', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/7ce469edaf870342', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtener enlace', 'key': 'link', 'shareMessage': 'Obtener enlace', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartir en Facebook', 'target': 'facebook'}, {'name': 'Escribe un blog', 'key': 'blogThis', 'shareMessage': 'Escribe un blog', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Compartir en X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartir en Pinterest', 'target': 'pinterest'}, {'name': 'Correo electr\xf3nico', 'key': 'email', 'shareMessage': 'Correo electr\xf3nico', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27es\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Leer m\xe1s', 'pageType': 'index', 'searchLabel': 'informatica', 'pageName': 'informatica', 'pageTitle': 'INFORMATICA EN EL COMIL3: informatica'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'El enlace se ha copiado en el Portapapeles.', 'ok': 'Aceptar', 'postLink': 'Enlace de la entrada'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'INFORMATICA EN EL COMIL3', 'description': 'Clases de Inform\xe1tica para bachillerato en el Colegio Militar \x22H\xe9roes del 41\x22 Machala - Ecuador', 'url': 'https://informaticacomil3.blogspot.com/search/label/informatica', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'informatica', 'resultsMessage': 'Mostrando las entradas con la etiqueta informatica', 'resultsMessageHtml': 'Mostrando las entradas etiquetadas como \x3cspan class\x3d\x27search-label\x27\x3einformatica\x3c/span\x3e'}}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'main', document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'main', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Cargando\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'main', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Mostrando entradas con la etiqueta \x3cb\x3einformatica\x3c/b\x3e. \x3ca href\x3d\x22https://informaticacomil3.blogspot.com/\x22\x3eMostrar todas las entradas\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1549083331-lbx__es.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar', document.getElementById('AdSense1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'footer', document.getElementById('Profile1'), {}, 'displayModeFull')); </script> </body> </html>

INFORMATICA EN EL COMIL3

Buscar Tema

Archivo del blog

lunes, 27 de julio de 2009

3ero U2 Tema3_1 Html 2009

Códigos HTML básicos : define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.