miércoles, 28 de octubre de 2009
HTML
Siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
Cuáles son las versiones del HTML?
Por Carlos Leopoldo y este post tiene 9 comentarios, añade el tuyo
Enlaces patrocinados:
El HTML fue desarrollado originalmente por Tim Bernes-Lee en el CERN (Centro Europeo de Física de Partículas), y fue popularizado por el navegador Mosaic desarrollado por la NCSA (National Center for Supercomputing Applications). Pero debido al rápido crecimiento de la web, surgió la necesidad de crear un estándar para que tanto los autores como los navegadores pudieran reconocer cualquier versión de HTML.
Los estándares HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0 y el HTML 4.01., algunos creen que el HTML ya no tiene futuro porque existe el XHTML que es mejor pero el navagedor más popular (el de la letra e azul) no lo soporta por lo que otros piensan que el futuro está en el HTML 5.
Actualmente a versión de HTML más utilizada es la 4.01 y el XHTML 1.0 estás 2 versiones fueron definidas por la W3C hace 7 y 8 años. ahora se preparan nuevas versiones que son el HTML 5 y el XHTML 2.
Además de cada versión, cada una tiene variantes que siempre se tienen que definir en el documento HTML, las variantes del HTML 4.01 son:
• HTML 4.01 Strict: el normal, donde se pueden usar etiquetas HTML 4.01, pero no se aceptan etiquetas obsoletas.
• HTML 4.01 Transitional: este permite usar todo tipo de etiquetas de todas las versiones de HTML, no es recomendable.
• HTML 4.01 Frameset: Tiene soporte para frames, muy anticuado.
Por Carlos Leopoldo y este post tiene 9 comentarios, añade el tuyo
Enlaces patrocinados:
El HTML fue desarrollado originalmente por Tim Bernes-Lee en el CERN (Centro Europeo de Física de Partículas), y fue popularizado por el navegador Mosaic desarrollado por la NCSA (National Center for Supercomputing Applications). Pero debido al rápido crecimiento de la web, surgió la necesidad de crear un estándar para que tanto los autores como los navegadores pudieran reconocer cualquier versión de HTML.
Los estándares HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0 y el HTML 4.01., algunos creen que el HTML ya no tiene futuro porque existe el XHTML que es mejor pero el navagedor más popular (el de la letra e azul) no lo soporta por lo que otros piensan que el futuro está en el HTML 5.
Actualmente a versión de HTML más utilizada es la 4.01 y el XHTML 1.0 estás 2 versiones fueron definidas por la W3C hace 7 y 8 años. ahora se preparan nuevas versiones que son el HTML 5 y el XHTML 2.
Además de cada versión, cada una tiene variantes que siempre se tienen que definir en el documento HTML, las variantes del HTML 4.01 son:
• HTML 4.01 Strict: el normal, donde se pueden usar etiquetas HTML 4.01, pero no se aceptan etiquetas obsoletas.
• HTML 4.01 Transitional: este permite usar todo tipo de etiquetas de todas las versiones de HTML, no es recomendable.
• HTML 4.01 Frameset: Tiene soporte para frames, muy anticuado.
• Los navegadores de compatibilidad
La perfecta compatibilidad de los documentos HTML con Netscape Communicator y Microsoft Internet Explorer es una de las cuestiones más controvertidas de la creación de sitios. Y lo es no sólo por razones técnicas o de oportunidad, sino también por razones generales de política comercial y desarrollo del web. Los juicios sobre este último aspecto los dejamos a la opinión de nuestros lectores. Nuestra misión es bien distinta: mostrar si y cómo es aún posible crear sitios crossbrowser, es decir sitios compatibles con los dos navegadores de mayor difusión en el mercado Internet.
HTML 4 es el último estándar en orden cronológico que el W3C ha recomendado para regir las suertes de este sistema de marcado. Ya desde hace años, sibilas cada vez más convencidas del carácter obsoleto de HTML prevén el final del sistema de marcado. No será así, al menos a corto plazo, y HTML regirá con toda probabilidad la suerte del publishing aún por mucho tiempo.
En cualquier caso, no podemos negar que HTML ha experimentado un desarrollo vinculado con demasiada frecuencia a los caprichos de una u otra software house, más interesada en imponer la normalización de su tecnología que en armonizar el desarrollo del sistema de marcado. Aún hoy en día, si bien existe un estándar y es operativo, Netscape y Microsoft continúan proponiendo tecnologías diferentes para cuestiones fundamentales (Netscape, por ejemplo, reconoce sólo en parte las hojas de estilo previstas por HTML 4). Esta falta de armonización es la consecuencia primera de la actual incompatibilidad de los navegadores.
La perfecta compatibilidad de los documentos HTML con Netscape Communicator y Microsoft Internet Explorer es una de las cuestiones más controvertidas de la creación de sitios. Y lo es no sólo por razones técnicas o de oportunidad, sino también por razones generales de política comercial y desarrollo del web. Los juicios sobre este último aspecto los dejamos a la opinión de nuestros lectores. Nuestra misión es bien distinta: mostrar si y cómo es aún posible crear sitios crossbrowser, es decir sitios compatibles con los dos navegadores de mayor difusión en el mercado Internet.
HTML 4 es el último estándar en orden cronológico que el W3C ha recomendado para regir las suertes de este sistema de marcado. Ya desde hace años, sibilas cada vez más convencidas del carácter obsoleto de HTML prevén el final del sistema de marcado. No será así, al menos a corto plazo, y HTML regirá con toda probabilidad la suerte del publishing aún por mucho tiempo.
En cualquier caso, no podemos negar que HTML ha experimentado un desarrollo vinculado con demasiada frecuencia a los caprichos de una u otra software house, más interesada en imponer la normalización de su tecnología que en armonizar el desarrollo del sistema de marcado. Aún hoy en día, si bien existe un estándar y es operativo, Netscape y Microsoft continúan proponiendo tecnologías diferentes para cuestiones fundamentales (Netscape, por ejemplo, reconoce sólo en parte las hojas de estilo previstas por HTML 4). Esta falta de armonización es la consecuencia primera de la actual incompatibilidad de los navegadores.
Estructura de una página Web
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).
<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/09542814771441588551' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/09542814771441588551' rel='author' title='author profile'>
<span itemprop='name'>giovanny</span>
</a>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/estructura-de-una-pagina-web-toda.html' itemprop='url'/>
<a class='timestamp-link' href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/estructura-de-una-pagina-web-toda.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-28T17:57:00-07:00'>17:57</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/estructura-de-una-pagina-web-toda.html#comment-form' onclick=''>
No hay comentarios:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-2139017181'>
<a href='https://www.blogger.com/post-edit.g?blogID=4942242834374036161&postID=2755516810346002811&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'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=2755516810346002811&target=email' target='_blank' title='Enviar por correo electrónico'><span class='share-button-link-text'>Enviar por correo electrónico</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=2755516810346002811&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='Escribe un blog'><span class='share-button-link-text'>Escribe un blog</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=2755516810346002811&target=twitter' target='_blank' title='Compartir en X'><span class='share-button-link-text'>Compartir en X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=2755516810346002811&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Compartir con Facebook'><span class='share-button-link-text'>Compartir con Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=2755516810346002811&target=pinterest' target='_blank' title='Compartir en Pinterest'><span class='share-button-link-text'>Compartir en Pinterest</span></a>
</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='4942242834374036161' itemprop='blogId'/>
<meta content='957199609402393673' itemprop='postId'/>
<a name='957199609402393673'></a>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-957199609402393673' itemprop='description articleBody'>
EDITORES DE HTML:<br /><br />Vamos a hablar en este artículo sobre los editores de HTML, los programas que nos sirven para crear páginas web con el lenguaje HTML. <br />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
<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/09542814771441588551' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/09542814771441588551' rel='author' title='author profile'>
<span itemprop='name'>giovanny</span>
</a>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/editores-de-html-vamos-hablar-en-este.html' itemprop='url'/>
<a class='timestamp-link' href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/editores-de-html-vamos-hablar-en-este.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-28T17:56:00-07:00'>17:56</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/editores-de-html-vamos-hablar-en-este.html#comment-form' onclick=''>
No hay comentarios:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-2139017181'>
<a href='https://www.blogger.com/post-edit.g?blogID=4942242834374036161&postID=957199609402393673&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'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=957199609402393673&target=email' target='_blank' title='Enviar por correo electrónico'><span class='share-button-link-text'>Enviar por correo electrónico</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=957199609402393673&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='Escribe un blog'><span class='share-button-link-text'>Escribe un blog</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=957199609402393673&target=twitter' target='_blank' title='Compartir en X'><span class='share-button-link-text'>Compartir en X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=957199609402393673&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Compartir con Facebook'><span class='share-button-link-text'>Compartir con Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=957199609402393673&target=pinterest' target='_blank' title='Compartir en Pinterest'><span class='share-button-link-text'>Compartir en Pinterest</span></a>
</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='4942242834374036161' itemprop='blogId'/>
<meta content='1133798239367841084' itemprop='postId'/>
<a name='1133798239367841084'></a>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-1133798239367841084' itemprop='description articleBody'>
Editores HTML modo diseño WYSIWYG<br /><br />En el mercado existen multitud de editores de HTML WYSIWYG, es importante elegir un editor bueno porque nuestros trabajos van a depender de sus resultados. Actualmente el rey de los editores y el que os aconsejaríamos sin duda es el Dreamweaver, fabricado por Adobe. <br />Otras posibilidades son editores como <br />• Kompozer, una opción gratuita <br />• Frontpage, aunque lo desaconsejamos. <br /><br />Editores de texto preparados para escribir código HTML<br /><br />Las personas que después de estas líneas han decidido aprender el lenguaje HTML también tienen herramientas muy interesantes para aumentar su productividad sin dejar de escribir ellos mismos el HTML que desean. Se trata de unos editores de texto, como cualquier otro, que están preparados
<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/09542814771441588551' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/09542814771441588551' rel='author' title='author profile'>
<span itemprop='name'>giovanny</span>
</a>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/editores-html-modo-diseno-wysiwyg-en-el.html' itemprop='url'/>
<a class='timestamp-link' href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/editores-html-modo-diseno-wysiwyg-en-el.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-28T17:55:00-07:00'>17:55</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/editores-html-modo-diseno-wysiwyg-en-el.html#comment-form' onclick=''>
No hay comentarios:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-2139017181'>
<a href='https://www.blogger.com/post-edit.g?blogID=4942242834374036161&postID=1133798239367841084&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'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=1133798239367841084&target=email' target='_blank' title='Enviar por correo electrónico'><span class='share-button-link-text'>Enviar por correo electrónico</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=1133798239367841084&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='Escribe un blog'><span class='share-button-link-text'>Escribe un blog</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=1133798239367841084&target=twitter' target='_blank' title='Compartir en X'><span class='share-button-link-text'>Compartir en X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=1133798239367841084&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Compartir con Facebook'><span class='share-button-link-text'>Compartir con Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=1133798239367841084&target=pinterest' target='_blank' title='Compartir en Pinterest'><span class='share-button-link-text'>Compartir en Pinterest</span></a>
</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='4942242834374036161' itemprop='blogId'/>
<meta content='6531314222764818805' itemprop='postId'/>
<a name='6531314222764818805'></a>
<h3 class='post-title entry-title' itemprop='name'>
<a href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/dispositivos-o-perifericos-de-entrada.html'>Dispositivos o periféricos de entrada</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-6531314222764818805' itemprop='description articleBody'>
<br />Lectores de códigos de barras:
<br />Los códigos de barras son una conjunto de líneas verticales de color negro que tienen distintos grosores. Suelen utilizarse en supermercados, almacenes, etc., para identificar los diferentes productos. Un lector de códigos de barras es un dispositivo capaz de leer e interpretar dicha secuencia de barras, permitiendo al ordenador identificar el producto y obtener datos acerca de él, como, por ejemplo, su nombre y precio.
<br />
<br />• El escáner:
<br />
<br />es un dispositivo que permite introducir información desde documentos
<br />impresos: imágenes, dibujos, fotografías, etc., e incluso caracteres; aunque para esto último deben disponer del sistema OCR (reconocimiento óptico de caracteres). Los escáneres que no dispongan de este sistema podrán introducir caracteres, pero como si fueran imágenes, por lo que no podrán ser modificados mediante un procesador de textos. Existen distintos tipos de escáner: de mano, de rodillo, de tambor y de sobremesa; cada uno de ellos puede ser de color, de blanco y negro o de tonos grises. Su calidad se mide en ppp o dpi. Esta unidad indica el número de puntos que toma en cada pulgada(2,54 centímetros).
<br />
<br />• El joystick:
<br />
<br />El principal campo de aplicación de este dispositivo son los juegos. Su misión es introducir al ordenador los movimientos provocados sobre su palanca, y algunas órdenes mediante la pulsación de algún botón. También se utiliza como mecanismo de desplazamientos en entornos tridimensionales.
<br />•
<br /> Tabletas digitalizadoras:
<br />
<br />Estos tableros permiten realizar dibujos y gráficos con gran precisión: se utilizan en aplicaciones de dibujo, sobre todo en aquellas profesiones que necesiten realizar dibujos detallados: delineantes, arquitectos, grafistas, diseñadores, etc.
<br />•
<br />Lectores de bandas magnéticas:
<br />
<br />La utilización de las bandas magnéticas está cada día más extendida. Los lectores de banda magnética son dispositivos capaces de leer la información grabada en dicha banda, la cual tiene la ventaja de ser muy difícil alterar.
<br />•
<br />Pantallas táctiles:
<br />
<br />Cada vez son más frecuentes las pantallas que ofrecen un sistema sensible al tacto que, con sólo situar un dedo en su superficie, permite elegir una opción, ejecutar una orden u obtener información.
<br />
<br />• Micrófono:
<br />
<br />Este instrumento clásico puede ser también utilizado como dispositivo de entrada sise dispone de una tarjeta de sonido en el ordenador y un programa específico para el reconocimiento de voz.
<br />
<br />• Digitalizadores de imágenes:
<br />
<br />Existen dispositivos que permiten introducir tanto imágenes como vídeos al ordenador. Entre ellos están las cámaras fotográficas digitales, que permiten almacenar una imagen digital de modo que pueda ser manipulada por un ordenador, y las cámaras digitales de vídeo, cada día más populares por su utilización en videoconferencias o teleconferencias.
<br />Dispositivos o periféricos de salida
<br />Una vez que el ordenador ha procesado la información, los dispositivos de salida permiten obtener el resultado de muchas maneras: visible en una pantalla, impreso en papel, transparencia o microfilm; etc. Sin duda alguna, los más habituales son el monitor y la impresora.
<br />
<br />• El monitor:
<br />
<br />Este dispositivo, imprescindible para el ordenador, permite visualizar el
<br />resultado de la información procesada; pero, además, el ordenador lo utiliza para mostrar al usuario los mensajes y opciones que permitirán tomar una decisión determinada. Por todo esto, el monitor puede considerarse como un componente del ordenador, y no sólo como un periférico.
<br />- Funcionamiento: El funcionamiento de un monitor es similar al de un televisor. En su interior hay un tubo, llamado tubo de rayos catódicos, que envía, desde el fondo hacia la pantalla, una corriente de electrones; dicha corriente, al chocar con una superficie de material fosforescente situada en la parte interior de la pantalla, la ilumina, formándose las imágenes.
<br />Un esquema del proceso completo sería:
<br />• La tarjeta de vídeo transforma la información digital proporcionada por la CPU en una señal analógica de diferentes voltajes, que es enviada al tubo catódico del monitor.
<br />• Este tubo envía tres chorros de electrones de distinta intensidad, correspondientes a los tres colores principales (rojo, azul y verde), que pasan por una placa agujereada llamada máscara de sombra, la cual los dirige hacia cada uno de los puntos de la pantalla, llamados píxeles.
<br />• Cada píxel brilla con un color determinado dependiendo de la intensidad de cada uno de los tres chorros de electrones.
<br />Un dato a tener en cuenta de un monitor es su frecuencia (medida en Hz.), que indica el número de veces que construye una pantalla en un segundo; un valor de frecuencia bajo supondrá que la imagen vibre y que la vista tenga que esforzarse más de lo habitual (cansancio visual).
<br />Por tanto, aunque la imagen se forma píxel a píxel, el proceso es tan rápido, que siempre se ven imágenes completas, ya que la pantalla refresca la imagen muchas veces por segundo. Un tipo especial de monitor es el de los ordenadores portátiles, que utilizan una pantalla de cristal líquido. Éstas utilizan millones de celdas de cristal que se polarizan y permiten el paso de determinados rayos, que componen la imagen en el monitor. Otro tipo de monitores que está adquiriendo mucho auge son las denominadas pantallas planas, constituidas por una matriz de millones de puntos. Cada punto actúa de forma independiente con inmejorable calidad.
<br />• Las impresoras:
<br />Las impresoras permiten obtener la información impresa en distintos soportes
<br />físicos: papel, transparencias, etc. Con independencia del tipo de impresora, ésta debe realizar una serie de operaciones:
<br />• Interpretar la señal digital que le llega desde el ordenador.
<br />• Traducir la señal en órdenes que controlen el dispositivo de escritura característico de cada tipo de impresora.
<br />• Controlar el movimiento del papel y, en algunos casos, prepararlo para que se pueda imprimir en él.
<br />• Realizar el proceso de impresión, también característico del tipo de impresora.
<br />Las impresoras se conectan al ordenador a través de un puerto de comunicación, que habitualmente es el puerto paralelo identificado como LPT1. Para que la CPU conozca las características de la impresora conectada al ordenador y prueba controlarla, necesita un software especial denominado controlador de impresora, que lo proporciona el fabricante. Hay muchos tipos de impresoras:
<br />• Impresoras láser.
<br />• Impresoras térmicas.
<br />• Impresoras matriciales.
<br />• Impresoras de margarita.
<br />• Impresoras de chorro de tinta.
<br />• El plotter:
<br />Se trata de un dispositivo que se utiliza en las aplicaciones de diseño asistido por ordenador, CAD, ya que permite imprimir planos, dibujos técnicos, mapas, diseños industriales, etc. La ventaja frente a una impresora es que puede utilizar papel de grandes dimensiones y tiene una mayor calidad de dibujo. Un plotter está constituido por un brazo robótico que actúa bajo las órdenes del ordenador, en cuyo extremo se encuentra una pluma; esta pluma se mueve sobre el papel según la dirección de un eje de coordenadas, mientras que el papel se desplaza en la dirección del otro eje, consiguiendo así dibujar mapas, planos, gráficos, etc., con una gran calidad final.
<br />
<br /> MONITOR:
<br />
<br />Es un interfaz por excelencia entre la CPU y el usuario. Los mensajes que se producen a lo largo de la ejecución del programa y los datos que vamos introduciendo hacen necesario que haya una pantalla donde se muestre todo lo que hacemos.
<br /> Pueden existir 2 clases de monitores:
<br /> LCD Y los CRT.
<br />
<br /> LCD.
<br />
<br />es una pantalla delgada y plana formada por un número de píxeles en color o monocromos colocados delante de una fuente de luz o reflectora. A menudo se utiliza en dispositivos electrónicos de pilas, ya que utiliza cantidades muy pequeñas de energía eléctrica.
<br /> Ventajas:
<br />
<br />-El grosor es inferior por lo que pueden utilizarse en portátiles.
<br />-Cada punto se encarga de dejar o no pasar la luz, por lo que no hay moire.
<br />-La geometría es siempre perfecta, lo determina el tamaño del píxel
<br />DESVENTAJAS
<br />
<br />:
<br /> - Sólo pueden reproducir fielmente la resolución nativa, con el resto, se ve un borde negro, o se ve difuminado por no poder reproducir medios píxeles.
<br />Por sí solas no producen luz, necesitan una fuente externa.
<br />Si no se mira dentro del cono de visibilidad adecuado, desvirtúan los colores
<br />
<br /> CRT.
<br />
<br />
<br />Los tubos de rayos catódicos o crt es un dispositivo de visualización inventado por Carl Ferdinand Braun y a su desarrollo contribuyeron los trabajos de Philo Farnsworth. Se emplea principalmente en monitores, aunque en la actualidad se están substituyendo paulatinamente por tecnologías como LCD debido al menor consumo energético de este último.
<br />VENTAJAS:
<br />-Permiten reproducir una mayor variedad cromática.
<br />-Distintas resoluciones se pueden ajustar al monitor.
<br />-En los monitores de apertura de rejilla no hay moire vertical.
<br /> DESVENTAJAS:
<br />-Ocupan más espacio (cuanto más fondo, mejor geometría).
<br />-Los modelos antiguos tienen la pantalla curva.
<br />-Los campos eléctricos afectan al monitor (la imagen vibra).
<br />-Para disfrutar de una buena imagen necesitan ajustes por parte del usuario.
<br />
<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/09542814771441588551' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/09542814771441588551' rel='author' title='author profile'>
<span itemprop='name'>giovanny</span>
</a>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/dispositivos-o-perifericos-de-entrada.html' itemprop='url'/>
<a class='timestamp-link' href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/dispositivos-o-perifericos-de-entrada.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-28T17:47:00-07:00'>17:47</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/dispositivos-o-perifericos-de-entrada.html#comment-form' onclick=''>
No hay comentarios:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-2139017181'>
<a href='https://www.blogger.com/post-edit.g?blogID=4942242834374036161&postID=6531314222764818805&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'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=6531314222764818805&target=email' target='_blank' title='Enviar por correo electrónico'><span class='share-button-link-text'>Enviar por correo electrónico</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=6531314222764818805&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='Escribe un blog'><span class='share-button-link-text'>Escribe un blog</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=6531314222764818805&target=twitter' target='_blank' title='Compartir en X'><span class='share-button-link-text'>Compartir en X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=6531314222764818805&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Compartir con Facebook'><span class='share-button-link-text'>Compartir con Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4942242834374036161&postID=6531314222764818805&target=pinterest' target='_blank' title='Compartir en Pinterest'><span class='share-button-link-text'>Compartir en Pinterest</span></a>
</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://giovanny-clasesdemodalidad.blogspot.com/' id='Blog1_blog-pager-newer-link' title='Entradas más recientes'>Entradas más recientes</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://giovanny-clasesdemodalidad.blogspot.com/search?updated-max=2009-10-28T17:47:00-07:00&max-results=7' id='Blog1_blog-pager-older-link' title='Entradas antiguas'>Entradas antiguas</a>
</span>
<a class='home-link' href='http://giovanny-clasesdemodalidad.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://giovanny-clasesdemodalidad.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Entradas (Atom)</a>
</div>
</div>
</div></div>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<div class='sidebar section' id='sidebar-right-1'><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/4942242834374036161?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM3MzczNzMiByNlMzE5MTkqC3RyYW5zcGFyZW50MgcjODY4Njg2OgcjNzM3MzczQgcjZTMxOTE5SgcjMDAwMDAwUgcjZTMxOTE5Wgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26hl\x3des\x26origin\x3dhttp://giovanny-clasesdemodalidad.blogspot.com");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers/frame/4942242834374036161?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM3MzczNzMiByNlMzE5MTkqC3RyYW5zcGFyZW50MgcjODY4Njg2OgcjNzM3MzczQgcjZTMxOTE5SgcjMDAwMDAwUgcjZTMxOTE5Wgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26hl\x3des\x26origin\x3dhttp://giovanny-clasesdemodalidad.blogspot.com");
</script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div></div>
<table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'>
<tbody>
<tr>
<td class='first columns-cell'>
<div class='sidebar section' id='sidebar-right-2-1'><div class='widget Profile' data-version='1' id='Profile1'>
<h2>Datos personales</h2>
<div class='widget-content'>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/09542814771441588551' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
giovanny
</a>
</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/09542814771441588551' rel='author'>Ver todo mi perfil</a>
<div class='clear'></div>
</div>
</div></div>
</td>
<td class='columns-cell'>
<div class='sidebar section' id='sidebar-right-2-2'><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://giovanny-clasesdemodalidad.blogspot.com/2010/'>
2010
</a>
<span class='post-count' dir='ltr'>(3)</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://giovanny-clasesdemodalidad.blogspot.com/2010/09/'>
septiembre
</a>
<span class='post-count' dir='ltr'>(3)</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://giovanny-clasesdemodalidad.blogspot.com/2009/'>
2009
</a>
<span class='post-count' dir='ltr'>(16)</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://giovanny-clasesdemodalidad.blogspot.com/2009/10/'>
octubre
</a>
<span class='post-count' dir='ltr'>(7)</span>
<ul class='posts'>
<li><a href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/html.html'>HTML</a></li>
<li><a href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/cuales-son-las-versiones-del-html-por.html'>Cuáles son las versiones del HTML?Por Carlos Leopo...</a></li>
<li><a href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/los-navegadores-de-compatibilidad-la.html'>• Los navegadores de compatibilidadLa perfecta com...</a></li>
<li><a href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/estructura-de-una-pagina-web-toda.html'>Estructura de una página Web
Toda página Web tie...</a></li>
<li><a href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/editores-de-html-vamos-hablar-en-este.html'>EDITORES DE HTML:Vamos a hablar en este artículo s...</a></li>
<li><a href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/editores-html-modo-diseno-wysiwyg-en-el.html'>Editores HTML modo diseño WYSIWYGEn el mercado exi...</a></li>
<li><a href='http://giovanny-clasesdemodalidad.blogspot.com/2009/10/dispositivos-o-perifericos-de-entrada.html'>Dispositivos o periféricos de entrada</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://giovanny-clasesdemodalidad.blogspot.com/2009/08/'>
agosto
</a>
<span class='post-count' dir='ltr'>(1)</span>
</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://giovanny-clasesdemodalidad.blogspot.com/2009/07/'>
julio
</a>
<span class='post-count' dir='ltr'>(2)</span>
</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://giovanny-clasesdemodalidad.blogspot.com/2009/06/'>
junio
</a>
<span class='post-count' dir='ltr'>(2)</span>
</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://giovanny-clasesdemodalidad.blogspot.com/2009/05/'>
mayo
</a>
<span class='post-count' dir='ltr'>(4)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div></div>
</td>
</tr>
</tbody>
</table>
<div class='sidebar no-items section' id='sidebar-right-3'></div>
</aside>
</div>
</div>
</div>
<div style='clear: both'></div>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'></div>
<div class='region-inner footer-inner'>
<div class='foot no-items section' id='footer-1'></div>
<table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'>
<tbody>
<tr>
<td class='first columns-cell'>
<div class='foot no-items section' id='footer-2-1'></div>
</td>
<td class='columns-cell'>
<div class='foot no-items section' id='footer-2-2'></div>
</td>
</tr>
</tbody>
</table>
<!-- outside of the include in order to lock Attribution widget -->
<div class='foot section' id='footer-3' name='Pie de página'><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Tema Picture Window. Imágenes del tema: Josh Peterson. Con la tecnología de <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/387437488-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AEUoTZqrXfhpCUc9wt-5KWD89wNr:1780982778319';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4942242834374036161','//giovanny-clasesdemodalidad.blogspot.com/2009/10/','4942242834374036161');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4942242834374036161', 'title': 'oscar', 'url': 'http://giovanny-clasesdemodalidad.blogspot.com/2009/10/', 'canonicalUrl': 'http://giovanny-clasesdemodalidad.blogspot.com/2009/10/', 'homepageUrl': 'http://giovanny-clasesdemodalidad.blogspot.com/', 'searchUrl': 'http://giovanny-clasesdemodalidad.blogspot.com/search', 'canonicalHomepageUrl': 'http://giovanny-clasesdemodalidad.blogspot.com/', 'blogspotFaviconUrl': 'http://giovanny-clasesdemodalidad.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\x22oscar - Atom\x22 href\x3d\x22http://giovanny-clasesdemodalidad.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22oscar - RSS\x22 href\x3d\x22http://giovanny-clasesdemodalidad.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22oscar - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4942242834374036161/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/ff2fc60a7f0d8424', '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': 'octubre 2009', 'pageTitle': 'oscar: octubre 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': {'name': 'Picture Window', 'localizedName': 'Picture Window', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'shade', 'variantId': 'shade'}}, {'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': 'oscar', 'description': '', 'url': 'http://giovanny-clasesdemodalidad.blogspot.com/2009/10/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2009, 'month': 10, 'rangeMessage': 'Mostrando entradas de octubre, 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-right-1', document.getElementById('Followers1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar-right-2-1', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-2-2', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Cargando\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull'));
</script>
</body>
</html>
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.
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.