modalidad de informatica: 2009

Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente legible y se pueda modificar más fácilmente. Si una página Web es complicada en su diseño, habrá muy pocos que sepan dar el mantenimiento adecuado. Abajo se muestra la estructura lógica de una página Web.

Primera página

...
...
...

Estas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido.

La primera instrucción indica al explorador de Internet que ahí comienza una página Web. La siguiente instrucción indica el encabezado de la página, es decir el área de la barra de título. indica el título de la página propiamente dicho. <body> es una instrucción que indica al explorador de Internet que ahí empieza el área de contenido de la página (es decir el cuerpo de la página).</p>En el lenguaje HTML, muchas instrucciones se cierran con el signo / (diagonal) para indicar al programa que las propiedades aplicadas con esa instrucción se terminan ahí donde se pone el signo diagonal. Si el signo de cierre (/) no se aplica convenientemente, el programa seguirá aplicando las propiedades de la instrucción anterior a todas las líneas inferiores, hasta que se encuentre otra instrucción que modifique las propiedades actuales.</span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/estructura-de-una-pagina-web.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/estructura-de-una-pagina-web.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-17T17:00:00-07:00'>17:00</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/estructura-de-una-pagina-web.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=6541859268609102943&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </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='7318455073135183149' itemprop='blogId'/> <meta content='4671787293864314861' itemprop='postId'/> <a name='4671787293864314861'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/10/etiquetas.html'>etiquetas</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-4671787293864314861' itemprop='description articleBody'> <span class="Apple-style-span" style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: rgb(51, 51, 51); line-height: 20px; ">Quizás la etiqueta HTML más importante de una página web, en cuanto a nuestro posicionamiento en buscadores, es la de <em style="color: rgb(204, 0, 0); ">título</em>. Este tag ofrece al usuario una descripción de la página en la barra superior de su navegador para informarlo de dónde está. Para nuestro <em style="color: rgb(204, 0, 0); ">posicionamiento en buscadores</em>, ofrece también un título de página que aparece en la primera línea de los resultados de búsqueda para seducir al visitante potencial. Por lo tanto, para la <em style="color: rgb(204, 0, 0); ">optimización de páginas web</em> y por razones de marketing, el título debe ser una frase bien redactada y llamativa, y a su vez con una alta densidad de palabras clave, que describa con precisión los contenidos de la página.</span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/etiquetas.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/etiquetas.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-17T16:59:00-07:00'>16:59</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/etiquetas.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=4671787293864314861&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSH8PQ1JaaNsjCxTEMmv1et2bfckHhCoMDRkL2LiGRG-zz1uvub9eI28UIFQy-PflYKH9B7KWtQ183UBzqr6rt7ije8_QeLY_ew8OEBXW2-parc7E_ux1wa7JPb6wCp3P8j7FI9rKIvk8/s320/bloc.gif' itemprop='image_url'/> <meta content='7318455073135183149' itemprop='blogId'/> <meta content='1335964313701476178' itemprop='postId'/> <a name='1335964313701476178'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/10/utilidades-del-bloc-de-notas.html'>utilidades del bloc de notas</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-1335964313701476178' itemprop='description articleBody'> <div><br /></div><div><br /></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSH8PQ1JaaNsjCxTEMmv1et2bfckHhCoMDRkL2LiGRG-zz1uvub9eI28UIFQy-PflYKH9B7KWtQ183UBzqr6rt7ije8_QeLY_ew8OEBXW2-parc7E_ux1wa7JPb6wCp3P8j7FI9rKIvk8/s1600-h/bloc.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5393722232788612114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSH8PQ1JaaNsjCxTEMmv1et2bfckHhCoMDRkL2LiGRG-zz1uvub9eI28UIFQy-PflYKH9B7KWtQ183UBzqr6rt7ije8_QeLY_ew8OEBXW2-parc7E_ux1wa7JPb6wCp3P8j7FI9rKIvk8/s320/bloc.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 249px; height: 196px;" /></a><span class="Apple-style-span" style="font-family: sans-serif; font-size: 13px; line-height: 19px; "><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; ">Como todos sabemos que <s>es una mierda</s> no se pueden hacer muchas cosas, haremos una pequeña lista de las <s>in</s>utilidades de Bloc de Notas:</p><ul style="line-height: 1.5em; list-style-type: square; margin-top: 0.3em; margin-right: 0px; margin-bottom: 0px; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-image: url(http://images.wikia.com/common/releases_200910.2/skins/monobook/bullet.gif); list-style-position: inside; "><li style="margin-bottom: 0.1em; ">ESCRIBIR</li><li style="margin-bottom: 0.1em; ">LEER</li><li style="margin-bottom: 0.1em; ">Hacer <a href="http://inciclopedia.wikia.com/wiki/Nada" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Nada">nada</a>.</li><li style="margin-bottom: 0.1em; ">Escribir muchas cosas…</li><li style="margin-bottom: 0.1em; ">…pero sin imágenes.</li><li style="margin-bottom: 0.1em; ">Escribir en HTML…</li><li style="margin-bottom: 0.1em; ">…pero sin poder ver cómo quedaría la página <a href="http://inciclopedia.wikia.com/wiki/Web" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Web">web</a>.</li><li style="margin-bottom: 0.1em; ">Escribir en C, C++, PHP, o cualquier lenguaje de programacion</li><li style="margin-bottom: 0.1em; ">...pero sin poder ver si el programa funciona o no, ya que no compila</li><li style="margin-bottom: 0.1em; ">Escribir para la <a href="http://inciclopedia.wikia.com/wiki/Inciclopedia" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Inciclopedia">Inciclopedia</a>…</li><li style="margin-bottom: 0.1em; ">…pero, (…), ¡Esperen, aquí no hay un pero!</li><li style="margin-bottom: 0.1em; ">NO se puede escribir con distintos colores.</li><li style="margin-bottom: 0.1em; ">NO se puede escribir con distintos tamaños.</li><li style="margin-bottom: 0.1em; ">NO se puede escribir con distintas fuentes.</li><li style="margin-bottom: 0.1em; ">NO se pueden escribir caracteres especiales.</li></ul><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; ">Bueno, después de leer esto se puede pensar que <s>es una <a href="http://inciclopedia.wikia.com/wiki/Mierda" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Mierda">mierda</a> de programa y mejor usar el <a class="new" href="http://inciclopedia.wikia.com/index.php?title=Word&action=edit&redlink=1" rel="nofollow" style="text-decoration: none; color: rgb(204, 34, 0); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Word (aún no está redactado)">Word</a></s> hay que darle una oportunidad para ver si a <a href="http://inciclopedia.wikia.com/wiki/Bill_Gates" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Bill Gates">Bill Gates</a> se le ocurre modificarlo, pobrecillo</p></span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/utilidades-del-bloc-de-notas.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/utilidades-del-bloc-de-notas.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-17T16:55:00-07:00'>16:55</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/utilidades-del-bloc-de-notas.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=1335964313701476178&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </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='7318455073135183149' itemprop='blogId'/> <meta content='1139278275451687257' itemprop='postId'/> <a name='1139278275451687257'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/10/que-son-los-editores-de-html-programas.html'>Que son los editores de HTML: programas que nos pueden ayudar a la hora de construir una página web.</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-1139278275451687257' itemprop='description articleBody'> <span class="Apple-style-span" style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; "><p>Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las páginas utilizando el propio lenguaje HTML, a base de etiquetas y otros nos permiten diseñar una página web, como si estuviésemos escribiendo con un editor de texto avanzado, sin tener que escribir el código con las etiquetas. Esta última vertiente, que podemos llamar editores en modo diseño, presenta una facilidad adicional para las personas que no deseen complicarse la vida con el lenguaje HTML, porque no tengan tiempo de aprenderlo o porque se sientan incapaces de hacerlo. Los editores en modo diseño nos permiten crear la página como si estuviéramos escribiendo un documento con un editor del tipo de Word. El editor de HTML es el encargado de vérselas con el lenguaje y programar internamente la página con el código HTML, según lo que nosotros estamos diseñando.</p><p>Con el editor HTML en vista diseño podemos colocar imágenes, definir estilos, utilizar negritas o cursivas, etc. sin preocuparnos de las etiquetas correspondientes a cada estilo o elemento. Es el editor el que conoce estas etiquetas y las utiliza convenientemente. Este tipo de editores HTML en modo diseño se denominan, en lenguaje técnico WYSIWYG (What You See Is What You Get) porque cuando trabajas con ellos lo que ves que estás creando con el editor es lo que obtienes luego cuando grabas la página.</p><p>Existen dos tendencias, por tanto, entre los desarrolladores que se dedican a realizar páginas web. Por un lado tenemos a las personas que prefieren crear las páginas programando el HTML y por otro las personas que utilizan editores HTML en modo diseño. Algunas diferencias entre hacerlo de un modo u otro son las siguientes:</p><p><table align="center" width="90%" cellspacing="5" cellpadding="2" border="0"><tbody><tr><td width="50%" align="center" valign="top" class="alt1" style="background-color: rgb(255, 255, 255); "><b>Escribiendo el HTML</b></td><td width="50%" align="center" valign="top" class="alt1" style="background-color: rgb(255, 255, 255); "><b>Con un editor WYSIWYG</b></td></tr><tr><td valign="top" class="fuente8" style="font-size: 8pt; ">Dominas con mayor precisión el código de la página, queda más limpio. Si dominas bien el HTML nunca tendrás ningún problema para hacer lo que deseas.</td><td valign="top" class="fuente8" style="font-size: 8pt; ">El código de la página tiene peor calidad, incluso puede llegar a tener errores, más o menos visibles, que cuestan arreglar. Es la máquina la que domina el trabajo.</td></tr><tr><td valign="top" class="fuente8" style="font-size: 8pt; ">Es más complicado el aprendizaje, más lento y cuando se llega a un nivel avanzado también se hace considerablemente más difícil</td><td valign="top" class="fuente8" style="font-size: 8pt; ">El aprendizaje es muy sencillo, tal como puede ser trabajar en Word. Solo se trata de manejar un programa más.</td></tr><tr><td valign="top" class="fuente8" style="font-size: 8pt; ">Hacer una página cuesta más trabajo y tiempo.</td><td valign="top" class="fuente8" style="font-size: 8pt; ">Es muy rápido.</td></tr></tbody></table></p></span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/que-son-los-editores-de-html-programas.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/que-son-los-editores-de-html-programas.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-17T16:49:00-07:00'>16:49</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/que-son-los-editores-de-html-programas.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=1139278275451687257&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>jueves, 15 de octubre de 2009</span></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='7318455073135183149' itemprop='blogId'/> <meta content='8936053726213002192' itemprop='postId'/> <a name='8936053726213002192'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/10/vercion-de-html.html'>vercion de html</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-8936053726213002192' itemprop='description articleBody'> <table border="0" width="100%"><tbody><tr><td width="50%"><p class="tit-2"><span style="color:#800000;">Versiones de HTML</span></p> </td> <td> </td> </tr> </tbody></table> <table border="0" width="100%"> <tbody><tr> <td height="334"> <p class="padding-1" align="left">En noviembre de 1995 se aprobó el estándar HTML 2.0. para la creación de páginas web. Se creó con objetivos divulgativos, orientado a la actividad académica, en el que el contenido de las páginas era más importante que el diseño.</p> <p class="padding-1" align="left">Pero esta versión del HTML carecía de muchas herramientas que permitieran controlar el diseño de las páginas y añadir contenido multimedia, por lo que Netscape (cuyos navegadores eran los más utilizados por aquellos años) comenzó a incluir nuevas etiquetas que no existían en el estándar.</p> <p class="padding-1" align="left">El comité encargado de establecer los estándares dentro de Internet, comenzó a trabajar en el borrador de una nueva versión de HTML, el borrador de HTML 3.0.</p> <p class="padding-1" align="left">Pero este borrador resultó demasiado extenso, al intentar incluir numerosos nuevos atributos para etiquetas ya existentes, y la creación de otras muchas etiquetas nuevas. Por ello, no fue bien aceptado por el mercado y varias compañías se unieron para formar un nuevo comité encargado de establecer los estándares del HTML. Este comité pasó a llamarse W3C. </p> <p class="padding-1" align="left">En enero de 1997 se aprobó el estándar HTML 3.2. Este nuevo estándar incluía las mejoras proporcionadas por los navegadores Internet Explorer y Netscape Navigator, que ya habían realizado estensiones sobre el estándar HTML 2.0.</p> <p class="padding-1" align="left">En diciembre de 1997 se aprobó el estándar HTML 4.0, creado para estandarizar los marcos (frames), las hojas de estilo y los scripts.</p> <p class="padding-1" align="left">En septiembre de 2001 se aprobó el estándar HTML 4.01.</p></td></tr></tbody></table> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/vercion-de-html.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/vercion-de-html.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-15T17:07:00-07:00'>17:07</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/vercion-de-html.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=8936053726213002192&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>martes, 13 de octubre de 2009</span></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='file:///C:/DOCUME~1/omaira/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.jpg' itemprop='image_url'/> <meta content='7318455073135183149' itemprop='blogId'/> <meta content='2526094837605841314' itemprop='postId'/> <a name='2526094837605841314'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/10/html.html'>HTML</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-2526094837605841314' itemprop='description articleBody'> <span class="Apple-style-span" style="font-family: sans-serif; font-size: 13px; background-color: rgb(255, 255, 255); line-height: 19px; "><h1 id="firstHeading" class="firstHeading" style="color: black; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; font-weight: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 0.1em; margin-left: 0px; padding-top: 0.5em; padding-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(170, 170, 170); font-size: 24px; line-height: 1.2em; background-position: initial initial; background-repeat: initial initial; ">HTML<br /></h1><div id="bodyContent"><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; "><b>HTML</b>, siglas de <b>HyperText Markup Language</b> (<i>Lenguaje de Marcas de Hipertexto</i>), es el <a href="http://es.wikipedia.org/wiki/Lenguaje_de_marcado" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Lenguaje de marcado">lenguaje de marcado</a> predominante para la construcción de <a class="mw-redirect" href="http://es.wikipedia.org/wiki/P%C3%A1ginas_web" style="text-decoration: none; color: rgb(90, 54, 150); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Páginas web">páginas web</a>. 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 <a href="http://es.wikipedia.org/wiki/Par%C3%A9ntesis" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Paréntesis">corchetes angulares</a> (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un <a class="mw-redirect" href="http://es.wikipedia.org/wiki/Gui%C3%B3n_(inform%C3%A1tica)" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Guión (informática)"><i>script</i></a> (por ejemplo <a class="mw-redirect" href="http://es.wikipedia.org/wiki/Javascript" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Javascript">Javascript</a>), el cual puede afectar el comportamiento de <a class="mw-redirect" href="http://es.wikipedia.org/wiki/Navegadores_web" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Navegadores web">navegadores web</a> y otros procesadores de HTML.</p><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; ">HTML también es usado para referirse al contenido del <a href="http://es.wikipedia.org/wiki/Multipurpose_Internet_Mail_Extensions" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Multipurpose Internet Mail Extensions">tipo de MIME</a> text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del <a class="mw-redirect" href="http://es.wikipedia.org/wiki/XML" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="XML">XML</a> (como<a href="http://es.wikipedia.org/wiki/XHTML" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="XHTML">XHTML</a> 1.0 y posteriores) o en forma descendida directamente de <a href="http://es.wikipedia.org/wiki/SGML" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="SGML">SGML</a> (como HTML 4.01 y anteriores).</p><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; ">Por convención, los archivos de formato HTML usan la <a href="http://es.wikipedia.org/wiki/Extensi%C3%B3n_de_archivo" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Extensión de archivo">extensión</a> <code style="background-color: rgb(249, 249, 249); ">.htm</code> o <code style="background-color: rgb(249, 249, 249); ">.html</code>.</p><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; "><br /></p><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; "></p><div style="mso-element:para-border-div;border:none;border-bottom:solid #AAAAAA 1.0pt; mso-border-bottom-alt:solid #AAAAAA .75pt;padding:0cm 0cm 0cm 0cm"> <p class="MsoNormal" style="margin-bottom:1.2pt;mso-line-height-alt:14.4pt; mso-outline-level:1;border:none;mso-border-bottom-alt:solid #AAAAAA .75pt; padding:0cm;mso-padding-alt:0cm 0cm 0cm 0cm"><span style="font-size:18.0pt; font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;background:white;mso-font-kerning:18.0pt;mso-fareast-language:ES">Página web<o:p></o:p></span></p> </div> <p class="MsoNormal" style="line-height:14.4pt"><span style="font-size:8.5pt; font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:#7D7D7D;background:white;mso-fareast-language:ES">(Redirigido desde</span><span style="font-size:8.5pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:#7D7D7D;mso-fareast-language: ES"> </span><span style="font-size:8.5pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:#7D7D7D;background:white; mso-fareast-language:ES"><a href="http://es.wikipedia.org/w/index.php?title=P%C3%A1ginas_web&redirect=no" title="Páginas web"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">Páginas web</span></a>)<o:p></o:p></span></p> <p class="MsoNormal" align="center" style="margin-bottom:0cm;margin-bottom:.0001pt; text-align:center;line-height:14.25pt;background:#F9F9F9"><span style="background:white"><a href="http://es.wikipedia.org/wiki/Archivo:Pagina_web_autoreferente.jpg"><span style="font-size:9.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:#002BB8;mso-fareast-language:ES;mso-no-proof:yes; text-decoration:none;text-underline:none"><span style="mso-ignore:vglayout"><img alt="http://upload.wikimedia.org/wikipedia/commons/thumb/7/76/Pagina_web_autoreferente.jpg/180px-Pagina_web_autoreferente.jpg" border="0" height="123" shapes="Imagen_x0020_1" src="file:///C:/DOCUME~1/omaira/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.jpg" width="180" /></span></span></a></span><span style="font-size:9.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:0cm;margin-bottom:.0001pt;line-height: 16.8pt;background:#F9F9F9"><span style="background:white"><a href="http://es.wikipedia.org/wiki/Archivo:Pagina_web_autoreferente.jpg" title=""Aumentar" "><span style="font-size:8.5pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:#002BB8;mso-fareast-language: ES;mso-no-proof:yes;text-decoration:none;text-underline:none"><span style="mso-ignore:vglayout"><img alt="http://es.wikipedia.org/skins-1.5/common/images/magnify-clip.png" border="0" height="11" shapes="Imagen_x0020_2" src="file:///C:/DOCUME~1/omaira/CONFIG~1/Temp/msohtmlclip1/01/clip_image002.gif" width="15" /></span></span></a></span><span style="font-size:8.5pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:6.0pt;line-height:16.8pt;background: #F9F9F9"><span style="font-size:8.5pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">Captura de una página web.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-top:4.8pt;margin-right:0cm;margin-bottom:6.0pt; margin-left:0cm;line-height:18.0pt"><span style="font-size:10.0pt;font-family: "Arial","sans-serif";mso-fareast-font-family:"Times New Roman";color:black; background:white;mso-fareast-language:ES">Una</span><span style="font-size: 10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><b><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES">página web</span></b><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">, también conocida como</span><span style="font-size: 10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><b><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES">página de Internet</span></b><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">, es un</span><span style="font-size:10.0pt; mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Documento" title="Documento"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">documento</span></a></span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">adaptado para la</span><span style="font-size:10.0pt; mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/World_Wide_Web" title="World Wide Web"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">Web</span></a>y normalmente forma parte de un</span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt; font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt; font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Sitio_web" title="Sitio web"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">sitio web</span></a>. Su principal característica son los</span><span style="font-size:10.0pt; mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Hiperenlace" title="Hiperenlace"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">hiperenlaces</span></a></span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">a otras páginas web, siendo esto el fundamento de la Web.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-top:4.8pt;margin-right:0cm;margin-bottom:6.0pt; margin-left:0cm;line-height:18.0pt"><span style="font-size:10.0pt;font-family: "Arial","sans-serif";mso-fareast-font-family:"Times New Roman";color:black; background:white;mso-fareast-language:ES">Una página está compuesta principalmente por información (sólo texto o</span><span style="font-size:10.0pt; mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Multimedia" title="Multimedia"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">multimedia</span></a>) e hiperenlaces; además puede contener o asociar</span><span style="font-size: 10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Hojas_de_estilo" title="Hojas de estilo"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">datos de estilo</span></a></span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">para especificar cómo debe visualizarse o</span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Aplicaci%C3%B3n_inform%C3%A1tica" title="Aplicación informática"><span style="mso-bidi-font-size:11.0pt; color:#002BB8">aplicaciones</span></a>incrustadas para hacerla</span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Interactiva" title="Interactiva"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">interactiva</span></a>.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-top:4.8pt;margin-right:0cm;margin-bottom:6.0pt; margin-left:0cm;line-height:18.0pt"><span style="font-size:10.0pt;font-family: "Arial","sans-serif";mso-fareast-font-family:"Times New Roman";color:black; background:white;mso-fareast-language:ES">La página se escribe en un</span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Lenguaje_de_marcado" title="Lenguaje de marcado"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">lenguaje de marcado</span></a></span><span style="font-size:10.0pt;mso-bidi-font-size: 11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt; font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;background:white;mso-fareast-language:ES">que provea la capacidad de insertar hiperenlaces, generalmente</span><span style="font-size:10.0pt; mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/HyperText_Markup_Language" title="HyperText Markup Language"><span style="mso-bidi-font-size:11.0pt; color:#002BB8">HTML</span></a>.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-top:4.8pt;margin-right:0cm;margin-bottom:6.0pt; margin-left:0cm;line-height:18.0pt"><span style="font-size:10.0pt;font-family: "Arial","sans-serif";mso-fareast-font-family:"Times New Roman";color:black; background:white;mso-fareast-language:ES">El contenido de la página puede ser predeterminado ("página web estática") o generado al momento de visualizarla o solicitarla a un</span><span style="font-size:10.0pt;mso-bidi-font-size: 11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt; font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Servidor_web" title="Servidor web"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">servidor web</span></a></span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">("página web dinámica"). Las páginas dinámicas que se generan al momento de la visualización se hacen a través de</span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Lenguaje_de_programaci%C3%B3n_interpretado" title="Lenguaje de programación interpretado"><span style="mso-bidi-font-size: 11.0pt;color:#002BB8">lenguajes interpretados</span></a>, generalmente</span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/JavaScript" title="JavaScript"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">JavaScript</span></a>, y la aplicación encargada de visualizar el contenido es la que debe generarlo. La páginas dinámicas que se generan al ser solicitadas son creadas por una aplicación en el servidor web que alberga las mismas.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-top:4.8pt;margin-right:0cm;margin-bottom:6.0pt; margin-left:0cm;line-height:18.0pt"><span style="font-size:10.0pt;font-family: "Arial","sans-serif";mso-fareast-font-family:"Times New Roman";color:black; background:white;mso-fareast-language:ES">Respecto a la estructura de las páginas web algunos organismos, en especial el</span><span style="font-size: 10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium"><span style="mso-bidi-font-size:11.0pt; color:#002BB8">W3C</span></a>, suelen establecer directivas con la intención de normalizar el diseño para facilitar y simplificar la visualización e interpretación del contenido.<o:p></o:p></span></p><p></p></div></span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/html.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/html.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-13T08:22:00-07:00'>8:22</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/html.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=2526094837605841314&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>sábado, 10 de octubre de 2009</span></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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUNY0DdP7hvtj49VWt9muZ5-ESBpMlM0MDqQHZ3Pl_UPMtTYGefAjLy7Soln1kwA1XcXmiD-OyqWQXcVkyzJaWFuxYwPPwSGi-vpkp03mUgBeO7SjKsQI1bQVFvJJm5BJvUguFUj1lYyQ/s320/BS091041514064632.jpg' itemprop='image_url'/> <meta content='7318455073135183149' itemprop='blogId'/> <meta content='6954712219010921684' itemprop='postId'/> <a name='6954712219010921684'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/10/muchas-vecez-estas-son-nuestras.html'>MUCHAS VECEZ ESTAS SON NUESTRAS ESPERIENCIAS.</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-6954712219010921684' itemprop='description articleBody'> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUNY0DdP7hvtj49VWt9muZ5-ESBpMlM0MDqQHZ3Pl_UPMtTYGefAjLy7Soln1kwA1XcXmiD-OyqWQXcVkyzJaWFuxYwPPwSGi-vpkp03mUgBeO7SjKsQI1bQVFvJJm5BJvUguFUj1lYyQ/s1600-h/BS091041514064632.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5391072881539656690" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUNY0DdP7hvtj49VWt9muZ5-ESBpMlM0MDqQHZ3Pl_UPMtTYGefAjLy7Soln1kwA1XcXmiD-OyqWQXcVkyzJaWFuxYwPPwSGi-vpkp03mUgBeO7SjKsQI1bQVFvJJm5BJvUguFUj1lYyQ/s320/BS091041514064632.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 220px; height: 165px;" /></a><br /><div style="text-align: center; font-weight: bold; font-family: webdings; color: rgb(255, 0, 0);">Bueno quiero darles garcias a todos quellos que visitan mi blog quiero compartir con ustedes lo sget:<br />Miren gracias a Dios nos a mandado una perofesora muy capaz de lograr todo aquello que ella se proponga y le agradesco por que a enseñado amuchas cosas de mi vida a valorarlas y por medio de ella e logrado a superara todo aquello que ella nos a enseñado todo ser humano aprobecha todo lo que le brinda en esta vida por eso yo e aprobechado lo maximo con los temas que lla nos a dado para que seamos alguien en esta vida los temas dado no son dificiles sino es que uno tiene que ponerles interes alas cosas que en verdad queremos aprender en estas vida no se para superar aquellos errores que en nuestras vidas cometemos a diario y hoy quiero darle muchas gracias a la profesora coryna vegas que es una buena profesora y profe a echar para adelante.<br /></div> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/muchas-vecez-estas-son-nuestras.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/muchas-vecez-estas-son-nuestras.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-10T13:27:00-07:00'>13:27</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/muchas-vecez-estas-son-nuestras.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=6954712219010921684&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>jueves, 16 de julio de 2009</span></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='7318455073135183149' itemprop='blogId'/> <meta content='304071233510259265' itemprop='postId'/> <a name='304071233510259265'></a> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-304071233510259265' itemprop='description articleBody'> <div align="center"><a name="INTRO"></a><a name="_Toc535826910"></a><a name="_Toc535667331">INTRODUCCIÓN</a><br /> El Diseño Gráfico conforma una nueva visión en cuanto a la creación de objetos, trayendo como consecuencia un cambio en el orden cultural, que se sustrae a una imagen que se tiene del mundo. Todos los objetos pueden ser interpretados como un mensaje icónico, instaurados en un nuevo esquema de contenidos: carteles, vidrieras, volantes, guías telefónicas, planos, libros, mapas, afiches, envases, etc. Este conjunto de elementos se encuentra distribuido por doquier y ejerce una fuerte influencia, con una lectura disímil, como un gran hipertexto<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn1" name="_ftnref1" style="mso-footnote-id: ftn1" title="">[1]</a> capaz de acrecentar nuevos hábitos.<br />A partir de este concepto, es posible delimitarlo en un campo propicio de actividades. Esta nueva profesión, surgida en 1945 –fecha establecida de manera arbitraria por entender que en este período estaban dadas las condiciones necesarias para su consolidación (Arfuch; 1999:15/19)–, ha posibilitado la utilización de recursos tecnológicos de avanzada, multiplicando sus alcances.<br />Hoy, es necesario ver al Diseño Gráfico desde una óptica distinta. La computación ha ingresado a sus filas, con un nuevo aporte teórico, en lo que es posible fusionar los conceptos tradicionales del diseño, con un afianzamiento de corte tecnológico, a fin de aprovechar al máximo las posibilidades de un recurso cada vez más sofisticado.<br />Por ello, en este breve ensayo se estudiarán los aspectos teóricos, los recursos tecnológicos y aportes técnicos, la interfase gráfica y aplicación practica para establecer un nuevo perfil de “diseñador”.<br /><a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftnref1" name="_ftn1" style="mso-footnote-id: ftn1" title="">[1]</a> Este sistema de lectura–escritura puede interpretarse como una red de analogías, en cuya comprensión interactiva se desglosa un texto en varias disposiciones, a modo de metáforas que “le permiten al lector construir una gran cantidad de posibilidades, aun cuando no hayan sido previstas por el diseñador del texto. En el hipertexto, la metáfora inicial no es el anuncio de algo que se cumplirá, sino una totalidad preexistente que invita al lector no a ratificar la totalidad sino a desconstruirla.” (Piscitelli, 1995:148). </div><div align="center"><a name="DISEÑO"></a><a name="_Toc535826912"></a><a name="_Toc535667333"><em><strong>DISEÑO GRÁFICO EN PC</strong></em></a><br />Para abordar el estudio de Diseño Gráfico en PC, es necesario tener presente los aspectos teóricos, heredado de la tradición cultural, que abarcan distintas disciplinas, con la finalidad de establecer un principio común y un orden de prioridades.<br />Cabe acotar también que la computación, en tal sentido, no queda al margen de ninguna profesión y en cada una puede ofrecer distintos aportes. Por ejemplo: Un diseñador de modas podrá realizar bocetos manualmente, pero también puede escanear los dibujos como paso previo para la publicación de sus trabajos en revistas especializadas.<br />A fin de ofrecer un orden esquemático, se puede subdividir en teorías generales y aporte tecnológico. </div><div align="center"><a name="_Toc535826913"></a><a name="_Toc535667334"><strong>1 TEORÍAS GENERALES</strong></a><br />Abarcan un conjunto de aspectos teóricos, cuyo orden es el siguiente: Diseño Gráfico, Gestalt, Signo, Color, Imagen y Publicidad.<br /><a name="_Toc535826914"></a><a name="_Toc535667335"><strong>1.1 DISEÑO GRÁFICO</strong></a><br />Para definir al Diseño Gráfico se puede recurrir al desdoblamiento de los términos: “La palabra “diseño” se usará para referirse al proceso de programar, proyectar, coordinar, seleccionar y organizar una serie de factores y elementos con miras a la realización de objetos destinados a producir comunicaciones visuales. La palabra “diseño” se usará también en relación con los objetos creados por esa actividad. La palabra “gráfico” califica … a la palabra “diseño”, y la relaciona con la producción de objetos visuales destinados a comunicar mensajes específicos… Las dos palabras juntas: “diseño gráfico”, desbordan la suma de sus significados individuales y pasan a ser el nombre de una profesión … En función de proponer una definición inicial, se podría decir que el diseño gráfico, visto como actividad, es la acción de concebir, programar, proyectar y realizar comunicaciones visuales, producidas en general por los medios industriales y destinadas a transmitir mensajes específicos a grupos determinados.” (Frascara, 1996:19) </div><div align="center"><strong>GESTALT</strong></div><div align="center">La teoría Gestalt<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn1" name="_ftnref1" style="mso-footnote-id: ftn1" title="">[1]</a> permite el análisis del Diseño desde el punto de vista de las leyes de la percepción, los que se pueden corroborar desde múltiples fases, abarcativas de la captación de la figura por el ojo humano y su configuración desde su aplicación efectiva por medio de una integración filosófica: ver la totalidad<br /><a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftnref1" name="_ftn1" style="mso-footnote-id: ftn1" title="">[1]</a> “El vocablo Gestalt, de la lengua alemana, no tiene un término equivalente en nuestro idioma. El significado, en el sentido más amplio, es el de forma, el de estructura, el de configuración formal que relaciona las partes con el todo, y no el de apariencia externa de las cosas.” (González Ruiz,1994: 131) </div><div align="center"><strong>signo</strong></div><div align="center"> Desde la lingüística, se estudian los componentes sígnicos de un texto o una imagen conformados por dos concepciones: simetría<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn1" name="_ftnref1" style="mso-footnote-id: ftn1" title="">[1]</a> y asimetría<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn2" name="_ftnref2" style="mso-footnote-id: ftn2" title="">[2]</a> para asignarles el grado de representación: signo, símbolo y alegoría,<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn3" name="_ftnref3" style="mso-footnote-id: ftn3" title="">[3]</a> y dentro de esta estructura, se estudiarán las marcas comerciales.<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn4" name="_ftnref4" style="mso-footnote-id: ftn4" title="">[4]</a> Desde esta concepción<br /><strong>COLOR<br /></strong>Vinculado con las leyes de la pintura, queda establecido un compendio de jerarquías en cuanto a la aplicación de color,<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn1" name="_ftnref1" style="mso-footnote-id: ftn1" title="">[1]</a> en las siguientes categorías: primarios,<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn2" name="_ftnref2" style="mso-footnote-id: ftn2" title="">[2]</a> binarios o secundarios,<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn3" name="_ftnref3" style="mso-footnote-id: ftn3" title="">[3]</a> intermedios,<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn4" name="_ftnref4" style="mso-footnote-id: ftn4" title="">[4]</a> terciarios<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn5" name="_ftnref5" style="mso-footnote-id: ftn5" title="">[5]</a> y cuaternarios.<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn6" name="_ftnref6" style="mso-footnote-id: ftn6" title="">[6]</a> En otra gama de colores se emplea el blanco<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn7" name="_ftnref7" style="mso-footnote-id: ftn7" title="">[7]</a> y el negro<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn8" name="_ftnref8" style="mso-footnote-id: ftn8" title="">[8]</a> ya sean por separado<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn9" name="_ftnref9" style="mso-footnote-id: ftn9" title="">[9]</a> o en su combinación<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn10" name="_ftnref10" style="mso-footnote-id: ftn10" title="">[10]</a> para crear los llamados colores neutros.<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn11" name="_ftnref11" style="mso-footnote-id: ftn11" title="">[11]</a> </div><div align="center"><br /><a name="_Toc535826918"></a><a name="_Toc535667339"><strong>1.5 IMAGEN</strong></a><strong><br /></strong>Las normas básicas establecidas desde el ámbito del dibujo y la pintura, conforma el aspecto teórico de la imagen.<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn1" name="_ftnref1" style="mso-footnote-id: ftn1" title="">[1]</a> En computación, hay que diferenciar el dibujo<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn2" name="_ftnref2" style="mso-footnote-id: ftn2" title="">[2]</a> de la fotografía,<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn3" name="_ftnref3" style="mso-footnote-id: ftn3" title="">[3]</a> no sólo por la comprobación visual, sino también por los aspectos del formato.<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn4" name="_ftnref4" style="mso-footnote-id: ftn4" title="">[4]</a> </div><div align="center">PUBLICIDAD<br />La publicidad<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn1" name="_ftnref1" style="mso-footnote-id: ftn1" title="">[1]</a> ha creado un campo propio en el que su aporte ha sido considerado como fundamental para establecer un sinnúmero de relaciones entre la comunicación de un mensaje<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn2" name="_ftnref2" style="mso-footnote-id: ftn2" title="">[2]</a> y un estatuto que posibilita la aplicación de esquemas básicos, entre ellos, el afiche.<a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftn3" name="_ftnref3" style="mso-footnote-id: ftn3" title="">[3]</a><br /><a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftnref1" name="_ftn1" style="mso-footnote-id: ftn1" title="">[1]</a> “La publicidad es un sistema de comunicación de masas que utiliza todos los canales de los mass media aplicando un conjunto de técnicas de la psicología y de la sociología con un fin utilitario (generalmente la venta) y, por eso, teniendo a la aceleración del circuito económico producción–consumo. Su omnipresencia la confirma como un símbolo cultural de las sociedades industriales.” (Moles, 1999: 13)<br /><a href="http://www.blogger.com/post-create.g?blogID=7318455073135183149#_ftnref2" name="_ftn2" style="mso-footnote-id: ftn2" title="">[2]</a> “El diseño gráfico es “una forma específica de comunicación”. Como tal posee sus culturemas, sus repertorios de signos, sus códigos, sus lenguajes, sus retóricas: su especificidad en fin, en tanto que lenguaje. Y también sus modos de ser percibidos e interpretados por el público receptor.” (Moles, 1999:105)<br />EL COREL DRAW</div><div align="center">Es el mejor programa de diceño grafico por el momento</div><div align="center">El Corel Draw 10 es uno de los programas de edición gráfica más potentes y versátiles que existen. Permite crear una gran variedad de efectos y un gran número de objetos. Junto al Corel Draw también vienen otros programas gráficos como el Corel Photo-paint, que sirve para retoque gráfico, el Corel Capture que sirve para hacer capturas de pantallas, o el Corel Texture que sirve para hacer texturas para los rellenos. Estos programas anteriores son muy fáciles de usar y dominando el Corel Draw 10 no hay problemas para entenderlos. Una vez instalado el Corel Draw 10.</div> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/07/introduccion-el-diseno-grafico-conforma.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/07/introduccion-el-diseno-grafico-conforma.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-07-16T17:44:00-07:00'>17:44</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/07/introduccion-el-diseno-grafico-conforma.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=304071233510259265&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>martes, 9 de junio de 2009</span></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='7318455073135183149' itemprop='blogId'/> <meta content='8988918972458605779' itemprop='postId'/> <a name='8988918972458605779'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/06/direccion-ip.html'>DIRECCION IP</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-8988918972458605779' itemprop='description articleBody'> En una red TCP/IP los ordenadores se identifican mediante un número que se denomina dirección IP.<br />Una dirección IP está formada por 32 bits, que se agrupan en octetos:<br /> 01000001 00001010 00000010 00000011<br />Para entendernos mejor utilizamos las direcciones IP en formato decimal, representando el valor decimal de cada octeto y separando con puntos:<br /> 129.10.2.3<br />Las dirección de una máquina se compone de dos partes cuya longitud puede variar:<br />· Bits de red: son los bits que definen la red a la que pertenece el equipo.<br />· Bits de host: son los bits que distinguen a un equipo de otro dentro de una red.<br />Los bits de red siempre están a la izquierda y los de host a la derecha, veamos un ejemplo sencillo:<br /><br />Bits de Red<br />Bits de Host<br />10010110 11010110 10001101<br />11000101<br />150.214.141.<br />197<br /><br />Para ir entrando en calor diremos también que esta máquina pertenece a la red 150.214.141.0 y que su máscara de red es 255.255.255.0. Si queréis ir reflexionando sobre algo os mostramos de nuevo en formato binario la máscara de red llevando a caballitos a la dirección de la máquina:<br /><br />10010110<br />11010110<br />10001101<br />11000101<br />11111111<br />11111111<br />11111111<br />00000000<br /><br />La máscara de red es un número con el formato de una dirección IP que nos sirve para distinguir cuando una máquina determinada pertenece a una subred dada, con lo que podemos averiguar si dos máquinas están o no en la misma subred IP. En formato binario todas las máscaras de red tienen los "1" agrupados a la izquierda y los "0" a la derecha.<br />Para llegar a comprender como funciona todo esto podríamos hacer un ejercicio práctico.<a href="" name="" rel="nofollow">Ejercicio 1</a><br />Sea la dirección de una subred 150.214.141.0, con una máscara de red 255.255.255.0<br />Comprobar cuales de estas direcciones pertenecen a dicha red:<br />150.214.141.32<br />150.214.141.138<br />150.214.142.23<br />Paso 1: para ver si son o no direcciones validas de dicha subred clase C tenemos que descomponerlas a nivel binario:<br />150.214.141.32 10010110.1101010.10001101.10000000<br />150.214.141.138 10010110.1101010.10001101.10001010<br />150.214.142.23 10010110.1101010.10001110.00010111<br />255.255.255.0 11111111.1111111.11111111.00000000<br />150.214.141.0 10010110.1101010.10001101.00000000<br />Paso 2: una vez tenemos todos los datos a binario pasamos a recordar el operador lógico AND o multiplicación:<br />Valor A<br />Valor B<br />Resultado<br />0<br />0<br />0<br />0<br />1<br />0<br />1<br />0<br />0<br />1<br />1<br />1<br /><br />Vamos a explicar como hace la comprobación el equipo conectado a una red local.<br />Primero comprueba la dirección IP con su máscara de red, para ello hace un AND bit a bit de todos los dígitos:<br />150.214.141.32 10010110.1101010.10001101.10000000<br />255.255.255.0 11111111.1111111.11111111.00000000<br />__________________________________________________<br />150.214.141.0 10010110.1101010.10001101.00000000<br /><br />Luego hace la misma operación con la dirección IP destino.<br />150.214.141.138 10010110.1101010.10001101.10001010<br />255.255.255.0 11111111.1111111.11111111.00000000<br />__________________________________________________<br />150.214.141.0 10010110.1101010.10001101.00000000<br /><br />El resultado que obtenemos ambas veces es la dirección de red, esto no indica que los dos equipos están dentro de la misma red.<br />Paso3: vamos ha hacerlo con la otra dirección IP.<br /><br />150.214.142.23 10010110.1101010.10001110.00010111<br />255.255.255.0 11111111.1111111.11111111.00000000<br />__________________________________________________<br />150.214.142.0 10010110.1101010.10001110.00000000<br /><br />Como vemos este resultado nos indica que dicho equipo no pertenece a la red sino que es de otra red en este caso la red sería 150.214.142.0.<a href="" name="" rel="nofollow">Ejercicio 2</a><br />Pasamos ahora a complicar un poco más la cosa. Como hemos leído antes la dirección IP se compone de dos partes la dirección de red y la dirección de host(máquina o PC). Imaginemos que en nuestra red solo hace falta 128 equipos y no 254 la solución sería dividir la red en dos partes iguales de 128 equipos cada una.<br />Primero cogemos la máscara de red.<br /> Dirección de red Dirección de host.<br /> ________.________.________.________ <br />255.255.255.0 11111111.11111111.11111111.00000000<br /><br />Si lo que queremos es crear dos subredes de 128 en este caso tenemos que coger un bit de la parte de identificativa del host.<br />Por lo que la máscara de re quedaría de esta manera.<br /><br /> Dirección de red Dirección de host.<br /> ________.________.________.x._______ <br />255.255.255.128 11111111.11111111.11111111.10000000<br /><br />Donde X es el bit que hemos cogido para dicha construcción. Por lo que el último octeto tendría el valor 10000000 que es 128 en decimal.<br /> Si la dirección de red que hemos utilizado es la 150.214.141.0 al poner esta máscara de red tendríamos dos subredes.<br />La 150.214.141.0 y la 150.214.141.128 que tendrían los siguientes rangos IP:<br />La 150.214.141.0 cogería desde la 150.214.141.1 hasta la 150.214.141.127<br />La 150.214.141.128 sería pues desde la 150.214.141.128 hasta la 150.214.141.254.<br />La máscara de red para las dos subredes sería la 255.255.255.128.<br /><br />Comprobar.<br />Sea la máscara de red 255.255.255.128<br />La dirección de red 150.214.141.128<br />Comprobar si las siguientes direcciones pertenecen a dicha subred.<br /><br />150.214.141.134<br />150.214.141.192<br />150.214.141.38<br />150.214.141.94<br /><br />Si hemos realizado el ejercicio se tiene que comprobar que:<br />150.214.141.134 150.214.141.192 pertenecen a la subred 150.214.141.128<br /> 150.214.141.38 150.214.141.94 pertenecen a la subred 150.214.141.0 <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/06/direccion-ip.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/06/direccion-ip.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-06-09T05:58:00-07:00'>5:58</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/06/direccion-ip.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=8988918972458605779&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </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='7318455073135183149' itemprop='blogId'/> <meta content='3398474598120406097' itemprop='postId'/> <a name='3398474598120406097'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/06/protocolos-tcpip.html'>PROTOCOLOS TCP/IP</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-3398474598120406097' itemprop='description articleBody'> <strong>Protocolos de comunicaciones:<br /></strong>Los protocolos que se utilizan en las comunicaciones son :<br />Permitir localizar un ordenador de forma inequívoca.<br />- Permitir realizar una conexión con otro ordenador.<br />- Permitir intercambiar información entre ordenadores de forma segura, independiente del tipo de maquinas que estén conectadas (PC, Mac,AS-400...).<br />- Abstraer a los usuarios de los enlaces utilizados (red telefónica, radioenlaces, satélite...) para el intercambio de información.<br />- Permitir liberar la conexión de forma ordenada.<br /><br /><br /><br /><strong>QUE ES TCP/IP</strong><br />Cuando estamos hablando de TCP/IP , se relaciona automáticamente como el protocolo sobre el que funciona la red Internet . Esto , en cierta forma es cierto , ya que se le llama TCP/IP , a la familia de protocolos que nos permite estar conectados a la red Internet . Este nombre viene dado por los dos protocolos estrella de esta familia :<br />Arquitectura de protocolos TCP/IP<br />Para poder solucionar los problemas que van ligados a la comunicación de ordenadores dentro de la red Internet , se tienen que tener en cuenta una serie de particularidades sobre las que ha sido diseñada TCP/IP:- El uso de la red no impone ninguna topología en especial (distribución de los distintos ordenadores).<br /><strong>Descomposición en niveles de TCP/IP.</strong><br />Toda arquitectura de protocolos se descompone en una serie de niveles , usando como referencia el modelo OSI . Esto se hace para poder dividir el problema global en subproblemas de mas fácil solución .<br /><br /><strong>Nivel de aplicación</strong><br />Constituye el nivel mas alto de la torre tcp/ip . A diferencia del modelo OSI , se trata de un nivel simple en el que se encuentran las aplicaciones que acceden a servicios disponibles a través de Internet . Estos servicios están sustentados por una serie de protocolos que los proporcionan . Por ejemplo , tenemos el protocolo FTP (File Transfer Protocolo)<br /><strong>Nivel de transporte</strong><br />En el receptor este nivel se encarga de ordenar y unir las tramas para generar de nuevo la información original.<br />Para implementar el nivel de transporte se utilizan dos protocolos<br /><strong>UDP:</strong> proporciona un nivel de transporte no fiable de datagramas, ya que apenas añade información al paquete que envía al nivel inferior, solo la necesaria para la comunicación extremo a extremo. Lo utilizan aplicaciones como NFS y RPC, pero sobre todo se emplea en tareas de control.<br /><strong>Nivel de enlace </strong><br />La interconexión de diferentes redes genera una red virtual en la que las maquinas se identifican mediante una dirección de red lógica. Sin embargo a la hora de transmitir información por un medio físico se envía y se recibe información de direcciones físicas <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/06/protocolos-tcpip.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/06/protocolos-tcpip.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-06-09T05:50:00-07:00'>5:50</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/06/protocolos-tcpip.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=3398474598120406097&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </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='7318455073135183149' itemprop='blogId'/> <meta content='5322257917950481234' itemprop='postId'/> <a name='5322257917950481234'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/06/red-conectado-un-segmento.html'>red conectado a un segmento</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-5322257917950481234' itemprop='description articleBody'> <strong>Transceivers.<br /></strong>Ellos son equipos que son una combinación de transmisor/receptor de información. El transceiver transmite paquetes de datos desde el controlador al bus y viceversa.<br />En una ethernet, los transceivers se desconectan cuando el equipo al que están conectados no está funcionando, sin afectar para nada al comportamiento de la red.<br /><strong>Multitransceivers.</strong><br />Tanbien son transceivers que permiten la conexión de más de un equipo a la red en el mismo sitio, es decir, tienen varias salidas para equipos.<br /><strong>Multiport-transceivers.<br /></strong>Eequipos que van conectados a un transceiver y que tienen varias puertas de salida para equipos. La única limitación que tienen es que mediante estos equipos no se pueden interconectar equipos que conecten redes entre sí.<br /><strong>Fan-out.</strong><br />Estos equipos van conectados a un transceiver, y permiten dividir la señal del mismo a varios equipos. Su limitación estriba en que la longitud .<br /><strong>Multiport-repeaters.</strong><br />Son equipos que van conectados a red, dando en cada una de sus múltiples salidas señal de red regenerada. Entre sí mismos se comportan como un segmento de red.<br /><strong>Los servidores de terminada.</strong><br /> Puede utilizar los protocolos TCP/IP y LAT para una red ethernet, y se puede acceder a cualquier ordenador que soporte TCP/IP o LAT <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/06/red-conectado-un-segmento.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/06/red-conectado-un-segmento.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-06-09T05:43:00-07:00'>5:43</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/06/red-conectado-un-segmento.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=5322257917950481234&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>martes, 2 de junio de 2009</span></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='7318455073135183149' itemprop='blogId'/> <meta content='3164801992347415757' itemprop='postId'/> <a name='3164801992347415757'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/06/equipo-de-redes.html'>EQUIPO DE REDES</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-3164801992347415757' itemprop='description articleBody'> Ellos son equipos que son una combinación de transmisor/receptor de información. El transceiver transmite paquetes de datos desde el controlador al bus y viceversa.<br />En una ethernet, los transceivers se desconectan cuando el equipo al que están conectados no está funcionando, sin afectar para nada al comportamiento de la red.<br /><strong>Multitransceivers.</strong><br />Ellos son transceivers que permiten la conexión de más de un equipo a la red en el mismo sitio, es decir, tienen varias salidas para equipos.<br /><strong>Multiport-transceivers.</strong><br />Equipos que van conectados a un transceiver y que tienen varias puertas de salida para equipos. La única limitación que tienen es que mediante estos equipos no se pueden interconectar equipos que conecten redes entre sí.<br /><br /><strong>Fan-out.<br /></strong>Ellos equipos van conectados a un transceiver, y permiten dividir la señal del mismo a varios equipos. Su limitación estriba en que la longitud de los cables que vayan a los equipos es menor , porque no regeneran la señal, a diferencia de los multiport-transceivers.<br />El fan-out permite conectar hasta ocho DTE's utilizando un sólo transceiver. Poniendo un fan-out en cascada de dos niveles, se podría conseguir hasta 64 DTE's con un transceiver conectado a la red.<br />El fan-out puede configurar una red de hasta ocho estaciones sin usar cable ethernet ni transceivers, por medio de un fan-out, funcionando así de modo aislado.<br />La longitud del cable AUI, desde l segmento al DTE se reduce a 40m. si hay un fan-out en medio.<br /><br /><strong>Multiport-repeaters.</strong><br /><strong>S</strong>on equipos que estan conectados a la red y dando en cada uno de sus multiples su salida de señal de red generada sus multiplos cuentan con un repetidor y tiene salida AUI O BNC y se parace al FAN-OUT pero cada salida genera señal.<br /><strong>Servidores de Terminales.</strong><br />El servidor de terminales es un dispositivo configurado para integrar terminales "tontas" o PCs por interface serie con un emulador de terminales. Puede utilizar los protocolos TCP/IP y LAT para una red ethernet, y se puede acceder a cualquier ordenador que soporte TCP/IP o LAT (DECnet). <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/06/equipo-de-redes.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/06/equipo-de-redes.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-06-02T05:16:00-07:00'>5:16</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/06/equipo-de-redes.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=3164801992347415757&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>viernes, 29 de mayo de 2009</span></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='7318455073135183149' itemprop='blogId'/> <meta content='8774571576313740096' itemprop='postId'/> <a name='8774571576313740096'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/05/componente-de-redes.html'>COMPONENTE DE REDES</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-8774571576313740096' itemprop='description articleBody'> Dentro de los que son componentes distinguiremos entre equipo de red clabeados y tambien conectores tambien dentro de los equipos de redes hiremos a hacer su subdivicion en los equipos que interconectan.<br /><br /><br /><br />Equipos que interconectan redes. Repetidores<br /><br />Son los repetidores son equipo que trabajan a nivel 1 de la pila OSI ellos repiten todo aquellas señales para un nivel electrico tambien se utiliza para resolver aquellos problemas de longitudes maximas de las redes su funcion estender mas alla de los segmentos encontramos que el numero maximo que repiten en cascada es de 4 en 4 pero la condicion de los segmentos es de 2 y 4 sean IRL es decir cuando no haya ningun equipo conectado a 2 segmentos.<br /><br /><br /><br />el repetidor tiene dos puertas que conectan dos segmentos Ethernet por medio de transceivers (instalando diferentes transceivers es posible interconectar dos segmentos de diferentes medios físicos) y cables drop.<br /><br /><br /><br />El repetidor tiene como mínimo una salida Ethernet para el cable amarillo y otra para teléfono.<br /><br />PUENTES OBRIDGER<br /><br />Este se utiliza haci mismo para interconectarce las redes tambien amplian una red que a llegado por el numero de equipos.<br /><br />Los bridges trabajan en el nivel 2 de OSI, con direcciones físicas, por lo que filtra tráfico de un segmento a otro ellos lo hace de la siguiente forma: Escucha los paquetes que pasan por la red y va configurando una tabla de direcciones físicas de equipos que tiene a un lado y otro (generalmente tienen una tabla dinámica), <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/05/componente-de-redes.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/componente-de-redes.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-05-29T11:26:00-07:00'>11:26</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/componente-de-redes.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=8774571576313740096&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>miércoles, 27 de mayo de 2009</span></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='7318455073135183149' itemprop='blogId'/> <meta content='3818747431643134995' itemprop='postId'/> <a name='3818747431643134995'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/05/el-cable-y-los-conectores_27.html'>EL CABLE Y LOS CONECTORES</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-3818747431643134995' itemprop='description articleBody'> <div align="center"><br />Tipo de cable<br />Conexión<br />Longitud máxima<br />Nº max. de estaciones<br />Observaciones<br />10 base 5<br />Coaxial grueso, 50 ohmios, o cable amarillo,<br />Conectores tipo vampiro<br />500 m<br />100<br />Líneas acabadas en una impedancia del mismo valor que la Z característica,<br />Líneas libres acabadas en tapones para evitar los rebotes<br />10 base 2<br />Coaxial fino,<br />50 ohmios<br />RG58<br />BNC<br />185 m<br />30<br />conexión por "T" [Problema: hay que abrir la red]<br />Líneas libres acabadas en tapones para evitar los rebotes<br />10 base T<br />Par trenzado<br />RJ-45(ISO 8877).<br />100 m<br />Hub: Bus lógico en una caja y todas las estaciones colgando<br />100 base T<br />UTP categoría 5<br />Numeración del conector RJ45<br />Hembra<br />Macho<br />Visto de frente<br />Conector visto de frente y desde arriba<br />Ethernet 10Base-T (T568B colores)<br />RJ45<br />Código<br />Utilidad<br />Pares<br />1<br />Blanco/Naranja o el blanco del par naranja<br />T2<br />Txdata +<br />PAR 2<br />2<br />Naranja o naranja/blanco<br />R2<br />TxData -<br />3<br />Blanco/verde o el blanco del par verde<br />T3<br />RecvData +<br />PAR 3<br />4<br />Azul o azul/blanco<br />R1<br />PAR 1<br />5<br />Blanco/Naranja o el blanco del par naranja<br />T1<br />6<br />Verde o verde/blanco<br />R3<br />RecvData -<br />7<br />Blanco/marrón o el blanco del par marrón<br />T4<br />PAR 4<br />8<br />Marrón o marrón/blanco<br />R4<br />Pares usados según norma<br />ATM 155Mbps usa los pares 2 y 4 (pins 1-2, 7-8)<br />Ethernet 10Base - T4 usa los pares 2 y 3 (pins 1-2, 3-6)<br />Ethernet 100Base-T4 usa los pares 2 y 3 (4T+) (pins 1-2, 3-6)<br />Ethernet 100Base-T8 usa los pares 1,2,3 y 4 (pins 4-5, 1-2, 3-6, 7-8)Cable usado según norma<br />Categoría<br />Velocidad<br />Donde se usa<br />1<br />No entra dentro de los criterios de la norma<br />2<br />Hasta 1 MHz<br />Para telefonía<br />3<br />Hasta 16 MHz<br />Ethernet 10Base-T<br />4<br />Hasta 20 MHz<br />Token-Ring, 10Base-T<br />5<br />Hasta 100 MHz<br />100Base-T, 10Base-T</div> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/05/el-cable-y-los-conectores_27.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/el-cable-y-los-conectores_27.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-05-27T06:00:00-07:00'>6:00</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/el-cable-y-los-conectores_27.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=3818747431643134995&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </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='7318455073135183149' itemprop='blogId'/> <meta content='5007125407569670285' itemprop='postId'/> <a name='5007125407569670285'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/05/el-cable-y-los-conectores.html'>EL CABLE Y LOS CONECTORES</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-5007125407569670285' itemprop='description articleBody'> Tipo de cable<br />Conexión<br />Longitud máxima<br />Nº max. de estaciones<br />Observaciones<br />10 base 5<br />Coaxial grueso, 50 ohmios, o cable amarillo,<br />Conectores tipo vampiro<br />500 m<br />100<br />Líneas acabadas en una impedancia del mismo valor que la Z característica,<br />Líneas libres acabadas en tapones para evitar los rebotes<br />10 base 2<br />Coaxial fino,<br />50 ohmios<br />RG58<br />BNC<br />185 m<br />30<br />conexión por "T" [Problema: hay que abrir la red]<br />Líneas libres acabadas en tapones para evitar los rebotes<br />10 base T<br />Par trenzado<br />RJ-45(ISO 8877).<br />100 m<br />Hub: Bus lógico en una caja y todas las estaciones colgando<br />100 base T<br />UTP categoría 5<br />Numeración del conector RJ45<br />Hembra<br />Macho<br />Visto de frente<br />Conector visto de frente y desde arriba<br />Ethernet 10Base-T (T568B colores)<br />RJ45<br />Código<br />Utilidad<br />Pares<br />1<br />Blanco/Naranja o el blanco del par naranja<br />T2<br />Txdata +<br />PAR 2<br />2<br />Naranja o naranja/blanco<br />R2<br />TxData -<br />3<br />Blanco/verde o el blanco del par verde<br />T3<br />RecvData +<br />PAR 3<br />4<br />Azul o azul/blanco<br />R1<br />PAR 1<br />5<br />Blanco/Naranja o el blanco del par naranja<br />T1<br />6<br />Verde o verde/blanco<br />R3<br />RecvData -<br />7<br />Blanco/marrón o el blanco del par marrón<br />T4<br />PAR 4<br />8<br />Marrón o marrón/blanco<br />R4<br />Pares usados según norma<br />ATM 155Mbps usa los pares 2 y 4 (pins 1-2, 7-8)<br />Ethernet 10Base - T4 usa los pares 2 y 3 (pins 1-2, 3-6)<br />Ethernet 100Base-T4 usa los pares 2 y 3 (4T+) (pins 1-2, 3-6)<br />Ethernet 100Base-T8 usa los pares 1,2,3 y 4 (pins 4-5, 1-2, 3-6, 7-8)Cable usado según norma<br />Categoría<br />Velocidad<br />Donde se usa<br />1<br />No entra dentro de los criterios de la norma<br />2<br />Hasta 1 MHz<br />Para telefonía<br />3<br />Hasta 16 MHz<br />Ethernet 10Base-T<br />4<br />Hasta 20 MHz<br />Token-Ring, 10Base-T<br />5<br />Hasta 100 MHz<br />100Base-T, 10Base-T <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/05/el-cable-y-los-conectores.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/el-cable-y-los-conectores.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-05-27T05:55:00-07:00'>5:55</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/el-cable-y-los-conectores.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=5007125407569670285&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </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='7318455073135183149' itemprop='blogId'/> <meta content='7511856298351197208' itemprop='postId'/> <a name='7511856298351197208'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/05/medios-de-trasmision.html'>MEDIOS DE TRASMISION</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-7511856298351197208' itemprop='description articleBody'> <div align="center">MEDIOS MANEGTOS-OPTICOS</div><div align="center">PAR TRENZADO:Mdev grueso 1mm su ancho de banda depende de el grueso y distansias </div><div align="center">su velosidad es de 10-100Mbps y su categoria de cables par trensado </div><div align="center">STP(apantallado) en el se encuentras dos pares dce hilos y cubierta de mayas.</div><div align="center">UTP(no apantallado)este tiene 4 pares de hilo.</div><div align="center">CATEGORIA3:alloos van de4 en 4 llevan 8 cables y alcanzan 30Mbps</div><div align="center">CATEGORIA5:es mas retorcido es mejor instalante llamado ( teflon)alcansando 100Mbps</div><div align="center">CABLE COAXIAL: </div><div align="center">Lo hay de 2 tipos </div><div align="center">75 OHMIOS:es to significa vanda ancha se utiliza en TV y distintos canales 300MHz</div><div align="center">50OHMIOS:esta es la banda base qu8e se utiliza en internet .</div><div align="center">10BASE5:este es el coacial grueso que mide hasta 500metros, 10Mbps.</div><div align="center">10BASE2:e3s el coacial fino que mide 185metros, 10Mbps </div><div align="center">FIBRA OPTICA:</div><div align="center">haqui se neesita un fuente de luz laser o LED</div><div align="center">se trasmete tanbien con fibra la tepologia tipica es el anillo su ancho alcansa la banda de 30000GHz que nohay inferencia y pesa 8 beses menos al cable par trensezado</div> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/05/medios-de-trasmision.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/medios-de-trasmision.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-05-27T04:33:00-07:00'>4:33</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/medios-de-trasmision.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=7511856298351197208&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>viernes, 22 de mayo de 2009</span></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='7318455073135183149' itemprop='blogId'/> <meta content='5028106367213550973' itemprop='postId'/> <a name='5028106367213550973'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/05/modelo-osi.html'>MODELO OSI</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-5028106367213550973' itemprop='description articleBody'> <div align="justify"><span style="color:#6600cc;">Unas de las nececidades mas acudientes de un sistema de comunicacion es el establecimiento de estas redes de comunicacion hay 7 niveles que son:</span></div><div align="justify"><span style="color:#6600cc;"></span></div><div align="justify"><span style="color:#6600cc;">nivel1: Se ocupa de la transmisión del flujo de bits a través del medio. - Cables, tarjetas y repetidores (hub).</span></div><div align="justify"><span style="color:#6600cc;">el nivel2: Divide el flujo de bits en unidades con formato .</span></div><div align="justify"><span style="color:#6600cc;">el nivel3:A qui se establece tambien las redes de comunicaciones y determina donde se enviaran los datos.</span></div><div align="justify"><span style="color:#6600cc;">el nivel4: Aqui se ve la funcion de este nivel en la cual el recetor se en carga de resivir correctamente la misma imformacion que envia el emisor.</span></div><div align="justify"><span style="color:#6600cc;">el nivel5: Establece la comunicación entre las aplicaciones, la mantiene en finalizacion en el momento adecuado. Proporciona los pasos necesarios para entrar en un sistema utilizando otro.</span></div><div align="justify"><span style="color:#6600cc;">nivel6: Es conversión entre distintas representaciones de datos y entre terminales y organizaciones de sistemas .</span></div><div align="justify"><span style="color:#6600cc;">nivel 7: Es el que proporciona los servicios establecidos para poder realizar funciones especificas.</span></div><br /><br /><div align="center"></div> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/05/modelo-osi.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/modelo-osi.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-05-22T05:34:00-07:00'>5:34</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/modelo-osi.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=5028106367213550973&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>martes, 19 de mayo de 2009</span></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='7318455073135183149' itemprop='blogId'/> <meta content='6669122795599727501' itemprop='postId'/> <a name='6669122795599727501'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/05/modalidad-de-imformatica.html'>modalidad de imformatica</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-6669122795599727501' itemprop='description articleBody'> profesora lo que mas me gusta de la modalidad es que yo me e esmerado por lo que yo mas quieromis sueño es ser un ingeniero de sistemas y si sigo luchando lo boy a lograr. <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/05/modalidad-de-imformatica.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/modalidad-de-imformatica.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-05-19T05:09:00-07:00'>5:09</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/modalidad-de-imformatica.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=6669122795599727501&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> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://modalidaddeimformatica.blogspot.com/' id='Blog1_blog-pager-newer-link' title='Entradas más recientes'>Entradas más recientes</a> </span> <a class='home-link' href='http://modalidaddeimformatica.blogspot.com/'>Inicio</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Suscribirse a: <a class='feed-link' href='http://modalidaddeimformatica.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 Followers' data-version='1' id='Followers1'> <h2 class='title'>Seguidores</h2> <div class='widget-content'> <div id='Followers1-wrapper'> <div style='margin-right:2px;'> <div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <div id="followers-iframe-container"></div> <script type="text/javascript"> window.followersIframe = null; function followersIframeOpen(url) { gapi.load("gapi.iframes", function() { if (gapi.iframes && gapi.iframes.getContext) { window.followersIframe = gapi.iframes.getContext().openChild({ url: url, where: document.getElementById("followers-iframe-container"), messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { '_ready': function(obj) { window.followersIframe.getIframeEl().height = obj.height; }, 'reset': function() { window.followersIframe.close(); followersIframeOpen("https://www.blogger.com/followers/frame/7318455073135183149?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM5OTk5OTkiByM2Njk5Y2MqByNGRkZGRkYyByNmZjY2MzM6ByM5OTk5OTlCByM2Njk5Y2NKByMwMDAwMDBSByM2Njk5Y2NaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3des\x26origin\x3dhttp://modalidaddeimformatica.blogspot.com"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); } } }); } }); } followersIframeOpen("https://www.blogger.com/followers/frame/7318455073135183149?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM5OTk5OTkiByM2Njk5Y2MqByNGRkZGRkYyByNmZjY2MzM6ByM5OTk5OTlCByM2Njk5Y2NKByMwMDAwMDBSByM2Njk5Y2NaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3des\x26origin\x3dhttp://modalidaddeimformatica.blogspot.com"); </script></div> </div> </div> <div class='clear'></div> </div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Archivo del blog</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ► </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2010/'> 2010 </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ► </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2010/09/'> septiembre </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼ </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2009/'> 2009 </a> <span class='post-count' dir='ltr'>(20)</span> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼ </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/'> octubre </a> <span class='post-count' dir='ltr'>(9)</span> <ul class='posts'> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/versiones-de-html.html'>VERSIONES DE HTML</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/paginas-de-referencia.html'>PAGINAS DE REFERENCIA</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/estructura-de-una-pagina-web.html'>Estructura de una página Web</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/etiquetas.html'>etiquetas</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/utilidades-del-bloc-de-notas.html'>utilidades del bloc de notas</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/que-son-los-editores-de-html-programas.html'>Que son los editores de HTML: programas que nos pu...</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/vercion-de-html.html'>vercion de html</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/html.html'>HTML</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/muchas-vecez-estas-son-nuestras.html'>MUCHAS VECEZ ESTAS SON NUESTRAS ESPERIENCIAS.</a></li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ► </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2009/07/'> julio </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='posts'> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/07/introduccion-el-diseno-grafico-conforma.html'>INTRODUCCIÓN El Diseño Gráfico conforma...</a></li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ► </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2009/06/'> junio </a> <span class='post-count' dir='ltr'>(4)</span> <ul class='posts'> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/06/direccion-ip.html'>DIRECCION IP</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/06/protocolos-tcpip.html'>PROTOCOLOS TCP/IP</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/06/red-conectado-un-segmento.html'>red conectado a un segmento</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/06/equipo-de-redes.html'>EQUIPO DE REDES</a></li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ► </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/'> mayo </a> <span class='post-count' dir='ltr'>(6)</span> <ul class='posts'> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/05/componente-de-redes.html'>COMPONENTE DE REDES</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/05/el-cable-y-los-conectores_27.html'>EL CABLE Y LOS CONECTORES</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/05/el-cable-y-los-conectores.html'>EL CABLE Y LOS CONECTORES</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/05/medios-de-trasmision.html'>MEDIOS DE TRASMISION</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/05/modelo-osi.html'>MODELO OSI</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/05/modalidad-de-imformatica.html'>modalidad de imformatica</a></li> </ul> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>Datos personales</h2> <div class='widget-content'> <a href='https://www.blogger.com/profile/02681708773349650516'><img alt='Mi foto' class='profile-img' height='80' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK8l4i3Cml3-KnJsdZOBfdWkHkYC9c98729l1f7iImvFQr3Qh88VUsCf9hJrzPCF10F3uLWdzbiBCMN54KOMXoYaQ38chlI_qt8f1-N43jEy8kC6I1AUECv-9hDG928g/s220/MARLON027.jpg' width='60'/></a> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> marlon rojas </a> </dt> </dl> <a class='profile-link' href='https://www.blogger.com/profile/02681708773349650516' rel='author'>Ver todo mi perfil</a> <div class='clear'></div> </div> </div></div> </div>  <div class='clear'> </div> </div>  <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div></div>  <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/387437488-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AEUoTZp54UhTI6fA-31xKRxqJF76:1782058214099';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7318455073135183149','//modalidaddeimformatica.blogspot.com/2009/','7318455073135183149'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7318455073135183149', 'title': 'modalidad de informatica', 'url': 'http://modalidaddeimformatica.blogspot.com/2009/', 'canonicalUrl': 'http://modalidaddeimformatica.blogspot.com/2009/', 'homepageUrl': 'http://modalidaddeimformatica.blogspot.com/', 'searchUrl': 'http://modalidaddeimformatica.blogspot.com/search', 'canonicalHomepageUrl': 'http://modalidaddeimformatica.blogspot.com/', 'blogspotFaviconUrl': 'http://modalidaddeimformatica.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\x22modalidad de informatica - Atom\x22 href\x3d\x22http://modalidaddeimformatica.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22modalidad de informatica - RSS\x22 href\x3d\x22http://modalidaddeimformatica.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22modalidad de informatica - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7318455073135183149/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/cd96ebb13b57568d', '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': 'archive', 'pageName': '2009', 'pageTitle': 'modalidad de informatica: 2009'}}, {'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': 'modalidad de informatica', 'description': '', 'url': 'http://modalidaddeimformatica.blogspot.com/2009/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2009, 'rangeMessage': 'Mostrando entradas de 2009'}}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2355509407-lbx__es.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Cargando\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull')); </script> </body> </html>

modalidad de informatica

sábado, 17 de octubre de 2009

VERSIONES DE HTML

PAGINAS DE REFERENCIA

Estructura de una página Web