<?xml version="1.0" encoding="ISO-8859-1"?><!-- generator="FeedCreator 1.7.2-ppt (info@mypapit.net)" --><rss version="2.0">    <channel>        <title>DISEŅO WEB I - EDUARDO HURTADO</title>        <description><![CDATA[PRIMER SEMESTRE TECNOLOGIA EN SISTEMAS]]></description>        <link>http://dsweb.blogcindario.com/</link>        <lastBuildDate>Mon, 16 Aug 2010 18:58:54 +0100</lastBuildDate>        <generator>FeedCreator 1.7.2-ppt (info@mypapit.net)</generator>        <item>            <title>Lenguajes Utilizados</title>            <link>http://dsweb.blogcindario.com/2008/08/00013-lenguajes-utilizados.html</link>            <description><![CDATA[<p>El <a class="autolink" href="http://www.monografias.com/trabajos7/html/html.shtml" id="autolink">HTML</a> no es m&aacute;s que una aplicaci&oacute;n del SGML (Standard Generalized Markup Language), un <a class="autolink" href="http://www.monografias.com/trabajos11/teosis/teosis.shtml" id="autolink">sistema</a> para definir tipos de <a class="autolink" href="http://www.monografias.com/trabajos14/comer/comer.shtml" id="autolink">documentos</a> estructurados y lenguajes de <a class="autolink" href="http://www.monografias.com/trabajos16/marca/marca.shtml" id="autolink">marcas</a> para representar esos mismos <a class="autolink" href="http://www.monografias.com/trabajos14/comer/comer.shtml" id="autolink">documentos</a>. El t&eacute;rmino <a class="autolink" href="http://www.monografias.com/trabajos7/html/html.shtml" id="autolink">HTML</a> se suele referir a ambas cosas, tanto al tipo de documento como al <a class="autolink" href="http://www.monografias.com/trabajos16/desarrollo-del-lenguaje/desarrollo-del-lenguaje.shtml" id="autolink">lenguaje</a> de <a class="autolink" href="http://www.monografias.com/trabajos16/marca/marca.shtml" id="autolink">marcas</a>.<br />A medida que nos afianzamos en el manejo de <a class="autolink" href="http://www.monografias.com/Computacion/Internet/" id="autolink">Internet</a> cada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas p&aacute;ginas, luego nos damos cuenta que existen <a class="autolink" href="http://www.monografias.com/trabajos/buscadores/buscadores.shtml" id="autolink">buscadores</a> lo cual lo hace m&aacute;s interesante y por &uacute;ltimo nos damos cuenta que en <a class="autolink" href="http://www.monografias.com/Computacion/Internet/" id="autolink">Internet</a> no solamente se puede ver la <a class="autolink" href="http://www.monografias.com/trabajos7/sisinf/sisinf.shtml" id="autolink">informaci&oacute;n</a> sino que tambi&eacute;n se puede publicar. &iquest;y qu&eacute; otra manera m&aacute;s f&aacute;cil y m&aacute;s sencilla? Si Internet tiene acceso a todos los rincones del mundo.<br />Para que varias personas se comuniquen es necesarios que &eacute;stas hablen un mismo idioma. <a class="autolink" href="http://www.monografias.com/trabajos16/desarrollo-del-lenguaje/desarrollo-del-lenguaje.shtml" id="autolink">El lenguaje</a> que utilizan las <a class="autolink" href="http://www.monografias.com/trabajos15/computadoras/computadoras.shtml" id="autolink">computadoras</a> que est&aacute;n conectadas a Internet es HTML. A trav&eacute;s de esta <a class="autolink" href="http://www.monografias.com/trabajos7/mono/mono.shtml" id="autolink">monograf&iacute;a</a> explicaremos que es HTML, sus or&iacute;genes y el <a class="autolink" href="http://www.monografias.com/trabajos14/administ-procesos/administ-procesos.shtml#PROCE" id="autolink">proceso</a> de creaci&oacute;n de una <a class="autolink" href="http://www.monografias.com/trabajos5/laweb/laweb.shtml" id="autolink">p&aacute;gina web</a>.<br />algunos ejemplos a continuacion:</p><p>Ejemplo:<br />&lt;HTML&gt;<br />&lt;HEAD&gt;<br />&lt;TITLE&gt; T&iacute;tulo de mi p&aacute;gina de Internet &lt;/TITLE&gt;<br />&lt;/HEAD&gt;<br />&lt;BODY&gt;<br />&lt;H1&gt; &lt;CENTER&gt; Primera pagina &lt;/CENTER&gt; &lt;/H1&gt;<br />&lt;HR&gt;</p><p>Esta es mi primera pagina, aunque todav&iacute;a es muy sencilla. Como el lenguaje HTML no es dif&iacute;cil, pronto estaremos en condiciones de hacer cosas mas interesantes.<br />&lt;P&gt; Aqu&iacute; va un segundo <a class="autolink" href="http://www.monografias.com/trabajos13/libapren/libapren.shtml" id="autolink">p&aacute;rrafo</a>.<br />&lt;/BODY&gt;<br />&lt;/HTML&gt;</p><p>Para escribir t&iacute;tulos se usa la etiqueta &lt;Hx&gt;&lt;/Hx&gt; en donde x es un n&uacute;mero.<br />Ejemplo:<br />&lt;h1&gt;Titulo principal&lt;/h1&gt;<br />&lt;h2&gt;Titulo secundario&lt;/h2&gt;<br />&lt;h3&gt;Titulo terciario&lt;/h3&gt;<br />&lt;h4&gt;Titulo cuarto nivel&lt;/h4&gt;<br />&lt;h5&gt;Titulo quinto&lt;/h5&gt;<br />&lt;h6&gt;Titulo sexto&lt;/h6&gt;</p><p>Quedar&iacute;a mas o menos as&iacute;:<br />Titulo principal<br />Titulo secundario<br />Titulo terciario<br />Titulo cuarto nivel<br />Titulo quinto<br />Titulo sexto<br /></p>]]></description>            <pubDate>Wed, 20 Aug 2008 12:40:52 +0100</pubDate>        </item>        <item>            <title>Tipografia</title>            <link>http://dsweb.blogcindario.com/2008/08/00012-tipografia.html</link>            <description><![CDATA[Las familias tipogr&aacute;ficas disponibles en cada sistema operativo son diferentes. Aunque las versiones actuales de Internet Explorer instalan un conjunto de fuentes similar en Windows y Mac Os, hay que tener en cuenta que existen otros navegadores y otros sistemas operativos, por lo que es importante asegurarnos de que los contenidos textuales tendr&aacute;n el mismo aspecto (oel m&aacute;s parecido posible) sea cual sea la pareja SO-navegador de cada usuario. <br />Puesto que un 97% de los usuarios de Internet utilizan PC+Windows o Mac+Mac Os, parece l&oacute;gico dise&ntilde;ar nuestras p&aacute;ginas web buscando la mayor compatibilidad tipogr&aacute;fica entre ambos sistemas. <br />Las fuentes instaladas por defecto en Windows y Mac OS (fuentes seguras) son: <img src="http://fs09n5.sendspace.com/dl/3d6a2aa546279051a1ee5c3af8fc23c4/48ac54c6052f66a0/x24lmz/tipoweb.gif" />]]></description>            <pubDate>Wed, 20 Aug 2008 12:31:14 +0100</pubDate>        </item>        <item>            <title>Redaccion En La Web</title>            <link>http://dsweb.blogcindario.com/2008/08/00011-redaccion-en-la-web.html</link>            <description><![CDATA[<p>La redacci&oacute;n de contenidos web es uno de los <strong>puntos m&aacute;s importantes</strong> a considerar en el momento de la construcci&oacute;n de su p&aacute;gina web. La escritura en internet tiene una doble vertiente, sirve para <strong>comunicar de una forma efectiva</strong> a sus usuarios y sirve para <strong>lograr primeras posiciones en los buscadores</strong>. Es la t&eacute;cnica de escribir un texto visible para el usuario pero que tambi&eacute;n consiga buenas posiciones en los buscadores para aquellas palabras clave que mejor concuerdan con nuestro mercado.</p><p>Cada p&aacute;gina web debe de tener su propio estilo, un mismo patr&oacute;n de escritura en la web no sirve para todos. Escribir bien en internet es clave para conseguir los objetivos de negocio.</p><p>Si se quiere estar en las primeras posiciones de los buscadores, es necesario tener un buen contenido. Cuanto mejor sea, mayor probabilidad de que sus usuarios le encuentren a trav&eacute;s de los buscadores.</p><p><strong>&iquest;Qu&eacute; tiene en cuenta PosicionaT para la redacci&oacute;n de los contenidos de las p&aacute;ginas web de sus clientes?</strong></p><p>PosicionaT se basa en un an&aacute;lisis previo de cual es el p&uacute;blico objetivo, que necesidades tiene, que palabras o que estilo de escritura en internet hace que un usuario se motive a comprar o hace que se vaya a un competidor, en que tono se debe de realizar la comunicaci&oacute;n para que sea efectiva, en que lugar del ciclo de compra se encuentra el usuario que le visita...</p><p>En definitiva, PosicionaT se diferencia de sus competidores porque aporta una doble visi&oacute;n, no concibe el separar el usuario y el mercado de la perfecci&oacute;n t&eacute;cnica de una p&aacute;gina web.</p>]]></description>            <pubDate>Wed, 20 Aug 2008 12:21:05 +0100</pubDate>        </item>        <item>            <title>RGB</title>            <link>http://dsweb.blogcindario.com/2008/08/00010-rgb.html</link>            <description><![CDATA[<p>La descripci&oacute;n <strong>RGB</strong> (del ingl&eacute;s <em>Red, Green, Blue</em>; "rojo, verde, azul") de un <a href="http://blogs.miarroba.com/wiki/Color" title="Color">color</a> hace referencia a la composici&oacute;n del color en t&eacute;rminos de la intensidad de los <a class="mw-redirect" href="http://blogs.miarroba.com/wiki/Colores_primarios" title="Colores primarios">colores primarios</a> con que se forma: el rojo, el verde y el azul. Es un modelo de color basado en la <a href="http://blogs.miarroba.com/wiki/S%C3%ADntesis_aditiva_de_color" title="S&iacute;ntesis aditiva de color">s&iacute;ntesis aditiva</a>, con el que es posible representar un color mediante la mezcla por adici&oacute;n de los tres colores luz primarios. Indicar que el modelo de color RGB no define por s&iacute; mismo lo que significa exactamente rojo, verde o azul, raz&oacute;n por la cual los mismos valores RGB pueden mostrar colores notablemente diferentes en diferentes dispositivos que usen este modelo de color. Aunque utilicen un mismo modelo de color, sus espacios de color pueden variar considerablemente.</p><p>Para indicar con qu&eacute; proporci&oacute;n mezclamos cada color, se asigna un valor a cada uno de los colores primarios, de manera, por ejemplo, que el valor 0 significa que no interviene en la mezcla y, a medida que ese valor aumenta, se entiende que aporta m&aacute;s intensidad a la mezcla. Aunque el intervalo de valores podr&iacute;a ser cualquiera (valores reales entre 0 y 1, valores enteros entre 0 y 37, etc.), es frecuente que cada color primario se codifique con un <a href="http://blogs.miarroba.com/wiki/Byte" title="Byte">byte</a> (8 <a href="http://blogs.miarroba.com/wiki/Bit" title="Bit">bits</a>). As&iacute;, de manera usual, la intensidad de cada una de las componentes se mide seg&uacute;n una escala que va del 0 al 255.<img height="262" src="http://upload.wikimedia.org/wikipedia/commons/1/1e/Avl3119color4a.jpg" width="235" /></p>]]></description>            <pubDate>Wed, 20 Aug 2008 12:18:50 +0100</pubDate>        </item>        <item>            <title>Paleta Web</title>            <link>http://dsweb.blogcindario.com/2008/08/00009-paleta-web.html</link>            <description><![CDATA[<p>El modelo RGB requiere de 24 bits para describir el color de cada pixel en la pantalla y el total de combinaciones posibles mediante este modelo es exactamente de 16.777.216 colores. Aunque cualquier monitor a color puede mostrar todos estos tonos, por razones de econom&iacute;a algunas computadoras usan un sistema de s&oacute;lo 8 bits conformando as&iacute; una paleta de 256 colores (tomados de esos 16 millones posibles).</p><p>En un monitor capaz de mostrar solamente 256 colores, aquellos tonos presentes en una imagen que no se encuentran en la paleta del sistema son simulados por combinaci&oacute;n de pixeles (t&eacute;cnica que se conoce como <em>dithering</em>). Por eso, en la medida de lo posible, es conveniente seleccionar para nuestras p&aacute;ginas colores que puedan ser visualizados correctamente en estos sistemas.</p><p>El inconveniente es la diferencia entre los colores definidos en la paleta de Windows y la de Mac. Ambos sistemas tienen solamente algunos colores en com&uacute;n, que son usados por Netscape y otros navegadores. Estos colores en com&uacute;n conforman la <em>paleta Web</em> o <em>paleta segura</em> (safety palette). </p><p>Esta paleta segura tiene como caracter&iacute;stica estar basada en los valores RGB con incrementos de 20% entre cada valor, por lo que resulta un total de 216 colores.</p>]]></description>            <pubDate>Wed, 20 Aug 2008 12:15:16 +0100</pubDate>        </item>        <item>            <title>Teoria Del Color</title>            <link>http://dsweb.blogcindario.com/2008/08/00008-teoria-del-color.html</link>            <description><![CDATA[El ojo humano puede distinguir aproximandamente entre 7 y 10 millones de colores. Debido a esto la vista es para nosotros el principal sentido que nos une con el exterior, de tal forma que mas o menos el 80% de la informaci&oacute;n que recibimos del mundo exterior es visual. Pintores y dise&ntilde;adores graficos utilizan esta capacidad humana de apreciar colores para crear obras que profundicen en el alma y que inspiren sentimientos en&nbsp;los seres que las contemplan.&nbsp;Pero ?qu&eacute; podemos hacer cuando debemos expresarnos con un n&uacute;mero limitado de colores?.<br /><br />Hace tan s&oacute;lo unos pocos a&ntilde;os la mayor&iacute;a de los ordenadores de los que dispon&iacute;a el p&uacute;blico en general eran, con la visi&oacute;n que tenemos hoy en d&iacute;a, unos trastos grandes, lentos y con pocas prestaciones, no s&oacute;lo a nivel de memorias y procesadores, si no tambi&eacute;n a nivel de prestaciones gr&aacute;ficas. Y los perif&eacute;ricos eran as&iacute;mismo muy limitados. Todo ello originaba que a nivel grafico estos equipos trabajaran tan s&oacute;lo con 256 colores.]]></description>            <pubDate>Wed, 20 Aug 2008 12:13:27 +0100</pubDate>        </item>        <item>            <title>Usabilidad en un sitio Web?</title>            <link>http://dsweb.blogcindario.com/2008/08/00007-usabilidad-en-un-sitio-web.html</link>            <description><![CDATA[<p class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span style="font-size: 13.5pt;"><span style="font-family: Times New Roman;">La <strong>usabilidad se</strong> define como un conjunto de t&eacute;cnicas utilizadas para valorar... Navegabilidad: la estructura de un <strong>sitio Web</strong></span></span></p><p class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span style="font-size: 13.5pt;"><span style="font-family: Times New Roman;">Es la forma o el m&eacute;todo en que un usuario manipula la Web con facilidad y comodidad sin necesidad de perderse</span></span></p>]]></description>            <pubDate>Mon, 04 Aug 2008 22:11:12 +0100</pubDate>        </item>    </channel></rss>
