Les comparto una paleta de colores basada parte de ella en una imagen, de donde les extraí los colores con un programa, como verán son diferentes colores pero barios de ellos parecidos pero con tonos leves diferentes.

Espero que les pueda de ser de utilidad.

Compartimos con ustedes 4 plantillas echas en HTML, la mayoría están diseñadas con la idea de usarlas en una Web para negocios de Hosting.

Si piensas editarlas por tu propia cuanta puedes usar un editor como Dreamweaver o cualquier otro que uses, veras que son muy fáciles hacerle los cambios.

Descárgalas si son de tu agrado.

Descargar

Descargar

Descargar

Descargar

Después de un tiempo tratando otros temas con ustedes, hoy compartimos una plantilla nueva echa en html5, el nuevo formato de la Web como saben en estos tiempos sale a relucir el html5 y pierde por diez a cero flash, con esta nueva manera de programar se abren nuevos campos y se da paso a un mundo de nuevas aplicaciones.

Pero volviendo a lo nuestro, la plantilla que compartimos esta echa en html5 con un muy buen gusto, con colores muy vivos en verde y muy buen gusto en la ubicación de los servicios que puedas ofrecer en tu pagina Web o en tu empresa.

Vasta de letras y descárgate la plantilla.

Bueno una de las ideas de esta Web es compartir temas que sean de interés como códigos de colores que te sirvan cuando empieces a programar una pagina Web, y también en otros trabajos de diseño.

Visita la paleta de colores aquí.

Esta plantilla es realmente muy bonita, la he encontrado haciendo una búsqueda en Internet me encontré con esta plantilla.

Con colores claros y un trabajo de maquetación excelente se las recomiendo si estas pensando en comenzar una pagina.

Descargar la Plantilla

Sus temas, Html, php, api, css , dominio, estándares, google, herramienta, html, ie6, ie7, imagen, javascript, json, programación, prototype, regex, seo, symfony, trafico,  utf-8 y todo lo que respecta a temas de programación, te vas a encontrar con un sistema bien sencillo, el post es una pregunta y después tienes las respuesta al problema.

Sin muchas vueltas te las responden los editores con las habilidades para estos temas.

Escribo esta entrada en reconocimiento al servicio que hace esta web a todos aquellos que estamos en el tema de la programación o aprendiendo y muchas veces nos encontramos en un callejón sin salida.

Y aquí encontraran muchas de esas respuestas.

Queremos acotar algo y es que estamos en el mundo WordPress y la mayoría de las plantillas están diseñadas para este CMS pero si tu idea es una pagina rápida de presentación o contacto, estas plantillas basadas en html te serán muy útiles.

Otras Plantillas de utilidad son:

Plantillas en html Orange

Una mas es Internet Encyclopedia

Descargar Plantilla

El atributo rel=nofollow, de los enlaces, sirve para que los buscadores no continúen reastreando a partir de esos enlaces.

16/7/08 – Dejemos aquí una pequeña reseña sobre un atributo que se está convirtiendo en esencial en los enlaces y que no habíamos comentado en nuestro manual de HTML, aunque sí habíamos visto algo en nuestro manual de posicionamiento en buscadores.

Nofollow es un atributo de los links HTML (etiqueta <A>), que sirve para definir o marcar el comportamiento de los buscadores cuando rastrean nuestra página web en busca de contenidos para indexarlos. Por defecto, cuando un buscador visita una página web va recorriendo todos sus enlaces y va indexando su contenido en su base de datos de páginas. Esto es algo que hacen automática y periódicamente. Ocurre tanto con los enlaces internos a otras páginas de nuestro sitio como con los enlaces externos a otras páginas web. Los motores que recorren las webs de enlace a enlace, se llaman arañas.

Ahora bien, nosotros podemos, a través del atributo rel=”nofollow”, decirle a un buscador que no continúe indexando los contenidos de la página a la que lleva un enlace en particular.

Lo haríamos así:

<a href=”URL_DEL_ENLACE” rel=”nofollow”>TEXTO_DEL_ENLACE</a>

Un poco de historia sobre nofollow

Para completar estas notas habría que comentar que el atributo fue creado por iniciativa de Google y Blogger en 2005, como una idea para detener el spam de enlaces en sitios web que permiten a los usuarios la participación.

Una práctica común de las personas que pretenden promocionar una página web es realizar comentarios o participaciones en páginas web, en las que insertan enlaces a sus propios sitios. Esto se conoce como spam de enlaces, o con el término de spamdexing.

Con el atributo rel=”nofolow” se pretenden mitigar los efectos de ese tipo de spam en los sitios como foros, blogs, o cualquier página que permita la interacción con la comunidad de visitantes. Algunas páginas como la Wikipedia lo utilizan en todos los enlaces externos.

Actualmente el atributo ren=nofollow está bajo patente, aunque esta está liberada de royalties, lo que quiere decir que se puede utilizar sin limitación y sin tener que pagar nada.

Cómo interpretan los buscadores el Nofollow

El atributo es tenido en cuenta no sólo por el motor de indexación (araña) del buscador Google, sino también por otras arañas de buscadores tan importantes como Yahoo! o MSN. Aunque hay que decir que cada buscador hace un uso particular del atributo.

Habría que aclarar que los buscadores a menudo siguen el enlace que se ha marcado como nofollow, visitando aquella web que se había enlazado. Lo que ocurre realmente es que no tienen en cuenta el link para asignarle ranking o directamente no lo indexan.

Promoción de webs y nofollow

Sobra decir que este atributo resulta bastante potente a la hora de trabajar con la promoción de una página web, puesto que altera directamente el comportamiento de los buscadores al rastrear las páginas, enlace a enlace.

Así pues, los SEO, promocionadores de páginas o personas que trabajan en el posicionamiento en buscadores, lo tienen muy en cuenta en sus técnicas para su trabajo del día a día. Existen diversas técnicas que utilizan este atributo para realizar promoción de webs, como la que explicamos en el artículo Arriesgada pero excelente técnica SEO usando rel=nofollow, pero el uso más importante es el que se ha comentado ya en este artículo: ponerlo a los enlaces externos para no transferir ranking o posicionamiento desde nuestra web a otras webs externas.

Otra técnica relacionada con nofollow, pero más segura, para que no se indexe parte del contenido de nuestra página, es el uso del archivo robots.txt, que ya hemos comentado anteriormente en DesarrolloWeb.com.

Via: DesarrolloWeb.com

Si nunca diseñaste un sitio web, te recomiendo que
comiences con Microsoft Frontpage ®.
Este software te permitirá crear una web aunque no sepas
nada de HTML (el lenguaje con el que son creadas las web)

Tendrás luego que aprender algunos trucos para modificar
el HTML para optimizar tus páginas y conseguir buen
ranking en los buscadores.
Pero no te asustes que es muy sencillo hacerlo!

Antes de comenzar, piensa…  para que quieres un website?
Cuál es el propósito principal?  Quieres ganar dinero en tu
website, correcto?  Entonces debes desarrollar un sitio que
esté preparado para vender tus productos…

1- básico: la página principal se debe cargar en menos de 8
segundos en un modem de 56k. De acuerdo a varias
investigaciones, los usuarios de Internet suelen abandonar
los sitios que tardan mas que eso en cargarse en sus
navegadores.

2- ten cuidado al elegir los fondos de las páginas y los
colores.  Los fondos con imágenes o sobrecargados de
colores fuertes suelen impedir la lectura del texto.
Elige colores muy claros (aconsejo blanco, amarillo suave
o verde agua) Todas las páginas deberían tener el mismo
fondo, organización y diseño.

3- no utilices animaciones gráficas.  Además de ser
innecesarias, son distractivas y aumentan considerablemente
el tiempo de carga de la página.
Una página con gráficos animados suele ser considerada
infantil y poco profesional.  Recuerda siempre que el
objetivo es vender un producto y no entretener a los
visitantes.

4- Tu página principal debe mostrar a los visitantes lo que
tienes para ofrecerles.  Cuántas veces has visitado sitios
donde no se puede definir de que se trata?  Si tus visitantes
no pueden encontrar lo que buscan en unos pocos segundos,
seguramente abandonarán el sitio en busca de la competencia.
Recuerda que los visitantes entran a tu sitio en busca de
información, un producto o un servicio.

5- evita sobre todo incluir banners ajenos al principio de
las páginas.  Esto causará que pierdas al cliente o que los
buscadores te suscriban con los detalles de ese banner.
De todos modos deberías dejar los banner ajenos para otras
páginas que no sea la principal.

6- Incluye información de contacto al final de cada página
de tu sitio (tu nombre y el de tu empresa, domicilio,
teléfono y fax, email).  Trata de contestar los mensajes en
menos de 24 horas.  Esto ayudará a que los clientes confíen
en ti y a promover buenas relaciones comerciales con otras
empresas.

7- chequea 2 veces cada página para asegurarte que no
tienen errores ortográficos, gramaticales ni de tipeo.
Casi todos los procesadores de texto o de diseño web
cuentan con esa opción.  Además comprueba que todos
los links funcionen correctamente.

8-  es aconsejable que utilices tablas para el diseño de las
páginas.  Esto te permite tener mejor aspecto y poder
alinear el texto sin errores.

9- ubica links de navegación todos juntos en la derecha,
izquierda o al final de las páginas.  Si planeas utilizar
gráficos para los botones, recuerda que cada gráfico
aumentará el tiempo de carga de tus páginas.
Personalmente, no los aconsejo para sitios de ecommerce.

10- con marcos o sin marcos?  Si no se usan
apropiadamente, tus visitantes deberán lidiar con la barra
de navegación de izquierda a derecha todo el tiempo y
terminarán aburriéndose.  Además cabe mencionar que
algunos navegadores no admiten esta opción.
Mi consejo:  en vez de utilizar marcos, utiliza tablas.
(el aspecto es similar y se ven mas profesionales)

11- debes poder llegar desde cualquier página en tu web
hacia la página principal en no mas de dos clicks.
Recuerda que tus visitantes pueden ingresar a otra página
Antes que a la principal (debido a los buscadores) y deben
poder acceder rápidamente al índice.
Para ello, ubica links en todas las páginas en un lugar visible.

12- jamás utilices sonido en tus páginas.  Esto suele ser
distractivo y suele producir malestar en la mayoría de los
usuarios.

13- todos los navegadores son diferentes.  Chequea tu sitio
en la mayor cantidad posible.  Te recomiendo por lo menos,
que lo hagas con Internet Explorer, Opera y
firefox.

14- renueva a menudo los contenidos de tu sitio.
Pero nunca elimines una página que pudiera estar en los
buscadores!  Simplemente renueva la página principal y
agrega páginas nuevas.  Es una buena razón para que los
visitantes vuelvan a tu sitio o te recomienden a otras personas.

15- crea un ebook que tenga que ver con el contenido de tu
web.  No es difícil hacerlo…  si puedes crear un website,
puedes crear un ebook.  Bríndalo gratis a los visitantes y
promociónalo en los buscadores y directorios.
Ubica un link en la página principal.

16- provee a tus visitantes con artículos informativos
relacionados con el tema de tu sitio.  Esos artículos pueden
estar disponibles para ser leídos directamente en tus páginas
o enviados por correo.  Si no te gusta escribir, puedes
buscar artículos de otras empresas y solicitar permiso para
publicarlos.

17- Páginas que no deben faltar en tu sitio web:

Página principal (index.htm)
Pág. con Carta de ventas
Pág. con formulario de suscripción a una lista de correo
Pág. de “gracias por suscribirse”
Pág. de detalle de cada uno de tus productos
Pág. con información de contacto y de la empresa
Pág. de pedido u órdenes de compra
Pág. de “gracias por su compra”

Si tienes ideas al respecto o discrepancias comenta, será muy apreciado.

Para crear un menú de este tipo se debe utilizar el siguiente código HTML en el lugar
concreto donde queramos situarlo dentro de la página:
<form>
<SELECT NAME=”urldestino”>
<option selected>—M E N U —
<option value=”index.html”>Inicio
<option value=”pagina1.html”>Añadir URL
<option value=”pagina2.html”>Modificar URL
<option value=”pagina3.html”>Nuevo
<option value=”pagina4.html”>Interesante
<option value=”pagina5.html”>Top
</SELECT>
<input type=”button” value=”IR”
onClick=”location=this.form.urldestino.value” name=”button”>
</form>