<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>PROFESIONALES DEL WEB &#187; Diseño Web</title>
	<atom:link href="http://www.profesionalesdelweb.es/category/diseno-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.profesionalesdelweb.es</link>
	<description>Posicione su negocio en Internet</description>
	<lastBuildDate>Thu, 19 Jan 2012 07:26:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<item>
		<title>Como elegir un tipo de letra (I)</title>
		<link>http://www.profesionalesdelweb.es/2008/03/26/como-elegir-un-tipo-de-letra-i/</link>
		<comments>http://www.profesionalesdelweb.es/2008/03/26/como-elegir-un-tipo-de-letra-i/#comments</comments>
		<pubDate>Wed, 26 Mar 2008 17:43:58 +0000</pubDate>
		<dc:creator>f.ayllon</dc:creator>
				<category><![CDATA[Diseño gráfico]]></category>
		<category><![CDATA[Diseño Web]]></category>

		<guid isPermaLink="false">http://www.profesionalesdelweb.es/2008/03/26/como-elegir-un-tipo-de-letra-i/</guid>
		<description><![CDATA[A la hora de realizar un trabajo de diseño, una de las cosas a tener en cuenta es qué tipo de fuente vamos a usar. Para ello intentare explicar de una manera muy simple algunos conceptos básicos referidos al extenso tema de las fuentes. A grosso modo, los tipos de letras las podemos englobar en [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.profesionalesdelweb.es/wp-content/uploads/2008/03/tipodefuentes.gif' alt='tipodefuentes.gif' align="left" />A la hora de realizar un trabajo de diseño, una de las cosas a tener en cuenta es qué <a href="http://es.wikipedia.org/wiki/Fuente_tipográfica">tipo de fuente</a> vamos a usar. Para ello intentare explicar de una manera muy simple algunos conceptos básicos referidos al extenso tema de las fuentes.</p>
<p>A grosso modo, los tipos de letras las podemos englobar en dos familias:</p>
<p><img src='http://www.profesionalesdelweb.es/wp-content/uploads/2008/03/fuentes.gif' alt='fuentes.gif' align="right" /><b><a href="http://es.wikipedia.org/wiki/Serif">Serif</a></b>: Se caracteriza por usar unos adornos en los extremos de las letras. Podríamos decir que son como patitas que soportan las letras y que embellecen la forma de la fuente dándole cierta estabilidad y emparejando unas letras con otras dándole continuidad al texto. Este tipo de letra cansa menos a la vista en documentos impresos y por tanto es el más extendido en dicho formato. Muy aconsejable en textos donde el tamaño de la letra no es demasiado grande (como por ejemplo en el cuerpo de una noticia de un periódico. La fuete Serif por antonomasia es la llamada &quot;<a href="http://es.wikipedia.org/wiki/Times_New_Roman">Times New Roman</a>&quot;. </p>
<p><a href="http://es.wikipedia.org/wiki/Sans-serif"><b>Sans-Serif</b>:</a> También denominadas &quot;letras de palo&quot; se caracterizan por la ausencia de serifa (o sea de adornos en los extremos de las letras). Este tipo de fuente es muy usada en titulares de prensa en los que destaca un mayor tamaño en la letra. Así mismo, a la hora de presentar un párrafo en pantalla, la fuente mas recomendable debería ser una fuente sans-serif porque al parecer cansa menos la vista y el texto se representa mas claramente. La fuente que podría representar a este tipo de fuentes es la denominada &quot;<a href="http://es.wikipedia.org/wiki/Arial">Arial</a>&quot;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.profesionalesdelweb.es/2008/03/26/como-elegir-un-tipo-de-letra-i/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>El PageRank de Google o la importancia de un numerito</title>
		<link>http://www.profesionalesdelweb.es/2008/02/26/el-pagerank-de-google-o-la-importancia-de-un-numerito/</link>
		<comments>http://www.profesionalesdelweb.es/2008/02/26/el-pagerank-de-google-o-la-importancia-de-un-numerito/#comments</comments>
		<pubDate>Tue, 26 Feb 2008 21:59:51 +0000</pubDate>
		<dc:creator>f.ayllon</dc:creator>
				<category><![CDATA[Diseño Web]]></category>

		<guid isPermaLink="false">http://www.profesionalesdelweb.es/wordpress/2008/02/26/el-pagerank-de-google-o-la-importancia-de-un-numerito/</guid>
		<description><![CDATA[Cuando creamos una web, uno de los principales objetivos es tener la suficiente importancia como para hacer negocio con el trafico que generan las visitas, bien sea por la publicidad que incluyamos en nuestro sitio web o bien sea para publicitar nuestros servicios y/o productos. Hoy por hoy la empresa más importante de internet es [...]]]></description>
			<content:encoded><![CDATA[<p><img border="0" align="right" src="http://www.profesionalesdelweb.es/wp-content/uploads/2008/06/pagerank.jpg" alt="El PageRank de Google o la importancia de un numerito" />Cuando creamos una web, uno de los principales objetivos es tener la suficiente importancia como para hacer negocio con el trafico que generan las visitas, bien sea por la publicidad que incluyamos en nuestro sitio web o bien sea para publicitar nuestros servicios y/o productos.</p>
<p>Hoy por hoy la empresa más importante de internet es Google y es el sitio de referencia para el resto de las webs.</p>
<p>Google puntúa la importancia de las páginas web y las clasifica en un ranking del 1 al 10. De esa manera, les asigna la importancia que tienes en internet. Cuando desde tu web enlazas a otra web, Google le asigna un voto a esa web referenciada y a más votos más importancia. Mientras más alto sea el &#8220;PageRank&#8221; de nuestra web, más rentables serán las visitas que recibamos y más podremos valorar nuestra web.</p>
<p>La importancia por tanto de conseguir enlaces de sitios con alto &#8220;PageRank&#8221; resulta esencial para progresar y subir nosotros mismos en ese ranking, pudiendo posicionar nuestra web de manera mas efectiva. Con ello conseguiremos que esas webs importantes compartan con nosotros su importancia.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.profesionalesdelweb.es/2008/02/26/el-pagerank-de-google-o-la-importancia-de-un-numerito/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La guerra de los navegadores y los estandares web</title>
		<link>http://www.profesionalesdelweb.es/2008/02/14/la-guerra-de-los-navegadores-y-los-estandares-web/</link>
		<comments>http://www.profesionalesdelweb.es/2008/02/14/la-guerra-de-los-navegadores-y-los-estandares-web/#comments</comments>
		<pubDate>Thu, 14 Feb 2008 12:45:17 +0000</pubDate>
		<dc:creator>f.ayllon</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[navegadores]]></category>
		<category><![CDATA[opera]]></category>

		<guid isPermaLink="false">http://www.profesionalesdelweb.es/wordpress/?p=8</guid>
		<description><![CDATA[Sin duda alguna, para todos los que nos dedicamos profesionalmente al diseño y creación de sitios web. A la hora de realizar nuestras creaciones, nos damos de bruces con la cruda realidad. Lidiar con los distintos navegadores web para que nuestros diseños quende donde deberían y para conseguirlos debemos recurrir ineludiblemente a ingeniosas artimañas para [...]]]></description>
			<content:encoded><![CDATA[<p>Sin duda alguna, para todos los que nos dedicamos profesionalmente al diseño y creación de sitios web. A la hora de realizar nuestras creaciones, nos damos de bruces con la cruda realidad. Lidiar con los distintos navegadores web para que nuestros diseños quende donde deberían y para conseguirlos debemos recurrir ineludiblemente a ingeniosas artimañas para que los textos y las imágenes no se descuadren arruinando por completo nuestro trabajo.</p>
<p>Con el paso del tiempo, los desarrolladores vamos asimilando cada vez mas la importancia de comprobar nuestro diseño en los diferentes navegadores mas usados. Yo soy un defensor a ultranza del tan querido y odiado Internet Explorer. ¿y cual es el motivo pensareis?, la respuesta es simple: El numero de usuarios.</p>
<p>Recientes estudios de mercado arrojan como resultado el incremento de visitantes con otros navegadores como son Firefox, Opera o Safari que comienzan a tener especial relevancia en dichos estudios. Por tanto, limitar nuestro trabajo a solo Internet Explorer es una practica cada día mas en desuso. Mi consejo, diseñad bien para IExplorer y repasad el diseño para que se vea aceptáblemente con el resto de navegadores.</p>
<p><img src="http://www.profesionalesdelweb.es/wp-content/uploads/2008/06/chica-navegador1.png" alt="chica-navegador1.png" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.profesionalesdelweb.es/2008/02/14/la-guerra-de-los-navegadores-y-los-estandares-web/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Terra y los estándares: sintomas de una enfermedad</title>
		<link>http://www.profesionalesdelweb.es/2008/01/18/terra-y-los-estandares-sintomas-de-una-enfermedad/</link>
		<comments>http://www.profesionalesdelweb.es/2008/01/18/terra-y-los-estandares-sintomas-de-una-enfermedad/#comments</comments>
		<pubDate>Fri, 18 Jan 2008 14:00:05 +0000</pubDate>
		<dc:creator>f.ayllon</dc:creator>
				<category><![CDATA[Diseño Web]]></category>

		<guid isPermaLink="false">http://www.profesionalesdelweb.es/wordpress/?p=3</guid>
		<description><![CDATA[Los casos de Las Amarillas y Terra muestran falta de propósito en el uso de estándares web. FayerWayer publica una nota sobre el nuevo sitio de Terra. El nuevo sitio ha sido reconstruido “sin tablas”, conservando el diseño en archivos CSS. Como antes Las Páginas Amarillas (también discutido en FayerWayer), el equipo de Terra parece [...]]]></description>
			<content:encoded><![CDATA[<blockquote class="excerpt"><p>Los casos de <strong>Las Amarillas</strong> y <strong>Terra</strong> muestran falta de propósito en el uso de estándares web.</p></blockquote>
<p class="post"><a href="http://www.fayerwayer.com/">FayerWayer</a> publica <a href="http://www.fayerwayer.com/archivo/2006/01/impresentable_nuevo_sitio_de_terra.php">una nota</a> sobre el nuevo sitio de <a href="http://www.terra.cl/">Terra</a>. El nuevo sitio ha sido reconstruido “sin tablas”, conservando el diseño en archivos <abbr tip="Cascading Style Sheets"></abbr>CSS. Como antes <a href="http://www.amarillas.cl/home.do?method=showHome&amp;guideId=1&amp;localeMarketId=0">Las Páginas Amarillas</a> (también discutido en <strong>FayerWayer</strong>), el equipo de Terra parece haberse entusiasmado con esto de los estándares web y tomaron el arriesgado paso de construir desde cero utilizando lo más cool en metodologías de desarrollo web.</p>
<p>O eso parece.</p>
<p>Al momento de la publicación de la nota, el sitio se ve ridículamente mal en Safari y Firefox, dos navegadores que, si bien ocupan sólo una fracción del mercado, son los más cercanos a una implementación perfecta de los estándares HTML y CSS.</p>
<p>Analizando brevemente el código, uno se da cuenta de que este es un caso más de “divitis”, esa enfermedad que suele afectar a los recien iniciados en el dominio del diseño web sin tablas, cuyos síntomas son (des)estructurar las páginas con una sobreabundancia de elementos &lt;div&gt;. Títulos, párrafos, listas…Todo son divs.</p>
<p>La <em>divitis</em> no es una enfermedad grave en si. Todos hemos echado mano alguna vez a un par de div’s auxiliares para resolver ciertos problemas de diseño que la naturaleza rectangular de CSS no nos permitía resolver. Pero la divitis sí puede ser síntoma de un mal mayor: la falta de propósito.</p>
<p>Como sabrán, los <strong>estándares web</strong> tienen un propósito y un sentido. Los estándares no son una ciencia exacta, y por lo mismo iniciarse en ellos puede resultar árido. Bien aplicados, usar <acronym tip="Hypertext Markup Language">HTML</acronym> apropiádamente resulta en documentos más mantenibles y con mejor posicionamiento en los buscadores. Cuando evitamos usar tablas en nuestros documentos, lo hacemos porque así reducimos la cantidad de código superfluo y por lo tanto aumentamos la proporción de nuestro contenido. Eso es bueno porque así el contenido se vuelve más “visible” para los buscadores. Por supuesto, hay veces en que las tablas son buenas, como es el caso de gráficos, planillas o cualquier grupo de datos de tipo <em>tabular</em>.</p>
<p>Cuando eliminamos todo rastro de diseño de nuestro HTML, lo hacemos porque de este modo hacemos más fácil la mantención y corrección del diseño durante la vida del sitio. Además, esto nos permite concentrarnos en estructurar <em>semánticamente</em> el HTML, objetivo para el cual fue creado el lenguaje. Estructurar <em>semánticamente</em>, en este contexto, significa usar las etiquetas que mejor describan el tipo de contenido que estoy agregando a mis documentos. HTML dispone gentilmente de etiquetas para estructurar títulos, encabezados, listas, hipervínculos, párrafos, definiciones, énfasis, direcciones, formulas matemáticas, formularios y muchos otros elementos comunes a todo documento. Ese es el <em>propósito</em> de HTML. Al hacer esto, estamos haciendo nuestros documentos aún más visibles a los buscadores, además de más accesibles para personas con problemas motrices o de visión. Cuando tratamos de usar <strong>sólo las etiquetas imprescindibles para describir la estructura de nuestro contenido</strong> de la mejor forma posible estamos aplicando estándares web.</p>
<p>¿y el diseño? Del diseño se encarga CSS. CSS es genial. En tan potente que nos permite hacer casi lo que se nos ocurra con nuestro contenido que espera sumiso y ordenadito en su archivo HTML. Como HTML, CSS es un estándar. Depende de cada fabricante de navegadores en qué medida acatará ese estándar. Los estándares son buenos porque hacen lo posible por asegurarnos que nuestras páginas se comportarán del mismo modo en todos los dispositivos que sigan los estándares. Cumplir los estándares es como una garantía, un umbral mínimo de eficiencia. Las carreteras tienen estándares. Los edificios tienen estándares. Hasta los Kiwis tienen estándares de tamaño, peso y forma si los quieres exportar fuera del pais (si, los kiwis!). Si a un ingeniero civil le exigimos que cumpla con normas mínimas para construir una carretera funcional y segura, no veo porqué no hacer lo mismo con alguien que construirá un artefacto de información -un sitio web- que será consumido por miles.</p>
<p>Así pues, el estándar CSS sirve para diseñar documentos. Si lo vas a usar, concéntrate en usarlo de acuerdo al estándar y lidia con los navegadores divergentes despues<strong>*<sup>1</sup></strong>. Cierto, Microsoft Internet Explorer está lejos de respetar bien los estándares. Cierto, Microsoft Internet Explorer es por lejos el navegador más usado en el mundo entero. Pero construye tu CSS exclusívamente para Microsoft Internet Explorer y estarás dejando fuera a la suma de usuarios que usan la suma del resto de los navegadores, estándares o no. Luego, si construyes tu CSS según la interpretación arbitraria, no estándar, de una versión particular de un navegador particular, no hay nada que impida que, a la siguiente versión del navegador, tus diseños se vean totalmente destruidos (como pasó con el salto de IE5 a IE6 y como pasará con IE7).<br />
CSS es un estándar pensado para dar diseños consistentes a la mayor cantidad de usuarios y software posible. Ese es el propósito de CSS.</p>
<p>Así, los casos de <strong>Las Amarillas</strong> y <strong>Terra</strong> muestran falta de propósito. Mantener un sitio repleto de divs es casi tan tedioso como uno repleto de tablas. Ambos son probablemente igual de deficientes ante los buscadores y absolutamente inaccesibles. Uno no diseña sin tablas porque es cool o para matar el tiempo de una tarde aburrida. Uno diseña sin tablas, uno aplica estándares, porque hay un propósito.</p>
<p><strong>Escrito por Ismael de la web http://www.estadobeta.com</strong><br />
<a href="http://www.estadobeta.com/2006/01/14/terra-y-los-estandares-sintomas-de-una-enfermedad/">http://www.estadobeta.com/2006/01/14/terra-y-los-estandares-sintomas-de-una-enfermedad/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.profesionalesdelweb.es/2008/01/18/terra-y-los-estandares-sintomas-de-una-enfermedad/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

