¿Qué es el HTML?
Si las páginas fueran sólo líneas y líneas de texto, serían muy aburridas. Para evitar esto, el autor puede dejar escrita la estructura del texto para que los usuarios puedan -mediante sus navegadores- dar un formato especial a algunas secciones.
HTML es sólo para describir la estructura de una web. El autor le cuenta al navegador cómo es la web; y es trabajo del navegador decidir cómo va a mostrar cada sección (colores, tamaños, tipos de letra, ...). Si el autor quiere además especificar el diseño, puede usar CSS (hojas de estilo), que explico más adelante. No sirve el HTML.
¿Es necesario usar HTML?
No, hay más formas de estructurar contenido, por ejemplo XML o XHTML (que es una mezcla de XML y HTML).
Con el tiempo dejará de usarse HTML en favor de XHTML, que cumple mejor con su objetivo.
Estructura básica de una web
Un ejemplo de lo mínimo que tiene que tener:
Mi web. Qué bonita que es mi web.
Aquí va el contenido.
El título, lo más importante
Dicen que el es, con mucha diferencia, lo más importante de una web.
<br />La verdad es que sí que es importante: lo usan los buscadores para indexar la página, pero (aún más importante) lo usamos las personas para saber en qué web entrar cuando un buscador muestra cientos de ellas. Así que elige un buen título, y ni se te ocurra dejarlo en blanco.
<br />
<br /><span style="color:#ffcc00;">Escribe todas las etiquetas en minúsculas
<br /></span>Se aceptan tanto mayúsculas como minúsculas, pero es mejor que elijas un estilo fijo y no lo vayas cambiando. Yo he decidido las minúsculas por muchas cosas:
<br />- es más fácil de leer.
<br />- es más fácil de escribir.
<br />- en XML (y XHTML) sólo se aceptan minúsculas, así que el cambio a XHTML será muy fácil.
<br />CSS se suele hacer en minúsculas también.
<br />- una página se comprime mejor cuando se usan etiquetas en minúsculas. Bueno, vale, esto es una razón algo extraña... pero es que algunos servidores web las transfieren comprimidas.
<br />
<br /><span style="color:#ffcc00;">Cierra todo lo que abras (con excepciones), y en orden
<br /></span>No está permitido hacer cosas como <td><a>enlace</td>, ni <ul><li>uno<li>dos<li>tres</ul>, ni <strong>código <em>incorrecto</strong></em>. Eso causa desastres en muchos navegadores: imagina que empiezas un enlace al principio de la página, y no lo cierras nunca. Entonces ¡toda la página forma parte del enlace! y puede salir toda subrayada (es muy asqueroso).
<br />Hay algunas etiquetas que no se cierran porque no tienen contenido por dentro, como <img> o <br />. En XHTML es obligatorio cerrarlas, y para no tener que escribir <br /></br>, se permite <br />. Pero eso es XHTML... de momento en el HTML no cierres <br /> y ya está.
<br />
<br /><span style="color:#ffcc33;">Los atributos, siempre entrecomillados</span>
<br />En realidad sólo es obligatorio poner entre comillas los atributos que tienen caracteres no alfanuméricos, por ejemplo en <body bg style="color:#E099F5;"> (por el #).
<br />Pero es mucho mejor que las pongas siempre, porque así no hay que pensar cuándo sí y cuándo no, y además es como hay que hacerlo en XML y XHTML. De todas formas, no hace falta poner casi atributos en el HTML correcto.
<br />Puedes usar varios tipos de comillas, pero lo más normal es la comilla doble, ".
<br />
<br />Bueno, pues el <span> es inline y el <div> es block. Cuando quieras dar formato a unas cuantas palabras, sin romper el flujo del texto, mete esas palabras dentro del <span>, y cuando quieras formatear un montón de elementos juntos (un trozo de página, de una línea o varias), mételo todo dentro de un <div>.
<br />
<br />EJEMPLO 1
<br />
<br /><span style="color:#ffcc66;"><p>Puedes aplicar <span style="font-size: 120%; text-transform: uppercase; color: blue; cursor:pointer;">muchos efectos</span> a un trozo de texto sin necesidad de usar la etiqueta font.</p><div style="text-align: center; border: 3px dashed orange; background: yellow; font-style:italic;"><p>Y puedes formatear todo un trozo de página a la vez...</p><p>si lo metes dentro de un div.</p></div></span>
<br />
<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'>
<span itemprop='name'>Martin Fernando Tello Ordoñez</span>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://aula-3.blogspot.com/2009/09/pagina-web.html' itemprop='url'/>
<a class='timestamp-link' href='https://aula-3.blogspot.com/2009/09/pagina-web.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-09-10T20:11:00-07:00'>20:11</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://aula-3.blogspot.com/2009/09/pagina-web.html#comment-form' onclick=''>
No hay comentarios:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-811641330'>
<a href='https://www.blogger.com/post-edit.g?blogID=7712928260235636634&postID=2181809938886354458&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, 26 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3rS8XeMC_xWbR4Hw_GgPEXZDxIOIhON08bVA0ajyGUSTztn3uHnty0UmyPRrfhKbmYSX79DnyhsAYgcNYZSXLjfPTgyAtq87ec9Up2WZuE8u-IcE71dfEOaPORqcSZz_U-0OApdE29-s/s320/bridgestone_latest_e_paper_won_002.jpg' itemprop='image_url'/>
<meta content='7712928260235636634' itemprop='blogId'/>
<meta content='926346017326015280' itemprop='postId'/>
<a name='926346017326015280'></a>
<h3 class='post-title entry-title' itemprop='name'>
<a href='https://aula-3.blogspot.com/2009/05/libro-electronico.html'>LIBRO ELECTRÓNICO</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-926346017326015280' itemprop='description articleBody'>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3rS8XeMC_xWbR4Hw_GgPEXZDxIOIhON08bVA0ajyGUSTztn3uHnty0UmyPRrfhKbmYSX79DnyhsAYgcNYZSXLjfPTgyAtq87ec9Up2WZuE8u-IcE71dfEOaPORqcSZz_U-0OApdE29-s/s1600-h/bridgestone_latest_e_paper_won_002.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5340288559495775826" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3rS8XeMC_xWbR4Hw_GgPEXZDxIOIhON08bVA0ajyGUSTztn3uHnty0UmyPRrfhKbmYSX79DnyhsAYgcNYZSXLjfPTgyAtq87ec9Up2WZuE8u-IcE71dfEOaPORqcSZz_U-0OApdE29-s/s320/bridgestone_latest_e_paper_won_002.jpg" style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 270px; DISPLAY: block; HEIGHT: 320px; CURSOR: hand" /></a><br /><div>LIBRO ELECTRÓNICO O E-BOOK.<br /><br />Es ambiguo, ya que se refiere tanto a una obra individual en formato digital, como a un <a title="Dispositivo" href="http://es.wikipedia.org/wiki/Dispositivo">dispositivo</a> utilizado para leer libros en formato digital. La mayoría de los usuarios no utiliza el término eBook en el segundo sentido, y emplean, en cambio, el término más preciso de dispositivo de eBook.<br />Por otra parte, algunos autores defienden que se debe hacer una distinción entre los libros electrónicos y el <a title="Hipertexto" href="http://es.wikipedia.org/wiki/Hipertexto">hipertexto</a>. El hipertexto, está destinado a la estructuración de la información a través de enlaces, mientras que un eBook no es más que la digitalización de un libro originariamente editado en papel. Un ejemplo de hipertexto sería <a title="http://es.wikisource.org/wiki/Portada" href="http://es.wikisource.org/wiki/Portada">WikiSource</a> y uno de eBook cualquier libro en formato digital que pueda encontrarse en Internet o CD-ROM.<br /><br />Evolución de los eBook<br />Diversos dispositivos pueden ser utilizados como eBook: un <a title="Ordenador personal" href="http://es.wikipedia.org/wiki/Ordenador_personal">PC</a>, una <a title="PDA" href="http://es.wikipedia.org/wiki/PDA">PDA</a>, un portátil, y en general cualquier dispositivo que posea una <a title="Pantalla" href="http://es.wikipedia.org/wiki/Pantalla">pantalla</a> y <a title="Memoria digital (aún no redactado)" href="http://es.wikipedia.org/w/index.php?title=Memoria_digital&action=edit&redlink=1">memoria</a>.<br />Sin embargo, a finales de la primera década del siglo XXI, comenzaron a aparecer dispositivos cuya función era servir exclusivamente de eBook. Estos dispositivos se caracterizan por un diseño que permite emular la versatibilidad del libro de papel tradicional. Así se buscó: movilidad y autonomía (dispositivos móviles con bajo consumo de energía para permitir lecturas prolongadas sin necesidad de recargas), pantallas con unas dimensiones suficientes para mostrar documentos tradicionales (un A4 o un A5) y alto nivel de contraste incluso a plena luz del día.<br />En este contexto aparece la <a title="Tinta electrónica" href="http://es.wikipedia.org/wiki/Tinta_electr%C3%B3nica">tinta electrónica</a>, que tiene un "<a title="Efecto papel (aún no redactado)" href="http://es.wikipedia.org/w/index.php?title=Efecto_papel&action=edit&redlink=1">efecto papel</a>' (debido a la ausencia de iluminación propia y alto contraste obtenido) y su bajo consumo (pues esta tecnología no necesita alimentación más que en los cambios de pantalla).<br />Ejemplos de estos dispositivos son el <a title="ILiad" href="http://es.wikipedia.org/wiki/ILiad">iLiad</a> (fabricado por iRex y primer dispositivo comercializado en España desde 2006), el <a title="http://es.wikipedia.org/wiki/Sony_Reader" href="http://es.wikipedia.org/wiki/Sony_Reader">Reader (PRS-500 y PRS-505) de Sony</a>, el HanLin V3, el STAReBOOK STK-101, el Bookeen Cybook y ahora el <a title="Kindle" href="http://es.wikipedia.org/wiki/Kindle">Kindle</a>, producto de Amazon.</div><br /><br /><div></div><img alt="" border="0" id="BLOGGER_PHOTO_ID_5340283629978682338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwFUJsUoOr_tMIagouS_PPA_jZ5cnJTwjz69htu_0KWag2R9zETttmmrxS3TLbB8-GBnDKCdyidkJfOfDyNiNK6fZygKOyJSYqfxOxj2c0uEDQNieGVFSJsDVePiKqBZlNKvqzzDZ7RMc/s320/isgebnb09201107095137photo00.jpg" style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 320px; DISPLAY: block; HEIGHT: 238px; CURSOR: hand" /><span style="color:#ffff00;">Libro electrónico<br /></span>Hacer un libro electrónico, también conocido como e-book tiene ventajas como apoyar la colocación de un producto en el mercado, ser una fuente de ingreso sin una gran inversión inicial, pero antes es recomendable conocer las características básicas de los libros electrónicos.<br /><br /><span style="color:#ffff00;">Definición de e-book</span><br />Un e-book es de acuerdo con la definición de <a title="Definición de e-book en Wikipedia" href="http://es.wikipedia.org/wiki/EBook" target="_blank">wikipedia</a>, "es una versión electrónica o digital de un libro", que por costumbre (no por definición) contiene un menor volumen de páginas respecto al común de los libros publicados en papel. Esto se debe a las características mismas tanto de la información que contienen, como el público lector y los medios de lectura.<br /><br /><span style="color:#ffff33;">Características de un e-book</span><br />El formato digital de un e-book permite que este disponible al alcance de un mayor número de personas que la mayoría de los libros en papel, ya que si publicas un libro en internet estará disponible para todo el mundo, por lo tanto el perfil del lector podrá ser tan variado como la temáticas del e-book lo permita.<br />Otra característica es su tamaño. Para leer un e-book se puede utilizar una computadora, un PDA o un dispositivo e-book, por lo que hay que considerar que muchos lectores preferirán dedicarle un menor tiempo a la lectura, comparado con un libro en papel, por el impacto que tiene la lectura en el cansancio de la vista.<br />Como consecuencia de lo anterior, la temática del e-book puede ser muy específica y concreta, permitiendo la profundidad en el desarrollo de la información. De esta manera el lector sentirá una mayor atracción por la adquisición del e-book ya que encontrará la información exacta que está buscando.<br />El costo de publicación de un e-book es considerablemente inferior a la publicación de un libro en papel, ya que la venta del e-book se puede realizar en diferentes medios ya sean en un sitio de internet del tema o en sitios de ventas por internet como <a title="Mercado Libre" href="http://pmstrk.mercadolibre.com.mx/jm/PmsTrk?tool=5082167&go=http://www.mercadolibre.com" target="_blank">MercadoLibre</a> , <a href="http://renanqd.reseller.hop.clickbank.net/" target="_blank">ClickBank</a> , <a href="http://www.amazon.com/" target="_blank">Amazon</a> , etc.<br /><br />Donde conseguir e-books<br />Hay distintos sitios donde podrás conseguir e-books de resúmenes o libros completos, ya sea de forma gratuita o con algun costo.<br />· <a title="Resúmenes de libros de administración" href="http://renanqd.foreignmba.hop.clickbank.net/" target="_blank">http://renanqd.foreignmba.hop.clickbank.net/</a><br />· <a href="http://www.todoebook.com/index.asp" target="_blank">http://www.todoebook.com/index.asp</a><br />· <a href="http://www.ebooks.com/" target="_blank">http://www.ebooks.com/</a><br />· <a href="http://www.amazon.com/">http://www.amazon.com/</a><br /><br />Hacer un e-book<br />Casi cualquier persona puede hacer y publicar un e-book, lo primero que habrá que hacer, como en casi cualquier actividad que a emprender es establecer el objetivo para que el que se esta escribiendo el e-book, una vez definido el objetivo, se requiere tener conocimientos específicos de algún tema en particular o al menos fuentes suficientes para obtener la informaición. En este aspecto es importante mencionar que se deberá tener cuidado en no violar los derechos de autor al publicar un e-book.<br />Hay algunas herramientas y páginas que te podrán ayudar a publicar tu e-book, una de ellas es <a href="http://renanqd.uruworkers.hop.clickbank.net/" target="_blank">ciber autores</a>, que te da algunos consejos y sobre todo te proporciona herramientas para la publicación de tu e-book.<br />Una vez que has hecho tu e-book podrás comenzar a ganar dinero con él al venderlo a través de difentes medios. Para eso encontarás algunos posts en este blog que te ayudarán a vender en internet tu nuevo e-book.<br /><br /><div></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'>
<span itemprop='name'>Martin Fernando Tello Ordoñez</span>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://aula-3.blogspot.com/2009/05/libro-electronico.html' itemprop='url'/>
<a class='timestamp-link' href='https://aula-3.blogspot.com/2009/05/libro-electronico.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-05-26T16:40:00-07:00'>16:40</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://aula-3.blogspot.com/2009/05/libro-electronico.html#comment-form' onclick=''>
No hay comentarios:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-811641330'>
<a href='https://www.blogger.com/post-edit.g?blogID=7712928260235636634&postID=926346017326015280&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>lunes, 9 de marzo 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='7712928260235636634' itemprop='blogId'/>
<meta content='6236545844233371623' itemprop='postId'/>
<a name='6236545844233371623'></a>
<h3 class='post-title entry-title' itemprop='name'>
<a href='https://aula-3.blogspot.com/2009/03/tercer-ano.html'>TERCER AÑO</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-6236545844233371623' itemprop='description articleBody'>
Durante el presente año tendremos los siguientes temas a desarrollar, investiga y practica:<br /><br />1er Bimestre ADOBE INDESIGN<br />2do Bimestre LIBRO ELECTRONICO<br />3er Bimestre PAGINA WEB HTML<br />4to Bimestre FIREWORKS
<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'>
<span itemprop='name'>Martin Fernando Tello Ordoñez</span>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://aula-3.blogspot.com/2009/03/tercer-ano.html' itemprop='url'/>
<a class='timestamp-link' href='https://aula-3.blogspot.com/2009/03/tercer-ano.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-03-09T18:32:00-07:00'>18:32</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://aula-3.blogspot.com/2009/03/tercer-ano.html#comment-form' onclick=''>
No hay comentarios:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-811641330'>
<a href='https://www.blogger.com/post-edit.g?blogID=7712928260235636634&postID=6236545844233371623&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/AVvXsEhgRQSYDdT-UxPwwv6N7knn5CEyp_4h8PKTROofNRdz7fYc6ruiGu90vMCvPkHMpLC-VdrmnDJc68S1wyqGIVU2KStK69PC0ixbAnHHdzSRAopxs4HL3RaVJJ34wOpEonaHiVyi3pDR1Wk/s320/Dibujo01.jpg' itemprop='image_url'/>
<meta content='7712928260235636634' itemprop='blogId'/>
<meta content='482720693421621272' itemprop='postId'/>
<a name='482720693421621272'></a>
<h3 class='post-title entry-title' itemprop='name'>
<a href='https://aula-3.blogspot.com/2009/03/adobe-indesign.html'>ADOBE INDESIGN</a>
</h3>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-482720693421621272' itemprop='description articleBody'>
<strong><span style="font-size:130%;color:#ffff33;">INTRODUCCIÓN AL ADOBE INDESIGN</span></strong><br /><br /><br /><strong>Área de trabajo<br /></strong><br />De forma predeterminada el área de trabajo de indesign consta de una ventana de documentos donde puede dibujar y maquetar ilustraciones en cuadros de herramienta que contienen herramientas para dibujar y editar gráficos paletas que le ayudan a controlar y a modificar ilustraciones y menús que contienen comandos para realizar tareas puede reorganizar el área de trabajo de la forma que mejor convenga moviendo y ocultando y mostrando paletas acercando o alejando ilustraciones desplazándose a un área diferente de la ventana de documento y creando varias ventanas y vistas también puede cambiar la visibilidad de ventana del documento con los botones de modo situados en la parte inferior del cuadro de herramientas .<br /><p><img alt="" border="0" id="BLOGGER_PHOTO_ID_5311360831272272242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgRQSYDdT-UxPwwv6N7knn5CEyp_4h8PKTROofNRdz7fYc6ruiGu90vMCvPkHMpLC-VdrmnDJc68S1wyqGIVU2KStK69PC0ixbAnHHdzSRAopxs4HL3RaVJJ34wOpEonaHiVyi3pDR1Wk/s320/Dibujo01.jpg" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 391px; CURSOR: hand; HEIGHT: 297px; TEXT-ALIGN: center" /></p><br /><p><strong>Paleta de control<br /></strong><br />Ofrece acceso rápido a opciones comandos y otras paletas relacionadas con el elemento de pagina actual o los objetos seleccionados de forma predeterminada esta acoplada en la parte superior de la ventana de documento pero se puede acoplar a la inferior convertirla en flotante u ocultarla.<br />La mayoría de las opciones que parecen en la paleta control varian en función del tipo de objeto seleccionado por ejemplo si selecciona un marco, la paleta control muestra opciones para cambiar el tamaño o la posición, segar y rotar el marco o aplicar un estilo de objeto. Si selecciona texto en un marco muestra opciones para ajustar atributos del texto, como estilo de fuente, tamaño, interlineado y desplazamiento de la línea de base. Para formatear el texto, puede mostrar tanto las opciones de carácter como las de párrafo. Los comandos que aparecen en el menú de la paleta también varían según el tipo de objeto seleccionado aunque los que sirven para acoplar y hacer flotar la paleta control aparecen siempre.<br /><br /><br /><strong>Cuadro de herramientas<br /></strong><br />Algunas herramientas del cuadro de herramientas sirven para seleccionar, editar y crear elementos de página. Otras permiten elegir texto, formas y líneas y degradados. De forma predeterminada, el cuadro de herramienta aparece en forma de dos columnas verticales.<br /><a href="http://braz.com.ar/ices/indesing/glyptodon/clase02/images/popup.html?pu03.gif"></a>Seleccione una herramienta del cuadro de herramientas predeterminado con un solo clic. El cuadro de herramientas también incluyen varias herramientas ocultas relacionadas con la visible. Estas herramientas se indican con una flecha situada a la derecha del icono de la herramienta.<br /></p><p></p><img alt="" border="0" id="BLOGGER_PHOTO_ID_5311361185500835714" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1o-5cOGVEUb8bOuLsz9gd1Dkomr4Bn1kfbnaApSjHp2R-KoGWu026F2GT3mQXux64Bw2xXDgC773V74Yt6GFvXSaK9CbxEeVyLUdGv4TDg90Kic6cSPdQO7T7mS8u43CA1VUuDqeEdHc/s320/Dibujo02.jpg" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 370px; CURSOR: hand; HEIGHT: 484px; TEXT-ALIGN: center" />
<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'>
<span itemprop='name'>Martin Fernando Tello Ordoñez</span>
</span>
</span>
<span class='post-timestamp'>
en
<meta content='http://aula-3.blogspot.com/2009/03/adobe-indesign.html' itemprop='url'/>
<a class='timestamp-link' href='https://aula-3.blogspot.com/2009/03/adobe-indesign.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-03-09T17:52:00-07:00'>17:52</abbr></a>
</span>
<span class='post-comment-link'>
<a class='comment-link' href='https://aula-3.blogspot.com/2009/03/adobe-indesign.html#comment-form' onclick=''>
No hay comentarios:
</a>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-811641330'>
<a href='https://www.blogger.com/post-edit.g?blogID=7712928260235636634&postID=482720693421621272&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'>
<a class='home-link' href='https://aula-3.blogspot.com/'>Inicio</a>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Suscribirse a:
<a class='feed-link' href='https://aula-3.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 Text' data-version='1' id='Text1'>
<h2 class='title'>TAREAS</h2>
<div class='widget-content'>
Realiza lo siguiente:<br/><a href="http://tarea1-wohler.blogspot.com/">http://tarea1-wohler.blogspot.com</a><br/><br/>
</div>
<div class='clear'></div>
</div><div class='widget Followers' data-version='1' id='Followers2'>
<h2 class='title'>Seguidores</h2>
<div class='widget-content'>
<div id='Followers2-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/7712928260235636634?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM5OTk5OTkiByM5OWFhZGQqByMwMDAwMDAyByNhYWRkOTk6ByM5OTk5OTlCByM5OWFhZGRKByM3Nzc3NzdSByM5OWFhZGRaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3des\x26origin\x3dhttps://aula-3.blogspot.com");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
},
'blogger-ping': function() {
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers/frame/7712928260235636634?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM5OTk5OTkiByM5OWFhZGQqByMwMDAwMDAyByNhYWRkOTk6ByM5OTk5OTlCByM5OWFhZGRKByM3Nzc3NzdSByM5OWFhZGRaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3des\x26origin\x3dhttps://aula-3.blogspot.com");
</script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive2'>
<h2>Archivo del blog</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive2_ArchiveList'>
<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='https://aula-3.blogspot.com/2009/'>
2009
</a>
<span class='post-count' dir='ltr'>(4)</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='https://aula-3.blogspot.com/2009/03/'>
marzo
</a>
<span class='post-count' dir='ltr'>(2)</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='https://aula-3.blogspot.com/2009_03_09_archive.html'>
mar 09
</a>
<span class='post-count' dir='ltr'>(2)</span>
</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='https://aula-3.blogspot.com/2009/05/'>
mayo
</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='https://aula-3.blogspot.com/2009_05_26_archive.html'>
may 26
</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='https://aula-3.blogspot.com/2009/09/'>
septiembre
</a>
<span class='post-count' dir='ltr'>(1)</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='https://aula-3.blogspot.com/2009_09_10_archive.html'>
sept 10
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='posts'>
<li><a href='https://aula-3.blogspot.com/2009/09/pagina-web.html'>PAGINA WEB</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div>
</div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div>
<!-- end content-wrapper -->
<div id='footer-wrapper'>
<div class='footer no-items section' id='footer'></div>
</div>
</div></div>
<!-- end outer-wrapper -->
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/91768132-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7-jHPevR8IGqBPZGnSjN6DhX8hdQ:1736506224244';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7712928260235636634','//aula-3.blogspot.com/','7712928260235636634');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7712928260235636634', 'title': 'AULA 3', 'url': 'https://aula-3.blogspot.com/', 'canonicalUrl': 'http://aula-3.blogspot.com/', 'homepageUrl': 'https://aula-3.blogspot.com/', 'searchUrl': 'https://aula-3.blogspot.com/search', 'canonicalHomepageUrl': 'http://aula-3.blogspot.com/', 'blogspotFaviconUrl': 'https://aula-3.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\x22AULA 3 - Atom\x22 href\x3d\x22https://aula-3.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22AULA 3 - RSS\x22 href\x3d\x22https://aula-3.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22AULA 3 - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7712928260235636634/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/d2c988fc3a56b1b1', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtener enlace', 'key': 'link', 'shareMessage': 'Obtener enlace', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartir en Facebook', 'target': 'facebook'}, {'name': 'Escribe un blog', 'key': 'blogThis', 'shareMessage': 'Escribe un blog', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Compartir en X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartir en Pinterest', 'target': 'pinterest'}, {'name': 'Correo electr\xf3nico', 'key': 'email', 'shareMessage': 'Correo electr\xf3nico', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27es\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Leer m\xe1s', 'pageType': 'index', 'pageName': '', 'pageTitle': 'AULA 3'}}, {'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': 'AULA 3', 'description': '', 'url': 'https://aula-3.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]);
_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/2956189928-lbx__es.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'sidebar', document.getElementById('Text1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers2', 'sidebar', document.getElementById('Followers2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive2', 'sidebar', document.getElementById('BlogArchive2'), {'languageDirection': 'ltr', 'loadingMessage': 'Cargando\x26hellip;'}, 'displayModeFull'));
</script>
</body>
</html>