Stemplate es una página web dedicada a recopilar diferentes tipos de elementos para implementar en nuestros sitios web. Es muy útil ya que todo es gratuito, y eres libre de usarlo con fines personales. Puedes encontrar banners 2.0, menús de navegación, botones, badges, backgrounds, templates, etc. Todo ello con un gran diseño gráfico. Sin duda un lugar donde deberemos buscar elementos para dar un toque elegante a nuestro sitio web.

Enlace: | Stemplate

Con ésto de la llegada de la web 2.0, los Widgets para páginas web y blogs se están poniendo de moda. Por ello Widgetbox es un sitio ideal si lo que quieres es Widgets, puesto que puedes distribuir los creados por tí, como disfrutar de los de los demás usuarios. Los hay de todo tipo, y algunos son muy curiosos. Aquí puedes ver un ejemplo de uno que escogí al azar:

|WidgetBox|

Leyendo el blog de PuntoGeek, me topo con éste portal parecido a menéame, en el cual puedes enviar cualquier tipo de script y que la gente lo vote. No hay que votar para salir en portada, puesto que todo lo que se envía sale en la página principal, listo para que todos los usuarios den su opinión. Sin duda un sitio perfecto para encontrar nuevos scripts, que nos hagan la vida más fácil.
Enlace: | Scriptvote

Bueno señores, guarden bien éstas 2 direccioens entre sus favoritos, puesto que son 2 páginas web con multitud de recursos hechos mediante CSS para implemente en nuestras páginas web. Veamos los sitios web en cuestión, y algunos de los múltiples ejemplos que ofrecen:

www.cssplay.co.uk: página web con montones de menús variados de todo tipo. También disponen de Layouts y Boxes. Particularmente lo que más me gusta son los menús de navegación. Los hay de todo tipo, horizontales,verticales, solo texto, con imágenes, deplegables de varios niveles, etc. Algunos ejemplos que me han gustado en un rápido vistazo:

• Menú de navegación con subcategorías.
• Menú contractil.
• Curioso menú que muestra imágenes al posar el cursor.
• Otro vistoso menú con imágenes.

www.dynamicdrive.com: Ésta página ya tiene más variedad. También tiene muchos menús, y además hay otros elementos como formularios y plantillas. Algunos ejemplos rápidos:

• Menú elegante.
• Dando estilo para los botones de los formularios.
• Plantilla con 2 columnas “fixed”(tamaño fijo).
• Plantilla líquida con 2 columnas.

Las etiquetas son leídas por muchos buscadores para obtener información de las páginas web. De ellas extraen distintos tipos de información, como si deben indexar la página o no, rastrear los vínculos de esa página, cada cuantot iempo debe visitarla de nuevo, etc. El uso de las etiquetas META sirve para el posicionamiento, y cuanto mejor elijamos esas etiquetas, mejor será nuestro posicionamiento y mayor será el tráfico web que recibamos por parte de los distintos buscadores como Yahoo o Google. La ubicación de las etiquetas META será en el head. Una vez hecha ésta introducción, vayamos viendo los distintos tipos de etiquetas META, para qué sirven y como usarlas correctamente.
Descripción (description): sirve para realizar una breve descripción de la página. Debe ser una frase en la que se utilicen palabras que luego aparezcan realmente en la página, y su longitud puede situarse entre 100-170 palabras aproximadamente. Ésta es su sintaxis:

Keywords: las famosas palabras clave. Debemos poner palabras o frases por las que puedan clasificarse o identificarse nuestras páginas. En caso de que usemos muchas palabras/frases clave, no deberemos repetir la misma palabra más de 5 veces. Irán separadas por comas, y no se recomienda utilizar un gran volumen de palabras/frases puesto que muchas de ellas serán desechadas por los motores de búsqueda. Veamos su sintáxis y un ejemplo para ésta entrada:

Éstas 2 etiquetas META son imprescindibles en las páginas web para llevar a cabo un buen posicionamiento. Sin embargo existen más etiquetas, auqnue no tan importantes, debemos tenerlas en cuenta:
Lenguaje (language): sirve para definir el lenguaje de la página web que visitamos. En el ejemplo vemos como definir una página con lenguaje castellano:

Volver a visitar después de (revisit-after): Para indicar el periodo que ha de pasar para que una página vuelva a ser visitada. Lo normal es poner entre 15 y 30 días.

(no)Index,(no)follow: hace poco estuvimos hablando acerca de ella, sirve para indicar si queremos que determinada página sea indexada o no, o si queremos que sea rastreada en busca de vínculos o no.

Otras etiquetas como propietario, autor o e-mail de contacto son inocuas, por lo que no es necesario su uso.
Para terminar, recuerda que las etiquetas meta comienzan a no ser tomadas en cuenta por algunos buscadores, pero aún así siempre es recomendable su uso, ya que nunca será negativo. Las etiquetas META deben ser diferentes para acda página, por que deben cambiar keywords y descriptions. El resto es cuestión de saber elegir, y como consejo no utilices acentos/tildes. Para simplificar ésta tarea en Desarrollo web dispones de un generador de etiquetas META solo para usuarios registrados. Merece la pena registrarse en éste portal, ya que podemos encontrar multitud de material acerca del diseño web.

Porque no todo es código en el diseño de sitios web, en multitud de ocasiones necesitaremos y echaremos manos de herramientas online, que nos facilitan enormememente el trabajo. Aquí hay una recopilación de multitud de herramientas online que nos pueden ser útiles a la hora de trabajar en nuestras webs:

Generadores de colores:

• Colorblender
• Color Calculator
• Color Pallete generator: genera una paleta de colores basándose en una imagen.
• Gradient image Maker: imágenes cond egradados eligiendo 2 colores.
• I like your color: para extraer los colores del HTMl y CSS de una página web.
• Generador png´s transparentes

Generadores CSS:

• Clean CSS: formateador y optimizador de hojas de estilo.
• CSS Creator
• CSS Button and Text Field Generator: generador de botones y campos de texto.
• CSS Formatter and optimizer
• Cornershop: generador de tablas con esquinas redondeadas.
• Free CSS Template Code Generator

Generadores de nombres de dominio:

• Nameboy
• Whoix?

Generadores de emails:

• Advanced Email Link Generator: con AntiSpam.
• E-Mail Icon Generator: generador de imagenes de emails.

Generadores de favicon:

• Favicon Generator
• FavIcon Generator

Generadores de formulario:

• Contact Form Generator
• Form Element Generator
• PHP FormMail Generator
• Web Form Factory

Generadores .htaccess:

• Htaccess Disable Hotlinking Code Generator
• mod_rewrite RewriteRule Generator

Generadores etiquetas Meta:

• META builder
• META Tag Generator
• Title & Meta Tags Generator
• META Tag Generator

Generadores de passwords:

• PASSWORD GENERATOR
• Perfect Passwords

Generadores robots.txt:

• Robots.txt Generator
• Robots.txt syntax checker

Generadores sitemap:

• Google Sitemaps beta
• ROR Sitemap Generator
• Free Sitemap Generator
• Google Sitemap Generator for WordPress v2 Final