<?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>Jepser Bernardino &#187; diseño web</title>
	<atom:link href="http://jepserbernardino.com/tag/diseno-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://jepserbernardino.com</link>
	<description>diseño y desarrollo negocios en internet</description>
	<lastBuildDate>Tue, 08 May 2012 05:35:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Conociendo el cliente y sus requerimientos &#124; Realmente creando un sitio web</title>
		<link>http://jepserbernardino.com/idea/conociendo-el-cliente-y-sus-requerimientos-realmente-creando-un-sitio-web/</link>
		<comments>http://jepserbernardino.com/idea/conociendo-el-cliente-y-sus-requerimientos-realmente-creando-un-sitio-web/#comments</comments>
		<pubDate>Wed, 23 Feb 2011 03:04:13 +0000</pubDate>
		<dc:creator>Jepser</dc:creator>
				<category><![CDATA[idea]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[rediseño]]></category>

		<guid isPermaLink="false">http://jepserbernardino.com/?p=869</guid>
		<description><![CDATA[Por parte de la serie de artículos Realmente creando un sitio web, este es el segundo capítulo. Vimos una propuesta para una inmobiliaria, pero nos detuvimos allí. Ahora tomaremos a un nuevo y real cliente para la serie de artículos. Primero, nuestro cliente: Es una empresa dedicada a los negocios en general, tienen 3 productos [...]]]></description>
			<content:encoded><![CDATA[<p>Por parte de la serie de artículos <em>Realmente creando un sitio web</em>, este es el segundo capítulo. Vimos una <a title="¿Cómo crear un sitio web? Caso práctico y ejemplo real" href="http://jepserbernardino.com/idea/como-crear-un-sitio-web-caso-practico-y-ejemplo-real/">propuesta para una inmobiliaria</a>, pero nos detuvimos allí.</p>
<p>Ahora tomaremos a un nuevo y real cliente para la serie de artículos. Primero, nuestro cliente:</p>
<ul>
<li>Es una empresa dedicada a los negocios en general, tienen 3 productos principales: Libros (enciclopedias y libros tematicos), Carnés plásticos y eletrónicos pequeños (cámaras, marcos digitales, etc.)</li>
<li>Su grupo objetivo son personas 25 &#8211; 50 años para ventas, para grupo de trabajo su principal solicitante es recién salido de diversificado (18 &#8211; 24 años).</li>
<li>Necesitan renovar imagen empresarial y desde luego, tener un sitio web que cumpla el objetivo de herramienta de ventas.</li>
<li>El sitio deberá proveer información suficiente para la cotización en línea y también la confianza y despertar la acción a aplicar para plazas por el lado del contratante.</li>
<li>No tendremos conectividad con Facebook o Twitter por el momento, ¿Por qué? Es una empresa que está saliendo del cascaron, por el momento debemos hacer presencia de marca (lo explico detalladamente luego).</li>
<li>Nuestro sitio será solamente informativo, pensado en la escalabilidad a tienda en línea para un futuro próximo.</li>
</ul>
<p>Sabiendo esto podemos pasar a la solución.<span id="more-869"></span></p>
<h2>La imagen gráfica</h2>
<p>Después de pasar la información (aclaro que este proyecto no lo diseño yo, como director de proyectos mi tarea consiste en chequear las propuesta por nuestro diseñador y ver si concuerda con el objetivo propuesto, aportando ideas y construyendo junto al diseñador y el cliente el producto esperado.</p>
<h3>Antiguo isotipo y su concepto</h3>
<p><img class="aligncenter size-medium wp-image-875" title="logo_mundomarkinter" src="http://jepserbernardino.com/wp-content/uploads/2011/02/logo_mundomarkinter-550x271.png" alt="" width="550" height="271" />El concepto encerrado en este isotipo es simple. Negocios Globales.</p>
<p>Pero lastimosamente no está bien definido, ahora, que podemos rescatar del isotipo pues para nuestro cliente encierra mucho, su base como empresa.</p>
<ul>
<li>Negocios Globales, es decir, el mundo es uno solo y por lo tanto los negocios se pueden hacer en cualquier lugar.</li>
<li>Todo se basa en comunicación su estrategia para hacerlo</li>
<li>Ventas, su fuera y base para mantenerse. El grupo de ventas es una parte vital para la empresa</li>
</ul>
<h3>La propuesta</h3>
<p><img class="aligncenter size-medium wp-image-876" title="logo_nuevo_mi" src="http://jepserbernardino.com/wp-content/uploads/2011/02/logo_nuevo_mi-550x238.png" alt="" width="550" height="238" /></p>
<p>La nueva propuesta consiste en la descentralización de los negocios donde el punto de partida es su base, Guatemala. Marcado de color verde, al igual que el nombre Marketing. Haciendo referencia a Marketing desde Guatemala. Y el color azul (mercados en todo el mundo) del mismo color que International.</p>
<p>Esta propuesta fue hecha por un nuevo interno de Royal Estudios. Mostramos las propuestas en fondo claro y oscuro. El cliente aprobó esta propuesta, la primera mostrada. El nuevo isotipo de la empresa.</p>
<p><em>Esperen el próximo artículo, diseñando el sitio web.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://jepserbernardino.com/idea/conociendo-el-cliente-y-sus-requerimientos-realmente-creando-un-sitio-web/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>¿Cómo crear un sitio web? Caso práctico y ejemplo real</title>
		<link>http://jepserbernardino.com/idea/como-crear-un-sitio-web-caso-practico-y-ejemplo-real/</link>
		<comments>http://jepserbernardino.com/idea/como-crear-un-sitio-web-caso-practico-y-ejemplo-real/#comments</comments>
		<pubDate>Fri, 18 Feb 2011 04:18:21 +0000</pubDate>
		<dc:creator>Jepser</dc:creator>
				<category><![CDATA[idea]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[sitio web]]></category>

		<guid isPermaLink="false">http://jepserbernardino.com/?p=849</guid>
		<description><![CDATA[Bueno, llegó la hora de tomar las riendas de este asunto, y no digo que yo sea el de la última palabra pero creo que nos merecemos una guía. Quiero dar mis humildes recomendaciones y poder guiarlos por todo el proceso creativo para crear un proyecto en línea. Todo esto que voy a explicar es [...]]]></description>
			<content:encoded><![CDATA[<p>Bueno, llegó la hora de tomar las riendas de este asunto, y no digo que yo sea el de la última palabra pero creo que nos merecemos una guía. Quiero dar mis humildes recomendaciones y poder guiarlos por todo el proceso creativo para crear un proyecto en línea. Todo esto que voy a explicar es mi modo y pueda que no sea el mejor, para eso estamos todos; para aprender.</p>
<p>Es por eso que espero sus comentarios, ahora el cliente es ficticio <strong>es real</strong>, yo voy a crear el ambiente real y las soluciones serán reales. Antes de empezar quiero resumir las tareas que desempeñaremos y que aprenderemos:</p>
<ul>
<li>Entender al cliente y sus requerimientos</li>
<li>Estudio de soluciones para el cliente</li>
<li>Principios de diseño web</li>
<li>Jquery, lo bueno del javascript</li>
<li>WordPress, la vida del sitio web</li>
<li>Promoción y divulgación</li>
</ul>
<p>Ok, yo creo que con eso estamos. ¡Empecemos!<span id="more-849"></span></p>
<h2>El cliente y nuestro nuevo proyecto</h2>
<p>Nuestro cliente será una empresa que necesita un sitio web &#8220;básico&#8221;, con funciones &#8220;web 2.0&#8243; y que sea dinámico. ¿Entonces, te quedó claro? Un brief no es un resumen del problema, no es una explicación de un problema tampoco una solución a medias.</p>
<p>Cuando tenemos un cliente, lo primero es saber que significa para el palabras como &#8220;básico&#8221;, &#8220;web 2.0&#8243;, &#8220;dinámico&#8221;, &#8220;que venda&#8221; por ejemplo. Un brief nos dará una idea bastante clara de lo que se necesita y como se puede solucionar.</p>
<p>Otro punto muy importante es que los requerimientos no son barreras. Las barreras se llaman limitaciones. Los requerimientos son, para el cliente, lineamientos talvez de marca. Más no cosas como &#8220;que el logo se mueva&#8221;, son cosas como &#8220;mis clientes son personas con pocos conocimientos en internet&#8221;, no &#8220;quiero que funcione igual en firefox que en IE6&#8243;.</p>
<p>Entonces, nuestro cliente necesita un nuevo sitio web para su empresa. Ellos se dedican a la venta o alquiler de casas y apartamentos que personas particulares quieren vender o alquilar. Los requerimientos son los siguientes:</p>
<ul>
<li>Necesitan que se puedan ingresar casas o apartamentos y que puedan identificarse por ubicación en Guatemala (mi país) y si se pueden vender o alquilar.</li>
<li>Solo utilizarán dolar para los precios</li>
<li>Desean que cada ficha de casa tenga sus opciones generales: número de cuartos, de baños, si tiene jardín, serviciso, cuantos níveles, etc. además de una galería con una N cantidad de imágenes.</li>
<li>Un blog de noticias y cosas de interés</li>
<li>Conectividad para redes sociales</li>
<li>Grupo objetivo clase alta y media-alta</li>
</ul>
<p>La ventaja es que nos han dejado hacer lo que queramos.</p>
<h3>Planificando el proyecto</h3>
<p>Por ser un sitio donde tendremos un catálogo de propiedades que pueden expanderse luego no solo casas y apartamentos sino a oficinas, bodegas, fincas, etc. necesitamos alguna forma de categorizar y que no tiene nada que ver con las noticias.</p>
<p>Necesitamos también categorizar por ubicación y por modo alquier/venta.  Aparte de las secciones que comúnmente se ven un sitio corporativo. Necesitamos facilitar la búsqueda por tipo de vivienda, ubicación, alquiler o venta y posiblemente por rango de precios.</p>
<p>En algún momento puede que hayan propiedades que sean más relevantes que otras y que se quieran mostrar en forma de compreme.</p>
<h3>Solución</h3>
<p>Usaremos WordPress y sus famosos post-types y taxonomías (si, se te acaban de alumbrar los ojos, también habrá un artículo completo mostrando el uso de estos recursos en la vida real y no solo ejemplos dummy).</p>
<p>El diseño estará basado en una paleta de colores rojos y tonos oscuros (negros) ya que nuestro cliente solo vende propiedades de lujo y queremos dar un toque de pasión en las propiedades.</p>
<p>Usaremos 960 (si otra vez tus ojos, usaremos 960 al máximo para que te des una probadita de poderoso sistema de maquetación).</p>
<p>Los custom fields de WordPress serán quienes nos darán información extra para poder hacer las búsquedas.</p>
<ul class="code">
<li><a href="http://wp.me/px06x-e1" target="_blank">Ver nuevo cliente real, para la serie de artículos</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://jepserbernardino.com/idea/como-crear-un-sitio-web-caso-practico-y-ejemplo-real/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>WordPress como CMS, los plugins y guidelines</title>
		<link>http://jepserbernardino.com/idea/wordpress-como-cms-los-plugins-y-guidelines/</link>
		<comments>http://jepserbernardino.com/idea/wordpress-como-cms-los-plugins-y-guidelines/#comments</comments>
		<pubDate>Thu, 17 Feb 2011 15:46:17 +0000</pubDate>
		<dc:creator>Jepser</dc:creator>
				<category><![CDATA[idea]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://jepserbernardino.com/?p=841</guid>
		<description><![CDATA[Puede que pienses que artículos como este ya están quemados, pero quiero hacerlo a mi manera. He leído unos cuantos por allí pero se quedan a medias o a mi criterio he encontrado mejores soluciones. La configuración WordPress (como todos saben) empezó como una solución para crear blogs de la manera correcta, desde sus principios [...]]]></description>
			<content:encoded><![CDATA[<p>Puede que pienses que artículos como este ya están quemados, pero quiero hacerlo a mi manera. He leído unos cuantos por allí pero se quedan a medias o a mi criterio he encontrado mejores soluciones.<span id="more-841"></span></p>
<h2>La configuración</h2>
<p>WordPress (como todos saben) empezó como una solución para crear blogs de la manera correcta, desde sus principios (<em>Code is poetry</em>) WordPress se ha caracterizado por su forma distinta de; publicar y construir los sitios web. Para crear un sitio web basado en WordPress lo primero son las configuraciones.</p>
<p>Crear una template para Homepage</p>
<p>La mayoría de veces no necesitamos los últimos post al principio, por eso debemos crear un template para la Página de inicio. Lo más fácil es copiar tu page.php y nombrarlo homepage.php por ejemplo. Agregar un comentario para que WordPress identifique que es un template de página.</p>
<pre>/*
Template Name : Homepage (o Inicio)
*/</pre>
<p>Luego que la creamos la modificamos según nuestro diseño y la configuramos como página de inicio.</p>
<p>Con eso ya cambiamos la vista, pero más que eso tenemos que basarnos en ciertas otras características que ahora ya son indispensables y a lo que voy.</p>
<h2>Funcionalidad</h2>
<h3>Gravity Forms</h3>
<p><img class="alignnone" src="http://gravityforms.s3.amazonaws.com/banners/300x250.gif" alt="Gravity Forms" width="300" height="250" /></p>
<p>Este es un sistema completo de formularios, donde no solo podrás enviar formas de contacto sino también construir aplicaciones, por ejemplo o cualquier cosa que requiera recopilar datos, pues Gravity Forms te da la opción desde mandar datos de un formulario de contactos hasta opciones como crear posts, formularios para pagos en línea, Add-ons con Paypal y Mailchimp. Por mi parte he creado implementaciones con sistemas de cotizadores en línea, sistema de tickets, aplicaciones para puestos, entre otras cosas.</p>
<p>Este tiene una ventaja grande sobre sus similares (Contact 7, cForms II) ya que es mucho más flexible y a pesar que no tiene mucha documentación oficial, el foro es muy activo y encuentras casi siempre respuesta a preguntas que a ti te puedan surgir.</p>
<p>Ejemplos: <a href="http://multyprint.com" target="_blank">Multyprint</a>, <a href="http://royalestudios.com" target="_blank">Royal Estudios</a>, <a href="http://inlexca.org" target="_blank">Inlexca</a>, <a href="http://joyasmiguelangel.com" target="_blank">Joyas Miguelángel</a> | <a href="http://gravityforms.com" target="_blank">Sitio del plugin</a></p>
<h3>WPML</h3>
<p><img class="alignnone size-full wp-image-843" title="2011-02-17_0914" src="http://jepserbernardino.com/wp-content/uploads/2011/02/2011-02-17_0914.png" alt="" width="311" height="131" /></p>
<p>Hace muy poco WPML se hizo comercial, sin embargo no es un pero para poder tenerlo en el sitio web. Más que solo un plugin, hace que WordPress se convierta en un CMS poderosísimo para manejar contenidos multilingües. Y es tan fácil que con que utilices las<a href="http://codex.wordpress.org/Function_Reference/_e"> etiquetas de traducción</a> de WordPress estás hecho. Las etiquetas, categorías, taxonomías, post-types, y todo está administrado por WPML sin ningún problema.</p>
<p>Ejemplos: <a href="http://elcazadoritaliano.com" target="_blank">Cazador Italiano</a>, <a href="http://galileo.edu" target="_blank">Universidad Galileo</a>, <a href="http://casaescobar.com.gt" target="_blank">Casa Escobar</a>, <a href="http://hotelislaverde.com" target="_blank">Hotel Islaverde</a> | <a href="http://wordpress.org/extend/plugins/sitepress-multilingual-cms/" target="_blank">Descargar</a> | <a href="http://wpml.org/">Sitio del plugin</a></p>
<h3>More fields</h3>
<p>Ya deben de saber sobre Magic Fields (anteriormente Flutter), Custom Fields Template, Simple Fields entre otras opciones. Pues para mí, la mejor opción es More fields, me topé con que simple fields es muy bueno del lado del administrador pero no tan bueno en el templating. Magic Fields es muy poderoso también sin embargo no tiene aún soporte para Post Types que esperemos tenga en su versión próxima.</p>
<p>Uso More fields para extender la funcionalidad de WordPress, haciendo más bonita la forma de ingresar los datos en los custom Fields</p>
<p><a href="http://wordpress.org/extend/plugins/more-fields/" target="_blank">Descargar</a> | <a href="http://more-plugins.se/plugins/more-fields/">Página de plugin</a></p>
<h3>Custom Posttype UI</h3>
<p>Este plugin lo utilizo cuando deberas es necesario por que de otro modo puedo incluir los posttypes y taxonomías dentro de functions. Pero que sino, talvez quiero cambiar algo y en vez de hacer la rutina de modificar el functions.php y subirlo al FTP no es lo que quiero o porque son muchos los posttypes que hago, pienso que es mejor ya que tiene un administrador que además de ser para posttypes, también lo es para taxonomías.</p>
<p>Es decir, puedo manejar taxonomías y posttypes con el mismo plugin, cambiar las opciones y que no se me arruine lo que estoy haciendo.</p>
<p><a href="http://wordpress.org/extend/plugins/custom-post-type-ui/" target="_blank">Descargar</a></p>
<h2>Herramientas</h2>
<h3>Feedburner</h3>
<p>Una de las grandes ventajas de tener Feedburner en tu sitio es que ya no te preocupas de manejar las suscripciones por tu sitio web, no cargas base de datos y le estás dejando el trabajo a los que saben de ello. Al tener un espacio de suscripción de contenidos, tienes a gente que está leyendote ya que todas tus actualizaciones llegan ya sea a su Reader o a su bandeja de correos.</p>
<h3>Capability Manager</h3>
<p>Cuando le damos a nuestros clientes la opción de poder modificar el contenido del sitio (agregar entradas de blog por ejemplo) con este plugin podemos manejar hasta donde puede llegar el cliente, esto sirve para quitar las opciones de modificar los Ajustes de WordPress y poder desempañar tareas específicas.</p>
<p><a href="http://wordpress.org/extend/plugins/capsman/">Descargar</a></p>
<h3>Revision Control</h3>
<p>Cuando los proyectos son muy grandes y/o hay mucha gente involucrada en ingresar contenidos es un buen momento para utilizar este plugin, que te añade la opción de poder comparar versiones de posts y páginas. Para, si hay algo malo, regresarlo a una versión anterior y corregir el error.</p>
<p><a href="http://wordpress.org/extend/plugins/revision-control/" target="_blank">Descargar</a></p>
<h3>Query multiple taxonomies</h3>
<p>Un inconveniente que tenemos cuando hacemos búsquedas personalizadas dentro de WordPress es que si tiene más de 2 taxonomías WordPress por default elimina todas y al final solo de una, la primera. Esto se soluciona con este plugin.</p>
<p><a href="http://wordpress.org/extend/plugins/query-multiple-taxonomies/" target="_blank">Descargar</a> | <a href="http://scribu.net/wordpress/query-multiple-taxonomies">Página de plugin</a></p>
<h2>Performance</h2>
<h3>All in one SEO pack</h3>
<p>Este plugin en una maravilla para poder mejorar el SEO para tu sitio web, puedes manejar independiente las keywords, modificar el título, descripción para cada página o post, además de configuraciones generales para cambiar el title dependiendo la sección, escribir las keywords y descripción del sitio.</p>
<p><a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/">Descargar</a> | <a href="http://semperfiwebdesign.com/blog/all-in-one-seo-pack/all-in-one-seo-faq/">Página de plugin</a></p>
<h3>XML Sitemap</h3>
<p>Una buena indexación se hace más rápido cuando se le proporciona a Google un sitemap, además de poder agregar la funcionalidad de Webmaster Tools de Google. Este plugin general XML con los sitemaps cada tiempo que se programe, además manda notificaciones de cambios en el sitemap a Google, Yahoo y otros servicios.</p>
<p><a href="http://wordpress.org/extend/plugins/google-sitemap-generator/" target="_blank">Descargar</a> | <a href="http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/">Página de plugin</a></p>
<h3>WP Super Cache</h3>
<p>Cuando tu sitio web va a recibir muchas visitas y no quieres cargar al servidor de queries, esta a mi parecer es la mejor opción. Me ha funcionado muy bien y realmente agiliza la entrega de páginas cacheadas a que el servidor las cree directamente.</p>
<p><a href="http://wordpress.org/extend/plugins/wp-super-cache/">Descargar</a> | <a href="http://ocaoimh.ie/wp-super-cache/">Página de plugin</a></p>
<h2>Theming</h2>
<p>Recordemos que una buena base para poder crear sitios escalables es pensar en todas las posibilidades.</p>
<h3>Internacionalización (_e)</h3>
<p>Hay un tag de WordPress llamado _e o __ que sirver para poder tener dominios de texto para cuando deseamos traducir el tema para posteriormente utilizarlo en un sitio multilingüe.</p>
<p>Si quiero hacer echo del texto:</p>
<pre> &lt;?php _e('aquí va mi texto','el dominio de texto de mi tema, sin espacios') ?&gt;</pre>
<p>Si quiero guardarlo para utilizarlo junto a una variable:</p>
<pre> &lt;?php __('aqui va el texto con $variable','el dominio de texto de mi tema, sin espacio') ?&gt;</pre>
<p><a href="http://codex.wordpress.org/Function_Reference/_e" target="_blank">Más información de la función</a></p>
<h2>The Royal Framework</h2>
<p>Creo que es buen momento para comentar que he estado trabajando en un proyecto para WordPress que hasta el momento a soportado ya varios sitios que hecho a mis clientes. He visto, usado e implementado algunos de los &#8220;Frameworks&#8221; para WordPress, que no son más que temas padres y no me quedo satisfecho, sin embargo me topé que 2 que vale mencionar y que en ellos me base para crear mi propio framework:</p>
<p><em>Carrington Framework</em> &#8211; Carrington es un punto de partida muy bueno para desarrolladores más avanzados sin embargo cambia el workflow a su manera, que si bien ellos lo explican, no es para mi bueno migrar de una forma estándar para hacer temas a una específica.</p>
<p><em>Sandbox</em> &#8211; este más que un framework es un tema base sin estilos y un markup bastante limpio. Me gusta la sencillez con la que se pueden hacer temas con Sandbox, pero dado a su simpleza faltan un poco de características para poder hacerlo más poderoso.</p>
<h3>Ahora si, TRF</h3>
<p>Como les mencioné me basé en estos 2 ejemplos y requerimientos que tenía en la mayoría de sitios. Una de las ventajas que tiene TRF a comparación a Carrington es que no se cambia practicamente nada con el workflow normal para hacer una plantilla. Más bien, para poder implementarlo a tu tema solo necesitas cambiar una línea de código de functions.php y pegar las carpetas de The Royal Core que es el corazón del framework. Las caracteríticas del framework más importantes son las siguientes:</p>
<ul>
<li>Cuenta con panel de opciones nativo, que con un poco de conocimiento en PHP podrás expander según tus necesidades.</li>
<li>Opciones socialmedia, por default TRF tiene un badge para mostrar tu perfil de Facebook y tu feed the Twitter ya se en un widget o con un tag nativo de wordpress get_option(&#8216;twitter&#8217;);</li>
<li>Feedburner integrado, con solo colocar tu dirección de feed para el sitio y para los comentarios.</li>
<li>Google analytics, puedes pegar tu código de google analytics en las opciones de tema y listo.</li>
<li>Breadcrumbs integrado, con pegar el código get_opcion(&#8220;the_breadcrums&#8221;); en el tema se habilitan o desabilitan según tu elección</li>
<li>Tu tema será más ordenado, en la carpeta de includes se alojaran piezas de código que reusarás solo con llamarlas get_block(&#8220;el nombre del archivo&#8221;);</li>
<li>Listo para 960 grid system.</li>
<li>Listo con traducción al español.</li>
<li>He agregado varios shortcodes y funciones para facilitar muchas necesidades que exiten y no hay funciones directas que las satisfagan.</li>
<li>Y se agregan más&#8230;</li>
</ul>
<p>Ahora voy por la versión .4 tengo que hacerle unos ajustes más y una vez esté en la versión .5 la liberaré para que prueben el framework, espero que lo utilicen para poder hacer sitios más poderosos y escalables.</p>
<p style="text-align: center;"><img class="size-full wp-image-844 aligncenter" title="2011-02-17_0915" src="http://jepserbernardino.com/wp-content/uploads/2011/02/2011-02-17_0915.png" alt="" width="643" height="461" /></p>
]]></content:encoded>
			<wfw:commentRss>http://jepserbernardino.com/idea/wordpress-como-cms-los-plugins-y-guidelines/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Showcase — Sitios web de universidades de Guatemala</title>
		<link>http://jepserbernardino.com/proyectos/showcase-sitios-web-de-universidades-de-guatemala/</link>
		<comments>http://jepserbernardino.com/proyectos/showcase-sitios-web-de-universidades-de-guatemala/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 01:12:29 +0000</pubDate>
		<dc:creator>Jepser</dc:creator>
				<category><![CDATA[proyectos]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[showcase]]></category>

		<guid isPermaLink="false">http://jepserbernardino.com/?p=645</guid>
		<description><![CDATA[La idea de hacer este showcase es mostrar los pro's y contra's de los sitios web de distintas instituciones educativas de nivel superior. Y cada sitio tiene una prueba que le hago para saber, a parte del diseño; como están en desarrollo ]]></description>
			<content:encoded><![CDATA[<p>Y todo esto empieza por que un día me encontré con el <a href="http://www.noupe.com/showcases/the-ultimate-ugly-showcase-of-current-government-websites.html">showcase de sitios web gubernamentales feos</a>, donde Guatemala estaba listada junto a la mayoría de países. Y eso me decepciona pues hay mucho talento tanto en Guatemala como en otro países que aparecen, no se realmente que puede ser pero bueno, la prueba consiste en diseño, validación de código y desarrollo.<span id="more-645"></span></p>
<h3>Universidad de San Carlos de Guatemala</h3>
<p><a href="http://usac.edu.gt"><img class="alignnone size-full wp-image-650" title="usac-thumb" src="http://jepserbernardino.com/wp-content/uploads/2009/11/usac-thumb.jpg" alt="usac-thumb" width="580" height="465" /></a></p>
<p><a href="http://usac.edu.gt"></a>Validación de <a href="http://validator.w3.org/check?uri=http://www.usac.edu.gt/">markup</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.usac.edu.gt/">css</a> | <a href="http://wave.webaim.org/report?url=http%3A%2F%2Fwww.usac.edu.gt%2F">accesibilidad</a></p>
<p>A mi parecer, el ancho del sitio está bien, sin embargo está hecho con tablas. Solo le quita muchos puntos, sabemos que tablas = tabular datos. Es interesante que el menú principal está hecho con flash, no entiendo ¿por qué? Normalmente al menos hay una animación por algún lado, lo que veo es <em>hover</em> que se puede hacer fácilmente con css.</p>
<p>Tiene breadcrums, eso es bueno; lastimosamente el buscador es un <em>custom search</em> de Google que me saca a otra ventana.  Eso sí, tienen ordenado el sitio pues encontré un mapa de sitio que me muestra la estructura del mismo.</p>
<h3>Universidad Galileo</h3>
<p><a href="http://galileo.edu"><img class="alignnone size-full wp-image-653" title="galileo-thumb" src="http://jepserbernardino.com/wp-content/uploads/2009/11/galileo-thumb.jpg" alt="galileo-thumb" width="580" height="470" /></a></p>
<p>Validación de <a href="http://validator.w3.org/check?uri=http://www.galileo.edu/">markup</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.galileo.edu/">css</a> | <a href="http://wave.webaim.org/report?url=http%3A%2F%2Fwww.galileo.edu%2F">accesibilidad</a></p>
<p>Aquí empiezo por darme cuenta que no tiene <em>DOCTYPE</em>, y también define una codificación <em>UTF-8</em> en el header y luego en el meta la define como <em>ISO-8859-1</em>, esto puede causar un poco de problemillas con los exploradores.</p>
<p>Fuera de eso el sitio también está hecho en tablas. Lo bueno es que el menú no es flash y aún que las imágenes no tienen alt, ya es poco probable encontrar exploradores que no lean imágenes. A pesar que el búscador tiene problemas, la información del contenido la presentan de forma ordenada, eso es bueno y también tienen un sidebar con información relevante. El diseño está muy cuadrado, se pueden jugar con las figuras geométricas sin perder la seriedad de la institución. Además utliza url&#8217;s amigables con los búscadores.</p>
<p>Lo bueno es que utilizan RSS para mantener actualizados a sus suscriptores en diferentes áreas.</p>
<h3>Universidad Rafael Landívar</h3>
<p><a href="http://www.url.edu.gt"><img class="alignnone size-full wp-image-658" title="url-thumb" src="http://jepserbernardino.com/wp-content/uploads/2009/11/url-thumb.jpg" alt="url-thumb" width="580" height="470" /></a></p>
<p>Validación de <a href="http://validator.w3.org/check?uri=http://www.url.edu.gt/PortalURL/">markup</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.url.edu.gt/PortalURL/Noticias/">css</a> | <a href="http://wave.webaim.org/report?url=http%3A%2F%2Fwww.url.edu.gt%2FPortalurl%2F">accesibilidad</a></p>
<p>Veo en la URL, un diseño de los 90&#8242; cuando todo lo cuadrado estaba de moda, si embargo ya utilizan javascript para un acordeón para el menú. Además utilizan divs (aunque no tableless). Me gusta mucho que utilicen thumbnails para mostrar las noticias y también la imagen principal. ¡También utilizan twitter!</p>
<p>También  tienen breadcrumbs, un punto a favor por ser sitios con mucha información. La verdad no está tan mal trabajo, pues también en las páginas internas utilizan una imagen principal que le da una mejor cara.</p>
<h3>Universidad Rural</h3>
<p><a href="http://urural.edu.gt"><img class="alignnone size-full wp-image-654" title="rural-thumb" src="http://jepserbernardino.com/wp-content/uploads/2009/11/rural-thumb.jpg" alt="rural-thumb" width="580" height="470" /></a></p>
<p>Validación de <a href="http://validator.w3.org/check?uri=http://www.urural.edu.gt/">markup</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.urural.edu.gt/">css</a> | <a href="http://wave.webaim.org/report?url=http%3A%2F%2Fwww.urural.edu.gt%2Findex.html">accesibilidad</a></p>
<p>No tengo mucho que decir con este sitio, pues están con el concepto de la web, donde un logotipo volando y un contador eran la moda. Pienso que deberían re-organizar su menú y también chequear su compatibilidad en firefox y luego en internet explorer. Además de maquetar el sitio con div&#8217;s y no tablas.</p>
<h3>Universidad San Pablo de Guatemala</h3>
<p><a href="http://www.uspg.edu.gt"><img class="alignnone size-full wp-image-655" title="sp-thumb" src="http://jepserbernardino.com/wp-content/uploads/2009/11/sp-thumb.jpg" alt="sp-thumb" width="580" height="470" /></a></p>
<p>Validación de <a href="http://validator.w3.org/check?uri=http://uspg.edu.gt/">markup</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fuspg.edu.gt%2F&amp;profile=css3&amp;usermedium=all&amp;warning=1&amp;lang=es">css</a> | <a href="http://wave.webaim.org/report?url=http%3A%2F%2Fuspg.edu.gt%2F">accesibilidad</a></p>
<p>Es increíble que aunque nunca haya escuchado de esta universidad (que no existe físicamente) aprobó las 2 validaciones; de markup y css. Además de un bonito diseño, ya está utilizando tecnologías open-source, pues utiliza Joomla!. A mi parece tiene un diseño coherente y despliega la información de una forma ordenada.</p>
<h3>Universidad del Valle de Guatemala</h3>
<p><a href="http://www.uvg.edu.gt"><img class="alignnone size-full wp-image-660" title="uvg-thumb" src="http://jepserbernardino.com/wp-content/uploads/2009/11/uvg-thumb.jpg" alt="uvg-thumb" width="580" height="470" /></a></p>
<p>Validación de <a href="http://validator.w3.org/check?uri=http://www.uvg.edu.gt/">markup</a> | css (no aplica) | <a href="http://wave.webaim.org/report?url=http%3A%2F%2Fuvg.edu.gt%2F">accesibilidad</a></p>
<p>Primero aclararé que la UVG no aplica a el validado de css puesto que no tiene alguna hoja de estilos; en pocas palabras, malo. Al ver este sitio se me viene una ironía pues, siendo ellos los representantes ante la ICANN, tienen un sitio feo y además es prácticamente solo imágenes. Pienso el webmaster debería empeñarse un poco más en mostrar una buena cara para esta institución. El RSS no sirve, un rediseño total sería bueno.</p>
<h3>Universidad Mariano Gálvez de Guatemala</h3>
<p><a href="http://www.umg.edu.gt"><img class="alignnone size-full wp-image-663" title="umg-thumb" src="http://jepserbernardino.com/wp-content/uploads/2009/11/umg-thumb.jpg" alt="umg-thumb" width="580" height="470" /></a></p>
<p>Validación de <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.umg.edu.gt&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0&amp;user-agent=W3C_Validator%2F1.654">markup</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.umg.edu.gt/">css</a> | <a href="http://wave.webaim.org/report?url=http%3A%2F%2Fwww.umg.edu.gt%2F">accesibilidad</a></p>
<p>A decir verdad, el sitio de la UMG es uno de los mejores en los que he visto, sin embargo no veo un diseño inteligente. No se si su prioridad sea informar a los estudiantes o captar. Supongo que están enfocados a los estudiantes matriculados, no pienso que sea una buena idea tener el menú principal como menú de pie. El banner hace bien mostrando la información relevante. En general es sitio cumple con lo necesario.</p>
<h3>Universidad Francisco Marroquin</h3>
<p><a href="http://www.ufm.edu.gt"><img class="alignnone size-full wp-image-656" title="ufm-thumb" src="http://jepserbernardino.com/wp-content/uploads/2009/11/ufm-thumb.jpg" alt="ufm-thumb" width="580" height="470" /></a></p>
<p>Validación de <a href="http://validator.w3.org/check?uri=https://www.ufm.edu/">markup</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=https://www.ufm.edu/">css</a> | <a href="http://wave.webaim.org/report?url=https%3A%2F%2Fwww.ufm.edu%2F">accesibilidad</a></p>
<p>Debo decir que es el mejor sitio entre las universidades. Me agrada el espacio entre los objetos y las tres columnas para la página principal.  Tiene breadcrumbs, además de un menú facil y a pesar que casi todas las secciones están en sub-dominios me agrada el minimalista.</p>
<h3>Universidad del Istmo</h3>
<p><a href="http://www.unis.edu.gt"><img class="alignnone size-full wp-image-657" title="unis-thumb" src="http://jepserbernardino.com/wp-content/uploads/2009/11/unis-thumb.jpg" alt="unis-thumb" width="580" height="415" /></a></p>
<p>Validación de <a href="http://validator.w3.org/check?uri=http://www2.unis.edu.gt/">markup</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www2.unis.edu.gt/">css</a> | <a href="http://wave.webaim.org/report?url=http%3A%2F%2Fwww2.unis.edu.gt%2F">accesibilidad</a></p>
<p>La Unis es otra universidad que no tiene un mal diseño, está bien utilizado el buscador personalizado de Google (con iframe). Un gran error, es el menú; pues son imágenes con un texto con Lucida Sans, una fuente que casi todas las máquinas tienen. El contenido está distribuido de forma ordenada y a pesar que hay un problema con los márgenes y paddings, el sitio esta bien.</p>
<hr />Un aspecto positivo que veo es que la mayoría utiliza una <em>url</em> fácil de recordar y con una terminación adecuada (.edu.gt). Insto a que si conocen al creador, diseñador o director de proyecto de las universidades; comenten un rediseño para estar a la vanguardia y mostrar porque las casas de estudio son llamadas educación superior.</p>
]]></content:encoded>
			<wfw:commentRss>http://jepserbernardino.com/proyectos/showcase-sitios-web-de-universidades-de-guatemala/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Como crear un buen sitio web, escribiendo el contenido</title>
		<link>http://jepserbernardino.com/idea/como-crear-un-buen-sitio-web-escribiendo-el-contenido/</link>
		<comments>http://jepserbernardino.com/idea/como-crear-un-buen-sitio-web-escribiendo-el-contenido/#comments</comments>
		<pubDate>Fri, 22 May 2009 07:23:53 +0000</pubDate>
		<dc:creator>Jepser</dc:creator>
				<category><![CDATA[idea]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[Edicy]]></category>

		<guid isPermaLink="false">http://jepserbernardino.com/?p=340</guid>
		<description><![CDATA[El contenido manda, sabremos como crearlo de buena manera.]]></description>
			<content:encoded><![CDATA[<p>Los sitios web están creados para brindar información a sus visitantes. El contenido es el rey, dicen ellos. Todo lo demás (diseño, sistema) es solo el empaque. El contenido es por lo que normalmente los visitantes andan buscando.<span id="more-340"></span></p>
<p><em>Por eso  la clave para crear un buen sitio web es dar un contenido consciso e interesante &#8212; texto, imágenes, audio o video. Una vez tu contenido está listo, porqué gastar tu talento usándolo solo una vez, ¿Sólo en tu sitio web?</em></p>
<h2>Consciso y fácil de digerir</h2>
<p>Cuando escribes un texto, <strong>trata de pensar como tus lectores.</strong><span style="font-weight: bold;"> </span>Escribe para tus clientes, los visitantes de tu sitio. Usa una redacción conscisa. Textos al grano y descriptivos, titulos pequeños en el menú son mejores. Quita ese paradigma de empresa, habla como tus clientes lo harían. De otra manera ellos no te encontrarán como el primer lugar. Y aunque sigan búscando y navengando en tu sitio, no entenderán nada de lo que hablas. Eso es por lo que ellos no estarían en tu sitio.</p>
<p><span style="font-weight: bold;">Las personas no leen los sitios web. Ellos &#8220;scannean&#8221; la pantalla</span> hasta que encuentran una frase relevante. Si hay mucho texto para scannear o ellos no miran lo que esperan, ellos se van. Escribe tus textos con oraciones cortas y pequeños párrafos.</p>
<p><span style="font-weight: bold;">Escoge cuidadosamente los encabezados.</span> Todo encabezado tiene que decir lo necesario y debe de ser lo más corto posible de la página que resume. Otra vez, escoger la forma correcta de expresarse. &#8220;¿Cómo hacer flores de papel?&#8221; &#8212; para un sitio de origami para niños, pero &#8220;Instrucciones de origami: Rosa&#8221; &#8212; para personas más e Para ser más precisos, el contenido debe ser <strong>consciso y fácil de digerir</strong><span style="font-weight: bold;"><strong>,</strong> interesante y memorable, debe funcionar bien para los motores de búsqueda y tiene que ser también fresco y actualizado.</span> Una vez tu específicas. &#8220;10 nuevos tipos de letra&#8221; &#8212; para los tipógrafos, pero &#8220;10 fuentes nuevas&#8221; &#8212; para los demás.</p>
<p><span style="font-weight: bold;"> Usa imágenes relevantes. </span>Una imágen es más que mil palabras. Si es posible, Deja de escribir un párrafo y utiliza en vez de eso una imágen o video apropiado.</p>
<p><span style="font-weight: bold;">Organiza tu sitio sabiamente</span>. Utiliza nombres comunes para los elementos del menú (Inicio, Productos, Servicios, Noticias, Nosotros, etc). Limita el menú a 6-8 elementos por nivel. El cerebro de un humano común no retiene más al mismo tiempo. No, no tienes que reorganizar tu negocio solo por eso. Solo agrupa tus 25 productos en cuatro secciones. Sí lo haces por línea de productos, grupo objetivo, año o algo por el estilo, no importa mucho, la idea es que los agrupes.</p>
<h2>Interesante y memorable</h2>
<p>Para que otros sitios te enlacen y tengas visitantes que regresen, <strong>el sitio debe tener un valor agregado</strong><span style="font-weight: bold;">. </span>En vez de presionar con tu mensaje de marketing, provee a tus visitantes algo que los haga regresar por más. Un blog donde escribas cosas podría ser un buen comienzo. Catálogos donde describas bien tu producto podría ser otra. Entre <span style="font-weight: bold;">más contenido</span> tu escribas, tendrás más oportunidades de que tu información sea útil. Por suspuesto, si esta sigue bien organizada y sea fácil de digerir.</p>
<p><span style="font-weight: bold;">Sé memorable.</span> Transforma tu contenido en un slogan, una marca. Algo fácil de recordar, que suene único, corto y claro. &#8220;Libros para los poco iluminados&#8221; &#8212; para un publicador arrogante de ciencia. &#8220;Vida lenta con mozarella&#8221; &#8212; para un pequeño restaurante de comida italiana. &#8220;Las ranas conocen a los niños&#8221; &#8212; para una clase de ciencias naturales.</p>
<p><span style="font-weight: bold;">Usa ilustraciones</span> para colorizar tus aburridos bloques de texto, video / audio para tener una mayor audiencia. No a todos les gusta leer en estos días.</p>
<h2><img class="size-full wp-image-343 alignright" title="traffic-proportions" src="http://jepserbernardino.com/wp-content/uploads/2009/05/traffic-proportions.gif" alt="traffic-proportions" width="250" height="250" /></h2>
<p><span style="font-weight: bold;">No hables solo. </span>Reune algunos casos de clientes o testimoniales si tu negocio es de ofrecer servicios. Reune comentarios de productos si vendes pues, productos. Sé cauteloso. Hay una línea muy delgada entre</p>
<p>opiniones útiles de los usuarios y elegios estúpidos.</p>
<h2>Funcione para los motores de búsqueda</h2>
<p><span style="font-weight: bold;">Como el </span><span style="font-weight: bold;">40-50%</span><span style="font-weight: bold;"> de los visitantes de los sitios bien organizados es conducido por los motores de búsqueda.</span> La otra mitad está hecha de visitas directas y las hechas por sitios que te apuntan. Por lo tanto es crucial para cual quier sitio web aparecer en los resultados de búsqueda y ser lo suficientemente interesante para que otros de enlacen.</p>
<p>Los búscadores siguen sin ser buenos indexadores de video, audio y contenido de imágenes.  Aprende de la publicidad pero no vayas tan lejos si no te miras como un redactor.y más importante debes de <strong>tener un contenido textual</strong> que Google mostrará en los resultados de la búsqueda. Necesitas incluir palabras clave apropiadas en tus contenidos, que serán las palabras claves de una búsqueda de tus clientes potenciales.</p>
<p>Textos que son interesantes y apropiados para los ojos de tus proximos clientes, funcionan muy parecido para los motores de búsqueda. <span style="font-weight: bold;">Escribe contenido interesante, eso hace que las personas enlacen tu sitio.</span> Hace ambas, incrementa tu tráfico desde los enlaces entrantes y mejoras tu posición en los resultados de Google.</p>
<h2>Fresco y actualizado</h2>
<p>Engancha a tus visitantes con el contenido, que los haga regresar &#8212; el contenido no solo tiene que ser interesante, tiene que ser fresco y actualizado. Un buen blog, una sección de productos, links para las nuevas revisiones, etc. <strong>El sitio debe de estar vivo</strong><span style="font-weight: bold;">.</span> Tiene que verse como si alguien trabaja en él constantemente y con pasión. Entonces hazlo.</p>
<p>Un contenido fresco ayuda a ganar una <strong>mejor posición en los motores de búsqueda</strong><span style="font-weight: bold;">.</span></p>
<h2><img class="size-full wp-image-344 alignleft" title="recycle-logo" src="http://jepserbernardino.com/wp-content/uploads/2009/05/recycle-logo.gif" alt="recycle-logo" width="120" height="116" /></h2>
<h2>Reutiliza tu contenido</h2>
<p>Si tu contenido cabe en las características de arriba verdaderamente es un buen contenido. ¿Talvez un parte de él es <strong>suficientemente bueno para utilizarlo varias veces</strong>?  Primero en tu sitio, segunda dentro del newletter de tu empresa, tercero como parte de una conferencia que tengas. Porque no como un artículo de periódico o un libro &#8212; si hay una porción de filosofía en él.</p>
<p style="text-align: right;">Fuente: Mis amigos de <a title="Ir a edicy" href="http://www.edicy.com/blog/how-to-create-a-great-website-pt3-writing-content">Edicy</a>.</p>
<p><script type="text/javascript">// <![CDATA[
addthis_pub  = 'fraktal';
// ]]&gt;</script></p>
<p><script src="http://s7.addthis.com/js/152/addthis_widget.js" type="text/javascript"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://jepserbernardino.com/idea/como-crear-un-buen-sitio-web-escribiendo-el-contenido/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Como crear un buen sitio web, Reuniendo al Equipo</title>
		<link>http://jepserbernardino.com/idea/como-crear-un-buen-sitio-web-reuniendo-al-equipo/</link>
		<comments>http://jepserbernardino.com/idea/como-crear-un-buen-sitio-web-reuniendo-al-equipo/#comments</comments>
		<pubDate>Mon, 27 Apr 2009 11:08:17 +0000</pubDate>
		<dc:creator>Jepser</dc:creator>
				<category><![CDATA[idea]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[Edicy]]></category>

		<guid isPermaLink="false">http://jepserbernardino.com/?p=235</guid>
		<description><![CDATA[El segundo artículo habla de que tan importante es el trabajo en equipo y las resposabilidades de cada uno.]]></description>
			<content:encoded><![CDATA[<p>Los sitios web están creados en varios pasos. Para el final del día necesitarás de un diseño, contenido (texto e imágenes), promoción y algunas cosas técnicas como un dominio, hosting (alojamiento) y un sistema para manejar los contenidos. Pero más que todo lo que necesitas para tenerlo hecho. Necesitas desiciones, no discusiones.<span id="more-235"></span></p>
<p><span style="font-weight: bold;">No contrates un gran grupo</span> solo para quitarte responsabilidad. No pierdas tiempo escribiendo texto por semanas, diseñando por meses.</p>
<p>Crea tu sitio rápidamente, no trates de ser perfecto. En nuestros tiempos, no hay necesidad de pulir cada detalle. Solo tenlo hecho. <span style="font-weight: bold;">Publica el sitio en pocos días, aunque siga pequeño e imperfecto</span><span style="font-weight: bold;">.</span> Por lo tanto, tu sitio estará listo para recibir visitas en pocos días. Estarás en el negocio lo antes posible.</p>
<p><span style="font-weight: bold;">Decide solo,</span> no esperes que alguien mágicamente aparezca del cielo con una mejor idea. No desvíes tu clara idea con dudas. La gente nunca está de acuerdo una con otra.</p>
<p>Contrata solo a los mejores para que te asesoren. Pero no compartas la toma de decisiones con ellos. La democracia apesta en la creación de sitios web. Los buenos asesores son otra historia. Escúchalos, siéntete seguro de tus bases. Luego dale. Hazlo. Muévete.</p>
<p>Como Seth Godin dijo, <a href="http://sethgodin.typepad.com/seths_blog/2007/10/how-to-create-1.html">despedir al comité es un rompe tratos.</a> Ellos también dicen que el <a href="http://en.wikipedia.org/wiki/Design_by_committee">camello es un caballo diseñado por un comité.</a><span style="font-weight: bold;"><br />
</span></p>
<h2>¿Qué debería tener, un diseño ya hecho o contratar a un diseñador?</h2>
<p><span style="font-weight: bold;">Diseño es clásicamente un lujo. </span>La gente muere cuando llega la factura de la agencia de publicidad. Pero el marketing se ha ido por otro rumbo. Ya no hay necesidad de tener que decidir entre &#8220;tener un diseño o no tenerlo&#8221;. Siempre puedes tener un buen diseño. Los precios pueden oscilar entre diseños totalmente gratuitos (plantillas) o trabajos super caros, hechos exclusivamente para tí por los mejores del mercado.</p>
<p><span style="font-weight: bold;">La pregunta por tanto, depende del tamaño de tu presupuesto.</span> La mayoría de nosotros tenemos un presupuesto muy bajo o no lo tenemos, pero aún queremos tener un diseño único para nuestro sitio. Si realmente no piensas en tener una plantilla y tu presupuesto es realmente bajo, todavía hay chance. Hay un camino de oro en medio&#8211; contrata un freelance que sea bueno tanto en diseño como en código (yo jeje). Deja personalizar ese tema gratuito. Eso estará en pocos días de trabajo.</p>
<h2>¿Quién debería escribir?</h2>
<p><span style="font-weight: bold;">No puedes tener contenido bajado de una fuente gratuita</span>. Es esta la parte difícil &#8212; necesitas escribir los textos por tí solo o contratar a alguien que lo haga por tí. Las buenas noticias son que textos simples, cortos y al grano son los mejores. Así que muchos de ustedes podrán hacerlo sin mucho problema. Y no olvides las imágenes. Imágenes de tu equipo de trabajo, producto, oficina o cualquier cosas que pueda ilustar tu mensaje.</p>
<h2>¿Qué hago con los aspectos técnicos?</h2>
<p>Unir el diseño con el contenido y lanzar tu sitio web como tal,  normalmente necesita ayuda te los amigos IT. Nombres de dominios, hosting, PHP, CMS y otros acrónimos extraños.</p>
<p>En nuestros días esta se ha vuelto la tarea fácil. <span style="font-weight: bold;">Ya no es necesario que ensucies tus manos.</span> Puedes crear tu sitio por tí mismo usando servicios para crear sitios web. No es necesario ir a molestar a tu vecino de 10 años a que te ayude con lo de IT. Hazlo tu mismo, es practicamente simple. Si tienes un diseño personalizado, deja que el diseñador/desarrollador lo integre al servicio.</p>
<h2>Promoción</h2>
<p>La pregunta de como poder manejar la promoción de un nuevo sitio web es <span style="font-weight: bold;">más sobre administración de empresas</span> que de como crear un buen sitio web.</p>
<p>Hazla fácil &#8212; estudia lo básico del marketing en línea. Es necesario, viene incluido en cada sitio web que al que quieras darle vida. Estudia como posicionarte mejor en las búsquedas de Google, cómo analizar tu tráfico, cómo expandirte en el mundo y como + cuando anunciarte. Un sitio web sin promoción es un error.</p>
<h2>¡Más de cada tema viene en unas pocas semanas!</h2>
<ul>
<li>3 de mayo: <strong>Recopilando el contenido</strong><span style="font-weight: bold;"> </span></li>
<li>11 de mayo: <strong>Creando el diseño</strong></li>
<li>18 de mayo: <strong>Desarrollando la funcionalidad</strong></li>
<li>27 de mayo: <strong>Incrementando el tráfico</strong></li>
</ul>
<p style="text-align: right;">Fuente: <a title="In English - Gathering a team" href="http://www.edicy.com/blog/how-to-create-a-great-website-pt2-gathering-team">Mis amigos de Edicy</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jepserbernardino.com/idea/como-crear-un-buen-sitio-web-reuniendo-al-equipo/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Como crear un buen sitio web &#8211; Introducción</title>
		<link>http://jepserbernardino.com/general/como-crear-un-buen-sitio-web-introduccion/</link>
		<comments>http://jepserbernardino.com/general/como-crear-un-buen-sitio-web-introduccion/#comments</comments>
		<pubDate>Thu, 23 Apr 2009 05:29:37 +0000</pubDate>
		<dc:creator>Jepser</dc:creator>
				<category><![CDATA[general]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[Edicy]]></category>

		<guid isPermaLink="false">http://jepserbernardino.com/?p=223</guid>
		<description><![CDATA[He hecho una recopilación de los artículos escritos por Tunnel de Edicy, aquí estarán las traducciones.]]></description>
			<content:encoded><![CDATA[<p>Acabo de leer un artículo de <a title="Runnel's Site" href="http://tonu.runnel.ee/">Runnel</a> (CEO &amp; diseñador de Edicy), sobre como crear un buen sitio web. El artículo estará dividido en 5 partes. Que traduciré al español. Dividido de la siguiente forma:<span id="more-223"></span></p>
<ul>
<li>27 de abril: <a title="Como crear un buen sitio web, Parte 2 - Reuniendo al equipo" href="http://jepserbernardino.com/como-crear-un-buen-sitio-web-reuniendo-al-equipo/"></a><a>Reuniendo al equipo</a></li>
<li>3 de mayo: <strong>Recopilando el contenido</strong><span style="font-weight: bold;"> </span></li>
<li>11 de mayo: <strong>Creando el diseño</strong></li>
<li>18 de mayo: <strong>Desarrollando la funcionalidad</strong></li>
<li>27 de mayo: <strong>Incrementando el tráfico</strong></li>
</ul>
<h3 class="entry_h3">En resumidas cuentas, el crear un sitio web nos lleva a lo siguiente:</h3>
<ul>
<li> <strong>Crea tu sitio rapidamente</strong>, los detalles no tienen que ser perfectos. En mundo cambiante como el nuestro, genial es suficiente. Solo tenlo hecho.</li>
<li><strong>Decide solo</strong>, no reunas un gran equipo que posiblemente desviará tu idea principal. Las personas no siempre están de acuerdo unas con otras. Contrata a los mejores para poder guiar, no compartas la toma de decisiones. La democracia en la creación de sitios web no funciona.</li>
<li><strong>El contenido manda.</strong> Piensa como tus clientes, escribe breve y simple. Sé visual. Una imagen habla más que mil palabras.</li>
<li><strong>Promueve.</strong> Una vez hayas terminado, hechalo a andar. Si lo hiciste bien, tendrá éxito y se expandirá. Pero aún tienes mucho trabajo. Sí no lo promueves, nadie sabrá que tan bueno es. Recuerda que habrán muchos más sitios trantando de llamar la atención.</li>
<li><strong>¡Felicitaciones!</strong> tu trabajo ya hecho. O&#8230; ¿no lo está? Lo siento si no . Una vez ya no tienes interés en ese sitio, tu sitio muere solo. Un verdadero sitio web se actualiza, desarrollando y mejorando; simpre. Sabes, de hecho; esa es la mejor parte. No puedes olvidarlo.</li>
</ul>
<p style="text-align: right;">Referencia: <a title="Edicy Post" href="http://www.edicy.com/blog/how-to-create-a-great-website-pt1-introduction">Blog de Edicy (inglés)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jepserbernardino.com/general/como-crear-un-buen-sitio-web-introduccion/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

