<?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>ARTEgami &#187; Diseño Web</title>
	<atom:link href="http://artegami.com/tag/diseno-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://artegami.com</link>
	<description>Diseño Grafico, Diseño Web, Multimedia, SEO, Freelance, Blog</description>
	<lastBuildDate>Fri, 20 Nov 2009 12:00:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Mas de 55 cabeceras para inspirarnos</title>
		<link>http://artegami.com/mas-de-55-cabeceras-para-inspirarnos/</link>
		<comments>http://artegami.com/mas-de-55-cabeceras-para-inspirarnos/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 12:00:15 +0000</pubDate>
		<dc:creator>Isabel</dc:creator>
				<category><![CDATA[Creatividad]]></category>
		<category><![CDATA[Cabeceras]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[inspiración]]></category>

		<guid isPermaLink="false">http://artegami.com/?p=5160</guid>
		<description><![CDATA[
La cabecera de un sitio web generalmente es donde ubicamos parte de la  información mas importante. Ahí se suele colocar por supuesto el logo del sitio,  además de la navegación y quizás alguna información que cuenta mas o menos de  qué se trata.
Si planean un rediseño o directamente tienen en mente un [...]


También puedes leer<ol><li><a href='http://artegami.com/galeria-de-logos-para-inspirarnos/' rel='bookmark' title='Permanent Link: Galería de logos para inspirarnos'>Galería de logos para inspirarnos</a></li><li><a href='http://artegami.com/50-creativos-disenos-de-blogs/' rel='bookmark' title='Permanent Link: 50 creativos diseños de blogs'>50 creativos diseños de blogs</a></li><li><a href='http://artegami.com/crea-el-men-de-mac-de-forma-sencilla/' rel='bookmark' title='Permanent Link: Crea el men&uacute; de Mac de forma sencilla'>Crea el men&uacute; de Mac de forma sencilla</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="size-full wp-image-5161  aligncenter" src="http://artegami.com/wp-content/uploads/2009/11/heads.jpg" alt="heads Mas de 55 cabeceras para inspirarnos" width="400" height="208" title="Mas de 55 cabeceras para inspirarnos" /></p>
<p>La cabecera de un sitio web generalmente es donde ubicamos parte de la  información mas importante. Ahí se suele colocar por supuesto el logo del sitio,  además de la navegación y quizás alguna información que cuenta mas o menos de  qué se trata.</p>
<p>Si planean un rediseño o directamente tienen en mente un nuevo proyecto,  recuerden prestar atención a la parte superior y ubicar lo que mas visible  quieran en esta zona.</p>
<p>Mi consejo es que por un rato busquen inspiración y esto pueden hacerlo en la  recopilación de<strong> excelentes cabeceras</strong> que publicó <a href="http://www.smashingbuzz.com/2009/11/55-striking-website-headers-that-you-must-see/" target="_blank">SmashingBuzz</a> hace unos días.  Seguramente terminen con mas ideas si es que andan con poca inspiración.</p>


<p>También puedes leer<ol><li><a href='http://artegami.com/galeria-de-logos-para-inspirarnos/' rel='bookmark' title='Permanent Link: Galería de logos para inspirarnos'>Galería de logos para inspirarnos</a></li><li><a href='http://artegami.com/50-creativos-disenos-de-blogs/' rel='bookmark' title='Permanent Link: 50 creativos diseños de blogs'>50 creativos diseños de blogs</a></li><li><a href='http://artegami.com/crea-el-men-de-mac-de-forma-sencilla/' rel='bookmark' title='Permanent Link: Crea el men&uacute; de Mac de forma sencilla'>Crea el men&uacute; de Mac de forma sencilla</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://artegami.com/mas-de-55-cabeceras-para-inspirarnos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cómo crear un portafolio de una página en Photoshop</title>
		<link>http://artegami.com/como-crear-un-portafolio-de-una-pagina-en-photoshop/</link>
		<comments>http://artegami.com/como-crear-un-portafolio-de-una-pagina-en-photoshop/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 12:00:48 +0000</pubDate>
		<dc:creator>Isabel</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Portafolios]]></category>

		<guid isPermaLink="false">http://artegami.com/?p=5153</guid>
		<description><![CDATA[
Si nos dedicamos al mundo del diseño, o a la fotografía, o a cualquier  profesión que tenga que ver con lo visual, tarde o temprano es importante que  tengamos un portafolio en línea donde podamos ofrecer una pequeña muestra de  nuestro trabajo. Hoy en día un cliente pide entre sus primeras cosas [...]


También puedes leer<ol><li><a href='http://artegami.com/crear-un-portafolio-en-photoshop/' rel='bookmark' title='Permanent Link: Crear un portafolio en Photoshop'>Crear un portafolio en Photoshop</a></li><li><a href='http://artegami.com/tutorial-crear-lneas-luminosas-con-photoshop/' rel='bookmark' title='Permanent Link: Tutorial: Crear l&iacute;neas luminosas con Photoshop'>Tutorial: Crear l&iacute;neas luminosas con Photoshop</a></li><li><a href='http://artegami.com/cmo-crear-un-bonsai-con-photoshop/' rel='bookmark' title='Permanent Link: C&oacute;mo crear un bonsai con Photoshop'>C&oacute;mo crear un bonsai con Photoshop</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="size-full wp-image-5154  aligncenter" src="http://artegami.com/wp-content/uploads/2009/11/portfolio.jpg" alt="portfolio Cómo crear un portafolio de una página en Photoshop" width="400" height="226" title="Cómo crear un portafolio de una página en Photoshop" /></p>
<p>Si nos dedicamos al mundo del diseño, o a la fotografía, o a cualquier  profesión que tenga que ver con lo visual, tarde o temprano es importante que  tengamos un portafolio en línea donde podamos ofrecer una pequeña muestra de  nuestro trabajo. Hoy en día un cliente pide entre sus primeras cosas un sitio  donde pueda conocernos, y los portafolios son la mejor opción, donde tendremos  ejemplos y trabajos realizados, además de contar nuestros conocimientos y datos  de contacto.</p>
<p>En <a href="http://designm.ag/tutorials/one-page-portfolio-photoshop/" target="_blank">Designm.ag</a> publicaron un excelente tutorial que nos explica paso a paso  <strong>cómo crear un portafolio de una página utilizando Photoshop</strong>, obteniendo un  diseño con estilo e ideal para un sitio de esta temática. Si desean además,  ofrecen el archivo en formato Psd para poder aprender mas fácilmente.</p>


<p>También puedes leer<ol><li><a href='http://artegami.com/crear-un-portafolio-en-photoshop/' rel='bookmark' title='Permanent Link: Crear un portafolio en Photoshop'>Crear un portafolio en Photoshop</a></li><li><a href='http://artegami.com/tutorial-crear-lneas-luminosas-con-photoshop/' rel='bookmark' title='Permanent Link: Tutorial: Crear l&iacute;neas luminosas con Photoshop'>Tutorial: Crear l&iacute;neas luminosas con Photoshop</a></li><li><a href='http://artegami.com/cmo-crear-un-bonsai-con-photoshop/' rel='bookmark' title='Permanent Link: C&oacute;mo crear un bonsai con Photoshop'>C&oacute;mo crear un bonsai con Photoshop</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://artegami.com/como-crear-un-portafolio-de-una-pagina-en-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bright, nuevo paquete de iconos gratuitos</title>
		<link>http://artegami.com/bright-nuevo-paquete-de-iconos-gratuitos/</link>
		<comments>http://artegami.com/bright-nuevo-paquete-de-iconos-gratuitos/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 13:00:54 +0000</pubDate>
		<dc:creator>Isabel</dc:creator>
				<category><![CDATA[Recursos]]></category>
		<category><![CDATA[descargas]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[iconos]]></category>

		<guid isPermaLink="false">http://artegami.com/?p=5139</guid>
		<description><![CDATA[
Si tienes pensando crea un nuevo sitio web o blog, o bien dar un cambio de  aspecto a uno que ya tengas hace tiempo quizás para terminar el año con nueva  imagen, seguramente vas a necesitar iconos que ayuden a darle vida.
Un buen grupo de iconos, aparte de darle un cambio a nuestro [...]


También puedes leer<ol><li><a href='http://artegami.com/nuevo-paquete-de-iconos-glossy/' rel='bookmark' title='Permanent Link: Nuevo paquete de iconos glossy'>Nuevo paquete de iconos glossy</a></li><li><a href='http://artegami.com/nuevo-paquete-de-iconos-cool/' rel='bookmark' title='Permanent Link: Nuevo paquete de iconos: &#8220;Cool&#8221;'>Nuevo paquete de iconos: &#8220;Cool&#8221;</a></li><li><a href='http://artegami.com/iconos-sociales-brushes-y-nuevo-theme-gratuitos/' rel='bookmark' title='Permanent Link: Iconos sociales, brushes y nuevo theme gratuitos'>Iconos sociales, brushes y nuevo theme gratuitos</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="size-full wp-image-5140  aligncenter" src="http://artegami.com/wp-content/uploads/2009/11/iconos1.jpg" alt="iconos1 Bright, nuevo paquete de iconos gratuitos" width="400" height="188" title="Bright, nuevo paquete de iconos gratuitos" /></p>
<p>Si tienes pensando crea un nuevo sitio web o blog, o bien dar un cambio de  aspecto a uno que ya tengas hace tiempo quizás para terminar el año con nueva  imagen, seguramente vas a necesitar<strong> iconos</strong> que ayuden a darle vida.</p>
<p>Un buen<strong> grupo de iconos</strong>, aparte de darle un cambio a nuestro escritorio y Pc,  puede transformarse en los últimos detalles de un diseño web, ilustrando  diferentes secciones o dando estilo a un menú de navegación moderno.</p>
<p>Una buena opción es Bright, un nuevo paquete, disponible en <a href="http://www.iconeden.com/icon/bright-free-stock-iconset.html" target="_blank">Iconeden </a>con 148  imágenes variadas que pueden relacionarse al mundo del blogging y que podremos  descargar en formato vectorial.</p>


<p>También puedes leer<ol><li><a href='http://artegami.com/nuevo-paquete-de-iconos-glossy/' rel='bookmark' title='Permanent Link: Nuevo paquete de iconos glossy'>Nuevo paquete de iconos glossy</a></li><li><a href='http://artegami.com/nuevo-paquete-de-iconos-cool/' rel='bookmark' title='Permanent Link: Nuevo paquete de iconos: &#8220;Cool&#8221;'>Nuevo paquete de iconos: &#8220;Cool&#8221;</a></li><li><a href='http://artegami.com/iconos-sociales-brushes-y-nuevo-theme-gratuitos/' rel='bookmark' title='Permanent Link: Iconos sociales, brushes y nuevo theme gratuitos'>Iconos sociales, brushes y nuevo theme gratuitos</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://artegami.com/bright-nuevo-paquete-de-iconos-gratuitos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>13 tutoriales CSS para crear un men&#250;</title>
		<link>http://artegami.com/13-tutoriales-css-para-crear-un-men/</link>
		<comments>http://artegami.com/13-tutoriales-css-para-crear-un-men/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 11:00:00 +0000</pubDate>
		<dc:creator>Isabel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Menú CSS]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[Navegación]]></category>
		<category><![CDATA[tutoriales]]></category>

		<guid isPermaLink="false">http://artegami.com/13-tutoriales-css-para-crear-un-men/</guid>
		<description><![CDATA[
Creo que alguna vez les comenté la importancia que un menú CSS tiene para un sitio web. Debe ser atractivo, combinar con el resto del diseño, estar ordenada, cumplir con ciertas reglas en cuanto a la estética, y sobretodo, ser cómodo de navegar para el lector. Al fin y al cabo, es desde el menú [...]


También puedes leer<ol><li><a href='http://artegami.com/17-tutoriales-para-crear-efectos-de-luces/' rel='bookmark' title='Permanent Link: 17 tutoriales para crear efectos de luces'>17 tutoriales para crear efectos de luces</a></li><li><a href='http://artegami.com/mas-de-50-tutoriales-para-crear-iconos/' rel='bookmark' title='Permanent Link: Mas de 50 tutoriales para crear iconos'>Mas de 50 tutoriales para crear iconos</a></li><li><a href='http://artegami.com/como-crear-un-portafolio-de-una-pagina-en-photoshop/' rel='bookmark' title='Permanent Link: Cómo crear un portafolio de una página en Photoshop'>Cómo crear un portafolio de una página en Photoshop</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="aligncenter" style="float: none;margin-left: auto;margin-right: auto" src="http://artegami.com/wp-content/uploads/2009/11/menucss.jpg" alt="menucss 13 tutoriales CSS para crear un men&uacute;" width="400" height="200" title="13 tutoriales CSS para crear un men&uacute;" /></p>
<p>Creo que alguna vez les comenté la importancia que un <strong>menú CSS</strong> tiene para un sitio web. Debe ser atractivo, combinar con el resto del diseño, estar ordenada, cumplir con ciertas reglas en cuanto a la estética, y sobretodo, ser cómodo de navegar para el lector. Al fin y al cabo, es desde el menú donde tendrá la posibilidad de recorrer todas las secciones de nuestro proyecto, así que se merece la atención.</p>
<p><a href="http://www.skyje.com/2009/10/css-tutorials-navigation-menu/" target="_blank">Skyje</a> publicó hace poco un interesante artículo donde nos ofrece <strong>trece tutoriales CSS</strong> que nos explican paso a paso cómo crear un menú para nuestro sitio web o blog. Se incluyen menús horizontales, verticales, con efectos o bien simples, así que seguramente encuentres uno adecuado a tu proyecto sin mayores problemas.</p>


<p>También puedes leer<ol><li><a href='http://artegami.com/17-tutoriales-para-crear-efectos-de-luces/' rel='bookmark' title='Permanent Link: 17 tutoriales para crear efectos de luces'>17 tutoriales para crear efectos de luces</a></li><li><a href='http://artegami.com/mas-de-50-tutoriales-para-crear-iconos/' rel='bookmark' title='Permanent Link: Mas de 50 tutoriales para crear iconos'>Mas de 50 tutoriales para crear iconos</a></li><li><a href='http://artegami.com/como-crear-un-portafolio-de-una-pagina-en-photoshop/' rel='bookmark' title='Permanent Link: Cómo crear un portafolio de una página en Photoshop'>Cómo crear un portafolio de una página en Photoshop</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://artegami.com/13-tutoriales-css-para-crear-un-men/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crea una plantilla minimalista para tu portfolio</title>
		<link>http://artegami.com/crea-una-plantilla-minimalista-para-tu-portfolio/</link>
		<comments>http://artegami.com/crea-una-plantilla-minimalista-para-tu-portfolio/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 11:00:00 +0000</pubDate>
		<dc:creator>Isabel</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Plantillas]]></category>

		<guid isPermaLink="false">http://artegami.com/crea-una-plantilla-minimalista-para-tu-portfolio/</guid>
		<description><![CDATA[
Si están pensando en crear un portafolio para sus trabajos, lo ideal si trabajan de diseñadores es crearlos ustedes mismos y se convierta así en una muestra mas de lo que hacen. Nadie nace sabiendo, y para esto es que son útiles los tutoriales que podemos encontrar en Internet.
Un genial ejemplo es el que fue [...]


También puedes leer<ol><li><a href='http://artegami.com/crea-una-plantilla-para-tu-portafolio-en-photoshop/' rel='bookmark' title='Permanent Link: Crea una plantilla para tu portafolio en Photoshop'>Crea una plantilla para tu portafolio en Photoshop</a></li><li><a href='http://artegami.com/disea-una-seria-plantilla-en-photoshop/' rel='bookmark' title='Permanent Link: Dise&ntilde;a una seria plantilla en Photoshop'>Dise&ntilde;a una seria plantilla en Photoshop</a></li><li><a href='http://artegami.com/tutorial-para-crear-una-plantilla-en-photoshop/' rel='bookmark' title='Permanent Link: Tutorial para crear una plantilla en Photoshop'>Tutorial para crear una plantilla en Photoshop</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="aligncenter" style="float: none;margin-left: auto;margin-right: auto" src="http://artegami.com/wp-content/uploads/2009/11/plantillaminim.jpg" alt="plantillaminim Crea una plantilla minimalista para tu portfolio" width="400" height="182" title="Crea una plantilla minimalista para tu portfolio" /></p>
<p>Si están pensando en <strong>crear un portafolio</strong> para sus trabajos, lo ideal si trabajan de diseñadores es crearlos ustedes mismos y se convierta así en una muestra mas de lo que hacen. Nadie nace sabiendo, y para esto es que son útiles los tutoriales que podemos encontrar en Internet.</p>
<p>Un genial ejemplo es el que fue publicado en <a href="http://sixrevisions.com/tutorials/photoshop-tutorials/design-a-minimal-and-modern-portfolio-layout-with-photoshop/" target="_blank">SixRevisions</a>, y que fue separado en dos partes: En la primera aprenderemos a <strong>diseñar el proyecto con Photoshop</strong>, y en la <a href="http://sixrevisions.com/tutorials/web-development-tutorials/minimal-and-modern-layout-psd-to-xhtmlcss-conversion/" target="_blank">segunda</a> a <strong>convertir esta imagen a XHTML/CSS</strong>. Es extenso, pero esta explicado de forma excelente y quita muchas dudas en cuanto a las creaciones de una plantilla. Para diseñar utilizaremos Photoshop y para convertirlo a código fue utilizado Adobe Dreamweaver.</p>


<p>También puedes leer<ol><li><a href='http://artegami.com/crea-una-plantilla-para-tu-portafolio-en-photoshop/' rel='bookmark' title='Permanent Link: Crea una plantilla para tu portafolio en Photoshop'>Crea una plantilla para tu portafolio en Photoshop</a></li><li><a href='http://artegami.com/disea-una-seria-plantilla-en-photoshop/' rel='bookmark' title='Permanent Link: Dise&ntilde;a una seria plantilla en Photoshop'>Dise&ntilde;a una seria plantilla en Photoshop</a></li><li><a href='http://artegami.com/tutorial-para-crear-una-plantilla-en-photoshop/' rel='bookmark' title='Permanent Link: Tutorial para crear una plantilla en Photoshop'>Tutorial para crear una plantilla en Photoshop</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://artegami.com/crea-una-plantilla-minimalista-para-tu-portfolio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
