El Director Académico es Juan Julián Merelo Guervós, Catedrático del Dpto. de Arquitectura y Tecnología de Computadores de la ETSIIT, en la Universidad de Granada (UGR) y tendrá como Tutora, al igual que en anteriores ediciones, a Natalia Padilla, Ingeniera Informática especializada en la impartición de cursos online y que actualmente desarrolla su labor el Laboratorio de Investigación en Videojuegos y E-Learning  perteneciente igualmente a la ETSIIT de la UGR.

Por otro lado, la semana pasada finalizamos la 8ª edición del Curso de Diseño y Programación de Páginas Web, también impartido de forma on-line y con los mismos organizadores, que ha vuelto a tener gran éxito con la participación de 34 alumnos.

En un próximo post hablaremos y haremos un balance de la 1ª edición del Curso de Alojamiento de Páginas Web, que finalizó el pasado mes de noviembre y del que ya hay prevista una 2ª edición para 2012. Os mantendremos informados puntualmente de todo ello.

Pero, ¿para qué crear un sitio web propio si ya puedes publicar tu perfil, currículum, intereses, fotos y casi cualquier cosa que quieras comunicar en una combinación de Facebook, Linkedin, Twitter, Flickr, Slideshare, (por citar solo algunas de las más conocidas) y además interaccionar fácilmente con otras personas?

No es fácil contestar, pero a continuación tenéis algunas de las razones que planteamos en los diversos cursos que impartimos relacionados con la creación y publicación de páginas web así como en el Taller del uso de Internet en la búsqueda de empleo:

• Primero, algo de perogrullo: no son incompatibles sino más bien complementarias. Se puede participar activamente en redes, ‘alimentar’ un blog y tener tu propia web. Todo forma parte de la marca personal que vas desarrollando en Internet.
• Aunque pueda suponer un mayor esfuerzo de partida, su mantenimiento, si piensas bien el diseño inicial, consume muy poco tiempo: mantener actualizados tus datos o la información relevante que hayas incluido. Puede que sea un elemento más estático que un blog o una red social, pero por esa naturaleza, no parece abandonado si no lo modificas durante un tiempo.

• Aun pudiendo publicar tu currículum (CV) en una red, no lo harás, casi con seguridad, con la misma flexibilidad ni con toda la información adicional que puedes incluir en una Web. Para alguien con poca o ninguna trayectoria profesional, muchas veces el CV es indiferenciable para un reclutador de otros cientos o miles más o menos iguales.  Está ‘mal visto’ que te salgas del guión de 1-2 páginas como mucho, y en ese espacio, muy pocos se pueden diferenciar si no han tenido puestos profesionales que hablen ya por si mismos.
• El desarrollar una web demuestra mucho más sobre tu competencia tecnológica, tu capacidad de aprender y de realizar un proyecto que queda un poco fuera de tu ámbito y formación natural.
• El diseñar un buen sitio web, no tanto en aspectos técnicos o gráficos avanzados, sino en organización y redacción de la información que incluyes, en cómo diferencias los distintos planos o niveles de detalle en diferentes páginas, cómo las distribuyes y las enlazas, cómo esa información es fácilmente accesible, clara y directa o si tiene un estilo propio, habla mucho del que la persona que la ha realizado. (Un ejemplo esquemático, que enseñamos a desarrollar en nuestro curso del editor KompoZer)
• Además, para aquellos a los que el aspecto técnico les supone una gran barrera, hay disponibles servicios como Google Sites (donde hemos creado algún ejemplo de muestra) que aún basados en un formato plantilla, permiten cierta flexibilidad y resultados muy interesantes. (hablaremos de estos servicios en un post más adelante)

Bueno, quizás estas razones no te convenzan, pero al menos, esperamos haberte hecho reflexionar un poco y preguntarte si no sería interesante abordar un proyecto de ese tipo. ¿Crees que te podría ayudar?

Una vez instalado, el siguiente paso es la búsqueda de un tema (plantilla) que se ajuste a lo que buscamos. En este punto hemos de tener la suficiente paciencia, ya que no es buena idea estar cambiando cada mes el aspecto de nuestra web, por lo que nuestra elección deberá ser lo suficientemente satisfactoria como para mantenerla un mínimo de 6 meses (en el caso de empresas, la imagen corporativa y por supuesto el diseño del sitio web son aspectos muy importantes que no se deben cambiar tan a la ligera).

En internet existen miles de páginas con temas gratuitos para descargar y probar, así que una buena decisión antes de buscar algún tema de pago es revisar los gratuitos para ver si cumplen nuestros requisitos. Si a pesar de todo no hemos encontrado exactamente lo que buscamos, podemos plantearnos la posibilidad de comprarlo entre los miles que ofrecen diversas empresas y diseñadores, a precios que pueden rondar entre 30 y 100 euros aproximadamente. Nuestra recomendación es no pagar por lo que no vamos a necesitar, por lo que si sólo vamos buscando un tema y lo encontramos, no deberíamos pagar por paquetes que contengan varios y que nos encarecerán el precio. Un punto importante es que el soporte que dé la empresa creadora del tema sea bueno, porque una vez adquirido e instalado podemos necesitar ayuda para resolver cualquier problema que surja. Para saberlo, una buena idea es investigar un poco sobre la compañía en foros, en su propia página, en comentarios de facebook, etc., de forma que evitemos quebraderos de cabeza futuros. Uno de los problemas que puede darse es la desaparición repentina del soporte debido a “largas vacaciones” de los diseñadores, que a veces dejan a miles de usuarios literalmente colgados. En este sentido es conveniente analizar un poco la solidez de los que están detrás del producto que vamos a comprar.

Una vez realizada la instalación del tema, probablemente queramos cambiar tipos de letra, colores, botones, barras laterales, etc. Algunos temas llevan consigo un pequeño entorno de menús que se incorpora al panel de control de nuestro WordPress, y que da la posibilidad de hacer casi todas estas modificaciones sin tener que acceder al código, pero en muchos casos vamos a tener que cambiar parámetros en los ficheros css o php de nuestra instalación, por lo que nos vendría bien tener ciertos conocimientos mínimos en estas dos tecnologías (a los usuarios principiantes les puede resultar útil nuestro tutorial de Introducción a HTML y CSS). Herramientas como el plugin de Firefox Firebug nos pueden ayudar con la tarea de localizar exactamente la línea de código que buscamos, y en todo caso siempre podemos preguntar a los que nos dan soporte. Otra recomendación que queremos hacer es realizar siempre copia de seguridad de nuestra instalación y de cada fichero que vayamos a modificar; además recomendamos también realizar algún tipo de control de versiones, que podemos tener con herramientas como GIT o Dropbox, por ejemplo.

Cuando ya tengamos un diseño acorde a nuestra planificación, llegará el momento de extender un poco la funcionalidad de nuestro WordPress mediante la instalación de plugins (extensiones). Recomendamos buscar siempre en el directorio de plugins de WordPress, y fiarnos de las valoraciones dadas por los usuarios a cada plugin. Aquí dependerá de lo que necesitemos, pero las posibilidades son casi infinitas: añadir encuestas, test, formularios de contacto, mapas de google, vídeos, ayuda para redirecciones, mejora del posicionamiento web, integración con redes sociales, inserción de AdSense, etc. Será cuestión de ir probándolos hasta dar con los que se ajustan más a nuestras necesidades. Habitualmente basta con entrar en el apartado “Plugins” del panel de control de nuestro WordPress, buscar el que queremos y pinchar en “Instalar” para poder comenzar a usarlo. Como detalle a tener en cuenta hemos de decir que mientras más plugins tengamos instalados, más lenta irá nuestra página, por lo que sólo debemos tener instalados y activados los que realmente necesitemos.

Ahora nos queda la tarea más importante que es la de llenar de contenido nuestro sitio web, creando nuevas páginas y por supuesto entradas para el blog, siempre pensando en nuestros usuarios actuales y futuros, intentando aportar contenido atractivo, interesante, útil y a ser posible original (aunque esto sea cada vez más complicado). En nuestro caso ya teníamos una instalación previa de WordPress, por lo que tuvimos que realizar una migración de las páginas y entradas del blog a partir de una exportación de nuestra anterior instalación de WordPress (desde el panel de control se puede realizar la exportación de forma sencilla). La verdad es que no nos dio demasiados problemas salvo unos pequeños cambios en el formato de algún post que habían surgido. En todo caso, la exportación no es una tarea que deba llevar más de un día.

En un futuro post hablaremos sobre algunos detalles más a tener en cuenta para evitar problemas como los enlaces rotos, mejorar el posicionamiento web, la visibilidad de nuestras páginas, la accesibilidad; y daremos algunos consejos y recomendaciones que hemos obtenido de nuestra propia experiencia en la instalación y uso de WordPress.

Credits: http://www.sxc.hu/photo/427448 (Image)

La filosofía de ambas es parecida: editores de nuevas entradas tipo WYSIWYG (‘lo ves es lo que obtienes’), menús muy simples, publicación en un par de clicks, plantillas para el diseño, posibilidad de personalizar widgets, integración fácil de RSS, etc; aunque desde el principio podemos decir que WordPress fue más allá, con la posibilidad de crear páginas, extensión de las funcionalidades a través de plugins y las ventajas de tener una gran comunidad trabajando en él. Mientras, Blogger fue creciendo enormemente debido a su sencillez, con el lema “Crea tu blog en 3 pasos”, permitiendo a los usuarios crear y publicar una bitácora casi en segundos; esto hizo que Google lanzara sus redes en 2003 sobre Pyra Labs, la empresa que creó Blogger, relanzando definitivamente el “boom” de los blogs.

Con el paso de los años Blogger ha intentado acercarse a las funciones de WordPress, de modo que por ejemplo ya permite la creación de páginas aparte de los posts,  y existen cada vez más widgets para personalizar las barras laterales; pero si buscamos un aspecto más profesional, una más fácil integración con otras herramientas web, las grandes posibilidades que dan los nuevos plugins,  el soporte de toda la comunidad del software libre o incluso si queremos tener nuestro propio hosting, definitivamente usaremos WordPress.

Y no hablamos sólo de una web personal, sino que también una pequeña empresa podría plantearse el uso de WordPress, ya que le permitiría crear una web corporativa de forma sencilla y económica, con las típicas secciones (productos, contacto, quiénes somos, ofertas, etc.). Simplemente tendría que buscar un diseño a su gusto entre los miles (y quizá pronto, millones) de temas gratuitos que están en la red.

Si apostamos por WordPress, el primer paso sería decidir si vamos a alojar nuestro sitio web en sus propios servidores (la URL por tanto acabará en “wordpress.com”, y no podremos usar nuevos plugins) o vamos a contratar un alojamiento y un dominio propio (ver nuestro Curso de Alojamiento Web). Si elegimos la primera opción, nos bastará con entrar en la página de WordPress en español y seguir sencillos pasos. Si por el contrario elegimos la opción del alojamiento, una vez lo tengamos contratado hemos de realizar una instalación del sistema WordPress. Lo ideal sería que el hosting nos la hiciera automáticamente (la mayoría de los de pago tienen scripts que instalan WordPress), pero si lo queremos hacer a mano, aquí podemos descargar la última versión. En cualquier caso, tanto en esta última web como buceando por internet encontraremos cantidad de tutoriales y foros donde nos pueden resolver cualquier duda o problema que nos surja durante la instalación.

Una vez tengamos WordPress instalado llegará el momento de personalizar nuestra página, para adaptarla ya sea a nuestra propia forma de ser, a la imagen corporativa de nuestra empresa o simplemente a lo que queramos transmitir. Para ello existe una infinidad de temas, plantillas, plugins o widgets que darán un nuevo y mejor aspecto a nuestra web. De todo ello hablaremos en un próximo post, donde contaremos nuestra experiencia a la hora de crear la actual página web de Digital Learning.

Los contenidos del curso, como ya comentamos, están elaborados por Juan Julián Merelo, catedrático del departamento de Arquitectura y Tecnología de Ordenadores de la ETSII (UGR), y Director de la Oficina de Software Libre de dicha universidad, que además será el Director Académico de esta edición.

Esperamos que esta formación sea de vuestro interés y seguir anunciando en próximas entradas nuevos cursos que estamos ya elaborando.

Este documento, lo hemos incluido como Anexo, dentro de nuestro nuevo Curso sobre el editor de páginas web KompoZer y está disponible en varios servicios de publicación como Slideshare, Scribd o Issuu. Aquí hemos incluido el visor de uno de ellos, que te permite distintos formatos de lectura, visualizarlo en pantalla completa (opción fullscreen) o acceder al sitio para dejar comentarios, imprimirlo o descargarlo.

Esperamos que os pueda ser de utilidad.

Introducción a HTML y CSS

KompoZer es un editor de páginas web, sucesor del programa NVU, que reune una serie de características muy interesantes: es un desarrollo de software libre, sus licencias son gratuitas, es multiplataforma (Windows, Linux, MacOSX), es fácil de utilizar con una interfaz gráfica amigable, y cuenta con numerosas funcionalidades. Por todo ello, es una herramienta muy recomendable para todo tipo de usuario, especialmente para aquellos que empiezan, o cuentan con menos experiencia en la creación de páginas webs.

El curso “ editor de páginas web KompoZer”, lo hemos planteando sobre una idea básica: que el alumno, a la vez que aprende a manejar el programa pueda entender como éste trabaja, como traduce a código HTML y CSS la página web que está creando con su interfaz gráfico. De esta forma, KompoZer puede ser no solo un programa que nos facilite el diseño de sitios web, sino también, una útil herramienta para mejorar y afianzar nuestro conocimiento de estos dos lenguajes básicos en el entorno web.

El alcance por tanto de este Curso, es complementario al que impartimos en colaboración con el Centro de Enseñanzas  Virtuales de la Universidad de Granada: “Diseño y Programación de Páginas Web” donde el alumno aprende los fundamentos de HTML y CSS (así como una introducción a la programación en JavaScript). A partir de esos conocimientos, es cuando creemos que puede hacerse una mejor utilización y obtenerse un mejor rendimiento de un editor web como KompoZer.

Otra característica de esta formación es su enfoque eminentemente práctico. Tras un pimer tema de introducción al programa donde mostramos cómo instalarlo, realizar su configuración básica y familiarizarse con su interfaz, los tres temas siguientes se centran en la creación de un Sitio Web Personal, siguiendo las buenas prácticas recomendadas en el diseño web. De esta forma, el alumno conoce el programa a través de la realización de un proyecto real. En el quinto tema vemos como podemos publicar dicho Web en Internet utilizando también KompoZer así como algunas funcionalidades adicionales del programa que no se han cubierto en las lecciones anteriores.

Nos planteamos este Curso como complemento al que impartimos sobre diseño y creación de páginas web. En éste, los  alumnos aprenden a publicar en Internet su proyecto web, pero no se trata en detalle el servicio de alojamiento (hosting) en que se registran, gratuitos y con funcionalidades limitadas.

Creíamos por tanto que era interesante recopilar y condensar los distintos aspectos que implican la contratación de un alojamiento y fijar como objetivo que el alumno obtuviera una visión global de este tema, de la forma más rápida y sencilla posible.

Algunos de los temas que se exponen, son:

• Terminología y conceptos habituales en este área:  Tipos de Dominio, DNS, IP, FTP, Virtualización, Alojamiento en la nube…
• Factores o criterios a tener en cuenta para la elección de un alojamiento que se adapte a nuestras necesidades
• Alta y Gestión de dominios
• Gestión del alojamiento: panel de control
• Funcionalidades habituales que podemos encontrar
• Guía para descubrir oferta disponible en el mercado

Como en el resto de nuestra formación, hemos tratado de adecuar el nivel y el alcance del curso, para que pueda ser útil tanto a personas sin conocimientos técnicos especiales (aunque lógicamente familiarizados con Internet)  como aquellos que tienen más experiencia con el desarrollo web. El curso va dirigido tanto al alumno que quiere publicar su sitio personal, como al diseñador de páginas web que necesita asesorar a sus clientes en este aspecto, como al emprendedor o pequeña empresa que desea tener presencia en Internet.

La 1ª edición tutorizada se impartirá en el primer trimestre del 2011, pendiente aún de fijar la fechas concretas. Es en esa modalidad, donde el alumno aprovecha la experiencia del e-learning y la formación es mucho más práctica y activa, participando e intercambiado ideas con sus compañeros, elaborando actividades y proyectos  y contando con la orientación y soporte del Tutor. No obstante, creemos que los contenidos elaborados por Juan Julián Merelo, tienen de por sí un valor para la autoformación, que queríamos poner a disposición de todos con una licencia Creative Commons.

Además,  a las diez primeras personas que se registren en el curso, les ofrecemos la posibilidad de acceder también gratuitamente a la 1ª edición tutorizada.

(*) Actualización 2015: han pasado ya algunos años desde que escribimos este post. Aunque lo que contamos aquí sigue estando plenamente vigente, el panorama de los navegadores ha cambiado mucho, principalmente con el ascenso de Chrome al liderazgo y la caída de IE, a la espera de ver que pasa con las nuevas versiones que por fin empiezan a abrazar los estándares.

Como este primer paso ya está dado, vamos un poco más allá, viendo como podemos mejorar los procesos de búsqueda de información y nuestra interacción con la Web en general. La mayoría está familiarizado con las barras de herramientas tipo Google o Yahoo, así que nos centramos en las extensiones y en los bookmarklets, menos conocidos. Los describimos brevemente en este post:

Extensiones / Complementos

Las Extensiones, también llamadas Complementos o addons (‘agregados’), son programas externos que se integran con el navegador para extender sus funcionalidades, permitiéndole hacer nuevas cosas, o de forma más adaptada a nuestras necesidades.

Hay miles de extensiones con muy diversas funcionalidades.  Pueden servir para un web particular (p.ej modificar la manera en que presenta los resultados Google) o para cualquier página (traductores-diccionarios, captura de información, gestión de marcadores, herramientas de edición web, alterar presentación de páginas, filtrar anuncios, …).

Lo mejor, acudir a los sitios oficiales que recopilan dichos complementos, como los que hay para  Firefox, IE y Chrome, desde donde podemos descargarlos e instalarlos muy fácilmente  o buscar recomendaciones en blogs especializados.

Bookmarklets

Los bookmarklets son marcadores (bookmark, o favoritos en terminología IE, por lo que a veces también se denominan favelets), que guardan un pequeño programa JavaScript  en vez de una dirección de página web (URL).  Si los guardamos en nuestra barra de marcadores, al pincharlos se ejecutan, pudiendo acceder y modificar la página que estamos visualizando, dando nuevas funcionalidades al navegador o haciendo que se comporte de manera distinta con dichas páginas.

Al igual que las extensiones, hay una gran variedad con múltiples funcionalidades. Podemos consultar en directorios como marklets.com, aparte de seguir las recomendaciones de blogs que tratan de estos temas.

Muchos se preguntan que opción es mejor, ¿extensiones o bookmarklets?, ya que en muchas ocasiones se puede obtener la misma funcionalidad con ambas. Lo primero a esta pregunta, es que pueden coexistir y ser complementarios. Luego, aparte de gustos personales y por supuesto de la calidad de la extensión o del bookmarklet en sí, podemos pensar en varios argumentos a favor de uno y otro.

• Consumo de recursos: mejor los bookmarklets sin duda. No se instalan, no consume memoria al arrancar el navegador. Si acumulamos un buen numero de extensiones, el rendimiento del navegador se puede resentir.
• Simplicidad: aunque el manejo de extensiones es muy sencillo, vuelven a ganar los bookmarklets por la rapidez en tenerlos disponibles o eliminarlos (igual que un marcador cualquiera). Se puede comprobar su funcionamiento inmediatamente (las extensiones exigen reiniciar el navegador) y decidir si nos vale o no. Al no instalarlos, no pueden interferir con el funcionamiento del navegador, tener conflictos con otros programas,…
• Gestión: en este caso, aunque algunos prefieren los bookmarklets, por su nula gestión, creemos que la administración de las extensiones es un plus. El navegador en una opción de su Menú, nos da información de los que tenemos instalados,  sus versiones y si están habilitados (podemos desde ahí desinstalarlos o solo deshabilitarlos). Además tenemos una gestión automática de actualizaciones (nuevas versiones con corrección de bugs, mejoras o adaptación a nuevas versiones del navegador).
• Repositorios: a pesar de los múltiples directorios que existen de bookmarklets, los sitios ‘oficiales’ de extensiones nos proporcionan  una mejor y más amplia información. Podemos ver más claramente las características de cada una, autor,  control de versiones, comentarios y valoraciones de usuarios e inclusive funcionalidades y ayuda, sobre todo en las más elaboradas.
• Funcionalidades: la limitación de tamaño que impone una URL, hace que los bookmarklets no puedan ser excesivamente complejos. Las extensiones pueden ofrecernos funcionalidades más elaboradas.
• Creación: por su simplicidad, si sabes Javascript/jQuery, te puede ser más fácil crear tu propio bookmarklet (aquí otra explicación detallada). Prúebalo porque puede ser muy divertido.

Hay una especie de tercera alternativa, que puede ser igualmente complementaria a las que hemos visto:  la extensión Greasemonkey (en Firefox, aunque hay soporte para otros navegadores). Una vez instalada permite gestionar y ejecutar  guiones de usuarios (user scripts) en JavaScript, a modo de bookmarklets, aunque pueden ser mucho más complejos.Podemos encontrar muchos disponibles en userscript.org. 

Si instalamos también el complemento Greasefire, podremos ver si hay user scripts compatibles con la página que estamos visitando, acceder a su ficha e instalarlos directamente. Todo ello lo podemos hacer a través del icono de Greasemonkey en nuestro navegador, que además nos permite activarlo/desactivarlo y administrar los user script que tengamos instalados de forma muy rápida y sencilla.

Créditos imágenes (por orden aparición): Caja herramienta (© Can Stock Photo Inc. / maxxyustas). Navegadores (Van_PC, licencia CC BY-SA 2.0). Complementos (Mozilla, licencia CC BY-SA 3.0). Bookmarklets (Carol Caniato, licencia CC BY-SA 2.0). Logo Greasemonkey 

• posibilidades de selección, tipo y forma de información que captura
• forma de activar, completar y recuperar la captura
• lugar de almacenamiento/sincronización / acceso a información
• posibilidades de clasificación y enriquecimiento de la información

Dicho todo esto, y estando ahora en el contexto de un post,  tengo mis preferencias (siempre exigiendo que puedan instalarse como complemento de Firefox):

• Scrapbook: por la facilidad/rapidez de uso, flexibilidad y ‘potencia’ de lo que puede capturar (un sitio web entero con un solo click) y por la posibilidad que ofrece de editar/borrar bloques de la página, sobre todo si quieres imprimirla o pasarla a un eReader. Déficit importante: no hay almacenamiento externo.
• Zotero 2: aunque realmente sea un gestor bibliográfico orientado a la documentación en investigación, sus funcionalidades de captura, anexo de información complementaria, tipos de documentos que almacena o búsqueda son extraordinarias y además en la última versión ya podemos almacenar externamente y sincronizar entre diferentes dispositivos.

Por supuesto esto es subjetivo. Evernote por ejemplo ha ganado muchos adeptos y es muy interesante, pero si Zotero tuviera además la capacidad de edición de página de Scrapbook, sería para mi la referencia a seguir. Ya lo dice su eslogan: ‘Citation management is only the beginning’. No quieren quedarse ahí…

¿Lo conocíais? ¿Tenéis alguna otra sugerencia?