domingo, 27 de octubre de 2013

ASPECTOS DE LA PAGINA: ESTILOS BASICOS

Hasta ahora hemos aprendido a utilizar los elementos básicos de HTML para escribir texto, imágenes y enlaces, pero los resultados han sido muy pobres desde el punto de vista estético. A continuación vamos a ver como poner "guapa" nuestra página formateando el texto, con bordes, márgenes y fondos. Veremos un concepto muy importante y potente: el estilo CSS. El aspecto de la página se controla con los estilos CSS.


Por ejemplo, añadiendo estilos CSS a la página de nuestro ejemplo obtenemos este resultado.


Los estilos que hemos añadidos son los que puedes ver en esta imagen y que vamos a comentar a continuación:



A continuación vamos a ver los elementos básicos o fundamentales del HTML. Primero veremos la estructura general de las etiquetas, luego la estructura básica de la página, a continuación empezaremos a colocar cosas en la página, primero texto, luego imágenes, enlaces y por último hablaremos brevemente del elemento que nos sirve para colocar cada cosa en el sitio que queramos, las capas.

Etiquetas

El lenguaje HTML se basa en etiquetas, por eso es importante entender bien la sintaxis de las etiquetas.

Al realizar nuestro primer ejemplo, hemos visto algunas etiquetas.

Las etiquetas siempre van contenidas entre los signos de desigualdad < y >. Por ejemplo <body>,<title> o <p>.

Las etiquetas tienen una etiqueta de apertura y una de cierre, marcada por el signo /. Por ejemplo <body> (apertura) y </body> (cierre). Entre la apertura y el cierre, está el contenido de la etiqueta, que puede ser texto u otras etiquetas, depende del tipo de etiqueta. Algunas etiquetas, no tienen contenido, y se cierran sobre sí mismas. Esto se expresa colocando la apertura y el cierre en la misma etiqueta, como por ejemplo: <br />, que equivaldría a <br></br>. La etiqueta <br /> escribe un salto de línea.

Vamos a fijarnos en la apertura de la etiqueta. La primera palabra que aparece es el nombre o identificador de la etiqueta. A parte, podemos encontrar atributos con sus valores, siguiendo el formato <etiqueta atributo1="valor" atributo2="valor">. La forma correcta de escribirlo es escribir el nombre de la etiqueta y los atributos en minúscula, y los valores contenidos entre comillas dobles. Si un atributo tiene más de un valor, se escriben todos los valores dentro de las mismas comillas, separados por espacios en blanco, por ejemplo <etiqueta atributo="valor1 valor2">.

Hasta hace poco, lo más usual a la hora de escribir páginas web era que cada etiqueta tuviera bastantes atributos, que se referían a propiedades del formato o representación de los elementos. La tendencia actual es la de separar el formato del contenido, descartando estos atributos, sustituyéndolos por propiedades de estilo.

Por ejemplo, para escribir la siguiente línea:

Bienvenidos a www.aulaclic.es

Antes, sin estilos:

<p align="center"><font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a www.aulaclic.es</font></p>

Ahora, con estilos:

<p class="presentacion">Bienvenidos a www.aulaclic.es </p>


Como veremos en el siguiente tema, en otro lugar se definen las caracteristicas del estilo.

MI PRIMERA PAGINA WEB

Introducción

Pulsa en este icono  Ver el videotutorial para ver un videotutorial con el contenido de esta unidad.

El objetivo de este curso es enseñar a crear páginas web, partiendo desde cero y usando herramientas gratuitas.

Para seguir el curso sólo necesitas un ordenador y ganas de aprender, al final del curso podrás crear páginas como la que puedes ver haciendo clic aquí o aquí.

El lenguaje que se utiliza para crear una página web es el HTML, Hyper Text Markup Lenguage (Lenguaje de Marcas de Hypertexto) Hay muchos cursos de HTML pero creemos que este es diferente porque pretende ser un curso integral de creación de páginas web.

Vamos a explicar brevemente que queremos decir con esto. Lo fundamental para escribir páginas web es saber HTML pero no es suficiente. Si quieres poner una imagen en tu página necesitarás saber un poco sobre gráficos web, para recortar la imagen al tamaño adecuado, si quieres poner un menú desplegable es conveniente que conozcas algo sobre JavaScript, si quieres recoger datos de los usuarios mediante un formulario es conveniente hacerlo con un lenguaje tipo PHP.

También es conveniente utilizar un editor web para facilitar la escritura de páginas web, como KompoZer, para que tu página sea agradable es conveniente saber algo sobre diseño web, y por último para que todo el mundo mundial vea tu trabajo necesitarás subir tu página a un servidor de Internet y darla a conocer.

Pues bien, todo esto y un poco más es lo que hay en este curso. Además hemos intentado explicarlo de forma que lo pueda entender cualquier persona sin conocimientos previos sobre todos estos temas. Dicho así, parece una misión casi imposible, esperamos que sigas todo el curso y llegues al final cumpliendo estas espectativas. Es un reto complicado pero esperamos crear un curso que sea un punto de partida a este apasionante mundo de la comunicación global a través de Internet y te dote de la visión general que te permita avanzar hasta lograr crear páginas web atractivas y completas. A final del curso estamos seguros que lograrás crear conocimiento y ponerlo a disposición de las personas, y algo del espiritu de colaboración y gratuidad desde el que está hecho este curso quizás llegue a contagiarte un poco. Se acaba dando parte de lo que se recibe.

Por supuesto, tratar todos estos temas en profundidad exigiría un curso de un tamaño enorme, pero el objetivo es dar una introducción a cada tema, de forma que el alumno se pueda desenvolver en las tareas básicas y tenga las nociones suficientes para poder ampliar lo que más le interese en otros sitios. Por esto, al final de los últimos temas hemos puesto unas cuantas direcciones con lo mejor de la red en ese tema.

 Contenidos
Para que sea más facil de entender hemos desarrollado el temario de forma progresiva mediante la creación de un sitio web sobre flores, introduciendo cada concepto según se va necesitando.

Así, primero (tema 2,3) veremos los conceptos básicos de HTML, escribir texto, darle formato, hiperenlaces, estilos, etc. Luego (tema 5) explicaremos brevemente el editor KompoZer, luego veremos como estructurar una página web y un sitio web (tema 6), más adelante introduciremos el programa Gimp para trabajar con gráficos (tema 9), unas ideas para crear gráficos vectoriales, como por ejemplo un logotipo para la página, con el programa Inkscape. En el siguiente tema (tema 10) introduciremos conceptos sobre JavaScript, y luego un poco de PHP (tema 11). En los temas finales, teorizaremos un poco sobre cómo publicar nuestro sitio y como conseguir que aparezca en los buscadores y tenga visitas.

 Metodología
Como hemos dicho los diversos conceptos los introduciremos según sean necesarios a medida que vamos desarrollando un sitio web. Primero crearemos una página sencilla para introducir los elementos básicos de HTML, luego iremos añadiendo elementos a esa página, como un menú, gráficos, formularios, etc.

En algunos temas, sobre todo al principio, la explicación será un poco más teoría y general. Muchas veces, encontrarás la opción de probar el código que se está explicando. Te animamos a que hagas cambios sobre esos ejemplos y los vuelvas a probar, para ver qué sucede.

En otros temas, nos centraremos más en trabajar sobre el sitio de ejemplo, realizando cambios concretos. Por eso, te sugerimos que vayas creando el mismo sitio, asegurándote de haber aplicado los cambios explicados en cada tema.

Los temas están explicados también en videotutoriales, a los que puedes acceder al principio de cada uno. Aunque en ellos no explicamos cosas nuevas, puede que te ayuden a entender algunos conceptos al verlos de forma más visual.


Al final de cada tema encontrarás unos ejercicios propuestos. Con ellos, irás creando otro sitio con lo visto en cada tema.

MySpace, Tuenti, Buzz, LinkedIn


Existen redes de todo tipo, pero podríamos agruparlas principalmente en personales (generalistas), profesionales y empresariales.

____ Redes sociales generalistas

Una de ellas es MySpace, cuyo objetivo es que un usuario tenga una página principal que podrá controlar completamente, y publicar sus creaciones y multimedia. Esa página será el portal de encuentro con el resto de usuarios. Con los que podrá enviarse correos, chatear, crear comunidades, compartir archivos, etc.MySpace

MySpace siempre se ha caracterizado por su vertiente artistística. Son muchos los músicos que utilizan este espacio para darse a conocer. Suben sus canciones, crean listas de reproducción con ellas y las comparten con el resto. Nace el compañerismo entre distintos grupos musicales menos comerciales, que se apoyan y se comunican directamente. Y por supuesto nace la posibilidad de que los aficionados de la música participen de todo ello.

TuentiDependiendo del país donde residas observarás que existen tendencias hacia unas redes u otras. Por ejemplo en Brasil es muy popular la red Orkut. En España, Tuenti. Estas redes normalmente tiene alguna característica que ha calado más en la gente, y eso ha fomentado su uso.

Veamos por ejemplo el caso de Tuenti. Se trata de una red social enfocada principalmente al público adolescente. Por ello, sus medidas de privacidad están más restringidas que las de otras redes. Si introducimos el nombre de una persona en un buscador y esta tiene un perfil de Facebook, aparecerá listada en los resultados. Si tiene un perfil en Tuenti, no. Además, Tuenti funciona por invitación, de modo que si quieres crear una cuenta debes hacerlo a través de alguien que ya esté utilizando la red.

____ Redes sociales profesionales

En la actualidad los máximos exponentes de este tipo de redes son Xing y LinkedIn. Se trata de redes especializadas y por lo tanto facilitan tareas como publicar el currículum vitae, incluir logros, aptitudes y experiencias profesionales. Los usuarios van tejiendo una red entre ellos y sus clientes, proveedores, jefes o empleados. En definitiva con todo aquel que participe de su red.XingLinkedIn

Además permiten la participación, pudiendo plantear y resolver dudas concretas con otros profesionales.

Se trata de una fuente de datos muy interesante para recursos humanos, ya que pueden no sólo ver el currículum cerrado de una persona, sino cómo se relaciona con los demás, su grado de participación, sus intereses, la actividad en otras redes sociales que pueda tener conectadas al servicio, y probablemente lo más importante, su reputación, a través de la opinión de otras personas. Y es que estas redes facilitan herramientas de recomendación que pueden ser muy útiles para encontrar empleo o ganarse la confianza de los clientes.

___Redes sociales empresariales

Las personas están entusiasmadas con el hecho de poder crear redes para compartir experiencias. Por fin sienten que tienen voz. Este es un sentimiento positivo que muchas empresas quieren trasladar a su entorno. Por ello cada vez son más las organizaciones, asociaciones o corporaciones que crean su propia red social, ya sea enfocada al uso interno, por ejemplo para los empleados, o para uso externo, de cara a potenciales clientes.

Existen herramientas que facilitan la creación de redes sociales propias, como Ning o Elgg. Si bien es necesario saber gestionarlas y configurarlas, su uso es intuitivo y aprender es cuestión de tiempo, porque no requiere conocimientos informáticos avanzados.

___Otras

En este terreno cada vez se van investigando más alternativas. Un ejemplo de red social peculiar podría ser Google Buzz, que se incluye como un servicio más del correo electrónico Gmail y se encuentra perfectamente integrado en su webmail. Buzz


Buzz permite compartir información tanto de modo masivo como privado de un modo similar a como lo harías con Twitter, a base de mensajes donde se enlazan contenidos de distinto tipo. Quienes se interesen por tus contenidos podrán seguirte fácilmente para estar al tanto de tus novedades, del mismo modo que tú podrás seguir a aquellos que generen contenidos interesantes, independientemente de si son contactos de tu agenda o no lo son. Como siempre, información a la carta.

La red social Facebook



Página principalFacebook es un servicio gratuito que permite conectar a las personas en internet. Si somos usuarios registrados en su página web, podremos gestionar nuestro propio espacio personal: crear álbumes de fotos, compartir vídeos, escribir notas, crear eventos o compartir nuestro estado de ánimo con otros usuarios de la red.

El gran número de usuarios de que dispone, la aceptación que ha tenido, y las facilidades de accesibilidad que ofrece, como el acceso a la plataforma desde terminales móviles, ha permitido que esta red haya crecido muy rápidamente en poco tiempo.

La principal utilidad de esta página es la de compartir recursos, impresiones e información con gente que ya conoces (amigos o familiares). Aunque también se puede utilizar para conocer gente nueva o crear un espacio donde mantener una relación cercana con los clientes de tu negocio.

Además, tiene un componente importante de interactividad. Posee una serie de mini aplicaciones disponibles, como por ejemplo juegos que permiten interactuar con otros usuarios. Por otra parte permite desarrollar aplicaciones que puedan ser utilizadas desde la página web.

_____ Cómo acceder.

Para tener acceso a Facebook sólo hay que entrar en su página web y rellenar un formulario indicando tus datos personales. Dispones de una versión del portal en español. Formulario inicial

En la página principal te pedirá unos datos básicos, pero más adelante podrás rellenar tu perfil con datos más detallados. El proceso de alta es muy intuitivo.Formulario inicial

Luego, para acceder a tu cuenta, lo único que tendrás que hacer es introducir el correo electrónico que hayas asociado a tu cuenta Facebook y la contraseña que hayas elegido, en la zona superior de inicio de sesión.
 Acceder a facebook


____ Primeros pasos.

Los primeros pasos a dar cuando te unas a la red social serán:

____Añadir como amigos a las personas que conozcas.
____Compartir información.
____Configurar tu cuenta de usuario a tu gusto.


1. Agregar amigos para compartir información con ellos.

- Puedes buscar a las personas de forma manual, desde el buscador superior, introduciendo su nombre y apellidos o su correo electrónico. A continuación, deberás pulsar el botón Añadir a mis amigos y esperar a que esa persona acepte tu invitación. También se puede dar el caso contrario, que alguien te trate de agregar a su lista. En ese caso, recibirás un aviso y te aparecerá en la sección Solicitudes, en la zona derecha de la página.

- También puedes enviar varias solicitudes a la vez. Para ello, pulsa el botón superior Buscar amigosBuscar amigos . Verás que puedes importar una lista de contactos desde un correo electrónico, Outlook o un archivo de contactos. Utiliza el medio que te resulte más cómodo.

Facebook también se puede utilizar para reencontrarte con personas con las que has perdido el contacto. Es posible que no las encuentres por correo electrónico o nombre, pero desde la opción de Buscar amigos también podrás buscar por colegio o centro de trabajo y si las personas indicaron esta información en su perfil personal aparecerán.



2. Para compartir información con tus amigos, puedes pulsar sobre el nombre de uno de ellos y escribir en su muro, hacer comentarios en publicaciones o fotos, o subir tu propio material en la página.

3. Es recomendable que "pierdas" cierto tiempo en configurar tu cuenta, especialmente las opciones de privacidad, para luego no llevarte disgustos y utilizarlo cómodamente. Para ello haz clic sobre la opción Cuenta, arriba a la derecha.Menú Cuenta

- Configuración de la cuenta:
Menú Cuenta
Te permite cambiar los datos de tu cuenta de facebook y opciones interesantes, como las Notificaciones. Las notificaciones son avisos que te llegan a tu correo electrónico cada vez que "sucede algo" en facebook. Por ejemplo, cuando alguien hace un comentario en una fotografía donde sales o intentan agregarte a tu lista de amigos. Es interesante que desactives los eventos que no quieres que te sean comunicados, para evitar que tu correo electrónico se colapse de mensajes de Facebook. También desde este apartado podrás Activar un teléfono para editar los contenidos de tu facebook a través del móvil. Un consejo es que no permitas que se utilice tu imagen para los anuncios que se muestran en la página. Podrás desactivar esta opción eligiendo Nadie en el apartado Anuncios en facebook.

- Configuración de privacidad: 
Te recomendamos que visites todas y cada una de las opciones de privacidad y las configures con atención. Selecciona quién puede o no puede ver los contenidos que publicas, tus datos de contacto o qué aplicaciones de facebook podrán tener acceso a tu perfil.Opciones de privacidad

Opciones de privacidadPuedes elegir entre Todos, Amigos de amigos, Sólo mis amigos o Personalizar. Si pulsas Personalizar una ventana te permitirá elegir Sólo yo, para que nadie vea el contenido excepto tú, o Personas concretas. También podrás realizar restricciones, por ejemplo indicando que un comentario es público para todos tus amigos, excepto para tu jefe.

Para ello te resultará muy útil organizar tus contactos en listas. De esta forma podrás, por ejemplo, indicar que un determinado álbum de fotos lo pueden ver tus amigos, pero no tus familiares o compañeros de trabajo, por ejemplo. En el próximo apartado veremos cómo hacerlo.

A pesar de que tengas cuidado, facebook no es perfecto y comete errores que pueden comprometer la privacidad del sitio. También es susceptible de cambiar los términos y condiciones de su servicio, por lo que siempre te aconsejaremos que, lo que no quieras que se difunda, no lo cuelgues en internet. Suena obvio, pero es un error muy frecuente, y ciertos comentarios y fotos pueden comprometerte en un futuro. Piensa que en cualquier momento las personas que acceden a una información pueden guardar una copia. Además, cada vez existen más empresas que consultan la información pública de los usuarios de redes sociales. Por ejemplo, para informarse de las personas que van a entrevistar para un determinado puesto de trabajo.

____Organizar tus contactos en listas

Listas de amigos Para una mejor gestión de tu privacidad, lo ideal es que organices tus contactos en lo que Facebook denomina Listas.

Pulsa en Cuenta y elige Editar amigos. Verás que la página principal cambia y aparecen opciones para buscar nuevos amigos, pero si te fijas en el menú izquierdo también apreciarás que las opciones han cambiado. Si haces clic en Todas las conexiones verás toda la gente que tienes en tu lista de amigos.
Listas de amigos 
Pulsa el botón Crear nueva lista de la zona superior central. Se abrirá una ventana donde deberás indicar el nombre de la lista, por ejemplo Familiares y a continuación haz un clic sobre los contactos que quieras incluir en ella. Verás que se marcan en azul. Cuando termines, deberás pulsar el botón Crear lista y ya está.

Una persona puede estar englobada en tantas listas como desees. Por ejemplo, puede pertenecer a tu grupo Amigos y Compañeros de universidad a la vez.


Clasificar a la gente, además de permitirte establecer una privacidad más individualizada, te permitirá ver de un simple golpe de vista toda la actividad reciente o enviar un mismo mensaje a una determinada

Qué son las redes sociales

Los impulsores de la Web 2.0 creen que el uso de la web está dirigido a la interacción y a las redes sociales. Como consecuencia han surgido varios sitios que pretenden ser un punto de encuentro entre usuarios y donde su existencia depende fundamentalmente de los usuarios. Son redes de usuarios que se comunican entre sí, de modo que sin ellos estos servicios no tendrían sentido.

En las redes se tiende a compartir información personal, y con ello aparece un problema: la falta de privacidad. Siempre que utilices servicios en Internet donde opines o incluyas contenidos personales como fotografías o vídeos, piensa en quién puede ver esa información. Trata de estar siempre al día de cómo configurar la privacidad de tu red para que sólo quien tú desees pueda acceder a la información.

Un ejemplo de red social es Facebook. Es la más utilizada hoy en día a nivel mundial. En ella millones de usuarios suben fotos, escriben sobre su estado de ánimo, las novedades de su día a día, opinan, comentan las publicaciones de sus amigos, se reencuentran con viejos conocidos, etc.

Las empresas consideran indispensable tener su sitio en Facebook o Twitter, ya que es un canal de comunicación directo con los usuarios.

Tecnologías



Gran parte del mérito de la integración y rápida aceptación que ha tenido la Web 2.0 se debe a AJAX.

Google Maps España
AJAX es un acrónimo para Asynchronous JavaScript And XML (JavaScript Asíncrono y XML). Permite la creación de aplicaciones interactivas en el desarrollo web.

Es decir, con AJAX somos capaces de crear sitios web que se ejecuten directamente en el navegador del usuario manteniendo una comunicación con el servidor siempre que sea necesario pero sin recargar la página que estamos visualizando, simplemente se realizarán cambios sobre ella.

Esto significa que la velocidad de interacción con la aplicación aumenta de forma significativa al reducir el número de peticiones que se hacen al servidor y los datos enviados. Además, la comunicación que se realiza entre el navegador y el servidor se realiza de forma asíncrona y en segundo plano, por lo que es completamente transparente para el usuario.

Uno de los primeros en usar AJAX fue Google Maps que rápidamente se ganó un punto al crear una interfaz rápida, accesible e interactiva.



AJAX no constituye una tecnología en sí, sino que combina tres tecnologías ya existentes:

Ajax
____ XHTML y hojas de estilos (CSS) para el diseño que da formato a la información.

____ Document Object Model (DOM) que es el encargado de interactuar con la información presentada y es el que se ejecuta en el cliente (navegador), y XMLHttpRequest, que es un objeto encargado de intercambiar datos con el servidor web. Estos datos son devueltos en formato XML y se añaden a la página que estamos visualizando integrándose de nuevo gracias a XHTML y CSS.

____ Finalmente, AJAX utiliza JavaScript como lenguaje en la parte del navegador para acceder al DOM.

Aunque para utilizar AJAX no sea necesario ningún tipo de plug-in en el cliente, sí es necesario tener activado JavaScript.

 En resumen, AJAX supone un avance en la interacción del usuario con la web además de un uso real de JavaScript que hasta ahora se encontraba explotado de forma muy pobre. Para que te hagas una idea de la relevancia que ha tenido, te recordamos que ya existen sistemas operativos que funcionan en la nube y que se basan, precisamente, en la capacidad de interacción y la fluidez de los programas basados en esta tecnología.


Representantes de la Web 2.0



Así han surgido nuevas empresas cuyo objetivo está centrado en la participación e interacción con el usuario. Se ha dejado de lado el concepto de venta o licencia de un servicio cerrado para ofrecer el uso gratuito de un servicio ÚTIL online en el que el comportamiento del usuario no venga predeterminado sino que se vea enriquecido y crezca con su uso. En otras palabras, cuanta más gente lo use mejor será el servicio prestado.

De ahí que sitios tan populares como Flickr, youTube, Digg o Delicious se tomen como ejemplos relevantes del Web 2.0. Como cada día es más fácil publicar en Internet (en parte gracias a los blogs), estos sitios nacen como un mecanismo para la selección de información útil en la red.



Podríamos comparar sitios y servicios que antes se ofrecían y las nuevas alternativas que han surgido enfocadas al Web 2.0.

Wikipedia____ Por ejemplo, antes encontrábamos publicidad mayoritariamente ofrecida por servicios similares a Doubleclick, con Google Adsense la publicidad se ha revolucionado mostrando anuncios que dependan del usuario que la ve o la página en que se encuentre.

___ La forma en que almacenábamos las imágenes era mucho más cerrada utilizando servicios como Kodadgallery, con el nacimiento de Flickr podemos subir imágenes y compartir nuestra visión del mundo en comunidad.

___ El contenido de enciclopedias de pago como la Britannica Online se comparte con todo el mundo gracias a iniciativas como Wikipedia, una enciclopedia para todos creada por todos.

___ Las páginas personales con contenido estático de la Web 1.0 evolucionan a los blogs, donde uno de sus máximos representantes es el servicio que ofrece Blogger.

____ Las categorías y directorios dan paso a una nueva forma de organización: las tags o etiquetas. De esta forma los contenidos se organizan de acuerdo a palabras clave que definen el texto. Cuantas más entradas hayan para cada una de las etiquetas más se resalta el tag en las nubes de clasificación:

___ Los sitios se sindican, ya no es necesario visitar una web para ver sus nuevos contenidos. RSS y Atom hacen posible llevar al usuario las novedades en el formato que él desee.



Si no has oído hablar de ellos es que todavía no le estás sacando el máximo provecho a tu conexión de Internet. A continuación te detallamos una serie de sitios que podrán serte interesantes:

Flickr
Flickr está enfocado como un sitio social donde subir tus fotos, compartirlas y organizarlas. youTube, viene a ser el equivalente a Flickr en formato vídeo.

Digg, Meneame y Delicious son sitios donde los usuarios pueden agregar sus favoritos/marcadores (Delicious) o noticias (Digg, Meneame) y las comparten con el resto del mundo. De hecho, estás páginas son un portal perfecto para encontrar contenido en Internet difícil de encontrar en un buscador.

Todos estos sitios tienen un denominador común. Han dejado de utilizar la clasificación tradicional por directorios para empezar a utilizar tags o palabras claves definidas por el usuario. De esta forma, el contenido se organiza según su visión subjetiva.



En cuanto a la colaboración de usuarios, Wikipedia es la enciclopedia más popular hoy en día, y está creada por y para los usuarios.

En esta web cualquiera puede comenzar una entrada y otra persona puede continuarla, mejorarla o modificarla.



Además de estos ejemplos nombrados, también están surgiendo nuevos sitios que pretenden introducir nuevas formas de interactuar con la red. Estas webs pretenden desbancar las aplicaciones tradicionales de escritorio para llevarlas a Internet.

De ahí que nazcan herramientas como Google Calendar, Gmail Chat, Google Sidewiki, Docs, Snipshot, Photoshop.com. Todas ellas aplicaciones cuyo objetivo es que puedas realizar cualquier tarea con un navegador y una conexión a Internet.

Incluso la empresa 37signals se atreve a sentenciar que utilizar sus productos hará que Outlook te parezca el equivalente software a una cámara de tortura.

En la siguiente imagen muestra la aplicación web de hojas de cálculo que ha creado Google.

 Spreadsheets de Google

Puedes encontrar más información en el Curso de Google Docs de aulaClic.

Como podrás observar en los anteriores ejemplos, Web 2.0 también intenta mostrar una interfaz mucho más agradable y amigable para el usuario.

En definitiva, esta nueva iniciativa promueve el respeto hacia el usuario ofreciéndole servicios sustentados en la participación y el control de uso de su información. Independientemente de qué sistema operativo utilice y en qué lugar del mundo se encuentre.

La forma en la que el usuario ve o trabaja con una página web, se ha revolucionado. Ya es posible que el usuario, al abrir una ventana del navegador, vea todo el contenido que le interesa en una sola ventana.

Ejemplos de estas iniciativas son la página de inicio personalizada de Google o Windows Live de Microsoft.


 Para conocer estas alternativas te aconsejamos realizar este ejercicio paso a paso: Interfaces personalizadas.


Principios de la Web 2.0



De estas conferencias se destilan unos cuantos conceptos esenciales en cuanto a cómo crear en Internet:

___ Evolución hacia el software web. Internet es ahora la plataforma.

____Respeto a los estándares marcados por la W3C. Cuanto más estandarizada encontremos la información más fácil será de compartir.

____ Uso de estilos de formato (como en los periódicos) para separarlos de la información.

____Sindicación de contenidos. No deberá ser necesario que los usuarios nos visiten para saber nuestras novedades, nosotros se las ofreceremos.

____ Uso de tecnologías interactivas: AJAX, Flash, Flex, Lazlo, HTML5...

____ El usuario debe controlar la información. Creación de redes sociales y comunidades.

 A raíz de estos principios surgen nuevas empresas que empiezan a trabajar de modo diferente. Dejan de ser un sucedáneo de libro en la nube para empezar a ofrecer servicios de calidad a los internautas. Los grandes no tardaron en adaptarse a este nueva forma de trabajar, y tras ellos todos los demás. Los usuarios de Internet ya no se conforman con menos. Cada vez es un público más exigente y cada vez es más necesario estar a la última para tener presencia y reputación en Internet.






Web 2.0 y Redes sociales (I)


Introducción

En los comienzos, Internet era un sitio bastante estático. Todas sus páginas se creaban de forma fija y muy pocas veces se actualizaban, por lo que su contenido era bastante previsible y ofrecía muy poca interacción con el usuario. Esta era la Web 1.0.

Poco a poco, las empresas empezaron a utilizar nuevas tecnologías y adaptaron su contenido a páginas más dinámicas que lograban una mayor riqueza de contenido gracias a su capacidad de comunicación con bases de datos. Surgieron los gestores de contenidos y los formularios empezaban a hacerse un sitio real. La interacción con el usuario mejoró.

Estábamos viendo como la Web 1.0 se acercaba más a ofrecer servicios que a mostrar contenidos, poco a poco la situación fue mejorando y empresas como Google, Amazon o Yahoo (entre otras) empezaron a hacerse muy conocidas, gigantes de Internet. Mucha gente llamó a esta etapa la Web 1.5.

Poco a poco, y fruto de varias conferencias (ver WEB 2.0 Conference), varios expertos y grandes empresas decidieron que para sacarle mayor partido a la red de redes debían cambiar su punto de vista: nació la Web 2.0.

Como Ross Mayfield (directivo de SocialText) acuñó entonces: Web 1.0 era para el comercio, Web 2.0 es para la gente.

A raíz de estas reuniones surgieron nuevos conceptos y tendencias que pronto se verían reflejados en Internet.

La Web 2.0 surge como una actitud y no como una nueva tecnología. Es, por lo tanto, una nueva de hacer las cosas. Un nuevo modo en el que el usuario es el que controla la información. Según esta nueva filosofía, para el empresario un sitio web deja de ser suyo para pasar a ser nuestro. Representa la evolución de las aplicaciones tradicionales hacia las aplicaciones web orientadas al usuario. Unas aplicaciones que generen y sean generadas por la colaboración, que presten servicios reales para poder reemplazar (a largo plazo) las aplicaciones de escritorio (Office, Photoshop, Dreamweaver, etc.)

Otra forma de verlo, es la que encontramos en Microsiervos.



MICROBLOGGING CON TWITTER


Durante los años en que los blogs se popularizaron aparecieron muchos que se actualizaban con poca frecuencia o tenían pocos contenidos. Además, muchos autores simplemente se dedicaban a copiar o mencionar información que habían visto en otras fuentes.

Entonces a alguien se le ocurrió una gran idea: los microblogs.

Un microblog es una página donde, simplemente inscribiéndote, puedes publicar mensajes cortos para compartirlos con el mundo. Así no es necesario pensar demasiado sobre artículos completos que publicar, sino que cualquiera en un momento dado puede dar su opinión, compartir un enlace o una fotografía o tratar temas de actualidad.

Se trata de un sistema que permite publicar mensajes cortos, de hasta 140 caracteres, llamados tweets. De esta forma, cada usuario va generando información acerca de sí mismo y de su realidad, y con ello va creando un microblog que podrán leer el resto de usuarios.

Su punto fuerte es precisamente la brevedad de los mensajes, que suelen aportar información clara y específica. Esto, junto con su enorme popularidad a nivel internacional, convierte Twitter en la herramienta perfecta para mantenerse al día en cualquier tema, tanto del ámbito personal como del profesional.

Los mensajes se mostrarán ordenador cronológicamente, al igual que en los blogs, pero no se clasificarán en un archivo mensual, sino que irán uno tras otro en la línea cronológica.

Al contrario que otras redes sociales como Facebook o Tuenti, Twitter no tiene como misión almacenar información personal o compartirla con un círculo cerrado de gente, sino que está enfocado a la difusión pública. A mover la información. Lo normal es utilizarlo para mencionar noticias de terceros, opinar, recomendar o comentar vivencias propias, de forma abierta para el resto de usuarios. El enfoque, por supuesto, dependerá de cada uno. Pero si siempre has querido tener un blog y no dispones de tiempo para administrarlo y escribir artículos extensos, esta opción es la ideal para ti para hacer oír tu voz en internet. Y por supuesto, para escuchar.

 Twitter slogan


___ Registro y acceso

Como en la mayoría de casos, es necesario registrarse en la página web para poder utilizar el servicio, aunque éste es totalmente gratuito.

Verás que se trata de un proceso muy sencillo:

1 ___Rellenar los datos básicos: tu nombre, usuario, correo y contraseña.

2 ___Buscar a amigos, familiares o cualquier otra persona por nombre o desde tu agenda de direcciones de correo. Puedes dejar este paso para más adelante.

3 ___Acceder al correo que hayas indicado en el registro y hacer clic sobre el enlace para confirmar tu identidad.

Una vez hayas creado la cuenta, podrás identificarte en futuros accesos introduciendo tu nombre y contraseña. A medida que lo utilices, una serie de mensajes te irán guiando y mostrando las distintas opciones y posibilidades que ofrece.

___ ¡Sígueme!

Como miembro de la comunidad puedes generar contenidos o bien consultar los tweets de otros usuarios.

Generar contenido es tan sencillo como escribir un texto o enlace en el recuadro que encontrarás en el apartado Inicio. A la derecha verás el número de caracteres que te quedan por utilizar.

 Mi primer Tweet

Si alguien está interesado en tus publicaciones podrá seguirte, convirtiéndose así en tu Seguidor. De esta forma tus mensajes aparecerán directamente en su apartado de Inicio, junto con los del resto de personas a las que siga.

Puedes ver quién te sigue haciendo clic sobre el enlace Seguidores.
Opciones de seguidor


Acceder a facebook



Junto a cada seguidor encontrarás unos botones que te permitirán realizar acciones como:Opciones de seguidor

- Seguirlo.

- Enviarle un mensaje directo, que será de ámbito privado.

- Bloquearlo para evitar que acceda a la información que publicas.

- Denunciarlo para que sea expulsado, si te he agregado únicamente para enviarte publicidad intrusiva (spam).

El resto de opciones las iremos comentando a lo largo del artículo.

Del mismo modo, si te interesa conocer las novedades de alguien, podrás seguirle. Para ello, búscale desde la herramienta Buscar
Acceder a facebook

gente del menú superior y pulsa su botón Seguir. 

Piensa que puedes ser seguidor de cualquier persona, no sólo de conocidos. De hecho es frecuente que la gente utilice Twitter para seguir los comentarios de su actor, periodista, escritor o músico favorito. También a nivel de empresa puede resultar útil estar en contacto con las novedades de partners, clientes o comerciales.

Para ver a quién sigues actualmente, puedes hacer clic en Siguiendo.

El listado de personas a las que sigues también dispone de botones de acción, que serán casi idénticos a los que ya hemos visto. La diferencia radica en que no dispondremos de la opción de enviar mensajes privados y, obviamente, la opción Seguir cambiará por Dejar de seguir.

___Listas

Sabemos que desde la opción Inicio podemos ver la actividad más reciente de las personas a las que seguimos y que para ver los tweets de una persona en concreto, haremos clic sobre su nombre, pero ¿qué ocurre si queremos ver únicamente un tipo de contactos? Por ejemplo, sólo las novedades de nuestros clientes o de nuestros amigos.

Para eso utilizamos las listas. Son un recurso útil para agrupar y clasificar los contactos en distintas categorías.

El potencial de las listas en Twitter, sin embargo, está más allá de la simple clasificación: se comportan como entidades independientes. Es decir, podemos ser seguidores de una lista creada por una tercera persona, al igual que alguien puede hacerse seguidor de una de nuestras listas.

Crear una Nueva lista es tan fácil como hacer clic en el botón de listas de cualquier persona. Para incluir a alguien en esa lista, simplemente deberemos marcar su casilla correspondiente. Ten presente que una persona puede estar en más de una lista a la vez y que no es imprescindible que se trate de alguien a quien sigues o que te sigue.

Nueva lista



La nueva lista aparecerá en el menú lateral y haciendo clic sobre ella veremos los últimos tweets de las personas que la forman.

INSTALAR TU GESTOR DE CONTENIDOS

Para terminar el tema veremos un sistema de Gestión de Contenidos especializado en la creación de Weblogs: WordPress.

WordPress

WordPress se trata de un software que podemos instalar en nuestro alojamiento web. Este software se encarga de gestionar y publicar la información que le introduzcamos en forma de blog.

Su facilidad de uso e instalación y su licencia libre han hecho que sea uno de los gestores de blogs más utilizados del mundo.

De hecho, su interfaz es tan sencilla como la que vimos en apartados anteriores.
Para instalar WordPress deberemos hacernos con el paquete instalador en castellano, que podemos descargarlo de forma gratuita. En WordPress Español encontrarás los enlaces para descargar la última versión, además de información que te guiará durante el proceso de descarga e instalación. Si necesitas más ayuda, en Internet encontrarás muchos foros dedicados al tema, como este tutorial de ayudawordpress.com.



Una vez instalado y funcionando podremos tener nuestro blog en Internet y gestionarlo y administrarlo nosotros mismos.

Interfaz de WordPress

Esta opción es tan válida como la de asociar una cuenta de FTP de un servidor a una cuenta de Blogger.

Aunque es posible que nos cueste un poco más de trabajo. De todas formas, la instalación de WordPress es tan sencilla que de verdad llegará a sorprenderte.

BUSCAR EN BLOGS

Como ya hemos visto, los Weblogs pueden ser una herramienta muy poderosa a la hora de publicar información. Pero debido a la facilidad con la que es posible publicar y la indiscriminada creación de entradas que puedan ser poco interesantes, es muy difícil navegar por toda esta red de textos y encontrar algo realmente útil.

Debido a esto ha debido surgir una nueva forma de búsqueda que se centrase únicamente en los blogs y que nos ayudará a encontrar información relevante más fácilmente.


Blogger, el sitio web que hemos explicado en el tema anterior, posee uno de estos buscadores a través de Google.

Búsqueda de blogs
Aunque nosotros haremos un poco más de hincapié en Technorati, una página web que se dedica exclusivamente a la búsqueda y gestión de información publicada en Weblogs.

Su uso, a pesar de estar en inglés, es muy sencillo.

Puedes crear una búsqueda rápida simplemente introduciendo el o los términos que quieras localizar en la caja de texto de búsqueda. Observa que puedes buscar en Blogs o Posts (entradas):

Búsqueda


Se mostrará un listado de blogs que contengan entradas en las que aparezcan las palabras que buscaste.


El listado se compone de diferentes entradas extraídas de diferentes blogs. Podemos conocer un poco más sobre ellos observando el ítem de la entrada:

Detalle de entrada

Podemos ver una vista previa del sitio, su título y un enlace directo al blog. Si pulsamos sobre su título vamos a una página un poco más detallada:
Detalle de entrada

Aquí podemos ver detalles sobre el blog, incluso si tenemos una cuenta en Technorati, podremos guardarlo como favorito.

Si quieres ver la entrada en su estado original, es decir, en la página a la que pertenece, haz clic en el enlace que se muestra en la primera línea, debajo del título.

 Además de poder realizar búsquedas, Technorati posee también un directorio de blogs para que puedas navegar por temas que te interesen hasta encontrar Weblogs o Bitácoras de tu agrado.

Para ello, en la barra de herramientas de la parte superior, encontrarás el enlace Blog Directory:
Dicover


Selecciona la categoría que quieras visitar y verás los blogs más visitados de cada una.

También puedes hacer clic en Top 100 para ver los weblogs más importantes, calculados en base a los más visitados y más veces