domingo, 11 de diciembre de 2011

Como mostrar e insertar en las páginas web mapas de Google y OSM

Como agregar a cualquier página web de internet mapas de GoogleMaps y Open Street Maps para hacerlas más ricas en contenido.

A pesar de que actualmente hay disponibles online todo tipo de mapas, insertarlos en las páginas web es una manera en muchos casos muy útil de complementar el contenido que tratamos de comunicar.

Si tienes una página web propia como es muy común hoy en día y gracias a las facilidades que ofrecen muchos servicios de hosting, inclusive algunos gratuitos, puedes experimentar agregando distintos tipos de mapas, para eso solo basta insertar en el código HTML unas sencillas líneas de código Javascript copiando y pegando.

Todos conocemos el servicio que ofrece Google, con las opciones de mapas de satélite, de carretera, hibrido y Google Earth, pero quizás no todos estén al día con el servicio de Open Street Maps.

¿Que son los mapas de Open Street Maps?

Open Street Maps, también conocido por sus iniciales OSM, es un proyecto del software libre que tiene la peculiaridad de que el contenido de los mapas es agregado por los propios miembros.

Cualquiera puede convertirse en miembro y editar los mapas agregando datos de los lugares que les son familiares.

Es un proyecto bastante reciente pero ya cuenta con una base de datos gigantesca y detallada de muchas locaciones en todo el mundo, no obstante el trabajo recién comienza. Puedes agregar los mapas de Open Street Maps y animar de paso a tus lectores a contribuir con el proyecto.

¿Cómo insertar los mapas en las páginas web?

Accede a las siguientes paginas donde se detallan los pasos necesarios para insertar los mapas, ya sean de Google o de Open Street Maps, todo explicado de una manera fácil de asimilar dedicado a personas con poco o ningún conocimiento avanzado.

En dichas páginas podrás copiar y pegar los códigos necesarios de varios ejemplos diferentes.

Como insertar y mostrar los mapas de Google en las páginas web


Como insertar y mostrar los mapas de Open Street Maps en las páginas web


sábado, 10 de diciembre de 2011

Como mostrar símbolos y signos en páginas hechas para Facebook

Insertar los caracteres especiales Unicode que representan símbolos en las páginas web, para hacerlas más bellas y con un contenido estético mas atractivo.

El texto usado en las páginas web tiene lógicamente las limitaciones que impone el alfabeto de nuestro idioma, para agregarle expresividad se usan gráficos o imágenes, pero esto tiene el inconveniente que para hacerlo es imprescindible cargar archivos externos, que por muy pequeños que sean requieren de peticiones HTTP adicionales que hacen inevitablemente las páginas más lentas.

Una alternativa es el uso de los caracteres Unicode, permite insertar caracteres de otros idiomas o lenguajes que independientemente de su significado verdadero, pueden usarse para agregarle estética a las páginas.

Los símbolos y signos que representan estos caracteres son muy usados y demandados en los sitios frecuentados por jóvenes, principalmente las redes sociales como Facebook.

Las paginas hechas con las más recientes especificaciones del HTML, XHTML y HTML5 admiten prácticamente cualquiera de los miles de caracteres Unicode disponibles, siempre que estén disponibles en las fuentes instaladas comúnmente en Windows, para que se representen correctamente en todos los equipos.

¿Cómo insertar los caracteres Unicode en las páginas web?

Insertar en el código HTML cualquier carácter es sencillo, se hace de la siguiente forma:

&#XXXX;

Donde XXXX es el código decimal que corresponde al carácter que se quiere mostrar.

¿Cómo conocer el código de los caracteres?

Existen varias formas de conocer el código decimal de un carácter.

1- Acceder a las tablas publicadas en el sitio web de Unicode.

2- Acceder a páginas que contiene tablas solo de los símbolos más utilizados, más abajo encontrarás los vínculos de dichas páginas.

3- Usar un convertidor de caracteres, es una aplicación que funciona online, en la que solo es necesario pegar el símbolo o carácter y devuelve el código decimal necesario.

Accede al convertidor de caracteres en el siguiente vínculo:

Convertidor o generador de códigos de símbolos, signos y caracteres especiales

Vínculos a las páginas con las tablas de los símbolos y signos más usados, con los códigos decimales necesarios para mostrarlos en las páginas web.

Símbolos, signos y caracteres de amor y amistad

http://norfipc.com/facebook/simbolos-signos-unicode-amor-amistad.php

Símbolos, signos y caracteres del horóscopo, planetas y astronomía

http://norfipc.com/facebook/simbolos-signos-unicode-planetas-astronomia-horoscopo.php

Símbolos, signos y caracteres de letras decorativas y hermosas

http://norfipc.com/facebook/simbolos-signos-unicode-letras-decorativas.php

Símbolos, signos y caracteres de letras decorativas y hermosas

http://norfipc.com/facebook/simbolos-signos-unicode-letras-decorativas.php

Símbolos, signos y caracteres varios

http://norfipc.com/facebook/simbolos-signos-unicode-varios-1.php

Símbolos, signos y caracteres misceláneos

http://norfipc.com/facebook/simbolos-signos-unicode-varios-2.php

Símbolos, signos y caracteres emoji en la fuente Symbola

http://norfipc.com/facebook/simbolos-signos-unicode-caracteres-emoji.php

Símbolos, signos y letras de otros idiomas y lenguajes

http://norfipc.com/facebook/simbolos-signos-unicode-idiomas-lenguajes-asiaticos-exoticos.php

viernes, 9 de diciembre de 2011

Como convertir imágenes y fotografías en dibujos ASCII

Convierte fácilmente cualquier imagen o foto en una figura del arte ASCII, escaneándola y subiendo dicho archivo a un convertidor, después podrás pegar los caracteres resultantes en cualquier documento de texto, blog o página web.

¿No sabes que es el arte ASCII?

El arte ASCII es una nueva corriente artística propia de las nuevas tecnologías digitales, consiste en escribir en un documento de texto letras, números o caracteres ordenados de forma tal que ofrezcan un resultado similar al de un diagrama o grafico pero de valor artístico.

Para crear un dibujo ASCII solo es necesario una computadora o laptop y la imaginación suficiente para ordenar de la forma necesaria los caracteres.

Requiere de mucha paciencia y dedicación, pero existe otra opción que son programas que permiten renderizar una imagen y convertirla en un dibujo ASCII, este dibujo se puede copiar y pegar como si se tratara de una palabra o frase, se puede pegar la composición así creada en cualquier documento, en una presentación de Power Point, en una página web o en un blog de internet.

¿Cuál es su uso?

Este método es muy usado para crear manualmente de forma manuscrita firmas y logos para usarlo los caracteres así creados, como firmas en los comentarios de los blogs en los que se participa, también en el muro de Facebook.

No obstante es muy amplio su empleo en la actualidad.

¿Cómo convertir las imágenes y fotos en caracteres ASCII?

Accede a la siguiente página donde podrás subir las imágenes, ofrece dicho convertidor varias opciones, además conocerás como insertar de forma adecuada los caracteres creados:

Convertir imágenes en dibujos y figuras del arte ASCII


Si quedas complacido con el resultado puedes crear tu propio convertidor para hacer la tarea en tu PC offline, para eso léete la siguiente página donde conocerás como hacerlo:

Como crear un convertidor de imágenes en caracteres ASCII usando PHP