Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas
Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas

lunes, 16 de noviembre de 2015

Creación de una página Web con Blogger

Blogger, un Sistema de Gestión de Contenidos cuyo propósito principal es la creación de Blogs


En este post, corresponde aprender el manejo de Blogger, un sitio Web con el que tú podrás crear tu propio Blog, sin necesidad de conocer ningún lenguaje de programación. Simplemente con un sencillo manejo de una serie de comandos similares a los que te puedes encontrar en un programa de office, puedes crear y publicar un Blog.

Me ha parecido que el modo más práctico y directo de mostrarlo ordenadamente es en forma de tutoriales de vídeo, por lo que a continuación incluyo los siguientes vídeos del curso sobre el manejo de Blogger, para que nos pueda quedar de recordatorio y que podamos consultar en cualquier momento.



Todo esto, a partir de aquí, aprenderemos a hacerlo nosotros utilizando lenguajes como HTML y CSS. 

martes, 10 de noviembre de 2015

Blogger.- Software como Servicio (SaaS).-

Seguimos avanzando en nuestro viaje por el mundo del desarrollo Web y en este artículo, hablamos de qué es y cómo ha evolucionado "Blogger", el servicio que estamos utilizando en la publicación de nuestro Blog de Formación, así como de lo que es un Software como Servicio.


A modo de repaso, vamos a iniciar esta entrada con un pequeño vídeo-resumen de lo que es un Blog :




Aunque el término Blogger en muchas ocasiones es utilizado para denominar a alguien que escribe en una Bitácora en línea, nosotros vamos a referirnos en este artículo, a "Blogger.com", servicio creado por Pyra Labs y adquirido por Google en el año 2003, el cual permite crear y publicar una Bitácora en línea o Blog.

Con Blogger, para publicar contenidos, el usuario no tiene que escribir ningún código, ni instalar programas de servidor, ni instalar programas de scripting. Es decir, los Blogs alojados en Blogger, se encuentran alojados en los Servidores de Google y, en vez de escribir a mano el código HTML y subir frecuentemente las publicaciones, el usuario puede publicar a su Bitácora en línea, la cual se actualiza dinámicamente, llenando un formulario en el sitio Web de Blogger. Esto puede ser realizado por cualquier Navegador Web actualizado y los resultados se reflejan inmediatamente.

En el año 2004, Google compró la licencia y propiedad de Picasa y comenzó a ofrecerla con licencia gratuita. Picasa es una aplicación informática para edición de imágenes y es una herramienta Web que, además de editar, permite organizar, visualizar y compartir fotografías digitales.  

Esto, ha permitido a los usuarios de Blogger poner imágenes en sus bitácoras, haciéndose realidad el Fotolog.


Ese mismo año 2004 Blogger fue relanzado añadiendo:
  • Nuevas plantillas de diseño, basadas en CSS, es decir, "hojas de estilo en cascada".
  • Archivos individuales de publicaciones y comentarios.
  • Publicación por correo electrónico.
  • Lanzamiento de la herramienta Blog This! en la barra de búsqueda de Google, la cual permite abrir una nueva ventana con un formulario de publicación que habilita al usuario para poder publicar sin necesidad de visitar la página principal de Blogger.
La actualización al nuevo Blogger requiere del Registro de una cuenta Google e incluye, entre otras mejoras, el servicio de etiquetado de artículos y una mejora de la interfaz de edición y publicación de artículos.
Una vez actualizado un Blog, se puede modificar el código HTML de la plantilla, siempre claro está, teniendo la precaución de hacer una copia de seguridad de la plantilla actual.

En el año 2010, Blogger introdujo algunas novedades :
  • Diseñador de plantillas, para que los usuarios puedan modificar a su gusto la apariencia estética de su Blog sin necesidad de saber código HTML ni CSS.
  • Fuentes tipográficas de Google, para personalizar el tipo de letra usado en cada uno de los elementos de texto del Blog.
  • Estadísticas de analítica Web.
  • Páginas estáticas.
  • Previsualización WYSIWYG de nuevas entradas de Blog (What You See Is What You Get : lo que ves es lo que obtienes), que son procesadores de texto y otros editores de texto con formato (como los editores HTML), que permiten escribir un documento viendo directamente el resultado final, que frecuentemente es el resultado impreso, por contraposición a otros procesadores de texto en los que se escribía sobre una vista que no mostraba el formato del texto hasta la impresión del documento, hoy en día poco utilizados.
  • Integración con Google Apps.
En el año 2011, Blogger renovó su interfaz gráfica de usuario (GUI) :
  • Presentó una nueva característica, las vistas dinámicas para los lectores, siendo 7 las vistas dinámicas :

  1. Classic : un aire moderno en una plantilla tradicional.
  2. Flipcard : fotos organizadas como fondo de la página.
  3. Magazine : presentación de estilo editorial claro y elegante.
  4. Mosaic : mosaico con imágenes y texto de diferentes tamaños.
  5. Sidebar : vista con el estilo de una bandeja de entrada de correo electrónico, con una página de lectura para desplazarse y navegar rápidamente.
  6. Snapshot : un tablón interactivo de tus entradas.
  7. Timeslide : vista horizontal de tus entradas ordenadas por períodos de tiempo.
  • Desarrolló nuevas aplicaciones para dispositivos móviles con sistemas operativos Android e IOS.
  • Desarrolló plantillas para dispositivos móviles.
  • Pasó definitivamente al sistema de cuentas de Google.
Ese mismo año, con la llegada de la nueva red social Google+, Blogger comenzó a ofrecer integración de perfiles de Blogger con perfiles de Google+, lo que permite compartir contenido en Google+ desde el panel de administración de Blogger.

Hasta el día de hoy, Blogger ha ido presentando una serie de funcionalidades muy útiles para mejorar el posicionamiento Web de los Blogs, así como una integración más cercana con Google+.

Una vez llegado a este punto en nuestra formación y para tener una visión más amplia y completa, creo que también es conveniente hacer una pequeña referencia a lo que hemos denominado como Software como Servicio o SaaS (Software as a Service), modelo de distribución de Software donde el soporte lógico y los datos que éste maneja, se alojan en Servidores de una Compañía de Tecnologías de Información y Comunicación (TIC), la cual se ocupa de: el servicio de mantenimiento, la operación diaria y el soporte del software utilizado por el cliente. Este software puede ser consultado regularmente en cualquier computador desde cualquier parte del globo terráqueo.

Los Software como Servicio, tienen ventajas e inconvenientes, como es lógico, sobre las que podréis profundizar en este enlace.

Richard Stallman





Este tipo de software, también tiene detractores en el mundo de los desarrolladores Web, como Richard Stallman, fundador del movimiento por el software libre en el mundo, que defiende que utilizar SaaS, se puede comparar a utilizar Software privativo. 











lunes, 2 de noviembre de 2015

Sistemas de Gestión de Contenidos : CMS (Content Management System) - ( 1 )

Trás aprender a identificarnos a nosotros mismos en Internet y entender en que consiste el sistema de consultas de nombres de dominio, es decir, en qué modo se produce la navegación, proseguimos nuestro viaje ahora por el mundo de los contenidos; aquello que buscamos en la red, como gestionar o utilizar esos contenidos, como publicarlos...Para iniciar este camino, vamos ahora a hablar de los Sistemas de Gestión de Contenidos. 



 ¿ Qué es un Sistema de Gestión de Contenidos ? 

Un software que permite crear, administrar y publicar contenidos en forma de páginas Web.


Permiten hacerlo de una forma rápida y sencilla y sin necesidad de saber cómo están realizadas las páginas Web. No obstante, en este curso lo utilizaremos como paso previo a la creación de páginas Web de forma autónoma por nosotros mismos y partiendo desde cero.
Por tanto un Sistema de Gestión de Contenidos (CMS) es un programa informático que permite crear una estructura de soporte o Framework, para la creación y administración de contenidos, principalmente en páginas Web por parte de los administradores, de los editores y de los participantes y demás usuarios.
Un framework o infraestructura digital, es una estructura conceptual y tecnológica de soporte definido, que posee artefactos concretos de software como soporte de programas, bibliotecas y un lenguaje interpretado, entre otras herramientas, para ayudar así a desarrollar y unir los diferentes componentes de un proyecto, o lo que es lo mismo, sirve de base para la organización y desarrollo de software. Representa pues una arquitectura de software que modela las relaciones de las entidades de dominio y aporta una estructura y una metodología de trabajo para utilizar las aplicaciones del dominio.
Tenemos entonces que un CMS consiste en una interfaz que controla una o más bases de datos donde se aloja el contenido del sitio Web. El Sistema además permite manejar de manera independiente el contenido y el diseño, lo que nos ofrece la posibilidad de darle un diseño distinto al sitio Web en cualquier momento, sin tener que volverle a dar formato al contenido. Permite además la fácil y controlada publicación en el sitio a varios editores.

Hoy en día, existen Sistemas desarrollados tanto en software libre como en software privativo y en ambos casos es necesaria una implantación para poder adaptar el Gestor de Contenidos al esquema gráfico y funcionalidades deseadas.
Nosotros, a largo de nuestro recorrido, utilizaremos "blogger", que es un servicio gratuito de Google que está disponible a través de Internet y que se puede clasificar como un Sistema de Gestión de Contenidos ofrecido bajo la modalidad de Software como Servicio (SaaS: Software as a Service), un servicio de distribución de software donde el programa y los datos que maneja se alojan en Servidores a los que se accede a través de Internet.
Para ciertos Gestores, existen muchas plantillas disponibles que permiten una sencilla implantación de la parte estética por parte de un usuario sin conocimiento de diseño, como por ejemplo "Wordpress" y "Joomla!", que son Gestores con una gran comunidad de Desarrolladores de Plantillas y Extensiones como módulos, complementos, plugins, etc.
Podemos añadir conocimientos sobre todo esto enlazando en Interfaz de Programación de Aplicaciones (API).



Nuevo logo de Wordpress

Tenemos entonces una herramienta muy útil, una aplicación informática que se utiliza para crear, editar, gestionar y publicar contenido digital multimedia en diversos formatos, con capacidad pues, para generar páginas Web dinámicas interactuando con el servidor Web bajo petición del usuario, páginas con el formato predefinido y el contenido extraído de la base de datos del servidor.

Para entender bien lo que significa esto, es interesante enfrentar los conceptos de página Web estática y página Web dinámica. 
El contenido de una página Web o bien está predeterminado como es el caso de una página Web estática, o bien puede ser generado en el momento de visualizarla o al solicitarlo a un servidor Web y entonces tenemos una página Web dinámica. 
Cuando el usuario accede a una página estática, el servidor descarga un simple fichero con un contenido codificado en HTML el cual a continuación se visualiza en su navegador, de manera similar a la descarga de cualquier otro tipo de fichero como por ejemplo, un archivo PDF. El principal problema que esto presenta, es que el proceso no permite ningún tipo de interacción con el usuario, además de que cada vez que se agrega contenido hay que maquetar una nueva página HTML y subirla al servidor Web.
Sin embargo, las páginas dinámicas que se generan en el momento de su visualización, no son un simple documento HTML sino que están creadas en algún lenguaje interpretado, normalmente PHP. Esto es un programa capaz de analizar y ejecutar otros programas y que solo realiza la traducción a medida que va siendo necesaria, instrucción por instrucción y normalmente sin guardar el resultado de esa traducción (se reduce el coste de gestión). El hecho de que sea capaz de analizar y ejecutar otros programas, nos abre la posibilidad a la creación de aplicaciones muy complejas.

Un ejemplo típico de página dinámica es una tienda online, en donde la Web interactúa con el usuario y se hace necesario componer las páginas de manera dinámica :

  1. El usuario busca determinados productos.
  2. La Aplicación realiza una consulta a su base de datos.
  3. Obtiene los resultados y compone con ellos, sobre la marcha, el HTML que corresponde a la lista de productos.
  4. Una vez compuesto dinámicamente el HTML de la página entera, se devuelve al Navegador de la misma manera que si fuese una página HTML estática.
Después de todo lo visto hasta aquí, podemos decir que los Sistemas de Gestión de Contenidos nos permiten gestionar páginas dinámicas bajo un formato estandarizado y como la información donde está almacenada es en el Servidor, se reduce el tamaño de las páginas para descarga, lo que reduce el coste de la Gestión.


Debemos entender pues los CMS como sistemas de soporte para la gestión de contenidos, pero lo que realmente lleva a que esta gestión de contenidos y publicidad se realice de forma efectiva, son las estrategias de comunicación, los Sistemas Informáticos no son mas que servicios de soporte o herramientas necesarias para la publicación en línea.

.../... 

jueves, 15 de octubre de 2015

Direcciones que se emplean para localizar los recursos en la Web: Las URL

Uniform Resource Locator : URL, que traducido al español quiere decir Localizador de Recursos Uniforme                                                              
Esto quiere decir, que cada recurso en la web, tiene una dirección única que está identificada por un código numérico que identifica a un solo recurso.
En el proceso de creación de la Web, Tim Berners Lee lo que hizo fué desarrollar las tres tecnologías fundamentales que hacen posible la Web que son :
En esta entrada del blog, nos ocuparemos del funcionamiento de las URL y lo comenzaremos viendo cual es el formato básico de una URL :
esquema://máquina/directorio/archivo, como por ejemplo:
http://desarrolloweb.dlsi.ua.es/idesweb-29-ed/modulo-01
 A este formato también se le pueden incluir otros datos, como por ejemplo:
esquema://usuario:contraseña@;máquina/ directorio/archivo
 Al igual que podemos incluir el nombre de usuario y la contraseña que nos dan acceso a un ordenador, también podemos incluir el puerto de conexión:
esquema://máquina/puerto/directorio/archivo
También puede ser una combinación de todo lo anterior:
esquema://usuario:contraseña@máquina:protocolo/directorio/archivo
El esquema representa el protocolo, es decir, el mecanismo que se emplea para recuperar un recurso a través de una red de ordenadores. A veces este término también se usa como servicio. Cuando hablamos en el contexto de una URL, son equivalentes.
Los esquemas mas conocidos, podríamos decir que son:

  • HTTP
  • HTTPS
  • FTP 
  • Mailto
  • File
Las URLs, son, pués, un elemento básico de la Web, ya que son las que definen los hiperenlaces o hipervínculos que nos permiten definir el hipertexto de diversas fuentes, es decir, nos permiten relacionar información de diversas fuentes por medio de enlaces.
De todo lo dicho, se extrae una conclusión muy importante que debemos tener en cuenta en la Web y es que, a la hora de definir una URL, debemos ser muy cuidadosos, ya que un sitio web no es algo estático, sino que evoluciona con el tiempo : se modifican las páginas, se eliminan las páginas, se añaden páginas nuevas por lo que cuando se asigna una URL a una página web, esa URL debe ser válida durante toda la existencia de esa página web, porque al modificarla podemos afectar a otras páginas del sitio web ; si una URL deja de ser válida, los visitantes de un sitio web pueden encontrarse con la desagradable sorpresa de que le aparezca en su pantalla el mensaje :
"PÁGINA NO ENCONTRADA : ERROR404"  
 Es por esto que en su momento Tim Berners Lee dijo : "Es el deber de un webmaster asignar URIs que sean capaces de ser válidas durante 2 años, 20 años o 200 años".
Otra peculiaridad de las URL es que, con frecuencia, una URL puede ser muy larga y complicada, por lo puede ser dificil de memorizar, copiar o comunicar. Este problema se soluciona empleando los acortadores de URL, mecanismos que permiten convertir una URL larga en una URL corta. Estos sistemas acortadores de URL se han popularizado debido a la aparición de sistemas como "Twiter", que limitan la longitud de los textos que se pueden escribir (en el caso de Twiter, 140 caracteres). Mencionar que los acortadores de URL mas populares en la actualidad son el de Google, el de bitly y el de owly.
Por último, cabe decir que desde 1994, en los estándares de Internet el concepto de URL(Uniform Resource Locator) se solapa al concepto de URN(Uniform Resource Name), quedando ambos englobados en un concepto mas general : URI(Uniform Resource Identifier) en español Identificador Uniforme de Recurso, aunque el término URL todavía se utiliza ampliamente.



viernes, 9 de octubre de 2015

Camino de las aplicaciones web. ¿Que nos ha proporcionado la evolución del HTML?

Como bien sabemos, cuando a finales de 1990 Tim Berners Lee publicó la 1ª página web de la historia, en el CERN, las páginas web solo tenían texto.Pero eso, a estas alturas, parece que ya ha quedado muy lejos, cuando comparamos los sitios web de hoy en día con aquella 1ª página de la Historia de la Web.
En los 25 años de la Historia de la Web, EL LENGUAJE DE  MARCADO Y ETIQUETADO, HTML, ha evolucionado contínuamente, añadiéndose nuevas características como poder incluir imágenes,tablas o marcos y esto ha permitido dividir las páginas web en varias partes.A medida que esta evolución se ha ido desarrollando, las páginas web contenían cada vez mas imágenes, por lo que se hizo necesaria la incorporación al desarrollo de las páginas web de los diseñadores gráficos, creándose así una nueva disciplina: EL DISEÑO WEB. Si a esto le sumamos que los navegadores web eran cada vez mas potentes y las conexiones a Internet mas rápidas, es fácil de entender que cada vez, las páginas web mostraban mas información.
En un principio, solo servía para leer y además, no existía mucha interacción con otras páginas web, por lo que había un medio de transmisión de información espectacular, pero, con la sensación de estar infrautilizado, teniendo en cuenta las grandísimas posibilidades de comunicación que estas tecnologías podían ofrecernos. había que seguir evolucionándolas para conseguir un mayor grado de interacción entre el usurio y la diversidad de páginas web. Esta necesidad de interacción ha llevado a los desarrolladores web a la creación e implementación de LOS FORMULARIOS (que veremos con detenimiento en una parte mas avanzada del curso), con lo que la web comenzó a cambiar otra vez.
El lenguaje HTML continuó con su desarrollo e incorporó la posibilidad de añadir nuevos tipos de contenido a las páginas web, como audio, vídeo o animaciones y los navegadores web continuaron haciéndose mas veloces y mas potentes.Este es, pués, el caldo de cultivo que ayudó a que las páginas web se transformaran en Aplicaciones Web (Web Apps), que nos permiten realizar, a través de una página web, las mismas tareas que, tradicionalmente y  hasta ese momento, solo era posible realizar mediante un software instalado en un ordenador a partir de un CD-ROM.